body,html{width:100%;height:100%;padding:0;margin:0;position: relative;}

.bj{position: absolute;
	width:100%;height: 100%;
	top: 0%;left: 0%;
	background-image:linear-gradient(to top,#69BBEC,#0076FE);
}


.dlw{position: absolute;
      width:900px;height:550px;
      top: 50%;left: 50%;
      margin:-275px 0px 0px -450px;
      box-shadow: 0px 0px 20px 20px #1B77B5 inset;
      border-radius: 5px;
    }

 .dlw1{position: absolute;
       width: 100%;height:10%;
       top:100%;left: 0%;
       color: #fff;font-size:20px;
       text-align: center;letter-spacing:2px;/*字左右间距*/
       line-height: 42px;
       display: table;
    }

.dlw2{position: absolute;
  width:800px;height:450px;
  top: 50%;left: 50%;
  margin:-225px 0px 0px -400px;
  border-radius: 5px;
  background: #4F5AB7;
  box-shadow: 0px 0px 10px 10px #3EAAED inset; 
    }

.datec{
  position: absolute;
  width: 100%;height: 30%;
  left: 0%;top:0%;display: table;
  letter-spacing:4px;letter-spacing:10px;/*字左右间距*/
  font-size: 40px;color: #FFFF00;text-align: center;
}
.datea{
  position: absolute;
  font-weight: bolder;
  width:80%;height:40%;letter-spacing:4px;/*字左右间距*/
  top:30%;left: 10%;display: table;
  box-shadow: 0px 0px 10px 10px #3EAAED inset; 
  border-radius: 10px;
  color: #FFF;font-size:40px;text-align: center;
    }
.dateb{
  position: absolute;
  width:100%;height:30%;display: table;
  top:70%;left: 0%;
  letter-spacing:2px;/*字左右间距*/
  color: #FFF;font-size:30px;text-align: center;
    }






div#dl{position: absolute;
	width:800px;height:450px;
	top: 50%;left: 50%;
	margin:-225px 0px 0px -400px;
	border-radius: 5px;
	background: #127FC4;

    }



.dl1{position: absolute;
	width: 100%;height:30%;
	top: 0%;left: 0%;
	font-size:50px;color: #F4FDFE;text-align: center;line-height:72px; letter-spacing:3px;/*字左右间距*/
  display: table;
   }
  .dl1-1{position: absolute;
	width:30px;height:30px;
	top: 50%;left: 15%;margin-top: -15px;
	border-radius: 50%;
	background:#00C74C;
  display: table-cell;vertical-align: middle;
   }
  .dl1-2{position: absolute;
  width:60%;height:100%;
  top:0%;left:20%;
  display: table;
   }
  .dl1-3{position: absolute;
	width:30px;height:30px;
	top: 50%;right: 15%;margin-top: -15px;
	border-radius: 50%;
	background:#00C74C;
  display: table-cell;vertical-align: middle;
   }




 .dl2{position: absolute;
	width: 100%;height:55%;
	top:30%;left: 0%;
   }

  .tx{position: absolute;
  	top:0%;left: 20%; 
  	width:20%;height:100%;
  	font-size: 25px;color: #fff;text-align: center;
  	 }
   .inp{position: absolute;
   	margin: 0px;padding:0px;
   	border-width: 0px;box-sizing: border-box;
  	top:20%;left: 40%; 
  	width:40%;height:60%;
  	font-size:30px;line-height:150%;color: #0185CC;text-align: center;color: red;
  	box-shadow: 0px 0px 1px 1px #172C1C inset; }



  	#btn1{position: absolute;
  		width:150px;height:40px;
  		top:55%;left: 20%;
  		letter-spacing:2px;/*字左右间距*/
  		background: #5DCA00;
  		color: #fff;
  		border-color: #FFF;font-size: 20px;
  	}#btn1:hover{background: #1964CC;}

  	#btn2{position: absolute;
  		width:150px;height:40px;
  		top: 55%;right: 20%;
  		letter-spacing:2px;/*字左右间距*/
  		background: #6F4F9D;
  		color: #fff;
  		border-color: #FFF;font-size: 20px;
  	}#btn2:hover{background: #795833;}
    #btn3{position: absolute;
      width:150px;height:40px;
      bottom: 5%;left: 50%;
      margin-left: -75px;
      letter-spacing:2px;/*字左右间距*/
      background: #B38400;
      color: #fff;
      border-color: #FFF;font-size: 20px;
    }#btn3:hover{background: #795833;}


  	.dl3{position: absolute;
	width: 100%;height:15%;
	bottom: 0%;left: 0%;
       color: #fff;font-size:22px;text-align: center;letter-spacing:1px;/*字左右间距*/
       padding:0px 20px 0px 20px;box-sizing: border-box;
       display: table;
  	}









#dltz{position: absolute;
	width:800px;height:400px;
	top: 50%;left: 50%;
	margin:-200px 0px 0px -400px;
	background: #fff;letter-spacing:3px;/*字左右间距*/
    }

.dltz-1{position:absolute;width: 80%;height: 50%;left: 10%;top:  0%;font-size: 25px;text-align: left;letter-spacing:2px;/*字左右间距*/}
.dltz-2{position:absolute;width: 100%;height: 50%;left: 0%;top: 50%;font-size: 30px;text-align: center;font-weight: 900;letter-spacing:3px;/*字左右间距*/}



#btn0{position: absolute;
  		width:158px;height:48px;
  		bottom:15px;left: 50%;
      margin: 0px 0px 0px -80px;
  		border: 1px ridge #00B0F9;
  		color: #000;font-size: 20px;text-align: center;
      background: #CFCFCF;
      letter-spacing:4px;/*字左右间距*/ 		
  	}#btn0:hover{background: #1964CC;color: #FFF;border-color: #000;}










.bz{position: absolute; display:none;
  width: 0px;height: 0px;
  box-shadow: 0px 0px 30px 30px #FF0000;
  z-index: 100;border-radius: 50%;
  background-image:radial-gradient(150px 150px at center center,#FFFFFF,  #FFFF00,  #FF0000);/*从中间颜色逐渐扩散*/
}
.lh{position: absolute; display: none;
  bottom:0%;
  width: 30px;height: 50px;
  box-shadow: 0px 0px 10px 10px #00FFFF;
  z-index: 100;
  border-radius: 60%;
  background-image:radial-gradient(25px 45px at center center,#FF0000,#FFFF00,#FFFFFF);/*从中间颜色逐渐扩散*/
}

.ht{
  position: absolute; 
  z-index: 10000;display: none;
  width:100px;height:40px;
  top: 20%;
  font-size: 0px;text-align: center;
  line-height: 0px;
  letter-spacing:10px;/*字左右间距*/
  /*box-shadow: 0px 0px 1px 1px red inset;*/
}






.xhz{
  display: block;
  position: absolute;
  width:920px;height:550px;
  left:50%;top:50%;
  margin:-275px 0px 0px -460px;
  z-index: 100;
  box-shadow: 0px 0px 20px 20px #203C99 inset;
  background-image:linear-gradient(to top,#0154B0,#9FEBFA);
  border-radius: 20px;
}


#xhzbtn1{
  position: absolute;width:150px;height: 50px;bottom:40px; color: #fff;font-size:25px;
  border-radius:5px;border-color: #fff;left:250px; background: #5A21DC;
}
#xhzbtn1:hover{background: #69482B;border-color: #000;}
#xhzbtn2{
  position: absolute;width:150px;height: 50px;bottom:40px; color: #fff;font-size:25px;
  border-radius:5px;border-color: #fff;right:250px;background: #465f48;
}
#xhzbtn2:hover{background: #69482B;border-color: #000;}