/* ------------------------------------------------------ 16:9(标准屏安卓、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/

.content{width:100%;height:100%;position:relative;margin:0px;padding:0px;overflow: hidden;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-color:#bee4ff;}

.floatbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:10;}
.floatboxcontent{width:6.76rem;height:auto;position:absolute;top:50%;left:50%;margin-top:-4.4rem;margin-left:-3.38rem;}
.floatbgbox{width:6.76rem;height:7.85rem;position:relative;margin:0;padding:0;background:url(../images/jyimg/gzhBg.png) no-repeat center center;background-size:100% 100%;margin-bottom:0.5rem;}
img.closefloatbtn{display:block;width:0.74rem;height:0.74rem;position:relative;margin:0 auto;padding:0;}
img.gzhpic{display:block;width:3.2rem;height:3.2rem;position:absolute;top:2.2rem;left:1.8rem;}

.rightbtnbox{width:0.69rem;height:auto;position:absolute;top:0.5rem;right:10px;overflow:hidden;}
.rightItembtn{width:0.69rem;height:auto;position:relative;margin:0;padding:0;margin-bottom:15px;}


.wjdcbox{display:none;}
.wjdcbgbox{width:6.76rem;height:7.85rem;position:relative;margin:0;padding:0;background:url(../images/jyimg/wjBg.png) no-repeat center center;background-size:100% 100%;margin-bottom:0.5rem;}
a.wjlink{display:block;width:2.7rem;height:1.1rem;position:absolute;top:6.2rem;left:2rem;}

.posterbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:1;background:#bee4ff;}
.mapcontent{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:0;opacity:0;}
img.bannerpic{display:block;width:100%;height:auto;position:absolute;top:62%;left:0;transform:translate(0,-50%)}
img.jdlogo{display:block;width:100%;height:auto;position:absolute;left:0;bottom:4%;}
img.startBtn{display:block;width:3.18rem;height:auto;position:absolute;left:50%;margin-left:-1.59rem;bottom:15%;}
img.bannerTxt{display:block;width:100%;height:auto;position:absolute;top:3%;left:0;transform:translate(0,0);}

@media screen and (max-height:2000px){
	img.bannerTxt{display:block;width:100%;height:auto;position:absolute;top:22%;left:0;transform:translate(0,-50%);}	
}

@media screen and (max-height:820px){
	img.bannerTxt{display:block;width:100%;height:auto;position:absolute;top:17%;left:0;transform:translate(0,-50%);}	
}

@media screen and (max-height:720px){
	img.bannerTxt{display:block;width:100%;height:auto;position:absolute;top:15%;left:0;transform:translate(0,-50%);}	
}

@media screen and (max-height:620px){
	img.bannerTxt{display:block;width:100%;height:auto;position:absolute;top:3%;left:0;transform:translate(0,0);}	
}
.fingerwrap{width:100%;height:auto;position:absolute;top:46%;left:0;overflow:hidden;}
img.fingertstxt{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.tsfinger{display:block;width:0.7rem;height:auto;position:absolute;top:5%;left:10%;transform:translate3d(0,50%,0);}	
.tsfingerTran{transition:all 1s linear;}
.fingerflash{
	animation:flash 2s  2;
	-webkit-animation:flash 2s  2;
	-moz-animation:flash 2s  2;
	}
@keyframes flash{
	0%{left:10%;opacity:1;}			 
	90%{left:80%;opacity:0; }	  
	100%{left:80%;opacity:0; }	  
}
@-webkit-keyframes flash{
	0%{left:10%;opacity:1;}			 
	90%{left:80%;opacity:0; }	  
	100%{left:80%;opacity:0; }	 
}
@-moz-keyframes flash{
	0%{left:10%;opacity:1;}			 
	90%{left:80%;opacity:0; }	  
	100%{left:80%;opacity:0; }	 
}

.usets{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);}
.tishibox{width:6.76rem;height:7.84rem;position:absolute;top:44%;left:0.37rem;margin-top:-3.92rem;}
img.tspic{display:block;width:100%;height:100%;position:relative;margin:0;padding:0;}
img.tishistartbtn{display:block;width:4.4rem;height:0.94rem;position:absolute;left:1.18rem;top:6rem;}

#empty{width:100%;height:100%;position:absolute;top:0;left:0;}
.audiobox{width:100%;height:3rem;position:absolute;left:0;bottom:0;}
.playbtnbox{width:1rem;height:1rem;position:relative;margin:0 auto;padding:0;overflow:hidden;margin-bottom:0.4rem;}
img.playbtn{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
img.pausebtn{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.controlbox{width:100%;height:24px;position:relative;margin:0;padding:0;}
.controlbarbox{width:4.4rem;height:16px;position:absolute;top:0;left:1.55rem;}
.timeleft{position:absolute;top:3px;right:6.2rem;font-size:14px;line-height:12px;color:#ffffff;}
.timeright{position:absolute;top:3px;left:6.2rem;font-size:14px;line-height:12px;color:#ffffff;}
#cbar{display:block;-webkit-appearance: none;border-radius:0;width:100%;height:4px;position:absolute;top:6px;left:0;background:none;}
.barbg{width:100%;height:8px;position:absolute;top:4px;left:0;background:#ffffff no-repeat center center;background-size:100% 100%;border-radius:4px;}
.listenbar{width:0%;height:100%;position:absolute;top:0;left:0;}

.lbtxt1{display:block;width:100%;height:auto;position:absolute;top:0;left:0;}
.lbtxt2{display:block;width:100%;height:auto;position:absolute;bottom:0;left:0;}

#mapbox{width:auto;height:100%;position:absolute;top:0px;left:0px;background:url(../images/jyimg/map-s.jpg?v=1);background-size:100% 100%;transform:translate3d(0,0,0)}

#cbar::-webkit-slider-thumb {
	  -webkit-appearance: none;
	  cursor: default;
	  height: 0.4rem;
	  width: 0.4rem;
	  border: 0 none;
	  
	  background: url("../images/jyimg/arc.png?v=1");
	  background-size: 100% 100%;
	}
#cbar::-moz-slider-thumb {
	  -webkit-appearance: none;
	  cursor: default;
	  height: 0.4rem;
	  width: 0.4rem;
	  border: 0 none;
	  
	  background: url("../images/jyimg/arc.png?v=1");
	  background-size: 100% 100%;
	}	

.linstnallow{display:none;width:80%;height:auto;position:absolute;top:35%;left:10%;padding:15px;box-sizing:border-box;z-index:1000;color:#ffffff;font-size:0;text-align:center;border-radius:0.1rem;line-height:0.4rem;}
.linstnallow img{width:100%;height:auto;margin:0;padding:0;}