body {
	 background-color: #f2f2f2;
 }

 .top-search{
	 margin-bottom: 10px;
 } 
 .top-search img{
	 width: 100%;
	 height: 200px;
 }
 .top-search .top-search-home{
 	 position: absolute;
 	 top: 15px;
 	 right: 6%;
 }
 .top-search .top-search-home a{
 	 color: #2e2ed0;
	 margin-right: 15px;
 }
 .top-search .top-search-input{
 	 width: 25%;
 	 position: absolute;
 	 top: 8%;
 	 left: 20%;
 	 min-width: 300px;	 
 }
 .top-search-input span{
 	 position: absolute;
 	 left: -40px;
 	 top: 7px;
 	 font-size: 24px;
 	 color: #015293;
 	 font-weight: bold;
 }
 
 .top-search-input input{
 	 border-radius: 40px;
 	 height: 50px;
 	 width: 300px;
 }
 
 .top-search-input .search-btn{
 	 position: absolute;
 	 right: -15px;
 	 top: 15px;
 	 display: block;
 	 width: 30px;
 	 height: 30px;
 }

 .layui-fluid {
	 width: 90%;
	 padding: 15px
 } 
 
 
.fluid-bg {
 	 background: #fff;
 }
 
 .search-title{
	 background-color: transparent;
	 font-weight: bold;
	 font-size: 18px;
	 border-left-color: #1e9fff;
 }
  .search-title a{ 
	  float: right;
  }
 .searchControl{
	 background: #fff;
	 margin-bottom: 30px;
	 padding: 20px;
 }
 .searchItem{
	 margin: 15px 10px;
 }
  .searchItem label{
	  margin-right: 10px;
  }
 
 
 .cmdlist-container {
	 background: #fff;
	 border: 1px solid transparent;
 }

 .cmdlist-container:hover {
	 border: 1px solid #e8e8e8;
 }
 

 .cmdlist-text {
	 margin: 10px;
	 padding: 8px 15px;
	 border: 1px dashed #ccc;
 }


 .cmdlist-text .title {
	 height: 30px;
	 font-size: 16px;
	 line-height: 30px;
	 width: 100%;
	 overflow: hidden;
	 color: #5F5F5F;
	 margin: 6px 0px;
 }
 
 .cmdlist-text .info { 
 	 font-size: 14px; 
 	 width: 100%;
 	 color: #9d9d9d;
 	 margin: 6px 0px;
 	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
 }

 
 .cmdlist-text .date-info {
	color: #cf5757;
 }
 

 .pageControl {
	 margin-top: 30px;
	 text-align: center;
}

.dtl-title{
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
}

.dtl-title-top{
	margin-top: 15px;
	font-weight: bold;
	font-size: 20px;
}

.dtl-title-bottom{
	margin-top: 15px;
	color: #a19797;
}
.dtl-title-time{
	margin-right: 30px;
}

.dtl-content{
	border-bottom: 1px solid #e8e8e8;
}
.dtl-content div{
	margin: 12px;
}
.dtl-content-top{
	color: #a19797;
}
.dtl-content-bottom li{
	margin:8px 0px;
}
.dtl-content-btn{
	margin: 20px;
	text-align: center;
}
.layui-form-btn{
	margin: 30px;
	text-align: center;
} 


.index-top{
	 height: 95vh;
	 background-image: url(../static/images/db_bg2.png);
	 background-size: cover;
	 position:relative;
 }

 .index-top-title{
	 padding-top: 100px;
	 text-align: center; 
	 font-weight: 600;
	 color: #fff;
 }
 .top-title-lg{
	 font-size: 4rem;
 }
 .top-title-sm{
 	 font-size: 2rem;
 }
 
 .large-transp-btn{
	 width: 25rem;
	 height: 9rem; 
	 display: inline-block;
	 margin-right: 60px;
	 /* 	 justify-content: center;
	 	 align-items: center; */
	 background: linear-gradient(146deg, rgb(162 201 236 / 50%), rgb(96 173 241 / 80%));
	 box-shadow: 0 8px 24px 0 rgba(0,0,0,.05);
	 cursor: pointer; 
	 border: 0.0625rem solid #fff;
	 border-radius: 0.8rem; 	 
 }
 .large-transp-left{
	 float: left;
	 width: 30%;
	 margin-top: 15px;
 }
 
 .large-transp-right{
	 text-align: left;
 	 float: left;
 	 width: 69%;
	 margin-top: 35px;
 }
 
 .large-transp-btn h1{
	 font-size: 2rem; 
	 font-weight: 600;
	 color: #fff;
 }
 
 .large-transp-btn p{
 	 color: #fff;
 }
 
 .index-top-btn{
	 width: 100%;
	 text-align: center;
	 position: absolute;	     
	 top: 40%;
 }
 
 .index-bottom{
	 height: 400px;
	 background-image: url(/static/images/db_bg2.png); 
	 margin-top: 150px;
	 padding: 20px 8%;
 }
 
 .index-bottom-title{
	 font-size: 2rem;
	 text-align: center;
	 color: #fff;
	 margin: 30px 0px;
	 
 }
 .index-bottom-content{
 	 font-size: 1.2rem;
 	 text-align: left;
 	 color: #fff;
	 line-height: 2.875rem;
	 text-indent: 2em;
 }