/**
 * @author：Lee
 * @description：基础样式
 */


/*常用功能CSS*/
.f-fl{
	float: left;
}
.f-dn{
	display: none;
}
.f-fr{
	float: right;
}
.f-tac{
	text-align: center;
}
.f-tal{
	text-align: left;
}
.f-ofh{
	overflow: hidden;
}
.f-fbg{
	border: 2px solid #2177c4;
    background-image: linear-gradient(0deg, rgba(7,25,56,0.1) 0%, rgba(15,50,101,0.1) 100%) !important;
}
.f-pr{
	position: relative;
}
.f-pa{
	position: absolute;
}
.f-toe {
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.f-fwn{
	font-weight: normal;
}
.f-br50{
	border-radius: 50%;
}
.f-col-1{
	color: #ec5f68;/*粉红*/
}
.f-col-2{
	color: #f09157;/*橙黄*/
}
.f-col-3{
	color: #06b786;/*浅绿*/
}
.f-col-4{
	color: #ffc000;/*金黄*/
}
.f-col-5{
	color: #0991ea;/*浅蓝*/
}
.f-fs16{
	font-size: 16px;
}
.f-fs18{
	font-size: 18px;
}
.f-fs20{
	font-size: 20px;
}
.f-fs22{
	font-size: 22px;
}
.f-fs24{
	font-size: 24px;
}

.f-fs30{
	font-size: 30px;
}
.f-w90{
	width: 90%;
}
.f-wh90{
	width: 90%;
	height: 100%;
}
.f-wh100{
	width: 100%;
	height: 100%;
}
.f-w100h19{
	width: 100%;
	height: 12%;
}
.f-w100h88{
	width: 100%;
	height: 92%;
}

.f-w100h59{
	width: 100%;
	height: 68%;
}
.f-w40h100{
	width: 30%;
	height: 100%;
}
.f-w60h100{
	width: 70%;
	height: 100%;
}
.f-w33{
	width: 33% !important;
}
.f-w50{
	width: 50% !important;
}
.f-h49{
	height: 49% !important;
}
.f-h50{
	height: 50% !important;
}
.f-h52{
	height: 52% !important;
}
.f-w100{
	width: 100% !important;
}
.f-w80{
	width: 80% !important;
}
.f-h75{
	height: 75% !important;
}
.f-h25{
	height: 35% !important;
}
.f-h95{
	height: 95% !important;
}
.f-h100{
	height: 100% !important;
}
.f-dib{
	display: inline-block;
}
.f-mr5{
	margin-right: 5px;
}
.f-mr10{
	margin-right: 10px;
}
.f-pl56{
	padding-left: 56px;
}
.f-pt56{
	padding-top: 56px;
}
.f-mb10{
	margin-bottom: 10px;
}
.f-mb15{
	margin-bottom: 15px;
}
.f-mb20{
	margin-bottom: 20px;
}
.f-mb30{
	margin-bottom: 30px;
}

.f-ellipsis{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.f-flex-grow{
	flex: 1;
}
.f-flex-db{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.f-flex-wdb{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	
	flex-wrap: wrap;
	
	align-content: space-between;
}

.f-flex-ud{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.f-flex-vb{
	display: flex;
    flex-direction: row;
    align-items: flex-end
}
.f-flex-vm{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.f-flex-tc{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
}
.f-flex-sa{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
/*全局CSS*/
html,body{
	height: 100%;
}

img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
@font-face {  
 font-family: "Helvetica Neue", Helvetica, tahoma, Arial, "Noto Sans CJK SC", "PingFang SC", "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif  !important;  
 src: url("/scyxltfz/font/digifaw_0.ttf") /* TTF file for CSS3 browsers */  
} 

/*canvas画布*/
#space {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    opacity: .7;
}

/*横向占位div*/
.col-null{
	height: 2%;
}

/*标题样式*/
.chart-tit {
    position: absolute;
    cursor: pointer;
    top: 0;
    color: #ffc100;
    font-weight: 600;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
    padding-left: 38px;
    background: url(/scyxltfz/img/sw-title.png) no-repeat 10px center;
}
.chart-tit2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    color: #fff;
    font-weight: 600;
    height: 30px;
    font-size: 16px;
    line-height: 10px;
    padding-left: 10px;
}
.chart-note{
	position: absolute;
	font-size: 22px;
	text-align: center;
	height: 56px;
	line-height: 56px;
	width: 100%;
}
/*日期样式*/
.m-date {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #FFFFFF;
    text-align: center;
}

.m-date span {
    color: #0abdf0;
    letter-spacing:4px;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, tahoma, Arial, "Noto Sans CJK SC", "PingFang SC", "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif  !important;
}

.m-date .time {
    font-size: 16px;
}


/*侧边栏*/
.u-sidebar{
	position: absolute;
	font-size: 22px;
	color: #ffc000;
	background: #1a4580;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 56px;
	line-height: 56px;
	letter-spacing: 3px;
}

/*数据表格*/
.table-data{
	width: 90%;
	margin: 0 auto;
}
.table-data .tab-tit{
	margin:2% 0 15px 0;
}
.table-data td,.table-data th{
	border: 1px solid #1d517f;
	text-align: center;
	font-size: 20px;
}
.table-data th{
	padding: 9px 0;
	background: #0182d6;
}
.table-data td{
	color: #00c2ff;
	padding: 45px 0;
	background: #012f61;
}

.table-small,.table-small-s{
	width: 95%;
}
.table-small td{
	padding: 9px 0;
}
.table-font-small th{
	font-size: 22px;
}
.table-font-small td{
	font-size: 18px;
}
.table-font-small tbody tr:nth-child(even) td,
.table-small-s tbody tr:nth-child(even) td
{
	color: #f09157;
}

.table-small-s th,
.table-small-s td
{
	padding: 5px 0;
}

.table-font-small2 th{
	font-size: 22px;
}
.table-font-small2 td{
	font-size: 18px;
}