﻿html, body{height: 100%;width: 100%;margin: 0;padding: 0;font-family: "黑体";font-size: 14px;min-width:1352px;}
::-webkit-scrollbar{width:9px;height:6px}
::-webkit-scrollbar-track{background-color:#8ac0f2}
::-webkit-scrollbar-thumb{background-color:#2a78be}
::-webkit-scrollbar-thumb:hover{background-color:#2a78be}
::-webkit-scrollbar-thumb:active{background-color:#2a78be}
ul{margin: 0;list-style-type: none;padding-left:0;}

/*功能性f开头*/
.f-bold{ font-weight: bold;}
.f-floatleft{float:left;}

.f-mt4{ margin-top:4px;}
.f-mt10{ margin-top: 10px;}
.f-ml0{ margin-left:0 !important;}
.f-ml5{ margin-left:5px;}
.f-ml10{ margin-left:10px !important;}
.f-ml40{ margin-left:40px !important;}
.f-ml120{ margin-left:120px;}
.f-ml320{ margin-left: 320px;}
.f-mr5{ margin-right:5px;}
.f-mr30{ margin-right:30px !important;}
.f-mr60{ margin-right:60px !important;}
.f-mb0{ margin-bottom:0 !important;}
.f-mb10{ margin-bottom: 10px;}

.f-padding0{ padding:0}
.f-ml-20{ margin-left:20px;}
.f-ml-60{ margin-left:60px;}
.f-ml-85{ margin-left: 85px !important;}
.f-mb-10{ margin-bottom:10px;}

.f-wp20{width:20%;}
.f-wp30{width:30%;}
.f-wp40{width:40%;}
.f-wp50{width:50%;}
.f-wp60{width:60%;}
.f-hp100{height:100%}

.f-250wpx{ width: 250px;}
.f-15wpx{ width: 15px;}
.f-20wpx{ width: 20px;}
.f-30wpx{ width: 30px;}
.f-35wpx{ width: 35px;}
.f-40wpx{ width: 40px;}
.f-45wpx{ width: 45px;}
.f-50wpx{ width: 50px;}
.f-55wpx{ width: 55px;}
.f-56wpx{ width: 56px;}
.f-60wpx{ width: 60px;}
.f-90wpx{ width: 90px !important;}
.f-110wpx{ width: 110px !important;}
.f-120wpx{ width: 120px;}
.f-125wpx{ width: 125px;}
.f-128wpx{ width: 128px;}
.f-150wpx{ width: 150px !important;}
.f-180wpx{ width: 180px !important;}
.f-200wpx{ width: 200px;}
.f-250wpx{ width: 250px;}
.f-280wpx{ width: 280px;}
.f-330wpx{ width: 330px;}
.f-430wpx{ width: 430px;}

.f-33hpx{ height: 33px !important;}
.f-34hpx{ height: 34px !important;}

.f-posirelative{position:relative;}

.percent5{ width: 5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent10{ width: 10%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent15{ width: 15%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent20{ width: 20%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent25{ width: 25%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent30{ width: 30%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent35{ width: 35%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent40{ width: 40%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent45{ width: 45%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent50{ width: 50%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent55{ width: 55%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent60{ width: 60%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent65{ width: 65%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent70{ width: 70%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent75{ width: 75%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent80{ width: 80%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent85{ width: 85%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent90{ width: 90%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent95{ width: 95%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent100{ width: 100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.percent-full{ width: 100%;height: 100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.floatleft{float: left;}
.floatright{float: right;}
.txtleft{text-align: left;}
.txtright{text-align: right;}
.txtcenter{text-align: center;}
.g-tr{ width: 100%;height: 40px;line-height: 40px;color: #000;font-size: 14px;clear: both;}
.g-hr{ width: 100%;height: 1px;border: 0; border-bottom: 1px solid #0066B4;}
.m-title{ width: 85px;text-align: center;}
.m-input{ width:calc(100% - 95px);height: 100%;}
input.form-data{ width: 98%;text-indent: 5px;outline: none;height: 24px;line-height: 24px;}

.htDimmed { color: #000 !important;font-size: 16px;font-family: "微软雅黑";color: #1b1b1b;background-color: #D5DCEC !important;}

/*颜色的s开头*/
.s-danger{color:Red;}

/*状态类z开头*/
.z-hide{display:none;}
.s-nodata{ background-image: url('../images/nodata.png') !important;background-repeat:no-repeat !important;background-position:center !important;background-color:#fff !important;}
.s-disabled{background:rgba(112,169,237,0.6)!important;cursor:default!important;}



/*头部样式 start*/
.g-header{background:#17317e;height:70px}
.m-header-logo{background:url(../images/index/top_logo.png) no-repeat left;height:70px;width:370px;margin-left:18px;float:left}
.u-navtitle{font-size: 36px;padding-left:15px;color:#fff;margin-top: 16px;float: left;}
.m-header-info{font-size:16px;color:#fff;line-height:18px;margin-right:20px;float:right}
.u-header-pic{margin:0 7px 0 28px;float:left}
.m-login-info{margin-top:16px;width:260px;float:left}
.m-login-info p{margin:10px 5px;line-height:18px;height:18px}
.m-login-info .m-userinfo{ cursor: pointer;float: left;}
.m-login-info .m-infodown{position: absolute;border:1px solid #fff;display: none;z-index: 10000;}
.m-login-info .m-infodown li{line-height: 30px;text-align: center;height: 30px;width: 147px;background: #17317e;cursor: pointer;border-top:1px solid #fff;}
.m-userinfo:hover .m-infodown{ display: block;}
.u-toindex{ background:url("../images/index/top_index.png") no-repeat left;padding-left:38px;display: block;float: right;color: #fff;margin-top:15px;font-size: 18px;line-height:35px;text-decoration:none;}
.u-warnlink{background:url("../images/index/icon_warn.png") no-repeat left;padding-left:38px;display: block;float: right;color: #fff;margin-top:15px;margin-left: 30px;font-size: 18px;line-height:35px;text-decoration:none;}
.u-warnset{background:url("../images/index/icon_manage.png") no-repeat left;padding-left:38px;display: block;float: right;color: #fff;margin-top:15px;margin-left: 30px;font-size: 18px;line-height:35px;text-decoration:none;}
.u-split-line{float:right;margin-top:20px;margin-left:28px;height:30px;line-height: 30px;color:#8fbfe1}
.top-choose{ border: 1px solid #fff;}
/*end*/

/* 按钮样式 start*/
/*保存*/
.u-btn-save{ background:#2592ef;padding: 5px 20px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none;}
/*预览*/
.u-btn-preview{ background: #d8a863;padding: 5px 20px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none;}
/*搜索*/
.u-btn-search{ background: #24a909;padding: 5px 20px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none;}
/*重置*/
.u-btn-reset{ background: #F18B01;padding: 5px 20px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none;}
/*设置*/
.u-btn-setting{ background: #76cb63;padding: 5px 20px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none;}
/*取消*/
.u-btn-cancel{ background: #F18B01;padding: 5px 20px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none;}
/*更正*/
.u-btn-update{ background: #48A6FE;padding: 5px 8px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none}
/*确认无误*/
.u-btn-sure{ background: #F18B01;padding: 5px 8px;border: none;cursor: pointer;color: #fff;font-size: 14px;outline:none}
/*end*/