﻿@charset "utf-8";
/* CSS Document by nownow date:20190902  update:20191120*/

/*主体内容*/
.wrap{
   /*padding-top: 60px;*/
   /* margin: -15px; */
}
.wrap .work-box{
	padding: 25px 10px 10px;
	background: #FFFFFF;
	border-bottom: #EDEDED solid 1px;
}
.wrap .work-box ul{
	margin-top: 7px;
}
.wrap .work-box ul li{
	float: left;
	width: 100px;
	text-align: center;
}
.wrap .work-box ul li .icons,
.wrap .all-work ul li .icons,
.work-normal ul li .icons{
	display: inline-block;
	width: 50px;
	height:50px;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	cursor:pointer;
}
.wrap .work-box ul li .icon-orange,
.wrap .all-work ul li .icon-orange,
.work-normal ul li .icon-orange{
	background: -moz-linear-gradient(top, #ffb78d 0%, #ff8c66 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb78d), color-stop(100%,#ff8c66));
    background: -webkit-linear-gradient(top, #ffb78d 0%,#ff8c66 100%);
    background: -o-linear-gradient(top, #ffb78d 0%,#ff8c66 100%);
    background: -ms-linear-gradient(top, #ffb78d 0%,#ff8c66 100%);
    background: linear-gradient(to bottom, #ffb78d 0%,#ff8c66 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb78d', endColorstr='#ff8c66',GradientType=0 );  
}
.wrap .work-box ul li .icon-blue,
.wrap .all-work ul li .icon-blue,
.work-normal ul li .icon-blue{
	background: -moz-linear-gradient(top, #64afff 0%, #1e89fe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64afff), color-stop(100%,#1e89fe));
    background: -webkit-linear-gradient(top, #64afff 0%,#1e89fe 100%);
    background: -o-linear-gradient(top, #64afff 0%,#1e89fe 100%);
    background: -ms-linear-gradient(top, #64afff 0%,#1e89fe 100%);
    background: linear-gradient(to bottom, #64afff 0%,#1e89fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64afff', endColorstr='#1e89fe',GradientType=0 );  
}
.wrap .work-box ul li .icon-purple,
.wrap .all-work ul li .icon-purple,
.work-normal ul li .icon-purple{
	background: -moz-linear-gradient(top, #94aaff 0%, #6b85ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94aaff), color-stop(100%,#6b85ff));
    background: -webkit-linear-gradient(top, #94aaff 0%,#6b85ff 100%);
    background: -o-linear-gradient(top, #94aaff 0%,#6b85ff 100%);
    background: -ms-linear-gradient(top, #94aaff 0%,#6b85ff 100%);
    background: linear-gradient(to bottom, #94aaff 0%,#6b85ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94aaff', endColorstr='#6b85ff',GradientType=0 );  
}
.work-box .icon-orange i,
.work-box .icon-blue i,
.work-box .icon-purple i,
.all-work .icon-orange i,
.all-work .icon-blue i,
.all-work .icon-purple i,
.work-normal .icon-orange i,
.work-normal .icon-blue i,
.work-normal .icon-purple i{
	font-size: 25px;
	color: #FFFFFF;
}

.wrap .tl .ico{
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;	
	margin-right: 10px;
	margin-top: -2px;
}
.wrap .tl .ico-work{
	background: url(../images/ico-work.png) no-repeat;
}
.wrap .tl .ico-notice{
	background: url(../images/ico-notice.png) no-repeat;
}
.wrap .tl .ico-schedule{
	background: url(../images/ico-schedule.png) no-repeat;
}
.wrap .tl .ico-statistics{
	background: url(../images/ico-statistics.png) no-repeat;
}
.wrap .tl .ico-write{
	background: url(../images/ico-write.png) no-repeat;
}
.work-box .tl{
	font-size: 18px;
	color: #505464;
	font-weight: bold;
}
.work-box ul li p{
	margin-top: 10px;
	font-size: 14px;
	color: #505464;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.work-box ul li .view-icon{
	display: inline-block;
	width: 50px;
	height:50px;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	background: #E7F1FF;
}
.work-box ul li .view-icon img{
	vertical-align: initial;
}
.work-box .view-icon i{
	font-size: 26px;
	color: #7CB0EF;
}
.work-box ul li p.all-txt{
	color: #848484;
}

.content-box{
	padding-top: 15px;
	margin-bottom: 15px;
}
.normal-box{
	background: #FFFFFF;
	/*padding: 15px;*/
}
.normal-box .tl{
	padding: 12px 15px;
	border-bottom: 1px solid #EDEDED;
}
.normal-box .tl h4{
	font-size: 16px;
	color: #505464;
	font-weight: bold;
}
.normal-box .tl .ico-more{
	display: block;
	width: 24px;
	height: 6px;
	background: url(../images/ico-more.png) no-repeat;
	margin-top: 10px;
}
.normal-box .con{
	padding: 15px;
}
.normal-box .con ul li{
	/* margin-top: 20px; */
}
.normal-box .con ul li:first-child{
	margin-top: 0px;
}
.normal-box .con ul li.noticeLi{
	padding-top: 7px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    color: #333;
}

.normal-box .empty{
	text-align: center;
    color: gray;
}

.normal-box .con ul li a{
	color: #333333;
	font-size: 14px;
	line-height: 22px;
	
	display: inline-block;
	width: 80%; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
.normal-box .con ul li a:hover{
	color: #19479E;
}
.normal-box .con ul li a .ico-dot{
	width: 5px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    background: url(../images/list-dot.png) no-repeat;
}
.normal-box .con ul li span.date{
	color: #CCCCCC;
	margin-left: 10px;
}
.special .con ul li a{
	display: block;
	 width: 80%; 
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap; 
}
.special .con ul li span.date{
	display:block;
	margin-top: 4px;
}
.special .con ul li a .ico-dot{
	width: 5px;
	height: 5px;
}
.chart-box{
	background: #FFFFFF;
	padding-bottom: 20px;
}
.chart-box .tl{
	padding: 12px 15px;
	border-bottom: 1px solid #EDEDED;
}
.chart-box .tl h4{
	color: #505464;
	font-size: 16px;
	font-weight: bold;
}
.chart-box .tl .more-txt{
	display: block;
    /*width: 114px;*/
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
    color: #1463C6;
    /*border: #7CB0EF solid 1px;*/
    text-align: center;
    line-height: 30px;
    cursor:pointer;
}
.chart-box .con{
	margin-top: 15px;
}
.small-box{
	border: #EDEDED solid 1px;
	border-radius: 4px;
	padding: 5px 15px;
	height: 316px;
} 
.small-box.bottom-box{
	height:270px;
}
.small-box .title{
	
}
.small-box .title h5{
	color: #505464;
	font-size: 14px;
	font-weight: bold;
}
.small-box .title .more{
	display: block;
	width: 24px;
	height: 6px;
	margin-top: 6px;
	background: url(../images/ico-more-small.png) no-repeat;
}
.small-box .content{
	margin-top: 10px;
}
/**************************可删除********************/
.small-box .content img{ width: 100%; height: 240px;}
/**************************可删除********************/

.daily-box{
	background: #FFFFFF;
}
.daily-box .tl{	
    padding: 12px 15px;
	border-bottom: 1px solid #EDEDED;
}
.daily-box .tl h4{
	color: #505464;
	font-size: 16px;
	font-weight: bold;
}
.daily-box .tl .more-txt{
	color: #505464;
	font-size: 14px;
	margin-top: 5px;
}
.daily-box .tl .more-txt .icon-add{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/ico-add.png) no-repeat;
	vertical-align: middle;
	margin-right: 2px;
	margin-top: -2px;
}
.daily-box .con{
	padding: 15px;
}
.daily-box .con .date-box{
	/*height: 336px;*/
}
/**************************可删除********************/
.daily-box .con .date-box img{ width: 100%; height: 336px;}
/**************************可删除********************/
.daily-box .con .today{
	margin-top: 15px;
}
.daily-box .con .today h4{
	font-size: 14px;
	color: #505464;;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}
.today .title span{
	margin-left: 15px;
}
.today .time{
	margin: 0;
	height:280px;
	overflow:auto;
}

.wrap .time::-webkit-scrollbar,.wrap #doibaan_ul::-webkit-scrollbar,.wrap #tungzi_ul::-webkit-scrollbar {
    width: 6px;
}

.wrap .time::-webkit-scrollbar-track,.wrap #doibaan_ul::-webkit-scrollbar-track,.wrap #tungzi_ul::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #eee;
}

.wrap .time::-webkit-scrollbar-thumb,.wrap #doibaan_ul::-webkit-scrollbar-thumb,.wrap #tungzi_ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #c1c1c1;
}

.today .time li{
	margin-top: 18px;
}
.today li span.allDay{
	border-left: #FFC80F solid 2px !important;
	padding-top: 8px;
}
.today .time li span{
	border-left: #7CB0EF solid 2px;
	width: 40px;
    height: 29px;
	display: inline-block;
	float: left;
    padding-left: 8px;
    line-height: 15px;
    font-size: 12px;
}
.today .time li h4{
	margin-top: 7px;
	margin-left: 22px;
	float: left;
}

@media (max-width: 1440px) {
	.today .time li h4{
		display: inline-block;
		width: 70%; 
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; 
	}
}


/*************************所有工作台*********************/
.nav-box{
	background: #FFFFFF;
	padding: 15px 30px;
	height: 50px;
	border-bottom: #EDEDED solid 1px;
	color: #505464;
}
.nav-box .home:hover{
	color: #19479e;
}
.nav-box .ico-arrow{
	margin: 0 5px;
	font-style: normal;
}
.wrap .all-work{
	padding: 20px 15px;
	background: #FFFFFF;
	border-bottom: #EDEDED solid 1px;
}
.wrap .all-work ul,
.wrap .work-normal ul{
	margin-top: 32px;
	
}
.wrap .all-work ul li,
.wrap .work-normal ul li{
	float: left;
	text-align: center;
	/* margin-top: 30px; */
}

.all-work .tl,
.work-normal .tl{
	font-size: 16px;
	color: #505464;
	font-weight: bold;
}
.all-work ul li p,
.work-normal ul li p{
	width: 80%;
	margin: 10px auto;
	font-size: 13px;
	color: #505464;
	max-height: 37px;
	line-height: 20px;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}
.all-work ul li .icon-box,
.work-normal ul li .icon-box{
	width: 100px;
	margin: 0 auto;
	position: relative;
}
.all-work ul li .icon-box .ico,
.work-normal ul li .icon-box .ico{
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/icon.png) no-repeat;	
	position: absolute;
	top: -6px;
	right: 14px;
	cursor: pointer;
}
.all-work ul li .icon-box .ico-plus,
.work-normal ul li .icon-box .ico-plus{
	background-position: 0 -33px;
}
.all-work ul li .icon-box .ico-minus,
.work-normal ul li .icon-box .ico-minus{
	background-position: 0 0;
}
.work-normal{
	padding: 20px 15px;
}

.navMenuHide{
	display:none;
}

.ico-upArrow{
	display: inline-block;
	width: 12px;
	height: 8px;
	background: url(../images/ico-upArrow.png) no-repeat;
	margin-top: 16px;
	margin-left: 16px;
}
.fc-widget-content.scheduleDayColor .fc-day-number{
	font-weight: bold;
    color: #7cb0ef;
}
.scheduleDayBgColor{
	background-color:#7cb0ef;
	color:white;
}
.fc-widget-content.scheduleDayBgColor .fc-day-number{
	color:white;
}
.fc-grid .fc-day-number{
	color:#9fa5b4;
	text-align: center;
    line-height: 32px;
    float:none;
}
.fc-state-default{
	background-color: #fff;
	border:0;
	background-image:none;
	text-shadow:none;
	box-shadow:none;
}
.fc-state-default .fc-text-arrow{
	color:#7cb0ef;
}
.fc-header-title>h2{
	color:#505464;
	line-height: 27px;
}
.fc-widget-header, .fc-widget-content{
	border-color:#f1f1f1;
}


/*新增样式-20191030*/
.pb10{
	padding-bottom: 10px !important;
}

/*新增样式-20191111*/
.clear-margin{
	margin: 0 !important;
}
.gray-body{
	background: #eef3fa;
}
.work-normal ul li .icons img,
.work-box ul li .icons img,
.all-work ul li .icons img{
	width: 50px;
	height: 50px;
	border-radius: 10px;
	vertical-align: initial;
}
.btn-edit{
	border: #e6e6e6 solid 1px;
	border-radius: 5px;
	padding: 7px 15px;
	color: #1366C9 !important;
}
.btn-edit:hover{
	background: #1366C9;
	color: #fff !important;
	border: #1366C9 solid 1px;
}

/*新增样式图表tab-20191120*/
.small-box .small-tab{
   margin-top: 5px;
   margin-bottom: 0px;
}

.small-box .small-tab li{
	float: left;
	margin-right: 10px;
}
.small-box .small-tab li a{
    display: block;
    padding: 5px 15px;
    font-weight: bold;
    color: #505464;     
}
.small-box .small-tab li a:hover, .small-box .small-tab li.current a{
	background: #4094F1;
    border-radius: 5px;
    color: #fff;
}

#tungzi_ul{
	height:120px;
	overflow:auto;
	margin-left:0;
}
#doibaan_ul{
	height:364px;
	overflow: auto;
	margin-left:0;
}

.portal-more{
    font-size: 18px;
    color: #ccc;
    line-height: 16px;
    padding-top: 10px;
    cursor: pointer;
}

/*日历新增修改和删除  20191202*/
.today .time li{
	position: relative;
}
.today .time li h4{
	float: left;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.today .time li .ico-more-vertical{
	display: block;
	background: url(../images/ico-more-vertical.png) no-repeat center;
	width: 10px;
	height: 21px;
	vertical-align: middle;
}


.today .time .update-box:hover{
	display:block;
}
.today .time li i.portal-more:hover + div.update-box {
	display:block;
}

.fa-ellipsis-v.portal-more{
	width:12px;
}

.today .time .update-box{
	display:none;
	width: 120px;
	border: #E2E2E2 solid 1px;
	font-size: 14px;
	position: absolute;
	top: 20px;
	right: 0px;
	color: #333333;
	/*border-radius: 5px;*/
	background: #FFFFFF;
	box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.15);
	z-index: 99;
}

.update-box ul{
	margin-left:0;
}
.today .time .update-box li{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	border-top: #E2E2E2 solid 1px;
}
.today .time .update-box li a{
	color: #666;
	cursor: pointer;
}
.today .time .update-box li a:hover{
	color: #1463C6;
}
.today .time .update-box li a i{
	margin-right: 5px;
	color: #999;
}
.today .time .update-box li:first-child{
	border-top:none;
}

/***************************************首页统计-工作人员角色***************************/

/*登录统计*/
.statistics-box{
	
}
.statistics-box ul{
	margin-left:0;
}
.statistics-box ul li{
	width: 50%;
	float: left;
	padding-left: 20px;
	margin-top: 32px;
}
.statistics-box .title{
	/*font-size: 20px;
	color: #505464;*/
} 
.statistics-box .title .ico{
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #e8f1ff;
}
.statistics-box .title .ico i{
	font-size: 24px;
	color: #357bff;
}
.statistics-box .title .til{
	font-size: 16px;
	color: #505464;
	font-weight: bold;
	margin-left: 5px;
}
.statistics-box .num{
	margin-top: 10px;
}
.statistics-box .num span{
	font-size: 18px;
	color: #1989fe;
	font-weight: bold;
}
.statistics-box .num span i{
	font-style: normal;
	color: #505464;
	font-size: 16px;
	margin-left: 10px;
	font-weight: normal;
}

/*业务统计*/
.business-box{
	margin-top: 20px;
}
.business-box ul{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	margin: 0 -8px;
}
.business-box ul li{
	margin: 0 8px;
	flex: 1;
}
.business-box .box-item{
	width: 100%;
	border-radius: 10px;
	height: 100px;
	padding: 10px;
	background: #eef3f9;
}
.business-box .box-item .title i{
	float: left;
	font-size: 30px;
	color: #1982ff;
	 background-image: -webkit-linear-gradient(bottom,#1982ff,#66adff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.business-box .box-item .title span{
	float: right;
	color: #505464;
	font-size: 14px;
	margin-top:15px;
}
.business-box .box-item .bottom_div{
	margin-top: 6px;
}
.business-box .box-item .bottom_div .name{
	float: left;
	font-size: 14px;
	color: #505464;
	font-weight: bold;
	margin-top: 4px;
}
.business-box .box-item .bottom_div .num{
	float: right;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}


/***************************************首页统计-委员角色***************************/
/*履职考评*/
.vy-box{
	margin-top: 12px;
}
.vy-box ul{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	margin-left: 0;
}
.vy-box ul li{
	flex: 1;
	text-align: center;
}
.vy-box .vy-item{
	
}
.vy-box .vy-item span{
	display: block;
}
.vy-box .vy-item span.title{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	
}
.vy-box .vy-item span.num{
	margin-top: 5px;
	font-size: 20px;
	color: #1989fe;
	font-weight: bold;
}
.vy_line{
	width: 100%;
	height: 1px;
	background: #f5f5f5;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*参与情况*/
.cy-box{
	
}
.cy-box ul li{
	width: 50%;
	margin-top: 10px;
	float: left;
	padding-right: 10px;
}
.cy-box .cy-item{
	
}
.cy-box .cy-item .ico{
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 24px;
	border: #47a0fc solid 2px;
}
.cy-box .cy-item .ico i{
	color: #47a0fc;
	font-size: 24px;
}
.cy-box .cy-item .num-con{
    float: left;
    margin-left: 10px;
    /* margin-top: 5px; */
}
.cy-box .cy-item .num-con span{
	display: block;
}
.cy-box .cy-item .num-con .title{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.cy-box .cy-item .num-con .num{
	margin-top: 5px;
	font-weight: bold;
	color: #1989fe;
	font-size: 16px;
}
.cy-box .cy-item .num-con .num i{
	color: #505464;
	font-size: 12px;
	font-style: normal;
	margin-left: 5px;
}

.small-box .title .explain{
	vertical-align: middle;
	margin-left: 5px;
	color: #7bb2f3;
	margin-top: 2px;
	margin-top: 5px;
	cursor: pointer;
}
.select-box{
	
}
.select-box select{
	width: 90px;
	padding: 0 5px;
	height: 25px;
	color: #a3a5b4;
	border: #a3a5b4 solid 1px;
}

/*&#51;&#54;&#53;&#25968;&#23383;&#21547;&#20041;&#95;&#51;&#54;&#53;&#98;&#101;&#97;&#116;&#29256;&#97;&#112;&#112;&#95;&#51;&#54;&#53;&#20307;&#32946;&#25237;&#27880;&#32593;&#31449;云首页栏目改成tab样式 by nownow 20200925*/	
								
.tabNav #itemType1, .special #itemType2{
				width: 50%;
				float: left;
				text-align: center;
				padding: 12px 15px;
			}
			.tabNav .clearfix{
				border-bottom: 1px solid #EDEDED;
			}
			.tabNav .clearfix h4{
				cursor: pointer;
			    font-weight: bold;
			    display: block;
			    color: #505464;
			    width: 100%;
			    text-align: center;
			}			
			.tabNav .tabCurrent h4{
				color: #4094F1;
			}
			.tabNav .tabCurrent{
			    color: #4094F1;
			    border-bottom: 2px solid #4094F1;
			}

/*湖南省&#51;&#54;&#53;&#25968;&#23383;&#21547;&#20041;&#95;&#51;&#54;&#53;&#98;&#101;&#97;&#116;&#29256;&#97;&#112;&#112;&#95;&#51;&#54;&#53;&#20307;&#32946;&#25237;&#27880;&#32593;&#31449;门户-工作台图标*/
/* @media (min-width: 1366px) {
	.wrap .work-box ul li, .wrap .all-work ul li, .wrap .work-normal ul li{
		width: 7%;
	}
}

@media (min-width: 1600px) {
	.wrap .work-box ul li, .wrap .all-work ul li, .wrap .work-normal ul li{
		width: 6.5%;
	}
}

@media (min-width: 1920px) {
	.wrap .work-box ul li, .wrap .all-work ul li, .wrap .work-normal ul li{
		width: 5%;
	}
}

@media (min-width: 2560px) {
	.wrap .work-box ul li, .wrap .all-work ul li, .wrap .work-normal ul li{
		width: 4.5%;
	}
}
 */
