html,body{font-family:'PingFangSC-Light','Microsoft Yahei',Arial,Helvetica,sans-serif;
	color: #383838; width: 100%; height: 100%; overflow-x: hidden; background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
ul,li{list-style: none; margin: 0; padding: 0px;}
p{padding: 0; margin: 0;}
div,img,dl{vertical-align: top; outline:none;}
a:link,a:visited,a:hover,a:active,input,button,select,textarea{ outline:none;}
a:link,a:visited{color: #333; text-decoration: none;}
a:hover,a:active{color: #f37308; transition: color .2s,background .2s;}
input{margin: 0;}
button:hover,button:focus,button:active{outline: none; transition: background .2s,border .2s;}
em,i{font-style: normal; }
.clear{ clear:both; height:0; font-size:0; overflow:hidden; width:100%;}


/*----登录开始----*/
.bgcolor{
	background: #eee;
}
#header{
	width: 100%;
	margin: 0 auto;
	height: 100px;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	font-size: 0;
	position: relative;
	background:#ccc; 
}
#header .logo{
	padding: 18px 0 0 0px;
	display:inline-block;
}
#header .platform{
	font-size: 27px;
	font-weight: 700;
    vertical-align:middle;
	line-height: 88px;
	margin-left: 25px;
	display:inline-block;
}

#contnet{
	width: 100%;
	
	background: #fff;
}
.content-wit{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 10px;
}
.login{
	width: 450px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 0 0 40px;
}
.login h2{
	font-size: 16px;
	height: 50px;
	border-bottom: 1px solid #ccc;
	line-height: 50px;
	font-weight: 700;
	background: url(../images/login-icon.png) no-repeat 16px center;
	padding-left: 36px;
}
.login ul{
	padding: 28px 0 15px 28px;
}
.login ul li{
	height: 54px;
}
.login ul li .name{
	width: 60px;
	float: left;
	text-align: right;
	line-height: 30px;
}
.login ul li .textbox{
	float: left;
	padding-left: 8px;
}
.login ul li .textbox input{
	width: 230px;
	border: 1px solid #ccc;
	height: 30px;
	border-radius: 3px;
	line-height: 30px;
	padding: 0 5px;
}
.login ul li .textbox input:focus{
	border: 1px solid #f37308;
}
.login ul li .repa{
	float: left;
	margin: 6px 0 0 16px;
}
.login ul li .repa label{
	color: #666;
	font-weight: normal;
}
.login ul li .repa label input{
	float: left;
	margin-right: 4px;
}
.login ul li .yzm input{
	width: 122px;
}
.login ul li .yzm-img{
	float: left;
	margin-left: 10px;
}
.login ul li .yzm-img a{
	margin-left: 10px;
	line-height: 30px;
	color: #f37308;
	text-decoration: underline;
}
.login ul li button{
	width: 298px;
	height: 36px;
	padding: 0;
	background-color: #f37308;
	border-color: #f37308;
	color: #fff;
	font-size: 15px;
}
.login ul li button:hover,.login ul li button:focus,.login ul li button:active {
  color: #fff;
  background-color: #eb6f07;
  border-color: #eb6f07;
  outline: none;
}

.code-list{
	width: 360px;
	float: right;
}
.code-list h2{
	font-size: 16px;
	height: 45px;
	line-height: 50px;
	font-weight: 700;
	margin: 15px 0;
	width: 200px;
	text-align: center;
}
.code-list dl{
	width: 200px;
	float: left;
}
.code-list dl dt img{
	max-width: 200px;
	max-height: 200px;
}
.code-list dl dd{
	text-align: center;
	color: #666;
	padding-top: 8px;
}
.tips{
	clear: both;
	color: #757575;
	padding: 25px 0;
	line-height: 1.8;
	text-align: center;
}
/*----登录结束----*/


/*----首页结束----*/
#header-top{
	height: 80px;
	position: relative;
	z-index: 100;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background:#bbb; 
}
#header-top .logo{
	float: left;
	margin: 16px 0 0 7px;
}
#header-top  .platform{
	font-size: 23px;
	font-weight: 700;
	line-height: 74px;
	margin-left: 15px;
	display:inline-block;
}

#header-top .quit{
	float: right;
	padding: 22px 20px 0 0;
}

#header-top .quit .next-l{
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 33px;
	border-radius: 3px;
	background: #f18d3a;
	color: #fff;
	line-height: 33px;
	padding-left: 10px;
}
#header-top .quit .next-l em{
	background: #e06c0b;
	float: right;
	width: 22px;
	height: 33px;
	text-align: center;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-left: 8px;
	font-size: 13px;
}


#header-top .quit .next-l .down-ture{
	background: #fafafa;
	border: 1px solid #f37308;
	border-top: 0;
	width: 100%;
	position: absolute;
	left: 0;
	display: none;
	margin-top: -1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 6px 0;
	height: auto;
}
#header-top .quit .next-l .down-ture a{
	display: block;
	line-height: 30px;
	color: #333;
	text-align: center;
}
#header-top .quit .next-l .down-ture a:hover{
	color: #f37308;
}

#header-top .quit .next-l:hover .down-ture{
	display: block;
}

#header-top .icon-block{
	float: right;
	font-size: 0;
}
#header-top .help-notice,#header-top .notice,#header-top .full{
	position: relative;
	line-height: 76px;
	float: left;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	padding: 4px 16px 0;
}
#header-top .help-notice{
	padding: 0;
	margin-right: 20px;
	line-height: 80px;
}

#header-top .notice:hover,#header-top .full:hover{
	background: #de6f11;
}
#header-top .notice .number{
	position: absolute;
	width: 15px;
	height: 15px;
	background: #ef5350;
	top: 17px;
	right: 8px;
	line-height: 15px;
	font-size: 10px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
}
#header-top #cancel-fullscreen{
	display: none;
}
#header-top .help-notice a{
	color: #fff;
	font-size: 16px;
	padding: 0 12px;
	display: block;
}
#header-top .help-notice a:hover{
	background: #de6f11;
}
#header-top .help-notice span{
	font-size: 20px;
    float: left;
    line-height: 80px;
    margin-right: 5px;
}
#header-top .search{
	display: inline-block;
	margin: 22px 0 0 0;
	position: absolute;
	left: 42.5%;
}
#header-top .search .info{
	border: 1px solid #ddd;
	border-right: 0;
	padding: 5px;
	height: 34px;
	width: 280px;
	float: left;
}
#header-top .search .info:focus{
	border: 1px solid #f37308;
	border-right: 0;
}
#header-top .search .btnsearch{
	width: 50px;
	height: 34px;
	background: #f37308;
	color: #F0F0F0;
	border: 0;
	font-size: 16px;
}
#header-top .search .btnsearch:hover{
	background: #00b374;
	color: #fff;
}


#nav-left{
	width: 224px;
	background: #bbb;
	position: absolute;
	top: 80px;
	bottom: 0;
	border-right: 1px solid #ddd;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}
.overflow-scroll{
	overflow-y: auto;
	overflow-x: hidden;
}
#nav-left ul{
	padding: 10px 0;
}
#nav-left ul li a{
	display: block;
	color: #333;
	padding: 10px 15px 10px 42px;
	margin-top: 1px;
}
#nav-left ul li a:hover{
	background: #f0f0f0;
	color: #f37308;
}
#nav-left ul li.active a{
	background: #f0f0f0;
	color: #f37308;
}
#nav-left ul li a i{
	margin-right: 10px;
	font-size: 15px;
}


#box-all{
	position: absolute;
	top: 80px;
	left: 224px;
	right: 0;
	bottom: 0;
	padding: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}
.time{
	background: url(../images/time-icon.png) no-repeat 8px center;
	border-bottom: 1px solid #ddd;
	padding: 10px 36px;
}
.time span{
	margin-left: 25px;
}
.time span em{
	padding-left: 12px;
}
.time span i{
	color: #e32a25;
}
.data-display{
	margin-top: 22px;
	display: inline-block;
	width: 100%;
}
.data-display ul li{
	width: 15%;
	float: left;
	position: relative;
	margin-right: 15px;
}
.data-display ul li a{
	display: block;
	height: 74px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}
.data-display ul li a .data-right{
	float: right;
	padding-right: 12%;
}

.data-display ul li a i{
	float: left;
	font-size: 33px;
	margin: 10px 0 0 12%;
}
.data-display ul li em{
	font-size: 25px;
	color: #fff;
	display: block;
}
.data-display ul li.bg-ly a{
	background: #28b779;
}
.data-display ul li.bg-lg a{
	background: #27a9e3;
}
.data-display ul li.bg-lo a{
	background: #ffb848;
}
.data-display ul li.bg-ls a{
	background: #da542e;
}
.data-display ul li.bg-lb a{
	background: #2255a4;
}
.data-display ul li.bg-lr a{
	background: #404040;
}
.data-display ul li a:hover{
	background: #2E363F;
}
.trend{
	margin-top: 20px;
	position: relative;
}
.record-y{
	padding: 20px 0;
	width: 100%;
	font-size: 0;
}
.record-y span{
	width: 50%;
	display: inline-block;
}

.tag{
	height: 40px;
	background: #eee;
}
.tag ul li{
	float: left;
	line-height: 40px;
	padding: 0 30px;
	cursor: pointer;
	font-size: 15px;
}
.tag ul li.active{
	background: #f37308;
	color: #fff;
}
.mat-top{
	margin-top: 5px;
}

.activity-block{
	margin-top: 15px;
	background: #fff;
	clear: both;
}
.table-scroll{
	width: 100%;
	overflow-x: auto;
}
.activity-block .table{
	margin: 0;
}
.activ-table thead{
    color: #383838;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    background: #f6f6f6;
}
.activ-table thead th{
	font-weight: normal;
	padding: 8px !important;
	vertical-align: middle !important;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}
.activ-table tbody td{
	border-bottom: 1px solid #ECF0F1 !important;
	padding: 8px !important;
	line-height: 1.7 !important;
	text-align: center;
	font-size: 13px;
	word-wrap:break-word;
	white-space: nowrap;
}
.activ-table tbody td.text-left{
	text-align: left;
}

.activ-table tbody td:nth-child(1){
	text-align: left;
}
.activ-table tbody td.edit a{
	text-decoration: none;
	margin: 0 5px;
	color: #f37308;
}
.activ-table tbody td.edit a:hover{
	text-decoration: underline;
}
.activ-table .select_all,.activ-table tbody td.chekbox-c{
	text-align: center;
	width: 30px;
}
.activ-table thead th.left{
	text-align: left;
	width: 85%;
	padding-left: 15px!important;
}

.dataTables_paginate{float: right; margin: 0; padding: 0;}
.pagination{margin: 12px 0 5px 0; }
.pagination>li>a, .pagination>li>span, .pagination>li:first-child {
    margin-left: 0;
    border-radius: 4px;
}
.pagination > li > a, .pagination > li > span{background: #fff; border: 1px solid #E2E3EA; margin-left: 6px; padding: 4px 10px; color: #333;}
.pagination > li > a:hover, .pagination > li > a:focus{
	background-color: #f37308;
    color: #fff;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{    
    background-color: #f37308;
    border-color: #E2E3EA;
}
/*----首页结束----*/


.mat-top15{
	margin-top: 15px;
}
.mat-top12{
	margin-top: 10px;
}

.retrieval{
	border: 1px solid #ddd;
}
.retrieval h2{
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	padding-left: 12px;
	background: #f6f6f6;
}

.retrieval .title,.retrieval .media-lx,.retrieval .media-mc,.retrieval .business,.retrieval .time-for,.retrieval .push-button{
	float: left;
	margin: 12px 0 12px 20px;
}
.retrieval .title .left,.retrieval .media-lx .left,.retrieval .media-mc .left,.retrieval .business .left,.retrieval .time-for .left{
	line-height: 32px;
	float: left;
	padding-left: 12px;
	margin-right: 5px;
}
.retrieval .title .right,.retrieval .media-lx .right,.retrieval .media-mc .right,.retrieval .business .right{
	display: inline-block;
	width: 180px;
}
.retrieval .time-for .time-s,.retrieval .time-for .time-e{
	float: left;
	width: 132px;
}
.retrieval .time-for input{
	background: url(../images/time-icon.png) no-repeat 97% center;
	background-size: 16px;
}
.retrieval .time-for .h-line{
	float: left;
	width: 22px;
	text-align: center;
	line-height: 32px;
}

.retrieval .media-lx .right,.retrieval .media-mc .right,.retrieval .business .right{
	width: 132px;
}
.retrieval .form-pusl{
	border: 1px solid #ddd;
	border-radius: 3px;
	height: 32px;
	padding: 0 5px;
	width: 100%;
}
.retrieval .push-button button{
	margin-right: 15px;
	width: 92px;
	padding: 0;
	height: 32px;
}
.sub-mit{
	background: #f37308;
	color: #fff;
}
.sub-mit:hover,.sub-mit:focus,.sub-mit:active {
  background-color: #e96f09;
  border: 1px solid #e96f09;
  color: #fff;
  outline: none;
}
.sup-mit{
	background: #63d1d5;
	color: #fff;
}
.sup-mit:hover,.sup-mit:focus,.sup-mit:active {
  background-color: #4ab8bc;
  border: 1px solid #4ab8bc;
  color: #fff;
  outline: none;
}
.ignore-mit{
	background: #999;
	color: #fff;
}
.ignore-mit:hover,.ignore-mit:focus,.ignore-mit:active {
  background-color: #757575;
  border: 1px solid #757575;
  color: #fff;
  outline: none;
}
.btn-right{
	text-align: right;
	margin-top: 20px;
}



/*----处理状态弹层开始----*/
.box-wfb,.box-czz,.box-shz,.box-ddsh{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	z-index: 1000;
	overflow: auto;
	display: none;
}
.user-dialog{
	width: 640px;
	margin: 85px auto 40px;
}
.modal-title{
	height: 42px;
	background: #F3F3F3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.modal-title .let{
	float: left;
	font-size: 16px;
	padding-left: 18px;
	line-height: 42px;
}
.modal-title .ret{
	float: right;
	margin: 12px 15px 0 0;
	cursor: pointer;
	opacity: .8;
}
.modal-title .ret:hover{
	opacity: 1;
}
.modal-form ul{
	padding: 16px 30px;
	font-size: 0;
}
.modal-form ul li{
	padding: 8px 0;
	width: 100%;
	display: inline-block;
}
.modal-form ul li .name{
	width: 85px;
	float: left;
	line-height: 30px;
	font-size: 14px;
}
.modal-form ul li .info{
	width: 480px;
	float: left;
	line-height: 30px;
	font-size: 14px;
}
.modal-form ul li .info textarea{
	min-height: 95px;
}
.modal-form ul li.btn-go{
	padding: 10px 0 10px 85px;
}
.modal-form ul li.btn-go button{
	width: 140px;
	padding: 0;
	height: 36px;
	background: #f37308;
	color: #fff;
}

.modal-form ul li.btn-go button:hover,.modal-form ul li.btn-go button:focus,.modal-form ul li.btn-go button:active {
  background-color: #00b374;
  border: 1px solid #00b374;
  color: #fff;
  outline: none;
}

/*----处理状态弹层结束----*/

/*----高级搜索开始----*/
.retrieval .title-all,.retrieval .time-start ,.retrieval .radio-block{
	padding: 10px 0 10px 20px;
	overflow: hidden;
}
.retrieval .title-all .left,.retrieval .time-start .left,.retrieval .radio-block .left{
	line-height: 32px;
	float: left;
	min-width: 7%;
	margin: 0 0 0 10px;
	/*text-align: right;*/
	padding-right: 8px;
}
.retrieval .title-all .right{
	display: inline-block;
	width: 50%;
}
.retrieval .time-start .time-s,.retrieval .time-start .time-e{
	float: left;
	width: 24%;
}
.retrieval .time-start input{
	background: url(../images/time-icon.png) no-repeat 98% center;
	background-size: 16px;
}
.retrieval .time-start .h-line{
	float: left;
	width: 2%;
	text-align: center;
	line-height: 32px;
}
.retrieval .radio-block .late{
	width: 88%;
	float: left;
}
.retrieval .radio-block .late label{
	font-weight: normal;
	margin: 6px 25px 4px 0;
}
.retrieval .radio-block .late label input{
	margin-right: 4px;
}

.padd{
	padding: 8px 0 22px 0;
	margin: 0 0 0 32px!important;
}

/*----高级搜索结束----*/

.statistics{
	margin-top: 15px;
}
.statistics span{
	width: 50%;
	display: inline-block;
}

/*----修改密码开始----*/

.password-xg h2{
	font-size: 16px;
	padding: 10px 0 10px 10px;
	background: #f1f1f1;
}
.password-xg ul{
	padding: 28px 0 15px 10px;
}
.password-xg ul li{
	height: 54px;
}
.password-xg ul li .name{
	width: 90px;
	float: left;
	line-height: 34px;
	text-align: left;
}
.password-xg ul li .textbox{
	float: left;
}
.password-xg ul li .textbox input{
	width: 230px;
	border: 1px solid #ccc;
	height: 34px;
	border-radius: 3px;
	line-height: 34px;
	padding: 0 5px;
}
.password-xg ul li button{
	width: 230px;
	height: 36px;
	padding: 0;
	background-color: #346ec0;
	border-color: #346ec0;
	color: #fff;
	font-size: 15px;
	margin-left: 90px;
}
.password-xg ul li button:hover,.password-xg ul li button:focus,.password-xg ul li button:active {
  color: #fff;
  background-color: #4587c2;
  border-color: #4587c2;
  outline: none;
}

/*----修改密码结束----*/

.yq-cont{
	padding: 5px 1% 0;
}
.jiathis_style{
	overflow: hidden;
	padding: 5px 1% 15px;
}
.td-left tr td{
	text-align: left;
	white-space: normal;
}



/*----处理状态弹层开始----*/
.box-bg,.box-cl,.box-clr{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	z-index: 1000;
	overflow: auto;
	display: none;
}
.user-dialog{
	width: 640px;
	margin: 80px auto 40px;
}
.modal-title{
	height: 42px;
	background: #F3F3F3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.modal-title .let{
	float: left;
	font-size: 16px;
	padding-left: 18px;
	line-height: 42px;
}
.modal-title .ret{
	float: right;
	margin: 12px 15px 0 0;
	cursor: pointer;
}
.modal-form ul{
	padding: 16px 20px;
	font-size: 0;
}
.modal-form ul li{
	padding: 6px 0;
	width: 100%;
	display: inline-block;
}
.modal-form ul li .name{
	width: 76px;
	float: left;
	line-height: 30px;
	font-size: 14px;
}
.modal-form ul li .info{
	width: 500px;
	float: left;
	line-height: 30px;
	font-size: 14px;
}
.modal-form ul li .info textarea{
	min-height: 95px;
}
.modal-form ul li .info select{
	width: 48.5%;
	float: left;
}
.modal-form ul li .info .mart{
	margin-right: 3%;
}
.modal-form ul li .info .cl-btn{
	line-height: 22px;
}
.modal-form ul li.btn-go{
	padding: 5px 0 20px 84px;
}
.modal-form ul li.btn-go button{
	width: 140px;
	padding: 0;
	height: 32px;
	background: #f37308;
	color: #fff;
}
.modal-form ul li .branch{
	float: left;
	width: 180px;
	margin-right: 40px;
	position: relative;
}
.modal-form ul li .mar-none{
	margin: 0;
}
.modal-form ul li .branch em{
	background: url(../images/on-arrow.png) no-repeat right center;
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 7px;
	font-size: 14px;
	
}
.modal-form ul li .branch em label{
	font-weight: normal;
}
.modal-form ul li .branch em label input{
	margin-right: 4px;
}
.modal-form ul li .branch:hover ul{
	display: block;
}
.modal-form ul li .branch ul{
	max-height: 130px;
	position: absolute;
	background: #f5f5f5;
	border: 1px solid #ddd;
	overflow-y: auto;
	padding: 0;
	display: none;
}
.modal-form ul li .branch ul li{
	padding: 4px 6px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}
.modal-form ul li .branch ul li:last-child{
	border-bottom: 0;
}
.modal-form ul li .branch ul li label{
	background: none;
	padding: 0;
	font-weight: normal;
}
.modal-form ul li .branch ul li label input{
	float: left;
	margin-right: 3px;
}

.modal-form ul li.btn-go button:hover,.modal-form ul li.btn-go button:focus,.modal-form ul li.btn-go button:active {
  background-color: #f37308;
  border: 1px solid #f37308;
  color: #fff;
  outline: none;
}
.modal-form .color-bg{
	background: #f4f4f4;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.modal-form ul li i{
	font-size: 12px;
	color: #757575;
	line-height: 20px;
	display: block;
	padding-top: 5px;
}
.modal-form .branch h3{
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 10px 0;
}
.modal-form .branch li{
	padding: 0;
}
.modal-form .branch li .name,.modal-form .branch li .info{
	font-size: 13px;
	line-height: 26px;
}

.modal-form .result{
	padding: 8px 20px 20px;
}
.modal-form .result h3{
	font-size: 14px;
	font-weight: bold;
}
.modal-form .table-cl{
	font-size: 14px;
	margin-top: 12px;
	max-height: 376px;
	overflow-y: auto;
}
.modal-form .table-cl table{
	min-width: 100%;
	font-size: 13px;
	position: relative;
}
.modal-form .table-cl table th,.modal-form .table-cl table tr td{
	border: 1px solid #ddd;
	padding: 5px;
	font-weight: normal;
}
.modal-form .table-cl table th{
	background: #f1f1f1;
	text-align: center;
}

.modal-form ul li.auto-center{
	padding: 10px 0 20px 0;
	text-align: center;
}

.modal-form .table-cl .excel{
	color: #0070c0;
	background: url(../images/excel.png) no-repeat left -1px;
	background-size: 18px;
	padding-left: 23px;
}
.modal-form .table-cl .word{
	color: #0070c0;
	background: url(../images/word.png) no-repeat left -1px;
	background-size: 18px;
	padding-left: 23px;
}
.modal-form .table-cl .pdf{
	color: #0070c0;
	background: url(../images/pdf.png) no-repeat left 0;
	background-size: 18px;
	padding-left: 23px;
}
.modal-form .table-cl .jpg{
	color: #0070c0;
	background: url(../images/jpg.png) no-repeat left 0;
	background-size: 18px;
	padding-left: 23px;
}
.modal-form .table-cl a:hover{
	color: #0065ad;
	text-decoration: underline;
}
/*----处理状态弹层结束----*/