body {
	background: #f0f4f8 !important;
	color: #333
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
 ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }
.head2 {
	height: 74px;
	background: url(../images/headbg.png) no-repeat left center;
	background-size: 100% 100%;
	position: relative;
	padding: 0;
	margin: 0
}
.head2 .pageTit a {
	display: block;
	background: url(../images/headtitle2.png) no-repeat;
	background-size: 100% 100%;
	line-height: 41px;
	text-align: center;
	color: #00deff;
	cursor: pointer
}
.head2 .pageTit a:hover {
	display: block;
	background: url(../images/headtitle.png) no-repeat;
	background-size: 100% 100%;
	line-height: 41px;
	text-align: center;
	color: #fff;
}
.head2 .active a {
	display: block;
	background: url(../images/headtitle.png) no-repeat;
	background-size: 100% 100%;
	line-height: 41px;
	text-align: center;
	color: #fff;
}
.head2 h1 {
	color: #00e5ff;
	text-align: left;
	font-size: 20px;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.head-close {
	position: absolute;
	right: 20px;
	top: 10px
}
.head-close i {
	font-size: 30px;
	color: #0db0ff
}
.logobox {
	float: left;
	width: 31%;
	padding: 10px 5px;
	padding-top: 14px;
	margin-left: 10px;
	text-align: center;
}
.titlebox {
	float: left;
	width: 65%;
	position: absolute;
	left: 35%;
	top: 18px
}
.title_li {
	float: left;
	text-align: center;
	width: 13.5%;
	padding: 0;
	margin-left: -25px
}
.head2 .pageTit .tixingbar img {
	margin-left: -26px;
	cursor: pointer
}
.tixing-ul {
	background: #092958;
	box-shadow: 0px 0px 20px #517cba inset;
	display: none;
	border-radius: 6px;
}
.tixing-ul a {
	position: relative;
	display: block;
}
.tixingbar:hover .tixing-ul {
	display: block;
	position: absolute;
	top: 30px;
	right: 100px;
	clear: both;
padding:.1rem;
	z-index: 10000
}
.tixingbar:hover .tixing-ul dd {
	color: #fff;
	background: #092958;
	font-size: 12px;
	box-shadow: 0px 0px 15px #134e6e inset;
	border-radius: 6px;
	margin: 5px 5px;
padding:.2rem 0.75rem;
}

.h100{height: 100%;width: 100%;}
.sm_tabel_img img{ width:90%; height: 90%; }
.sm_tabel_img { margin-left:10px;  padding:6px; text-align: center;background: url(../images/img_bg.png) no-repeat; background-size: 100% 100%; }
.text-color{ color:#878e90}
.sm_tabel_img2 img{ width:100%;height:9vh; display:block; margin-bottom: 3px;}
.sm_tabel_img2 {width:80%;  padding:.3rem; text-align: center;background: url(../images/img_bg.png) no-repeat; background-size: 100% 100%; }
.sm_list{ padding-top:.5rem;margin-top:.8rem;border-top: 1px solid; width: 100%;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
border-image: linear-gradient(to left, rgba(39, 119, 251, 0), rgba(39, 119, 251, 0.3) 10%, rgba(39, 119, 251, 0.8) 80%, rgba(39, 119, 251, 0)) 1;}
.sm_list li{	display: flex;
	justify-content:center; float:left; margin:.2rem 0; width:20% ; }
	.sm_list li p{ padding:.1rem}
	.sm_table td{ padding: 3px 0;}
.tixingbar:hover .tixing-ul dd a {
	background: none;
	line-height: 32px;
	font-size: 14px;
	text-decoration: none
}
.tixingbar:hover .tixing-ul dt {
	margin: 5px 5px;
	color: #bcc5d2
}
#spleft, #spcenter, #spright {
	background: none !important
}
.project-ul-s li:nth-of-type(2n+1) {
	background: none !important;
}
.project-ul-s li {
	border-top: 1px solid #092c41 !important;
	color: #fff !important;
	border-bottom: 0 !important;
}
.sp_content li.sp_fixd {
	border-top: 1px solid #092c41 !important;
padding-top:.5rem;
	border-bottom: 0 !important;
}
ul li.sp_fixd2 {
	margin-top: 0;
	border-top: 1px solid #092c41 !important;
padding:.5rem ;
	border-bottom: 0 !important;
}
.sp_fixd_lx {
	border-top: 1px solid #092c41 !important;
padding:.5rem 0;
	border-bottom: 0 !important;
}
.sp_box h2 span.ap_label_primary {
	display: inline-block;
	padding: 6px 8px !important;
	white-space: nowrap;
	background-color: #02304c;
	top: 10px;
	right: 0;
	color: #FFFFFF;
}
p {
	font-size: 12px;
	color: #333;
}
.sp_ls_box {
	height: 65px; width:80px;
}

.project-ul-s li .pull_right {
	color: #fff !important
}
.sp_content p {
	color: #58666e;
}
.project-ul-s li .pull_left {
	color: #53606a !important;
}
.sp_box {
	position: relative;
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 3px;
margin:.5rem
}
.sp_box .sp_content {
	padding: 0 !important;
	background: none;
}
.yc_inputbox select {
	background: #021f31;
	color: #fff;
	border: none;
	border-radius: 5px
}
.home-searchInput {
	background-color: #003755;
	border: none;
}
.yc-table {
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 5px;
	background: none;
}
.yc_tr_bg {
	background: none;
}
.sp_box:before, .sp_box:after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-top: 1px solid #02a6b5;
	top: 0;
}
.sp_box .boxfoot::before, .sp_box .boxfoot::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-bottom: 1px solid #02a6b5;
	bottom: 0;
}
.sp_box:before, .boxfoot:before {
	border-left: 1px solid #02a6b5;
	left: 0;
}
.sp_box:after, .boxfoot:after {
	border-right: 1px solid #02a6b5;
	right: 0;
}
.sp_box h2 {
	background: none !important;
	border-radius: 5px;
	color: #00dbff;
	line-height: 30px !important;
}
.aui-tab-item {
	color: #878e90; cursor: pointer;
}
.aui-hide{display: none;}
.iconbox i {
	font-size: 2.8rem;
	color: #074973;
}
.iconbox i.icon-qiuji1 {
	font-size: 2.2rem;
	color: #074973;
}
.aui-tab-item.aui-active {
	background: #0088ff -webkit-linear-gradient(left, #0088ff,#01d3ff,#00a6ff) 0 0 no-repeat;
    background-size: auto;
    background-clip: border-box;
    -webkit-background-size: 80px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
    -webkit-animation: slideShine 3s infinite;
	border-bottom: none !important;
}
.aui-tab {
	background: none !important
}
.sp_box h2 span {
	border-bottom: none !important;
	padding: 0 5px !important;
}
li.sp_fixd:nth-of-type(2n+1) {
	background: none !important;
}
.sp_imgbox img {
	border: 1px solid #01253b;
}
.btn-primary {
	color: #fff !important;
	border: none;
	background: #22ad38
}
.btn-danger {
	color: #fff !important;
	border: none;
	background: #e70012
}
.text-1 {
	display: none
}
.text-2 {
	display: none
}
.text-3 {
	display: none
}
.text-4 {
	display: none
}
.text-5 {
	display: none
}
.text-6 {
	display: none
}
.text-7 {
	display: none
}
.height4 {
	height: 30vh;
	overflow: auto
}
.height3 {
	height: 25.4vh;
	overflow: auto
}
.height2 {
	height: 27vh;
	overflow: auto
}
#tab1-con1 .more, #tab1-con2 .more, .position .more {
	color: #72787e;
	text-align: center;
	border-top: 1px solid #092c41;
	display: block;
	font-size: 12px;
	padding-top: 0px;
	margin: 0;
	text-decoration: none;
}
.sp_ls_box {
	border: 1px solid #01253b;
}
.project-ul-s li {
	padding: 5px 3px;
}
.ap_label_warning {
	background-image: linear-gradient(to right, #fe7131, #fd7f49);
}
.ap_label_gray {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	left: 12px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-image: linear-gradient(to right, #fa3561, #fe5044);
	color: #FFFFFF;
}
.ap_label_info {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	left: 12px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-image: linear-gradient(to right, #4db1fb, #5371fd);
	color: #FFFFFF;
}
.btn-info3 {
	color: #fff !important;
	border: none;
	background: #002d49;
padding: .35rem !important;
}
.sp_vod {
	position: relative;
margin:.5rem 0;
padding:.5rem;
	width: 98.8%;
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 3px;
	height: calc(100% - 280px);
}
.sp_vod:before, .sp_vod:after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-top: 1px solid #02a6b5;
	top: 0;
}
.sp_vod .boxfoot::before, .sp_vod .boxfoot::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-bottom: 1px solid #02a6b5;
	bottom: 0;
}
.ap_label_warning {
    font-weight: normal;
    padding: 2px 8px;
    text-shadow: none;
    position: absolute;
    left: 20px; width:22%; bottom:1px;
    border-radius: 10px; text-align:center;
    display: inline-block;
    white-space: nowrap;
    background-color: #f8ac59;
    color: #FFFFFF;
}
.border-p2{ padding:.3rem; border-radius:3px}
.ap_label_gray {
    font-weight: normal;
    padding: 2px 8px;
    text-shadow: none;text-align:center;
    position: absolute;
     left: 20px; width:22%; bottom:1px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    background-image: linear-gradient(to right, #fa3561, #fe5044);
    color: #FFFFFF;
}
.ap_label_info {
    font-weight: normal;
    padding: 2px 8px; text-align:center;
    text-shadow: none;
    position: absolute;
   left: 20px; width:22%; bottom:1px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    background-image: linear-gradient(to right, #4db1fb, #5371fd);
    color: #FFFFFF;
}
.sp_vod:before, .boxfoot:before {
	border-left: 1px solid #02a6b5;
	left: 0;
}
.sp_vod:after, .boxfoot:after {
	border-right: 1px solid #02a6b5;
	right: 0;
}
.jp_vod {
	position: relative;
margin:.5rem 0;
padding:.5rem;
	width: 98.5%;
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 3px;
}
.jp_vod:before, .jp_vod:after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-top: 1px solid #02a6b5;
	top: 0;
}
.jp_vod .boxfoot::before, .jp_vod .boxfoot::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-bottom: 1px solid #02a6b5;
	bottom: 0;
}
.jp_vod:before, .boxfoot:before {
	border-left: 1px solid #02a6b5;
	left: 0;
}
.jp_vod:after, .boxfoot:after {
	border-right: 1px solid #02a6b5;
	right: 0;
}
.tj-box-table .sp_content {
	background: none;
	padding: 10px;
}
.tj-con table td {
	padding: 0px;
	background: none;
}
.tj-list-box table tr.bg {
	background: none!important;
}
.tj-centon {
	width: 98%;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: none;
	box-shadow: 0 0px 0px rgba(62,85,120,.045);
	background: #02263e;
	overflow: hidden;
 padding-bottom: .08rem;
	color: #fff;
	border-radius: 10px;
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
}

.tj-centon li {
	padding: 15px;
	color: #5685a1;
}
.tj-centon li span {
	color: #fff
}
.tj-table {
	border: none;
	background: none;
	width: 100%;
	margin: 0;
	/* margin: 1% auto; */
	box-shadow: 0 3px 10px rgba(62,85,120,.045);
}
.tj-table td p b {
	font-size: 16px;
	color: #fff;
}
.tj-table td {
	padding: 5px;
	font-size: 13px;
	position: relative;
	color: #fff;
	font-weight: bold;
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 3px;
	text-align: left;
}
#minute {
	border: 1px solid #5679e0;
}
.circle-icon {
	background: #5679e0;
}
#maincircle {
	border: 1px solid #436bb7;
}
#second {
	border: 1px solid #5896ef;
}
.tj_a {
	margin-bottom: 0;
	margin-top: 0;
}
#maincircle {
	margin: 3% auto;
}
.tajibox {
	margin-top: 0
}
.tj_label_primary {
	background: #39b54a;
 padding: .3rem;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
}
.tj-list-box table td {
	border-top: none;
	border-bottom: 1px solid #092c41
}
.tjsj_box {
	background: none;
	border: none;
	padding: 8px;
	border-right: 1px dashed #092c41;
}
.text-border {
	color: #fff !important;
	margin: 0;
	padding: 5px;
	background: none;
	position: inherit;
	border: none;
	;
}
.tj-con table {
	width: 100%;
	border-top: 1px solid #092c41
}
.tjsj_img {
	width: 100%;
	height: 15vh;
	border-radius: 5px;
}
.tj-con table td span {
	width: 3rem;
	height: 3rem;
	background: rgba(85,85,85,0.4);
	display: inline-block;
	line-height: 3rem;
	border-radius: 50%;
}
.sp_content li.sp_fixd:nth-of-type(1) {
	margin-top: 0 !important;
}
.Box:before, .Box:after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-top: 1px solid #02a6b5;
	top: 0;
}
.Box .boxfoot::before, .Box .boxfoot::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-bottom: 1px solid #02a6b5;
	bottom: 0;
}
.Box:before, .boxfoot:before {
	border-left: 1px solid #02a6b5;
	left: 0;
}
.Box:after, .boxfoot:after {
	border-right: 1px solid #02a6b5;
	right: 0;
}
.Box {
	position: relative;
	width: 99.8%;
	background: none;
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 3px;
}
.Box .Box_con .conbox ul li {
	height: 120px;
	width: 160px
}
.Box .Box_con .conbox ul li img {
	height: 90px;
}
.Box h2 {
	background: none;
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
	color: #00dbff;
}
.Box .Box_con .btn {
	background-image: linear-gradient(#01253b, #01253b);
	top: 8px;
}
.tj-box-table {
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 3px 10px rgba(62,85,120,.045);
}
.tj-box-table .sp_box {
	margin: 0rem;
}
.p_sp {
	position: relative;
	top: 7px
}
.p_ch {
	position: relative;
	top: 7px
}.xm_box .project-ul-s li .pull_right {
	width: 66% 
}

.xm_box .project-ul-s li {
    padding: 4px 3px;}
.margin-right5 {
margin-right:.5rem !important
}
.margin-left2 {
margin-right:.2rem
}
.yc_right .aui-tab-item {
	cursor: pointer
}
.echartsh {
	width: 100%;
	height: 28vh
}
.height26 {
	height: 30vh;
	overflow: auto
}
.height12 {
	height: 12.2vh;
	overflow: auto
}
.height13 {
	height: 13vh;
	overflow: auto
}
.height32 {
	height: 33vh;
	overflow: auto
}
.height20 {
	height: 10vh;

}
.height21 {
	height: 21vh;
	overflow: auto
}
.height22 {
	height: 22vh;
	overflow: auto
}
.height58 {
	height: 57vh;
	overflow: auto
}
.height70 {
	height: 70vh;
	overflow-y: auto;
	overflow-x: hidden
}
.height38 {
	height: 36vh;
	overflow: auto
}
.height10 {
	height: 10.6vh;
}
.height8 {
	height: 50vh;
	overflow: auto
}
.height18 {
	height: 16rem;
	overflow: auto
}
.yc-table {
	margin: 5px auto;
	width: 99%;
}
.sp_ls_text {
	float: left;
	display: inline-block;
	width: 60%;
	padding-left: 6px;
	padding-top: 8px;
}
.tj-table td {
	padding: 0px;
	font-size: 12px;
}
.position .header_fr a {
	color: #96accd;
	font-size: 12px;
}
.aui-tab {
    position: relative;
    background: #f0f4f8;
    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 #f2f2f2 !important;
}
.aui-tab-item {
	line-height: 32px; padding:0 6px ;
	position: relative;
	font-size: 14px;
}
.sjj-tip3 .sjj-tip-img-s {
	background: url(../images/sjj_02.png);
	display: inline-block;
	background-size: 100% 100%;
	width: 6rem;
	height: 8rem;
}
.sjj-tip4 .sjj-tip-img-s {
	background: url(../images/sjj_03.png);
	display: inline-block;
	background-size: 100% 100%;
	width: 6rem;
	height: 8rem;
}
.sjj_card .p_l {
	color: #0079f3;
}
.sjj_card {
	border-radius: 5px;
	background: url(../images/boxbg.png) #01253b bottom no-repeat;
	margin: 1.5vh 5%;
	background-size: cover;
	line-height: 28px;
	font-size: 24px;
	-webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
	-moz-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
	box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
	border-top: none;
}
.sjj_card .p_r {
	color: #fff;
}
.yc_num_box {
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	border-radius: 3px;
	background: none;
	text-align: center;
 margin-right: .2rem;
}
.yc_num_box p {
	color: #fff;
	padding: 3px 0;
}
.txtshow {
	background: none;
	color: #fff;
	border-bottom: 1px dashed #0d2233;
}
.yc_pjz {
	background: none;
	border-top: 1px solid #0d2233;
	border-right: 1px solid #0d2233;
}
.td_sm div {
	border-bottom: 1px solid #0d2233;
	color: #778a91;
	background: none;
	padding: 1px
}
.border-m .ycmore {
	cursor: pointer;
	text-decoration: underline;
	color: #fff;
}
.yc_td1 {
	text-align: center;
	border-top: 1px dashed #26425a;
}
.yc_td2 {;
	border-top: 1px dashed #26425a;
}
.b-tr {
	border-right: 1px solid #0d2233;
}
.margin-r5 {
margin: .5rem 0;
}
.yc_right .aui-tab-item {
	padding: 0 10px;
	line-height: 20px;
}
.yc_img_box {
	background: none;
}
.yc_img_box {
	color: #fff
}
.yc_num_col {
	font-size: 1.6rem;
}
.ringline {
	border-left: 1px dashed #26425a;
}
.yc-table td {
	padding: 4px 0;
}
.yc-table img {
	width: 30px;
	margin: 0 5px;
}
.height6 {
	height: 36.6vh;
	overflow: auto;
}
.progess {
	width: 200px;
	background: url(../Images/img_YC.png) no-repeat 0 0;
	height: 23px;
	background-size: 100%;
}
.progess_Z {
	width: 200px;
	background: url(../Images/img_ZS.png) no-repeat 0 0;
	height: 23px;
	background-size: 100%;
}
.td_sm .yc_table_title {
	border-top: none;
	color: #fff !important;
	font-size: 18px !important;
	height: 30px;
	background: url(../images/title-bg.png) center;
	width: 100%;
	background-size: 90%
}
.yc_pjz_a {
	top: 16px;
	position: absolute;
	left: 20px;
	width: 50px;
}
.xm_box {
	position: relative;
	background: #fff;
	box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%);
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	margin: .3vh .2rem;
}
.padding10 {
 padding: .5rem;
}
.xm_tjbox table td {
	background: none;
}
.text-align img {
	width: 85%
}
.xm_tjbox table td i {
	font-size: 1.6rem
}
.xm_icon_list {
	display: flex;
	position: relative;
	justify-content: space-around;
	align-items: center;
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
padding:.4rem .5rem;
	border-radius: 3px;
margin:.1rem .5rem;
	padding-top: 1rem
}
.br-1 {
	border-left: 1px dashed #2b4a62;
	position: relative
}
.br-1::before {
	position: absolute;
	width: 3px;
	background: #2b4a62;
	height: 3px;
	border-radius: 50%;
	top: 0;
	content: '';
	left: -2px;
}
.br-1::after {
	position: absolute;
	width: 3px;
	background: #2b4a62;
	height: 3px;
	border-radius: 50%;
	bottom: 0;
	content: '';
	left: -2px;
}
.xm_icon_list:before, .xm_icon_list:after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-top: 1px solid #02a6b5;
	top: 0;
}
.icon_title {
	position: absolute;
	right: 0;
	background: url(../images/xm_33.png) no-repeat;
	width: 40%;
	text-align: right;
	padding-right: 6px;
	background-size: 100% 100%;
	top: 0;
	line-height: 20px;
}
.xm_icon_list .boxfoot::before, .xm_icon_list .boxfoot::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	border-bottom: 1px solid #02a6b5;
	bottom: 0;
}
.xm_icon_list .icon-box2 {
	background: url(../images/xm_34.png) no-repeat;
	background-size: 100% 100%;
	padding: 1rem;
}
.xm_icon_list .icon-box2 i {
	font-size: 1.6rem;
	position: relative;
	top: -5px
}
.text-s {
	color: #39b54a !important
}
.text-r {
	color: #ff7058 !important
}
.text-y {
	color: #f8ac59 !important
}
.text-b {
	color: #00e4ff !important
}
.text-p {
	color: #fa2fc7 !important
}
.text-m {
	color: #fddf00 !important
}
.xm_icon_list:before, .boxfoot:before {
	border-left: 1px solid #02a6b5;
	left: 0;
}
.xm_icon_list:after, .boxfoot:after {
	border-right: 1px solid #02a6b5;
	right: 0;
}
.zc-text {
	text-align: center;
	width: 33.33%
}
.xm_box h2 {
	color: #334151;
	font-size: 15px;
font-weight: 600;
background: none; 
	border-bottom: 1px solid #f2f2f2 !important;
	position: relative; padding-left: 10px;
	border-radius: 5px;
}
.xm_box h2::before {
    width: 3px;
    height: 14px;
    top: 11px;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 8px;
}

.xm_box h2::after {
	background: none;
	position: inherit
}
.xm_box h2 span.mline::before {
	background: none;
	position: inherit
}
.xm_box h2 span.mline::after {
	background: none;
	position: inherit
}
.xm_list_a {
	box-shadow: inset 0 0 30px rgba(0,140,217,0.3);
	border: 1px solid #355777;
	background: none;
 padding: .1rem;
	border-radius: 3px;
	color: #fff
}
.xm_list_a h3 {
	color: #fff;
	font-size: 12px
}
.xm_table_box td.bgcor {
	background-image: linear-gradient(to right, #01182a, #011e31);
	border-left: 1px dotted #1b2f3e
}
.process .flowline li p {
	color: #fff;
}
.process .flowline li .icon-block {
	background-color: #215fe6;
	background-image: linear-gradient(to right, #117ef5, #215fe6);
	color: #fff;
}
.process .flowline .flow-line {
	border-bottom: 8px solid #215fe6;
}
.process .process-g .icon-block {
	background-color: #666;
	background-image: linear-gradient(to right, #666, #666) !important;
}
.xm_ycbox {
	position: absolute;
	bottom: -6vh;
	width: 100%;
}
.xm_list_a .xm-text-info {
 margin-right: .5rem;
}
.xm_list_a {
	margin: 0.2rem;
}
.xm_echarts2 {
	height: 27vh !important;
	width: 100%;
	position: absolute!important;
	top: -1vh;
}
.mt-20 {
	position: relative;
	top: 2.5rem
}
.border-r {
	border-top: 1px dashed #1b2f3e;
}
.items-c {
	align-items: center;
}
.mt-10 {
	margin-top: 10px
}
.xm_cob1 {
	background: url(../images/sm_1.png) right 8px center #01292b no-repeat;
	padding: 8px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
margin-left:.6rem;
	border-radius: 5px
}
.xm_num .num_block{ margin:.3rem 0}
.xm_cob2 {
	background: url(../images/sm_2.png) right 8px center #002e48 no-repeat;
	padding: 8px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}
.xm_cob3 {
	background: url(../images/sm_3.png) right 8px center #3a1123 no-repeat;
	padding: 8px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}

.xm_cob7 {
	background: url(../images/sm_4.png) right 8px center #00353b no-repeat;
	padding: 8px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
margin-left:.6rem;
	border-radius: 5px
}
.xm_cob10{	background:  #f2f2f2 ;
	padding: 4px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
margin-left:.6rem;
	border-radius: 5px}
	.xm_cob11 {
	background:  #f2f2f2 ;
	padding: 4px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}
.xm_cob11  h3{font-size: 14px; margin: 0;}
.xm_cob12 {
	background: #273623;
	padding:6px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}
.xm_cob8 {
	background: url(../images/sm_5.png) right 8px center #003652 no-repeat;
	padding: 8px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}
.xm_num {margin-bottom: 12px;}
.xm_cob7 .num_block { color:#03dab0}
.xm_cob8 .num_block { color:#17d7fc}
.xm_cob9 .num_block { color:#e2c83d}
.xm_num .num_block i{ font-size:2rem}
.xm_cob9 {
	background: url(../images/sm_6.png) right 8px center #363932 no-repeat;
	padding: 8px;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}


.xm_cob4 {
	background: #432c1c;
	padding: 8px;
	display: flex;
	align-items: center;
	text-align: left;
	margin-top: 5px;
margin-left:.6rem;
	padding-left: 10px;
	justify-content: space-around;

margin-right:.6rem;
	border-radius: 5px
}
.xm_cob4 h3 {
padding:0 .6rem
}
.xm_cob4 i {
	color: #e57645;
	font-size: 4rem
}
.xm_cob4 .num_y {
	color: #e57645;

}
.xm_cob5 {
	background: #05434e;
	padding: 8px;display: flex;	justify-content: space-around;
	align-items: center;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
margin-right:.6rem;
	border-radius: 5px
}
.xm_cob5 h3 {
padding:0 .6rem
}
.xm_cob5 i {
	color: #20dbee;
	font-size: 4rem
}
.xm_cob5 .num_b {
	color: #28d0f5;

}
.xm_num .num_info {
	background: none;
	border: none !important
}
.xm_num .num_block {
	background: none;
	border: none;
	font-size: 18px;
	padding: .3rem;
	line-height: 20px;
	width: 100%;
	text-align: left
}
.number_text {
	color: #1fdbee;
	font-size: 30px
}
.process-module div {
padding-top:.2rem
}
.xm_fixd h2.xm_num_fl60 {
	background-image: linear-gradient(#034dfe, #02a5fe);
	color: #fff;
	height: 8.5rem !important;
	padding-top: 2rem;
	line-height: 24px !important;
	width: 100px;
	text-align: center
}
.xm_fixd h2.xm_num_fl60 span {
	width: 60px;
}
.process .process-g .flow-line {
	border-bottom: 8px solid #666;
}
.height36 {
	height: 36vh;
	overflow: auto
}
.height44{
	height: 42vh;
	overflow: auto
}
.sm_echarts2{height: 36vh; width:60vh}
.sm_echarts3{height: 36vh; width:60vh}
.sm_echarts{width: 100%; height: 100%;}
.height30 {
	height: 32vh;
	overflow: auto
}
.height33 {
	height:33vh;
	overflow: auto
}
.height49 {
	height:46vh;
	overflow: auto
}
.text-align {
	text-align: center
}
/*头部背景*/
.top_bg1{  background: url(../images/top_bg1.png);   background-size: 100% 100%;}
.top_bg2{  background: url(../images/top_bg2.png);   background-size: 100% 100%;}
.top_bg3{  background: url(../images/top_bg3.png);   background-size: 100% 100%;}
.top_bg4{  background: url(../images/top_bg4.png);   background-size: 100% 100%;}
.top_bg5{  background: url(../images/top_bg5.png);   background-size: 100% 100%;}
.media-body {
    color: #333;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;height:7.6vh;
}.flex-a {
    display: flex;
    align-items: center;
    color: #fff;
}
.media-body h5.mb-1 {
    margin-top: .2rem !important;
    font-size: 22px;
    color: #fff;
}
.media-body h5.mb-1 .numb {
    font-size: 12px !important;
    position: relative;
    top: -12px;
    margin-left: .4rem;
    font-weight: normal;
}
.w-img {
    float: left;
}
.w-img img {
    width: 40px;
    margin-right: 8px;
	
}
.lc_top .card {
    margin: 6px;
}

/*出勤率*/
.attendance-rate {
    background-image: url("../images/rate_bg.png");
}
.attendance-rate {
    position: relative;
    height: 22vh;
    margin-top: 10px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}
.average-detail {
    color: #bdcce2;
}
#average-attendance {
    height: 100%;
    font-size:12px;
}
.average-detail {
    position: absolute;
    top: 120px;
    height:40px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
}
.average-detail p > span, .attendance-info > span {
    color: #ffae00;
}
/*按性别分析*/
.sex-bd {
	display: flex; align-items: center; margin-top: 1vh;

  }
  .sex-bd > .sex-item:first-child {
    background-image: url("../images/img_sex_women.png");
}

.sex-bd > .sex-item:last-child {
    background-image: url("../images/img_sex_men.png");
}

.sex-item > div {
    background-image: url("../images/icon_arow.png");
}

.sex-item > div > div > span {
    color: #fc6672;
}
.l {
    float: left!important;
}
.sex-bd > .sex-item:last-child > div > div > span {
    color: #29a07f;
}
  .sex-item {
	height: 100%;
	width: 50%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 75px;
	background-size: auto 100%;
	background-position: left center;
	background-repeat: no-repeat;
  }
  
  .sex-item > div {
	line-height: 30px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 10px;
	font-size: 12px;
	background-size: 8px 16px;
	background-position: left center;
	background-repeat: no-repeat;
  }
  
  .sex-item > div > div {
	line-height: 28px;
	display: inline;
	font-size: 12px;
	letter-spacing: 0.0064rem;
  }
  
  .sex-item > div > div > span {
	font-family: 'OPPOSans-B';
	font-size: 14px;
	letter-spacing: 0.0064rem;

  }
  
  .height40 {
    height: 38vh;
    overflow: auto;
}
#average-attendance{  width: 100%; height: 68%;}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {
.head2 h1 {
	font-size: 20px;
}
body, html {
	overflow: auto;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1800px) {
.xm_cob1,.xm_cob2,.xm_cob3,.xm_cob4,.xm_cob5,.xm_cob6,.xm_cob7,.xm_cob8,.xm_cob9,.xm_cob10,.xm_cob11,.xm_cob12,.xm_cob12{ padding:2px 6px}
.w-img img {
    width: 30px;
    margin-right: 3px;
}
.height30 {
	height: 31vh;
	overflow: auto
}
.sm_tabel_img2 img {
    height: 7vh;
    margin-bottom: 3px;
}.sm_table td {
    padding: 2px 0;
}
.height44 {
    height: 40.3vh;
    overflow: auto;
}
.xm_num .num_block {
    font-size: 16px;
    padding: 0.2rem;
   
}.xm_cob11 h3 {
    font-size: 12px;
}
.xm_cob11 {
    padding:2px 4px;
    margin-top: 0;
    padding-left: 10px;

}
.xm_cob10 {
    padding:2px 4px;
    margin-top: 0;
    padding-left: 10px;

}.xm_num {
    margin-bottom: 12px;
}
.sm_echarts2{height: 36vh;
		width: 54vh;}
		.sex-bd > .sex-item:first-child {
			background-image: url(../images/img_sex_women.png);
			background-size:26% 46%;
		}
		.sex-bd > .sex-item:last-child {
			background-image: url(../images/img_sex_men.png);
			background-size: 26% 46%;
		}
		.sex-item { padding-left: 28px;}
		.sex-item > div > div > span {
			font-size: 12px;}
			.sex-item > div {
				padding-left: 6px;
			background-size: 5px 10px ;}
            .sex-bd {
    margin-top: .5vh;
}.sex-item > div {
    line-height: 20px;}
 #average-attendance {
    width: 100%;
    height: 65%;
}
 .padding10 {
    padding: .5rem 0;
}
}
@media only screen and (min-width: 800px) and (max-width: 1400px) {
	.w-img img {
		width: 18px;
		margin-right: 2px;
	}
	.media-body {
		padding: 0 3px;
		
	}.xm_num .num_block {
		font-size: 12px;
		padding: 0.2rem;    margin: 0;
	}.padding10 {
		padding: 0 0;
	}
.sex-bd{ transform:scale(.9)}.sm_table td {
    padding: 1px 0; font-size: 12px;
}
.mb-0{transform:scale(.9);}

.xm_cob10 h3{ font-size: 12px;}
.xm_box h2 {
    color: #334151;
    font-size: 12px;}
	.xm_box h2 {
		height: 2rem;
		line-height: 2rem;}.xm_box h2::before {
		
			top: 5px;}.sm_list {
				margin-top: 0.3rem;}
				.lc_top .card {
					margin:4px 2px;
				}
	#average-attendance{ transform:scale(.9)}		
			}