﻿
.simpleAlert {
	position: fixed; position:relative;
	z-index: 100000;
}
.simpleAlertShelter {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #041529;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.simpleAlertBody {
	position: fixed;
	display: none;
	width: 60%;
	height: 75%;
	top: 25%;
	margin: 0 20%;
}
.simpleAlertBodyClose {
	position: absolute;
	width: 16px;
	height: 16px;
top:.1rem;
	right: 10px;
	padding: 2px;
	cursor: pointer;
}
.simpleAlertBodyContent {
	font-size: 18px;
	color: #333;
padding:0 .1rem;
	height: 100%;
	overflow: auto;background: url(../img/simple_bg.png) no-repeat top ;
    background-size: 100% 100%;
}
.simpleAlerttitle {
	border: none;
	position: relative;
line-height: .26rem;
padding:0;
margin-bottom: 1rem
}
.simplebtn{  font-size: 0; width: 24px; height: 24px; position:absolute; top:3%; right:2%; background:url(../img/close.png) no-repeat  ; background-size: 100% 100%;  cursor:pointer}


.simpleAlert2 {
	position: fixed; position:relative;
	z-index: 1000000;
}
.simpleAlertShelter2 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #041529;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.simpleAlerttitle h2 {
    height: 60px; line-height:60px; font-weight:normal;
    padding: 0 35px;
	background: url(../img/title_icon.png) no-repeat left 5px center ;
    border-radius: 5px 5px 0 0;
    color: #35cfff;
}
.simpleAlertBody2 {
	position: fixed;
	display: none;
	width: 96%;
	height: 90%;
	top: 20%;
	margin: 0  2%; border:1px solid #1f77b0; border-radius:5px;
	background-color: #041529;box-shadow: 0 1px 15px 1px #042447;
}
.simpleAlertBodyClose {
	position: absolute;
	width: 16px;
	height: 16px;
top:.1rem;
	right: 10px;
	padding: 2px;
	cursor: pointer;
}
.simpleAlertBodyContent2 {
	font-size: 18px;
	color: #333;
padding:0 .1rem;
	height: 100%;
	overflow: auto;
}



.xm_list_a { cursor:pointer;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 10px;
    border-radius: 5px;
    border-width: 1px;
    border-style: dashed;
    border-color: #0f82a2;
    border-image: initial;
      background: rgba(5,38,62,0.5); padding:1rem 0;
    margin:.6rem;
}.xm_list_a h3 { font-size:14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    color: rgb(51, 51, 51);
}.num_fr40 {
    width: 35px;
    text-align: center;
    margin-right: 0.6rem;
}.xm_list_a .icon-outline-primary {
    color: rgb(255, 255, 255) !important;
    background: rgb(85, 172, 238);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(85, 172, 238) !important;
    border-image: initial !important;
}

.xm_icon_radius {
    width: 3rem;
    height:3rem;
    line-height: 3rem;
    display: inline-block;
    margin: 0.4rem;
    border-radius: 5px;
}.xm_text_num {
    font-size: 1.6rem;
    color: rgb(170, 170, 170);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 0.2rem;
}.xm-text-y {
    color: #f8895d !important;
}.xm-text-info {
    color: rgb(54, 163, 247) !important;
}.xm_list_a .icon-outline-info2 {
    color: rgb(255, 255, 255) !important;
    background: rgb(0, 188, 212);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(0, 188, 212) !important;
    border-image: initial !important;
}.xm_list_a .icon-outline-primary {
    color: rgb(255, 255, 255) !important;
    background: rgb(85, 172, 238);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(85, 172, 238) !important;
    border-image: initial !important;
}.xm_list_a .icon-outline-warning {
    color: rgb(255, 255, 255) !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 131, 0);
    border-image: initial;
    background: rgb(255, 131, 0);
}.xm_list_a .icon-outline-dark {
    color: rgb(255, 255, 255) !important;
    background: rgb(58, 63, 81);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(58, 63, 81) !important;
    border-image: initial !important;
}.xm_list_a .icon-outline-twitter {
    color: rgb(255, 255, 255) !important;
    background: rgb(78, 135, 160);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(78, 135, 160) !important;
    border-image: initial !important;
}.xm_list_a .icon-outline-dribbble {
    color: rgb(255, 255, 255) !important;
    background: rgb(234, 76, 137);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(234, 76, 137) !important;
    border-image: initial !important;
}.xm_list_a .icon-outline-success {
    color: rgb(255, 255, 255) !important;
    background: rgb(10, 207, 151);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(10, 207, 151) !important;
    border-image: initial !important;
}.xm_list_a .icon-outline-primary {
    color: rgb(255, 255, 255) !important;
    background: rgb(85, 172, 238);
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(85, 172, 238) !important;
    border-image: initial !important;
}.num_fr50 {
    width: 50px;
    text-align: left;
 
}
.xm_list_num p{ margin:.5rem 0; font-size:14px}
.xm_list_a i{ font-size:1.6rem}
.yj_box  .aui-tab-item.aui-active { background:none !important; 
	color: #00ecfb;
	border-bottom: 2px solid #00ecfb;
}
.yj_box .aui-tab-item { background:none;
    padding: 0 10px;
    line-height: 40px; display:inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin-left: -1px;
    -webkit-box-flex: 1;
    box-flex: 1;
}.sp_ls_box{ float:left; overflow:hidden; width:120px; height:80px;display:inline-block;padding:1px; border:1px solid #ddd}
.sp_ls_box img{ width:100%; height:100%; }

ul li.sp_fixd2{ margin-top:10px;overflow:hidden; cursor:pointer; position:relative}
.ap_label_warning {font-weight:normal;
padding: 2px 8px;
text-shadow: none;position:absolute; right:8px;
border-radius: 10px;display:inline-block;
white-space: nowrap;
    background-color: #f8ac59;
    color: #FFFFFF;
}
.ap_label_gray {font-weight:normal;
padding: 2px 8px;
text-shadow: none;position:absolute; right:8px;
border-radius: 10px;display:inline-block;
white-space: nowrap;
    background-color: #999;
    color: #FFFFFF;
}
.aui-border-b{border-bottom:1px solid #043876;}
.sp_box h2 span.ap_label_primary {padding: 3px 8px; line-height:normal !important; font-size:13px; border:none!important; cursor:pointer}
.ap_label_primary {font-weight:normal; position:absolute; right:8px;top:18px;
padding: 3px 8px;
text-shadow: none;
border-radius: 5px;display:inline-block;
white-space: nowrap;
    background-color: #1ab394;
    color: #FFFFFF;
}ul li.sp_fixd2 {
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    position: relative; padding:.5rem;
}
.yj_box{ padding:.8rem}
.sp_ls_text p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    padding: 0;
        padding-top: 0px;
    margin: 0;
    padding-top: 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}.sp_ls_text {
    float: left;
    display: inline-block;
    width: 62%;
    padding-left: 6px;
    padding-top: 8px;
}
 li.sp_fixd2:nth-of-type(2n) {
    background-color: #02264d;
}
.bgbox li{ cursor:pointer}
.sp_ls_text p{ font-size:14px}
.height6{ height:85vh; overflow:auto}

.aui-timeLine-content {
	margin-left: 7rem;
	border-left: 1px solid #e4e5e9;
	margin-top: 1rem;
	padding-bottom: 1rem;
	
}
.aui-timeLine-content-item {
	 padding-left:7rem;
	margin-left: 25px;
	margin-right: 10px;
	position: relative;
	margin-bottom: 10px;

	padding-top: 0; position:relative;
}
.timeLine-abox{	background: rgba(87,194,64,0.3);
	border-radius: 5px;padding: 10px;}
.timeLine-abox2{	background: rgba(248,144,2,0.3);
	border-radius: 5px;padding: 10px;}
	.timeLine-abox3{	background: rgba(83,137,249,0.3);
	border-radius: 5px;padding: 10px;}	
	
.aui-timeLine-content-item i {
	color: #999;
	margin-right: 3px
}
.aui-timeLine-content .aui-timeLine-content-item .aui-timeLine-box {
	margin-bottom: 4px;
	padding-top: 0;
	color: #fe6000;
}
.aui-timeLine-content .aui-timeLine-content-item .aui-timeLine-box em {
	color: #333333;
	font-style: normal;
}
.aui-timeLine-content-icon .check-danger {
	background-color: rgb(228,108,35);
	border: 4px solid rgb(250, 166, 122);
}
.check-warning {
	background-color: rgb(248, 144,2);
	border: 4px solid rgba(255, 208, 122,1);
}

.aui-timeLine-content .aui-timeLine-content-item:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 0;
	top:6px;
	left: -33px;
	background-color: #0153ac;
	border-radius: 99px;
}

.aui-timeLine-content .aui-timeLine-content-item:first-child::before{
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 0;
	top: 0;
	left: -33px;
	background-color: #0153ac;
	border-radius: 99px;
}
.aui-timeLine-content .aui-timeLine-content-item:first-child h1 {
	color: #34a853
}
.aui-timeLine-content-icon {
	width: 60px;
	height: 30px;
	border-radius: 5px;
	background-color: #e5e5e5;
	content: "";
	position: absolute;
	z-index: 1;
	left: -5rem;
	display: block;
	top: -1px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.aui-timeLine-content-item:first-child>.aui-timeLine-content-icon {
	top: -4px;
}
.aui-timeLine-content-icon img {
	width: 18px;
	height: 18px;
	display: block;
	border: none;
	margin: 6px auto;
}
.aui-timeLine-content-item .aui-timeLine-content-info {
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background-color: #0079fb;
	content: "";
	position: absolute;
	z-index: 1;
	left: -25px;
	display: block;
	top: 10px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.tag-boder {
	width: 0;
	height: 0;
	border: 6px solid;
	border-top-color: currentcolor;
	border-top-style: solid;
	border-right-color: currentcolor;
	border-right-style: solid;
	border-bottom-color: currentcolor;
	border-bottom-style: solid;
	border-left-color: currentcolor;
	border-left-style: solid;
	border-style: dashed;
	border-color: transparent rgba(87,194,64,0.3) transparent transparent;
	position: absolute;
	top: 10px;
	left: 6.26rem;
}
.tag-boder2 {
	width: 0;
	height: 0;
	border: 6px solid;
	border-top-color: currentcolor;
	border-top-style: solid;
	border-right-color: currentcolor;
	border-right-style: solid;
	border-bottom-color: currentcolor;
	border-bottom-style: solid;
	border-left-color: currentcolor;
	border-left-style: solid;
	border-style: dashed;
	border-color: transparent  rgba(248,144,2,0.3) transparent transparent;
	position: absolute;
	top: 10px;
	left: 6.26rem;
}
.tag-boder3 {
	width: 0;
	height: 0;
	border: 6px solid;
	border-top-color: currentcolor;
	border-top-style: solid;
	border-right-color: currentcolor;
	border-right-style: solid;
	border-bottom-color: currentcolor;
	border-bottom-style: solid;
	border-left-color: currentcolor;
	border-left-style: solid;
	border-style: dashed;
	border-color: transparent rgba(83,137,249,0.3) transparent transparent;
	position:absolute;
	top: 10px;
	left: 6.26rem;
}
.aui-timeLine-content-item table img{ width:120px; display:inline-block}
.aui-timeLine-content-item:first-child  .aui-timeLine-content-info{
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background-color: #0079fb;
	content: "";
	position: absolute;
	z-index: 1;
	left: -25px;
	display: block;
	top: 4px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}
.a-time{position: absolute;
	z-index: 1;
	left: -8px;
	display: block;
	top: 0px;}
.aui-timeLine-content-item p {
font-size:.96rem;
padding-bottom:.2rem
}
.aui-timeLine-content-item h1 {
	font-size: 1.04rem;
margin-left:.4rem
}
.aui-timeLine-content-item h2 {
	padding: 0 !important;
margin:.6rem .3rem!important
}
.more-right {
	position: absolute;
	right: 10px;
	top: 2px
}
.aui-look-titile {
	position: relative;
	width: 100%
}
.more-right a {
	color: #FF5722
}
.aui-content-padded {
	position: relative;
	word-break: break-all;
	-webkit-overflow-scrolling: touch;
}
.aui-list-item-inner.aui-list-item-arrow {
	overflow: hidden;
	padding-right: 1.5rem;
}
.aui-list-item-arrow:before {
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top: 50%;
	right: 0.75rem;
	margin-top: -0.2rem;
	background: transparent;
	border: 1px solid #aaa;
	border-top: none;
	border-right: none;
	z-index: 2;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.aui-list-item.aui-list-item-arrow {
	padding-right: 0.75rem;
}
.aui-list.aui-form-list .aui-list-item:active {
	background-color: #ffffff;
}
.aui-collapse-content {
	display: none;
}
.aui-icon-down:before {
	content: " ";
	display: inline-block;
 height: .6rem;
 width:  .6rem;
	border-width: 2px 2px 0 0;
	border-color: #999999;
	border-style: solid;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 2px;
	border-radius: 1px;
}
.aui-collapse-header.aui-active .aui-collapse-arrow {
	display: block;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.aui-collapse-header .aui-list-item-title span {
font-size:.93rem;
padding-left:.3rem;
	color: #de8d5c
}
.aui-li-text {
 padding: .4rem .6rem;
 font-size:.8rem
}
.aui-radius-info {
	border-radius: 10px;
padding:.1rem .3rem;
	display: inline-block;
	background: #0093ff;
	text-align: center;
	color: #fff;
font-size:.8rem
}
.aui-collapse-content .aui-media-list li {
	border-bottom: 1px dashed #ddd
}
.aui-collapse-content .aui-media-list li .aui-list-item-title {
	color: #333
}
.aui-collapse-content .aui-media-list li p {
margin-top:.2rem
}
.aui-collapse-content .aui-media-list li p span {
margin-right:.2rem
}
.aui-media-list button {
	height: auto
}
.font6 {
 font-size: .8rem;
	color: #de8d5c;

}
.aui-media-list .aui-talbe-s {
	color: #666;
font-size:.95rem;
padding:.3rem 0;
}
.aui-media-list .aui-talbe-s td {
padding:.2rem 0;
}

.aui-timeLine-content-icon .check {
	width: 70px;
	height: 40px;
	border-radius: 5px;
	line-height: 35px;
	color: white;
	font-size: 13px;
	text-align: center;
}

.aui-timeLine-content .aui-timeLine-content-item:first-child h1 {
	color: #34a853
}

.aui-timeLine-content-item:first-child>.aui-timeLine-content-icon {
	top: -4px;
}
.aui-timeLine-content-icon img {
	width: 18px;
	height: 18px;
	display: block;
	border: none;
	margin: 6px auto;
}

.aui-timeLine-content-item p {
font-size:.96rem;
padding-bottom:.2rem
}
.aui-timeLine-content-item h1 {
	font-size: 1.04rem;
margin-left:.4rem
}
.aui-timeLine-content-item h2 {
	padding: 0 !important;
margin:.6rem .3rem!important
}
.more-right {
	position: absolute;
	right: 10px;
	top: 2px
}
.aui-look-titile {
	position: relative;
	width: 100%
}
.more-right a {
	color: #FF5722
}
.aui-content-padded {
	position: relative;
	word-break: break-all;
	-webkit-overflow-scrolling: touch;
}
.aui-list-item-inner.aui-list-item-arrow {
	overflow: hidden;
	padding-right: 1.5rem;
}
.aui-list-item-arrow:before {
	content: '';
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top: 50%;
	right: 0.75rem;
	margin-top: -0.2rem;
	background: transparent;
	border: 1px solid #aaa;
	border-top: none;
	border-right: none;
	z-index: 2;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}.check-success {
	background-color: rgb(87, 194, 64);
	border: 4px solid rgba(198, 228, 177,0.9);
}
.check-info {
	background-color: rgb(83, 137, 249);
	border: 4px solid rgba(145, 179, 251,0.8);
}
.check-dk {
	background-color: rgb(255, 96, 109);
	border: 4px solid rgba(252, 159, 166,0.8);
}
.check-pm {
	background-color: rgb(64, 182, 248);
	border: 4px solid rgba(126, 204, 247,0.8);
}
.cuper{ cursor:pointer}
button{ cursor:pointer}
.xianxi-table {  	border-collapse: collapse;
	border-spacing:0;}
.xianxi-table td{ border:.1rem solid #1f77b0; padding:.6em}
.font16{ font-size:1rem; color:#57c240}
.font24{font-size: 24px;
    color: #ffb400;
    margin-left: 3px;}
	
	
	
	/*弹出层 */

.mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 10000;
	display: none;
}
.modal {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 99%;
	transform: translate(-50%, -50%);
	border-radius: 5px;
	border:1px solid #1f77b0; border-radius:5px;
	background-color: #041529;box-shadow: 0 1px 15px 1px #042447;
	z-index: 120000;
	display: none;
}
.modal .modal-header {
	height: 50px;
    line-height: 50px;
    text-align: center;
    background: url(../img/mod_head_bg.png) no-repeat center center;
    background-size: auto;
    background-size: 100% 100%;
    font-weight: normal;
    padding: 0 15px;
    border-radius: 5px 5px 0 0;
    color: #fff;
}
.modal .modal-header p {
	line-height: 50px;
	display: inline-block;
}
.modal .modal-header .title {
	font-size: 18px;
	color: #fff;
}
.modal .modal-header .close {
	float: right;
	font-size: 0px;
	margin-top: -2px;
	color: #fff;
	cursor: default;
}
.modal .modal-content {
	min-height: 100px;
	padding: 20px;
}
.modal .modal-footer .btn {

	color: white;
	 border:1px solid #043876;  background:rgba(4,30,60,.6); padding:.5rem 2rem; border-radius:3px; cursor:pointer;
	
}
.modal .modal-footer {
	clear: both;

	padding: 10px;
	text-align:center;
}::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #bdd1f1;
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : rgba(0, 0, 0, 0.2);
  }
  .able-img{ width:160px}
  .table-img{ width:200px; text-align:center}
  .aline{ color:#0095cf; text-decoration:underline; cursor:pointer}
  .lefttable tbody {
    display: block;
    height: 65vh;
    overflow: auto;
}
  .lefttable thead th {
    width: 200px;
}
  .lefttable thead  tr {
    display: block;
}
  .lefttable thead th + th {
    width: 240px;
}

  .lefttable thead th + th + th {
    width: 316px;
}

  .lefttable tbody td {
    width: 200px;
}

  .lefttable tbody td + td {
    width: 240px;
}

  .lefttable tbody td + td + td {
    width: 300px;
}.lefttable { width:100%}
.simpleAlertBodyContent body{background: none !important;}
.modal_ul{display: flex; justify-content:space-between; flex-wrap: wrap; padding: 0 10px;}
.modal_ul .modal_ul_li{ width: 50%; padding: 2vh;}
.modal_ul .modal_ul_li table{ background: url(../img/list_bg.png) no-repeat  ; background-size: 100% 100% ; height: 25vh;}
.topbox li {cursor: pointer;}

