@charset "utf-8";
/* CSS Document */
body {
	background: #e9eaeb;
	background-size: 100%;
	font-family: "微软雅黑";
	font-size: 13px;
	margin: 0;
	padding: 0px
}
.font12 {
	font-size: 8px;
	font-weight: normal;
	margin: 0;
	padding: 0
}
a{ color:#333; text-decoration:none; display:inline-block}
.clear {
    clear: both
}
@keyframes ran {
from {
backgroud-position: 0 0;
}
to {
    background-position: 2000px 0;
}
}

.Hometitlebox {
	box-shadow: 0 0 40px rgba(0,0,0,.05);
	line-height: 52px;
	overflow: hidden;
	background:#257bec; color:#fff
}
p {
	margin: 0;
	padding: 0
}

.clear {
	clear: both
}
.wfbox {
	margin: 0 auto;
	color: #333;
}
.wfbox dl {
	background: #fff;
	overflow: hidden;
	padding:  0; margin:0;
	margin-bottom: 10px;
	box-shadow: 0 1px 5px 0px rgb(115 108 203 / 23%)
}
	border-radius: 5px; padding-bottom:0;
}
.aui-hide {
	display: none !important;
}


.aui-tab {
	position: relative;
	    background: #f9f9fd;
    border-radius: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-self: center;
	align-self: center; border-bottom:1px solid #e9eaeb
}
.aui-tab-item i {
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.aui-tab-item {
	 padding:0 10px;
line-height: 40px;
	position: relative;
	font-size: 1rem;
	color: #555; cursor:pointer;
	margin-left: -1px;
	-webkit-box-flex: 1;
	box-flex: 1;
}
#tab1-con1{ margin-top:-2px}
.aui-tab-item.aui-active {
	color: #2c6dd2;
	border-bottom: 2px solid #2c6dd2;
}
.margin0{ margin-bottom:0 !important}
.wfbox dl.wfdl dd {
	float: left;
}
.Hometitlebox .timg img{ width:40px; height: 40px;
    border-radius: 50% !important; margin-right:10px;

}
.Hometitlebox  a {
    color: #2962FF; text-decoration:none
}
.wfbox dl dd {
	float: left;
	padding: 6px 10px; padding-right: 20px;
	margin: 10px 0px; margin-left:10px;
	cursor:pointer;
	background:#f4f5f8;
	font-size: 14px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	text-align: left;
	border-radius: 3px;
	border:1px solid #eaeaea; cursor:pointer;
}
.wfbox dl dd:hover{ border:1px solid #199bf3; color:#199bf3}
.wfbox dl dd:hover a{  color:#199bf3}
.wfbox dl dd i {
	margin: 0 5px;
	font-size: 22px;
	color:#fff
}
.width25 {
	width: 15%
}
.width21 {
	width: 21%
}
.width21 dd {
	width:86% !important
}
.width25 dd {
	width: 80% !important
}
.width50 dd {
	width: 28.5% !important
}
.width50 {
	width: 55%
}
.width50 dd {
	float: left
}
.wfbox dl.wfdl {
	color: #333
}
.wfbox dl dt i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}
.wfbox dl dt {
	clear: both;
	font-size: 1rem;
	margin: 0;
	color: #333;
	border-bottom:1px solid #e9eaeb;
	padding:0 10px ;
	line-height: 36px;
}
.wfbox dl dt span{display:inline-block;line-height: 36px; border-bottom: 2px solid #199bf3; }
.wfbox dl dt span img{margin-right: 1px; position: relative; top:4px}
.bgtd {
	background: linear-gradient(-45deg, #177dff, #3641a0) !important;
	padding: 10px
}
.bgtd i {
	font-size: 20px;
	margin-right: 6px;
	position: relative;
	top: 3px
}
.wfbox .wfmian {
	width: 100%;
	overflow: hidden
}
.wfbox .wfmian dl {
	overflow-y: auto; height:54vh;
}
.margin-r {
	margin-right: 10px !important
}

.wfbox .wfmian dl dd {
	display: block
}

.wfspan {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius:5px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	margin-right: 10px;
}
.bg1 {
	background: #52bcf7
}
.bg2 {
	background: #65ce65
}
.bg3 {
	background: #f49d47
}
.bg4 {
	background: #32b16c
}
.bg5 {
	background: #12b4b0
}
.bg6 {
	background: #00b6ee
}
.bg7 {
	background: #f39800
}
.bg8 {
	background: #eb6100
}
.bg10 {
	background: #e22b2b
}
.bg11 {
	background: #8957a1
}
.bg12{
	background: #238ccd
}
.bg13{
	background: #ec6941
}
.bg14{
	background: #448aca
}
.bg9 {
	background: rgba(158, 158, 158, 0.5)!important;
	cursor: not-allowed!important;
	pointer-events:none
}
.ddwidht dd{ width:22% !important}
a:hover{ color:#03C}
.width15 {
	width: 10%!important
}
.wfbox dl.aju-box  dd{width:14% !important;
}
.wffoot{ padding:10px 0; text-align:center; background:#f1f3fa; color:#4c556b; position:fixed; width:100%; bottom:0}
.yc_icon{ float:right}
.wfbox dl dd .yc_icon i{ font-size:14px; color:#999}

.zj_title h2 {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin: 6px;
    justify-content: center;
    padding: 10px 3px;
    background: url(../img/h2_bg.png) no-repeat bottom center;
}

.zj_title h2 img {
    margin-right: 3px;
}
.headbox{position: relative;}
.Search_container{ position: absolute; right:60px; top: 30px;}
.Search_container .search {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 36px;
	height:36px;
	background: #2fa5f4;
	border-radius:6px;
	transition: all 1s;
	z-index: 4;
  }
  .Search_container .search:hover {
	cursor: pointer;
  }
  .Search_container .search::before {
	content: "";
	position: absolute;
	margin: auto;
	top: 10px;
	right: 0;
	bottom: 0;
	left: 10px;
	width: 6px;
	height: 2px;
	background: white;
	transform: rotate(45deg);
	transition: all .5s;
  }
  .Search_container .search::after {
	content: "";
	position: absolute;
	margin: auto;
	top: -5px;
	right: 0;
	bottom: 0;
	left: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid white;
	transition: all .5s;
  }
  .Hometitlebox {
	box-shadow: 0 0 40px rgba(0,0,0,.05);
	overflow: hidden; 
	background:#Fff;
}

.wfalltitle img {
	float: left;
	width:300px; padding:5px 8px; padding-top: 8px;
}
.wfalltitle .f_r {
	float: right;
	line-height: 20px;
	font-size: 12px;
	color: #777;
	margin-top:5px; padding-right: 20px;
	font-weight:normal
}

.wfbox dl .dd_hover:hover{ border:1px solid #199bf3; color:#199bf3}
.wfbox dl .dd_hover:hover a{  color:#199bf3}
.wfbox dl .dd_hover:hover{ border:1px solid #f7c861; color:#f7c861}
.wfbox dl .dd_hover:hover a{  color:#f7c861; position: relative;}
.wfbox dl .dd_hover:hover a:after{content:"待开发"; background: #fff; position:absolute; border:1px solid #ddd;color: #333; top:-15px; left: 50%; padding: 3px;}
@media screen and (min-width:1400px) and (max-width: 1800px) {
.wfbox dl dt {
	font-size: .9rem!important;
}
.wfspan {
    width: 35px; 
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    margin-right: 10px;
}
.wfbox dl dd {
	font-size: 12px !important;
		
		
}

.width25  dl dd {
	width: 72% !important
}


.wfalltitle {
	font-weight: 600; padding-left:15px;
	font-size: 1.2rem;
}
.width50 dd {
	width: 27% !important;
}

.wfalltitle {

	margin: 0 auto;
	
}.wfbox dl dd a{  display: inline-flex;justify-content: flex-start; align-items:center }
#tab1-con2 .width50 dd{ height:40px}
.wfbox dl.aju-box  dd{width:auto !important;
    padding-right: 20px;
}

}
@media screen and (min-width:800px) and (max-width: 1400px) {
	.wfbox dl dt {
		font-size: .9rem!important;
	}
	.wfspan {
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin: 0 auto;
		margin-right: 10px;
	}
	.wfbox dl dd {
		font-size: 12px !important;
		padding: 5px;
		margin: 5px ;
			
			
	}.wfspan {
		margin-right: 5px;
	}
	.width21  dl dd {
		width:86% !important
	}
	
	
	
	.wfalltitle {
		font-weight: 600; padding-left:15px;
		font-size: 1.2rem;
	}
	.width50 dd {
		width: 29% !important;
	}
	
	.wfalltitle {
	
		margin: 0 auto;
		
	}.wfbox dl dd a{  display: inline-flex;justify-content: flex-start; align-items:center }
	#tab1-con2 .width50 dd{ height:40px}
	.wfbox dl.aju-box  dd{width:auto !important;
		padding-right: 20px;
	}
	.zj_title h2 {
		font-size: 14px;
		margin: 6px;
		padding: 5px 3px;
	}.wfbox dl dt {
		line-height: 30px;
	}
	.wfbox dl dt span{
		line-height: 30px;
	}
	}