.dzcontainer {
            height: 100%;
            /* background-color: pink; */
            margin: 0 auto;
			border: 1px solid #838383;
			background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.4) 10%, rgba(167, 166, 166, 0.6) 90%, rgba(150, 148, 148, 0.8) 95%, rgb(175, 173, 173) 100%);
        
        }
/*期待*/
.loadingDiv{
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: -1;
    display: flex;
    background-color: rgba(0,0,0,.2);
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    display: none;
}
.loadingDiv img{
    display: block;
}


       
 .tableResult {
 	 display: none;
 }
 .dz_show {
     width: 100%;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 30px;
	 background-color: #9f9b9b;
 }
 .dz_show h1 {
    font-size: 36px;
    font-weight: bold;
    margin-top: 28px;
    margin-bottom: 1px;
    color: #fff;
}
 .dz_show1 {
     width: 100%;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 45px;
	 display: flex;
	 /* height: 100px; */
 }
 .dz_show1 .dz_InputBigBox {
    height: 47px;
    line-height: 30px;
    width: 640px;
    margin: 0 auto;
}

 
 .dz_show3 {
    /* height: 50px; */
    clear: both;
	width: 30%;
}
 .dz_show3 .dz_title {
    height: 100px;
    width: 130px;
    line-height: 140px;
    border: 1px solid #ccc;
    text-align: center;
    /* margin-top: 2px; */
    font-size: 20px;
    color: #000;
}
 .dz_show4 {
     width: 40%;
     text-align: center;
     /* margin: 0 auto; */
     /* margin-bottom: 20px; */
	 /* background-color: #6a6a74; */
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: center;
	 flex-wrap: nowrap;
 }
 .dz_show4 .dz_inputBox {
     height: 47px;
     border: 1px solid #8b8b8b;
     float: left;
     width: 69%;
 
 }
 
 .dz_show4 .dz_span {
     height: 47px;
     border: 1px solid #8b8b8b;
     float: left;
     width: 29%;
	 background: #9f9b9b;
	 color: #fff;
 
 }
 
  .dz_show4 .dz_inputBox input {
     border: 0;
     outline: none;
     height: 45px;
     width: 221px;
     margin-left: 0px;
     font-size: 14px;
 }
 
  .dz_show4 .dz_inputBtn {
     float: left;
     height: 97%;
     /* line-height: 3; */
     font-size: 14px;
     width: 100%;
     text-align: center;
     background: #9f9b9b;
     color: #fff;
     cursor: pointer;
	 display: flex;
     align-items: center;
	 justify-content: center;
	     text-align: center;
	     border-width: medium;
	     /* border-style: double; */
	     border-color: rgb(215 198 216);
		 border: 1px solid #000;
	 
 }
 .dz_show4 .dz_inputSend {
     float: left;
     height: 97%;
     /* line-height: 3; */
     font-size: 14px;
     width: 100%;
     text-align: center;
     background: #9f9b9b;
     color: #fff;
     cursor: pointer;
 	 display: flex;
     align-items: center;
 	 justify-content: center;
 	     text-align: center;
 	     border-width: medium;
 	     /* border-style: double; */
 	     border-color: rgb(215 198 216);
		 border:1px solid #000; 
		 border-top:none;
 	 
 }
   .dz_show4 .dz_inputBtn span {
	   text-align: center;
	   border-width:medium;
	   
	   border-style:double;
	   
	   border-color:rgb(215 198 216);
   }
   .dz_show4 .dz_inputSend span {
   	   text-align: center;
   	   border-width:medium;
   	   
   	   border-style:double;
   	   
   	   border-color:rgb(215 198 216);
   }
 
 .dz_show41 {
	 width: 70%;
 	 display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
 }
 .dz_show42 {
 	 width: 30%;
 	 display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    justify-content: space-around;
	flex-direction: column;
 }
 .dz_red {
     color: red !important;
 }
 
  .dz_display {
     display: inline-block;
     width: 180px;
     height: 30px;
     line-height: 30px;
     vertical-align: middle;
	 text-align: left;
 }
 
 .dz_display_title {
     display: inline-block;
     width: 182px;
     height: 30px;
     line-height: 30px;
     vertical-align: middle;
	 text-align: left;
 }
 
 .dz_display_title_pdf {
     display: inline-block;
     width: 267px;
     height: 30px;
     line-height: 30px;
     vertical-align: middle;
	 text-align: left;
 }
 
  .dz_errorTitle {
     text-align: center;
     font-size: 18px;
     display: none;
     margin-top: 20px;
 }
 .dz_pwdTitle {
     text-align: center;
     font-size: 18px;
     /* display: none; */
     margin-top: 20px;
 }
 
 .dz_show5 {
     width: 100%;
     text-align: center;
     /* margin: 0 auto; */
     /* margin-bottom: 20px; */
 	 /* background-color: #6a6a74; */
 	 display: flex;
 	 flex-direction: row;
 	 justify-content: flex-start;
 	 align-items: center;
 	 flex-wrap: nowrap;
 }
 
 .savePdf {
	 cursor: pointer;
 }
 .savePdf:hover {
	color: #ff0000;
 }

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .325em;
  text-align: center;
}

table th {
  font-size: .65em;
  letter-spacing: .1em;
  /* text-transform: uppercase; */
}

 /* 1. 超幼屏幕下  幼于 768  布局容器的宽度为 100% */
        
        @media screen and (max-width: 767px) {
            .dzcontainer {
                width: 100%;
            }
			
			table {
			  border: 0;
			}
			
			table caption {
			  font-size: 1.3em;
			}
			
			table thead {
			  display: none;
			}
			
			table tr {
			  display: block;
			  margin-bottom: 10px;
			}
			
			table td {
			  position: relative;
			  border-bottom: 1px solid #ddd;
			  display: block;
			  font-size: .8em;
			  text-align: right;
           height: 25px;
			}
			
			table td::before {
			  /*
			  * aria-label has no advantage, it won't be read inside a table
			  content: attr(aria-label);
			  */
			  position: absolute;
			  left: 10px;
			  content: attr(data-label);
			  font-weight: bold;
			  text-transform: uppercase;
			}
			
			table td:last-child {
			  border-bottom: 0;
			}
			
			.dz_show1 {
			     width: 100%;
			     text-align: center;
			     margin: 0 auto;
			     margin-bottom: 45px;
				 display: flex;
				 flex-direction: column;
				 /* height: 100px; */
			 }
			 .dz_show1 .dz_InputBigBox {
			    height: 47px;
			    line-height: 30px;
			    width: 640px;
			    margin: 0 auto;
			}
			
			 
			 .dz_show3 {
			    /* height: 50px; */
			    clear: both;
				width: 30%;
			}
			 .dz_show3 .dz_title {
			    height: 100px;
			    width: 130px;
			    line-height: 140px;
			    border: 1px solid #ccc;
			    text-align: center;
			    /* margin-top: 2px; */
			    font-size: 20px;
			    color: #000;
			}
			 .dz_show4 {
			     width: 100%;
			     text-align: center;
			     /* margin: 0 auto; */
			     /* margin-bottom: 20px; */
				 /* background-color: #6a6a74; */
				 display: flex;
				 flex-direction: row;
				 justify-content: flex-start;
				 align-items: center;
				 flex-wrap: wrap;
				 margin-top: 10px;
			 }
			 .dz_show4 .dz_inputBox {
			     height: 47px;
			     border: 1px solid #838383;
			     float: left;
			     width: 69%;
			 
			 }
			 
			 .dz_show4 .dz_span {
			     height: 47px;
			     border: 1px solid #838383;
			     float: left;
			     width: 29%;
				 background: #9f9b9b;
				 color: #fff;
			 
			 }
			 
			  .dz_show4 .dz_inputBox input {
			     border: 0;
			     outline: none;
			     height: 45px;
			     width: 99%;
			     margin-left: 0px;
			     font-size: 14px;
			 }
			 
			  .dz_show4 .dz_inputBtn {
			     float: left;
			     height: 100%;
			     /* line-height: 3; */
			     font-size: 16px;
			     width: 100%;
			     text-align: center;
			     background: #9f9b9b;
			     color: #fff;
			     cursor: pointer;
				 display: flex;
			     align-items: center;
				 justify-content: center;
				 margin-top: 10px;
				 border: 1px solid #000;
				 
			 }
			 .dz_show4 .dz_inputSend {
			     float: left;
			     height: 100%;
			     /* line-height: 3; */
			     font-size: 16px;
			     width: 100%;
			     text-align: center;
			     background: #9f9b9b;
			     color: #fff;
			     cursor: pointer;
			 	 display: flex;
			     align-items: center;
				 justify-content: center;
				 margin-top: 10px;
				 border:1px solid #000;
				 border-top:none;
			 				 
			 }
			   .dz_show4 .dz_inputBtn span {
				   text-align: center;
				   border-width:medium;
				   
				   border-style:double;
				   
				   border-color:rgb(215 198 216);
			   }
			   .dz_show4 .dz_inputSend span {
			   				   text-align: center;
			   				   border-width:medium;
			   				   
			   				   border-style:double;
			   				   
			   				   border-color:rgb(215 198 216);
			   }
			 
			 .dz_show41 {
				 width: 100%;
			 	 /* background-color: #6a6a74; */
			 	 display: flex;
			    align-content: space-around;
			    flex-wrap: wrap;
			    flex-direction: row;
			    justify-content: space-around;
			 }
			 .dz_show42 {
			 				 width: 100%;
			 	 /* background-color: #6a6a74; */
			 	 display: flex;
			    align-content: space-around;
			    flex-wrap: wrap;
			    flex-direction: row;
			    justify-content: space-around;
			 }
			 .dz_show5 {
			     width: 100%;
			     text-align: center;
			     /* margin: 0 auto; */
			     /* margin-bottom: 20px; */
			 	 /* background-color: #6a6a74; */
			 	 display: flex;
			 	 flex-direction: column;
				 justify-content: flex-start;
				 align-items: flex-start;
				 flex-wrap: wrap;
				 align-content: flex-start;
			 }
        }
        /* 2. 幼屏幕下  大于蹬宗768  布局容器改为 750px */
        
        @media screen and (min-width: 768px) {
            .dzcontainer {
                width: 750px;
            }
			.dz_show4 {
			    width: 405px;
			}
			.dz_show5 {
			    width: 100%;
			    text-align: center;
			    /* margin: 0 auto; */
			    /* margin-bottom: 20px; */
				 /* background-color: #6a6a74; */
				 display: flex;
				 flex-direction: column;
							 justify-content: flex-start;
							 align-items: flex-start;
							 flex-wrap: wrap;
							 align-content: flex-start;
			}
			
        }
        /* 3. 中等屏幕下 大于蹬宗 992px   布局容器批改为 970px */
        
        @media screen and (min-width: 992px) {
            .dzcontainer {
                width: 970px;
            }
			.dz_show4 {
			    width: 405px;
			}
			.dz_show5 {
			    width: 100%;
			    text-align: center;
			    /* margin: 0 auto; */
			    /* margin-bottom: 20px; */
				 /* background-color: #6a6a74; */
				 display: flex;
				 flex-direction: column;
							 justify-content: flex-start;
							 align-items: flex-start;
							 flex-wrap: wrap;
							 align-content: flex-start;
			}

        }
        /* 4. 大屏幕下 大于蹬宗1200 布局容器批改为 1170 */
        
        @media screen and (min-width: 1200px) {
            .dzcontainer {
                width: 1170px;
            }
			.dz_show4 {
			    width: 473px;
			}
			.dz_show5 {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: flex-start;
				flex-wrap: wrap;
				align-content: flex-start;
			}
        } 














/* general styling */
body {
  /* font-family: "Open Sans", sans-serif;
  line-height: 1.25; */
}<!--耗时1776089246.2524秒-->