@charset "utf-8";

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	transition: all
}

html {
	height: 100%
}

body {
	font-size: 14px;
	font-family: "微软雅黑";
	min-width: 1260px;
	height: 100%;
	line-height: 25px;
	position: relative
}

a {
	color: #404040;
	text-decoration: none
}

a:focus,
a:hover {
	text-decoration: none;
	color: #17366d
}

.clear-1 {
	clear: both;
	height: 10px;
	line-height: 10px;
	font-size: 1px
}

.clear-2 {
	clear: both;
	height: 20px;
	line-height: 20px;
	font-size: 1px
}

.clear-3 {
	clear: both;
	height: 30px;
	line-height: 30px;
	font-size: 1px
}

.clear-4 {
	clear: both;
	height: 40px;
	line-height: 40px;
	font-size: 1px
}

.clear-5 {
	clear: both;
	height: 50px;
	line-height: 50px;
	font-size: 1px
}

.clear-6 {
	clear: both;
	height: 60px;
	line-height: 60px;
	font-size: 1px
}

.f-16 {
	font-size: 16px
}

.f-22 {
	font-size: 22px
}

.f-24 {
	font-size: 24px
}

.f-30 {
	font-size: 30px
}

.c-ff9c38 {
	color: #ff9c38
}

.c-11f69e {
	color: #11f69e
}

.c-ff5a5a {
	color: #ff5a5a
}

input[type=checkbox],
input[type=radio] {
	margin: -2px 0 0;
	margin-top: 1px\9;
	line-height: normal;
	vertical-align: middle
}

.btn-group-sm>.btn,
.btn-sm {
	font-size: 14px;
	padding: 3px 10px
}

.btn-primary {
	background-color: #0188fb;
	border-color: #0188fb;
	color: #FFF
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
	background-color: #016cc8;
	border-color: #016cc8;
	color: #FFF
}

.btn-success {
	background-color: #2960c1;
	border-color: #2960c1;
	color: #FFF
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
	background-color: #204b97;
	border-color: #204b97;
	color: #FFF
}

.switchery {
	height: 20px;
	width: 35px
}

.switchery>small {
	height: 18px;
	position: absolute;
	top: 0;
	width: 18px
}

.form-control {
	border-radius: 3px
}

.ms-container {
	width: 100%
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
	padding: 7px 10px
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
	background: #2960c1
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
	border: 1px #ddd solid
}

.ms-container .search-input {
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px
}

.ms-container .ms-list {
	width: 90%;
	margin: 0 auto;
	border: 0;
	margin-bottom: 10px
}

.role-content .role-top {
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	text-align: left;
	background: #c4d5f2
}

.role-content .role-top span {
	float: right
}

.role-content .role-box {
	width: 100%;
	border: 1px #ddd solid;
	padding-bottom: 10px
}

.role-content .role-box .search-box {
	margin: 0 15px;
	border: 1px #ddd solid
}

.role-content .role-box .search-box input {
	height: 30px;
	line-height: 30px;
	border: 0;
	width: 80%;
	padding: 0 10px
}

.role-content .role-box .search-box button {
	width: 20%;
	background: 0 0;
	border: 0;
	text-align: center
}

.role-content .role-box .role-list {
	overflow-y: scroll;
	height: 200px;
	margin: 0 15px
}

.role-content .role-box .role-list ul li {
	padding: 0 10px;
	cursor: pointer;
	height: 35px;
	line-height: 35px
}

.role-content .role-box .role-list ul li span {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.role-content .role-btns {
	text-align: center
}

.modal-header {
	background: #2960c1;
	border-radius: 5px 5px 0 0
}

.modal-title {
	color: #fff
}

.fileupload {
	width: 60px;
	height: 60px;
	border: 1px #ccc dotted;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.fileupload{
	width: 100%;
	height: 120px;
}
.fileupload .fileupload-btns {
	position: absolute;
	top: 0;
	left: 0
}

.fileupload .thumbnail {
	padding: 0;
	border-radius: 0
}

.fileupload .btn {
	border: 1px #ccc dotted;
	cursor: pointer;
	font-size: 12px;
	color: #999;
	padding: 0;
	padding-top: 8px;
	margin-left: 0;
	width: 60px;
	height: 60px;
	border-radius: 0
}

.fileupload .btn i {
	font-size: 16px
}

.fileupload .btn:hover {
	background: 0 0
}

.fileupload.fileupload-exists:hover .fileupload-btns {
	bottom: 0
}

.fileupload.fileupload-exists .fileupload-btns {
	transition: all ease .5s;
	text-align: center;
	bottom: -25px;
	top: auto;
	background: rgba(0, 0, 0, .3);
	height: 25px;
	line-height: 25px;
	width: 100%
}

.fileupload.fileupload-exists .fileupload-btns .btn {
	cursor: pointer;
	height: 15px;
	line-height: 15px;
	background: 0 0;
	border: 0;
	color: #fff;
	padding: 0 5px;
	width: auto
}

.fileupload.fileupload-exists .fileupload-btns .btn i {
	font-size: 14px
}

.add-hdp .fileupload .thumbnail{
	width: 100%;
	height: 120px;
	line-height: 120px;
}
.add-hdp .fileupload .fileupload-btns{
	width: 100%;
}
.add-hdp .fileupload .btn{
	width: 100%;
	height: 120px;
	padding-top: 38px;
}
.add-hdp .fileupload .btn .fileupload-new{
	font-size: 14px;
}
.fileupload .btn i{
	
	font-size: 16px;
}

.menuContent {
	background: #fff;
	border: 1px #ddd solid
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #2960c1;
	border-color: #2960c1
}

.pagination>li>a,
.pagination>li>span {
	color: #2960c1
}

.form-search input {
	border: 1px #ddd solid;
	width: 60%;
	height: 34px;
	line-height: 34px
}

.form-search button {
	border-radius: 0;
	vertical-align: top
}

.nav-tabs-cz-1 {
	text-align: center
}

.nav-tabs-cz-1>li {
	float: none;
	display: inline-block
}

.nav-tabs-cz-1>li>a {
	font-size: 16px;
	border: 1px solid transparent
}

.nav-tabs-cz-1>li:hover a {
	border: 1px solid transparent;
	background: 0 0
}

.nav-tabs-cz-1>li.active>a,
.nav-tabs-cz-1>li.active>a:focus,
.nav-tabs-cz-1>li.active>a:hover {
	color: #2960c1;
	border: 1px solid transparent;
	border-bottom: 3px #2960c1 solid
}

.form-table-1 {
	width: 100%
}

.form-table-1 .line td {
	border-bottom: 1px #ddd solid
}

.form-table-1 .title {
	text-align: right;
	width: 22%;
	padding-top: 13px !important;
	padding-bottom: 13px !important
}

.form-table-1.table td {
	vertical-align: middle
}

.form-table-1 tbody>tr>td,
.form-table-1 thead>tr>td {
	padding: 10px 5px !important;
	position: relative
}

.form-table-1 tbody>tr>td .count,
.form-table-1 thead>tr>td .count {
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 12px
}

.form-table-1 tbody>tr>td .count em,
.form-table-1 thead>tr>td .count em {
	color: #999;
	font-style: normal
}

.form-table-1>thead>tr>td {
	background: #f5f5f5;
	padding: 13px 8px
}

.table-cz-1 thead td {
	background: #f5f5f5;
	border-top: 1px #ddd solid !important;
	border-bottom: 1px #ddd solid !important;
	font-weight: 700
}

.table-cz-1 td {
	text-align: center
}

.table-cz-1 td.t-l {
	text-align: left
}

.table-cz-1>tbody>tr>td {
	vertical-align: middle;
	border-top: 0;
	border-bottom: 1px solid #ddd
}

.table-cz-1>tbody>tr:hover td {
	background: #FcFcFc
}

.table-cz-1 .slide-arrow {
	color: #666
}

.table-cz-1 .second-tr .slide-arrow {
	margin-left: 20px
}

.table-cz-1 .third-tr .slide-arrow {
	margin-left: 40px
}

.table-cz-1 .fourth-tr .slide-arrow {
	margin-left: 60px
}

.table-cz-1 .fifth-tr .slide-arrow {
	margin-left: 80px
}

.turnpage-box .pagination {
	margin: 0
}

.service-header {
	height: 60px;
	background: #2d3037;
	width: 100%;
	padding: 0 50px;
	position: fixed;
	z-index: 100
}

.service-header .logo {
	line-height: 60px;
	float: left;
	color: #fff;
	font-size: 18px;
	padding-right: 80px
}

.service-header .top-menu {
	line-height: 60px
}

.service-header .top-menu a {
	float: left;
	color: rgba(255, 255, 255, .5);
	padding: 0 20px;
	font-size: 16px
}

.service-header .top-menu a.active {
	color: #fff
}

.service-header .personal-header {
	float: right;
	margin-top: 10px;
	margin-right: 25px
}

.service-header .personal-header .photo {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.service-header .personal-header .photo img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.service-header .personal-header .down-menu {
	float: left;
	padding-left: 10px
}

.service-header .personal-header .down-menu .first-text {
	color: #fff;
	height: 40px;
	line-height: 40px
}

.service-container {
	padding-top: 60px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	width: 100%;
	min-height: 90vh;
	clear: both
}

.service-container .bottom-content-btn-bar #department-QRcode-add-form{
	float: none;
	margin: 0 auto;
}
.service-container .bottom-content-btn-bar #QRcode-update-form{
	float: none;
	margin: 0 auto;
}

.service-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	clear: both;
	height: 50px;
	line-height: 50px;
	background: #e6e6e6;
	text-align: center;
	z-index: 100
}

.cal-list-box {
	width: 100%
}

.cal-list-box .cal-list li {
	float: left;
	width: 18.4%;
	margin-right: 2%;
	margin-bottom: 40px
}

.cal-list-box .cal-list li:nth-of-type(5n+0) {
	margin-right: 0
}

.cal-list-box .cal-list li:nth-of-type(6n+1) .img {
	background: url(../images/common/cal-img-1.png) no-repeat left top;
	background-size: cover
}

.cal-list-box .cal-list li:nth-of-type(6n+2) .img {
	background: url(../images/common/cal-img-2.png) no-repeat left top;
	background-size: cover
}

.cal-list-box .cal-list li:nth-of-type(6n+3) .img {
	background: url(../images/common/cal-img-3.png) no-repeat left top;
	background-size: cover
}

.cal-list-box .cal-list li:nth-of-type(6n+4) .img {
	background: url(../images/common/cal-img-4.png) no-repeat left top;
	background-size: cover
}

.cal-list-box .cal-list li:nth-of-type(6n+5) .img {
	background: url(../images/common/cal-img-5.png) no-repeat left top;
	background-size: cover
}

.cal-list-box .cal-list li:nth-of-type(6n+6) .img {
	background: url(../images/common/cal-img-6.png) no-repeat left top;
	background-size: cover
}

.cal-list-box .cal-list li .item {
	height: 290px;
	padding: 5px 0 30px;
	box-shadow: 0 0 10px #ddd
}

.cal-list-box .cal-list li .item .top {
	padding: 0 15px;
	background: url(../images/common/cal-list-item-header-bg.png) no-repeat left top;
	height: 50px;
	line-height: 50px
}

.cal-list-box .cal-list li .item .top .pull-right a {
	color: #666
}

.cal-list-box .cal-list li .item .top .pull-right a span {
	font-size: 14px
}

.cal-list-box .cal-list li .item .img {
	width: 85%;
	height: 90px;
	margin: 0 auto
}

.cal-list-box .cal-list li .item .new {
	text-align: center;
	font-size: 18px;
	padding-top: 50px
}

.cal-list-box .cal-list li .item .new a {
	color: #aaa
}

.cal-list-box .cal-list li .item .new .fa {
	font-size: 48px
}

.cal-list-box .cal-list li .item table {
	width: 85%;
	margin: 0 auto
}

.cal-list-box .cal-list li .item table td {
	padding: 5px 0
}

.cal-list-box .cal-list li .item table .title {
	width: 30%;
	color: #999;
	text-align: right
}

.usergroup-div {
	width: 100%;
	overflow: hidden;
	height: 30px;
	padding-right: 50px;
	position: relative
}

.usergroup-div .usergroup-ul li {
	float: left;
	padding: 0 5px 10px
}

.usergroup-div .usergroup-ul li a {
	border-radius: 3px;
	display: block;
	height: 30px;
	line-height: 30px;
	background: rgba(41, 96, 193, .2);
	padding: 0 10px;
	color: #404040;
	position: relative
}

.usergroup-div .usergroup-ul li a:hover .delete {
	display: block
}

.usergroup-div .usergroup-ul li a .delete {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	text-align: right;
	padding-right: 8px
}

.usergroup-div .usergroup-ul li a .delete span {
	color: #fff;
	cursor: pointer
}

.usergroup-div .slide-btn {
	position: absolute;
	top: 0;
	height: 30px;
	line-height: 30px;
	display: block;
	right: 0;
	border: 1px #bbb solid;
	text-align: center;
	width: 30px;
	color: #404040
}

.advice-bg {
	background: #eee;
	padding: 15px 25px;
	width: 100%
}

.account-security-icon {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/common/account-security-icon.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.message-setting-icon {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/common/message-setting-icon.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.custom-group-icon {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/common/custom-group-icon.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 5px
}

.personal-left-menu {
	position: fixed;
	height: 100vh;
	top: 60px;
	left: 50px;
	z-index: 3;
	background: #fff;
	padding-top: 30px;
	width: 260px;
	border-left: 1px #e6e6e6 solid;
	border-right: 1px #e6e6e6 solid
}

.personal-left-menu .header {
	line-height: 30px;
	text-align: center
}

.personal-left-menu .header h2 {
	font-size: 18px;
	line-height: 30px;
	height: 30px
}

.personal-left-menu .header .header-img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	position: relative
}

.personal-left-menu .header .header-img img {
	border-radius: 50%;
	width: 100px;
	height: 100px
}

.personal-left-menu .header .header-img:hover .hover-box {
	opacity: 1
}

.personal-left-menu .header .header-img .hover-box {
	opacity: 0;
	transition: .2s all ease;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	position: absolute;
	background: rgba(0, 0, 0, .5);
	text-align: center
}

.personal-left-menu .header .header-img .hover-box a {
	color: #fff
}

.personal-left-menu ul {
	width: 90%;
	margin: 0 auto
}

.personal-left-menu ul li {
	border-bottom: 1px #e6e6e6 solid;
	height: 50px;
	padding: 3px 0;
	text-align: center
}

.personal-left-menu ul li a {
	float: left;
	width: 100%;
	height: 44px;
	line-height: 44px
}

.personal-left-menu ul li a.active {
	border-left: 4px #2960c1 solid;
	background: #f0f0f0
}

.personal-right-content {
	position: relative;
	width: 100%;
	padding-left: 320px
}

.personal-right-content .top-title {
	color: #2960c1;
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px #eee solid
}

.personal-right-content .table-style-4 td .control-label {
	text-align: right;
	padding-top: 0;
	font-weight: 400
}

.personal-right-content .table-style-4 td {
	padding: 10px 5px
}

.personal-right-content .load-box {
	width: 200px;
	height: 15px;
	border: 1px #ccc solid;
	display: inline-block;
	vertical-align: middle
}

.personal-right-content .load-per.orange {
	color: #f1a100
}

.personal-right-content .load-per.green {
	color: #40d377
}

.personal-right-content .load-per.red {
	color: #f0452c
}

.personal-right-content .load-box .loading.orange {
	background: #f9ab00
}

.personal-right-content .load-box .loading.green {
	background: #40d377
}

.personal-right-content .load-box .loading.red {
	background: #f0452c
}

.personal-right-content .load-box .loading {
	height: 15px
}

.personal-right-content .load-per {
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
	margin: 0
}

.personal-right-content .setup-box .right-icon {
	background: url(../images/common/right-icon.png) no-repeat center;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle
}

.personal-right-content .setup-box .warning-icon {
	background: url(../images/common/warning-icon.png) no-repeat center;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle
}

.personal-right-content .setup-box table td {
	border-bottom: 1px #ddd solid;
	padding: 10px 0
}

.personal-right-content .setup-box table {
	width: 100%
}

.personal-right-content .setup-box h4 {
	font-size: 18px;
	color: #333;
	width: 80%;
	height: 40px;
	line-height: 40px;
	border-right: 1px #ccc solid
}

.personal-right-content .setup-box .t-999999 {
	color: #999
}

.personal-right-content .setup-box a {
	color: #0d6ec0
}

.personal-right-content .login-history .second-title {
	font-size: 18px;
	color: #333;
	height: 40px;
	line-height: 40px
}

.personal-right-content .login-history .tip {
	color: #848484
}

.personal-right-content .login-history .tip a {
	color: #0d6ec0
}

.tip-box {
	width: 500px;
	margin: 0 auto;
	padding-top: 200px
}

.tip-box .pic {
	padding-right: 50px
}

.tip-box .text {
	padding-top: 40px
}

.tip-box .text h2 {
	font-size: 28px
}