body {
	background: #ffffff;
}
#header {height: 61px;
	box-sizing: border-box;
	border-bottom: 1px solid #cdd5ef;background: #fff
}

.layui-layout-admin .layui-header {width: 1453px;margin: 0 auto;
	background: #ffffff;
	color: #50586c;
	
		
}
/*logo*/

.layui-layout-admin .layui-logo {
	box-sizing: border-box;
}
.layui-layout-admin .layui-logo img{display: block;height: 59px}

.layui-layout-right {
	height: 60px;
	line-height: 60px;
	position: relative;
}

.layui-header .layui-nav .layui-nav-item {
	line-height: 60px;
}

	.layui-header .layui-nav .layui-nav-item a {
		color: #232d47;
		padding: 0 22px;
		font-size: 15px;
	}
		.layui-header .layui-nav .layui-nav-item:hover{
			background: linear-gradient( rgba(255,255,255,1) , #deddeb);
			font-weight: 600
		}
.layui-header .layui-nav .layui-nav-item.login{margin-left: 30px;}



.layui-nav .layui-this:after {
	bottom: auto;
	top: 0;
	background-color: #014bb4
}

.layui-header .layui-nav .layui-this a {
	color: #7acaf9;
}
.sel{display: inline-block;
    vertical-align: middle;position: relative}
.sel input{width: 54px;background: #4a4cc3;height: 30px;line-height: 30px;border-radius: 5px;color: #fff}
.sel em{height: 16px;font-size: 18px;color: #fff;position: absolute;top:5px;left: 9px;line-height: normal;z-index: 99999;background: #4a4cc3}
.sel em::after{top:0}
.layui-form-select dl{background: #4a4cc3}
.layui-form-select dl dd.layui-this{background: #343696}
.layui-form-select dl dd:hover{background: #6365db}
/*.layui-nav-bar{opacity: 0!important}*/
.layui-nav-bar{height: 1px;top:auto;bottom: 0; background:  #4a4cc3;}
/*通用*/
/*列表*/
.jiaozhen1 {
}

	.jiaozhen1 li {
		display: list-item;
		text-align: -webkit-match-parent;
		line-height: 30px;
		height: 30px;
		overflow: hidden;
		padding-left: 0px;
		white-space: nowrap;
		text-overflow: ellipsis;
		background: url(images/li.png) no-repeat;
		background-position: left center
	}

		.jiaozhen1 li a {
			display: block;
			margin-left: 0px;
			color: #333333;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			position: relative
		}

			.jiaozhen1 li a:hover {
				color: #f19867
			}

			.jiaozhen1 li a span {
				color: #999999;
				;
				font-size: 12px;
				padding: 0 6px;
				float: right
			}

			.jiaozhen1 li a s {
				float: right;
				color: #359223;
				margin: 0 5px
			}
/*图文列表*/
.imglist {
	width: 569px;
	box-sizing: border-box;
	margin-right: 62px;
	float: left
}

	.imglist .imglist_li {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 22px;
		box-sizing: border-box;
		overflow: hidden;
		height: 103px;
		border: 1px solid #d2d2d2;
		background: #fff
	}

		.imglist .imglist_li:last-child {
			margin-bottom: 0
		}

		.imglist .imglist_li .imglist_img {
			float: left;
			width: 170px;
			margin-right: 10px;
			overflow: hidden;
			height: 100px
		}
			/*左侧图片*/
			.imglist .imglist_li .imglist_img a {
				display: block;
				text-decoration: none;
				height: 100%;
				width: 100%
			}

				.imglist .imglist_li .imglist_img a img {
					width: 100%;
					height: 100%;
					border: none;
					transition: transform 0.5s ease 0.1s;
					-webkit-transition: -webkit-transform 0.5s ease 0.1s;
				}

		.imglist .imglist_li .imglist_info {
			margin-left: 50px;
		}

			.imglist .imglist_li .imglist_info .imglist_tit {
				line-height: 16px;
				margin: 10px 0 7px
			}

				.imglist .imglist_li .imglist_info .imglist_tit a {
					color: #191919;
					font-size: 14px;
					text-decoration: none;
				}

					.imglist .imglist_li .imglist_info .imglist_tit a:hover {
						color: #c9141d;
					}

			.imglist .imglist_li .imglist_info .imglist_detail {
				font-size: 12px;
				line-height: 20px;
				color: #787878;
				overflow: hidden;
			}
				/*详情*/
				.imglist .imglist_li .imglist_info .imglist_detail a {
					color: #359223
				}

			.imglist .imglist_li .imglist_info .imglist_time {
				font-size: 12px;
				color: #787878;
				margin-top: 2px
			}

.imglist1 {
	float: none;
	margin-right: 0;
	width: 100%
}

	.imglist1 .imglist_li .imglist_img {
		width: 235px;
		height: 134px;
		margin-right: 20px
	}

		.imglist1 .imglist_li .imglist_img a img {
			width: 100%;
			height: 100%
		}

	.imglist1 .imglist_li {
		height: 134px;
		margin: 16px 0;
		border: none
	}

		.imglist1 .imglist_li .imglist_info .imglist_tit a {
			font-size: 16px;
			font-weight: 600;
			display: block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.imglist1 .imglist_li .imglist_info .imglist_detail {
			line-height: 24px;
			height: 48px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			margin: 10px 0 5px
		}

		.imglist1 .imglist_li .imglist_info {
			margin: 18px 0
		}

			.imglist1 .imglist_li .imglist_info .imglist_time {
				color: #191919
			}

.imglist2 {
	float: none;
	margin-right: 0;
	width: 100%
}

	.imglist2 .imglist_li .imglist_img {
		width: 150px;
		height: 104px;
		position: relative
	}

		.imglist2 .imglist_li .imglist_img i {
			width: 32px;
			height: 22px;
			line-height: 22px;
			font-size: 16px;
			font-weight: 600;
			position: absolute;
			left: 0;
			top: 0;
			color: #fff;
			background: rgba(0,0,0,.6);
			text-align: center
		}

		.imglist2 .imglist_li .imglist_img a img {
			width: 100%;
			height: 100%
		}

	.imglist2 .imglist_li {
		height: 104px;
		margin: 16px 0;
		border: none
	}

		.imglist2 .imglist_li .imglist_info .imglist_detail {
			line-height: 24px;
			height: 48px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			margin: 10px 0 12px;
			font-size: 16px;
			color: #191919
		}

.ppt a {
	width: 362px;
	height: 290px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #d1d1d1;
	float: left;
	margin: 0 57px 58px 0;
	border-radius: 5px;
	overflow: hidden
}

	.ppt a:nth-child(3n) {
		margin-right: 0
	}

	.ppt a .img {
		height: 204px;
		overflow: hidden
	}

		.ppt a .img img {
			width: 100%;
			height: 100%
		}

	.ppt a p {
		height: 85px;
		box-sizing: border-box;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 16px
	}

		.ppt a p em {
			margin: 16px 26px 8px;
			display: block
		}

		.ppt a p s {
			color: #a9a9a9;
			margin: 0 26px;
			font-size: 12px
		}
/*标题*/
.tit {
	color: #333;
	position: absolute;
	left: 0px;
	line-height: 22px;
	font-size: 22px;
	font-weight: bold;
	width: 100%
}

	.tit em {
		vertical-align: top;
		background: #f6f6f6;
		padding-right: 9px;
		position: relative;
		z-index: 1
	}

	.tit i {
		width: 8px;
		height: 22px;
		background: #01c4fe;
		margin-right: 8px;
		vertical-align: top
	}

	.tit s {
		position: absolute;
		left: 93px;
		right: 52px;
		top: 10px;
		height: 1px;
		background: #ddd;
		z-index: 0
	}

	.tit a {
		color: #666;
		font-size: 14px;
		font-weight: normal;
		float: right;
		line-height: 22px;
	}

		.tit a tt {
			font-size: 18px;
			margin-left: 6px;
			margin-top: -3px
		}

.tit2 {
	position: relative;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
}

	.tit2 i {
		width: 8px;
		height: 22px;
		background: #01c4fe;
		margin-right: 8px;
		vertical-align: top
	}

	.tit2 em {
		vertical-align: top
	}
/*tab选项卡*/
.layui-tab {
}

.layui-tab-title {
	padding-left: 8px;
	box-sizing: border-box;
	height: 30px;
}

	.layui-tab-title::before {
		content: '';
		display: block;
		border-left: 8px solid #2e87fd;
		height: 25px;
		position: absolute;
		left: 0px;
		top: 4px
	}

	.layui-tab-title li {
		font-size: 18px;
		height: 29px;
		line-height: 27px;
		color: #323232;
		font-weight: 600
	}

	.layui-tab-title .layui-this {
		color: #323232 !important
	}

		.layui-tab-title .layui-this:after {
			height: 30px;
			border-bottom-color: #2e87fd !important
		}

.layui-tab-content {
	padding: 0
}

.layui-tab-bar {
	height: 26px;
	line-height: 29px
}

	.layui-tab-bar .layui-icon {
		top: 0
	}
/*轮播*/
.layui-carousel {
	height: 100% !important
}

	.layui-carousel p {
		position: absolute;
		bottom: 0px;
		padding: 10px;
		background: rgba(0,0,0,.4);
		width: 100%;
		z-index: 1;
		left: 0;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		text-indent: 15px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.layui-carousel img {
		width: 100%;
		height: 100%;
	}

.layui-carousel-ind {
	z-index: 2
}

	.layui-carousel-ind li.layui-this {
		background-color: #01c4fe
	}

	.layui-carousel-ind ul {
		right: 5%;
		position: absolute;
		bottom: -26px
	}
/*其他*/
.card {
	position: relative;
	padding-top: 1px
}

	.card .boxbody {
		background: #fff;
		border: 1px solid #d2d2d2;
		box-sizing: border-box;
		box-sizing: border-box;
		padding: 16px;
		overflow: auto;
		margin-top: 50px
	}

.boxPicList .card .boxbody {
	border: none;
	padding: 0;
	background: none
}
/*导航*/
.navigation {
	font-size: 16px;
	color: #666;
	margin-bottom: 40px
}
/*分页*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #2b3284;
}

#page {
	text-align: right
}

.totop {
	background: #dedede;
	border-radius: 5px;
	position: fixed;
	left: 50%;
	margin-left: 610px;
	color: #fff;
	line-height: 50px;
	height: 50px;
	width: 50px;
	text-align: center;
	bottom: 241px;
	font-size: 24px;
	cursor: pointer;
}

	.totop:hover {
		opacity: .8
	}
/*到头*/
/**********************************************************************************************************/


.layui-nav-img{width: 48px;height: 48px;position: relative;top:-1.5px}
.user{margin-right: 54px;margin-left: 100px}
.user .layui-nav-img{transition: all .3s;}
.user .layui-nav-child{width: 196px;line-height: normal;box-sizing: border-box;padding: 0 18px;border-radius: 6px}
.user .layui-nav-child .name{color: #434343;font-size: 16px;text-align: center;padding-top: 40px;margin-bottom: 6px}
.user .layui-nav-child .zuzhi{text-align: center;margin-bottom: 24px;color: #aeaeae}
.user .layui-nav-child dd{margin-bottom: 20px;color: #6d7278;position: relative;background: none!important}
.user .layui-nav-child dd a{padding: 0!important}
.user .layui-nav-child dd a{color: #6d7278!important}
.user .layui-nav-child dd a:hover{background: none!important;color: #53b1fc!important}
.user .layui-nav-child dd i{margin-right: 13px;position: relative;top:-1px}
.user .layui-nav-child dd em{position: absolute;right: 0px;top:5px;color: #b6b6b6}
.user .hr{background: #ececec;width: 100%;height: 1px;display: block;margin-bottom: 20px}
.user:hover .layui-nav-img{width: 70px;height: 70px;position: relative;z-index: 9999;top: 29px;left: 43px}
.user:hover .name1{opacity: 0}
.user:hover .layui-nav-more{opacity: 0}
/*.layui-nav-bar{opacity: 0!important}*/

/* 2列列表页*/
.cloudSafetyList #main {
	margin: 25px auto 100px;
	width: 1200px;
}

.cloudSafetyList #box1 {
	width: 286px;
	position: relative;
	height: auto;
	float: left;
	margin-right: 67px;
	box-sizing: border-box
}

	.cloudSafetyList #box1 .boxbody {
		padding-top: 0;
		padding-bottom: 50px;
		min-height: 550px
	}

	.cloudSafetyList #box1 .list1 {
		line-height: 45px
	}

		.cloudSafetyList #box1 .list1 a:hover {
			color: #01c4fe
		}

.cloudSafetyList #box2 {
	width: 847px;
	float: left;
	box-sizing: border-box
}

	.cloudSafetyList #box2 .boxbody {
		padding-top: 0;
		padding-bottom: 15px;
		min-height: 550px
	}

		.cloudSafetyList #box2 .boxbody ul {
			margin-bottom: 50px
		}

	.cloudSafetyList #box2 .jiaozhen1 li {
		line-height: 45px;
		height: 45px
	}

/*图文列表页（事故案例首页）*/
.picListPage #main {
	margin: 0px auto 100px;
	width: 1200px;
}

.picListPage #box1 {
	width: 767px;
	position: relative;
	height: auto;
	float: left;
	margin-right: 26px;
	box-sizing: border-box
}

	.picListPage #box1 .card {
		padding-top: 0
	}

		.picListPage #box1 .card .boxbody {
			margin-top: 0
		}

.picListPage #box2 {
	width: 407px;
	position: relative;
	height: auto;
	float: left;
	box-sizing: border-box
}

	.picListPage #box2 .card {
		padding-top: 0
	}

		.picListPage #box2 .card .boxbody {
			margin-top: 0;
			padding-bottom: 40px
		}

.picListPage .carousel1 {
	height: 355px
}

.picListPage .navigation {
	margin: 22px 0
}

/*大图ppt样式列表页（培训课件首页）*/
.bigPicListPage #main {
	margin: 0px auto 40px;
	width: 1200px;
}

.bigPicListPage .ppt {
	margin: 58px auto 0
}

.bigPicListPage .layui-laypage {
	margin: 0
}

/*法律法规三级页面*/
.cloudDetail #main {
	margin: 25px auto 100px;
	width: 1200px;
}

.gk_fagui {
	width: 1200px;
	margin: 0px auto 35px;
	background: #fff;
	padding: 50px 0 100px
}

	.gk_fagui .title {
		font-size: 32px;
		color: #222;
		line-height: 40px;
		font-weight: 600;
		padding: 0 75px;
		text-align: center
	}

	.gk_fagui .info {
		color: #676767;
		margin: 24px auto 17px;
		text-align: center
	}

		.gk_fagui .info li {
			float: left;
			width: 300px;
			height: 26px;
			overflow: hidden;
			padding: 0 30px;
			line-height: 26px;
			color: #999;
		}

	.gk_fagui p {
	}

.detail-nr {
	padding: 0 75px;
}

	.detail-nr h3 {
		font-size: 24px;
		color: #222;
		line-height: 30px;
		margin-bottom: 35px;
		padding-top: 10px;
	}

	.detail-nr h4 {
		font-size: 18px;
		color: #222;
		line-height: 24px;
		padding-top: 10px;
		margin-bottom: 15px;
	}

	.detail-nr p {
		font-size: 16px;
		line-height: 40px;
		color: #666;
		margin-bottom: 25px;
		text-indent: 2em
	}

		.detail-nr p[style="line-height: 16px;"] {
			margin-bottom: 5px
		}

			.detail-nr p[style="line-height: 16px;"] img {
				display: inline-block;
				margin: 0
			}

.fagui_out {
	background: #fff;
	padding-top: 1px;
	margin-top: -1px;
	min-height: 550px
}

.daohang {
	position: static;
	padding: 0 18px;
	margin-top: -10px
}

	.daohang a {
		color: #fff;
	}

.layui-layout-body {
	overflow: auto
}

.detail-nr img {
	text-align: center;
	margin: 30px auto;
	max-height: 500px;
	width: auto;
	display: block
}

/*考试系统*/
.title1 {
	text-align: center;
	line-height: 70px;
	font-size: 15px
}

.time {
	text-align: center;
	line-height: 70px;
	font-size: 15px;
	position: absolute;
	right: 0;
	top: 0
}

.info1 {
	color: #a8a8a8;
	font-size: 16px
}

.jump {
	text-align: center;
	margin-bottom: 20px
}

	.jump .layui-btn-group .layui-btn-primary:hover {
		color: #3086ff
	}

.Question_area {
	border: 1px solid #deebfb;
	margin: 0 30px 40px;
	border-radius: 8px;
	position: relative;
	padding: 60px 20px 0px
}

	.Question_area li {
		margin-bottom: 18px
	}

.tit3 {
	line-height: 40px;
	height: 40px;
	background: #deebfb;
	color: #494748;
	box-sizing: border-box;
	padding: 0 22px;
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.Question_area p {
	margin-bottom: 15px;
	color: #494949
}

.Question_area dl {
	padding-left: 30px;
	line-height: 27px;
	margin-bottom: 12px
}

.Question_area .layui-form-radio {
	margin: 0
}

.answer_area {
	background: #f3fdfe;
	padding: 8px 25px;
	line-height: 24px
}

.coright {
	color: #5bd755
}

.coworng {
	color: #ff1311
}

.pl0 {
	padding-left: 0 !important
}

/*解决方案*/
.jjfabox {
	position: relative;
	width: 1200px;
	margin: 45px auto 0
}

.toptit {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	margin-bottom: -10px;
	text-align: center
}

	.toptit i {
		width: 22px;
		height: 2px;
		vertical-align: middle;
		position: relative
	}

		.toptit i tt {
			position: absolute;
			right: 0;
			width: 8px;
			height: 8px;
			border-radius: 100%;
			background: #3487ff;
			top: -3px
		}

		.toptit i:last-of-type tt {
			right: auto;
			left: 0
		}

	.toptit p {
		color: #6e6e6e;
		font-size: 16px;
		font-weight: 500;
		margin-top: 8px;
	}

.jjfabox1 .box {
	height: 180px;
	line-height: 180px;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	background-image: url(../images/jjfa02.png);
	background-size: 100% 100%;
	cursor: pointer
}

.jjfabox1 .layui-row > div:nth-child(2) .box {
	background-image: url(../images/jjfa03.png)
}

.jjfabox1 .layui-row > div:nth-child(3) .box {
	background-image: url(../images/jjfa04.png)
}

.jjfabox1 .layui-row > div:nth-child(4) .box {
	background-image: url(../images/jjfa05.png)
}

.jjfabox1 .layui-row > div:nth-child(5) .box {
	background-image: url(../images/jjfa06.png)
}

.jjfabox1 .layui-row > div:nth-child(6) .box {
	background-image: url(../images/jjfa07.png)
}

.jjfabox1 .layui-row > div:nth-child(7) .box {
	background-image: url(../images/jjfa08.png)
}

.jjfabox1 .box div {
	display: none;
	background: rgba(0,0,0,.5);
	font-size: 13px;
	line-height: 20px;
	height: 100%;
	font-weight: 500;
	text-align: left;
	box-sizing: border-box;
	padding: 20px 25px
}

	.jjfabox1 .box div h5 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 25px;
		position: relative
	}

		.jjfabox1 .box div h5 i {
			position: absolute;
			height: 5px;
			background: #fff;
			top: 34px;
			width: 38px;
			left: 0
		}

.jjfabox1 .flip .box:hover span {
	display: none !important;
	transition: all .3s;
}

.jjfabox1 .flip .box:hover div {
	display: block;
}

.jjfabox1 .box:hover {
	transition: all .3s;
	transform: scale(1.1);
	position: relative;
	z-index: 2
}

.jjfabox2 .layui-col-md3 {
	position: relative
}

.jjfabox2 .box {
	height: 140px;
	border: 1px solid #d2d2d2;
	background: #fff;
	box-sizing: border-box
}

	.jjfabox2 .box i {
		width: 80px;
		height: 80px;
		background: #f3f6fd;
		color: #3084fe;
		border-radius: 50%;
		text-align: center;
		line-height: 80px;
		font-size: 40px;
		color: #367dfc;
		margin-top: 14px
	}

	.jjfabox2 .box a {
		display: block;
		text-align: center
	}

	.jjfabox2 .box b {
		margin: 8px 0 0px;
		color: #52648c;
		font-size: 18px;
		text-align: center;
		display: block;
	}

	.jjfabox2 .box:hover {
		transition: all .3s;
		transform: scale(1.05);
		position: relative;
		z-index: 2;
		background: #3b4c80;
		box-shadow: 0 0px 25px 2px #6878aa;
		border: none
	}

		.jjfabox2 .box:hover i {
			background: #fff;
			color: #3b4c80
		}

		.jjfabox2 .box:hover b {
			color: #fff
		}

.jjfabox2 {
	margin-bottom: 158px
}

/*弹窗*/
.tanchuang2 {
	position: fixed;
	left: 50%;
	top: 45%;
	width: 1200px;
	height: 425px;
	background: #fff;
	z-index: 1002;
	margin-left: -600px;
	margin-top: -212px;
	box-sizing: border-box;
	padding: 35px 181px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	box-shadow: 0 0px 10px rgba(0,0,0,.1);
	display: none
}



.tanchuang2 table .wapper {
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding: 12px;
	box-sizing: border-box
}

.tanchuang2 h1 {
	color: #2e87ff;
	font-size: 27px;
	text-align: center;
	margin-bottom: 47px
}

	.tanchuang2 table {
		width: 100%
	}

		.tanchuang2 table td {
			padding: 10px 20px
		}

			.tanchuang2 table td h3 {
				font-size: 16px;
				margin-bottom: 15px;
				color: #323232
			}

				.tanchuang2 table td h3 span {
					color: #ff481e
				}

.tanchuang2 .layui-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 52px;
	font-size: 16px;
	margin-top: 18px
}

.tanchuang2_close {
	color: #999999;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	right: 15px;
	background: #fff;
	font-weight: 700;
	border: 2px solid #999
}


/*弹窗*/
.tanchuang1 {
	position: fixed;
	left: 50%;
	top: 45%;
	width: 1200px;
	height: 425px;
	background: #fff;
	z-index: 1002;
	margin-left: -600px;
	margin-top: -212px;
	box-sizing: border-box;
	padding: 35px 181px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	box-shadow: 0 0px 10px rgba(0,0,0,.1);
	display: none
}

.layui-input, .layui-select, .layui-textarea {
	border-color: #d0d0d0;
	border-radius: 3px
}

.bg {
	display: none
}

.tanchuang1 table .wapper {
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding: 12px;
	box-sizing: border-box
}

.tanchuang1 h1 {
	color: #2e87ff;
	font-size: 27px;
	text-align: center;
	margin-bottom: 47px
}

.tanchuang1 table {
	width: 100%
}

	.tanchuang1 table td {
		padding: 10px 20px
	}

		.tanchuang1 table td h3 {
			font-size: 16px;
			margin-bottom: 15px;
			color: #323232
		}

			.tanchuang1 table td h3 span {
				color: #ff481e
			}

.tanchuang1 .layui-btn {
	height: 40px;
	line-height: 40px;
	padding: 0 52px;
	font-size: 16px;
	margin-top: 18px
}

.tanchuang1_close {
	color: #999999;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	right: 15px;
	background: #fff;
	font-weight: 700;
	border: 2px solid #999
}

.tlr {
	text-align: right
}

@media screen and (min-width: 992px) .jjfabox2 .layui-col-md3 {
	width: 20%;
}

.bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 1001
}

body, html {
	min-width: 1240px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #989898;
}

input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #989898;
}

input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #989898;
}

input:focus::-webkit-input-placeholder {
	color: 989898;
}

.but-l:hover {
	background: #f19867
}

.but-l {
	height: 46px;
	text-align: center;
	width: 100%;
	background: #fda575;
	border-radius: 23px;
	color: #fff;
	font-size: 16px;
	border: none;
	cursor: pointer
}

#footer {
	height: 132px;
	background: #333333;
	font-size: 14px;
	color: #999999;
	text-align: left;
}

	#footer > div {
		width: 1200px;
		position: relative;
		height: 100%;
		padding-top: 1px;
		margin: 0 auto;
		box-sizing: border-box
	}

		#footer > div > div {
			align-items: center;
		}

	#footer p {
		margin: 33px 0 32px 290px
	}

	#footer ul {
		position: absolute;
		top: 34px;
		right: 5px;
	}

		#footer ul a {
			color: #999;
			float: left;
			font-size: 24px;
			margin-left: 28px;
		}
	#footer .copyright a {
		color: #808080;
	}

#footer {
	height: auto;
}

.foot_bottom {
	height: 70px;
	box-sizing: border-box;
	padding: 11px 0 !important;
	border-top: 1px solid #5a5a5a;
}

	.foot_bottom .copyright {
		line-height: 22px;
		font-size: 13px;
		color: #999;
		text-align: center
	}

#footer > div > div {
	/* margin-left: 290px; */
	align-items: center;
}

.ewm {
	position: absolute;
	top: 34px;
	right: 280px;
}

	.ewm s {
		display: block;
		color: #999999;
		font-size: 12px;
		position: relative;
		left: -4px
	}

/*应用市场*/
.cloudSafetyList #main.appmarket{margin-top: 66px}
.cloudSafetyList #box1.boxList2 .boxbody{margin-top: 0;padding: 50px 20px 16px;width: 238px;border-radius: 6px;border: none;box-shadow: 0 0px 10px 2px #edf2f6;}
.cloudSafetyList .appmarket #box1 .list1{line-height: 38px}
.cloudSafetyList .appmarket #box1{margin-right: 56px;width: auto}
.tit4 i{background: #3086ff;width: 3px;height: 20px;margin-right: 16px}
.tit4{font-size: 16px;line-height: 20px;top:20px}
.cloudSafetyList .appmarket #box2{width: 906px}
.toptit2 {
	width: 100%;font-size: 30px;
	margin: 0 auto;
	position: relative;
	text-align: center
}
	.toptit2 i {
		vertical-align: middle;
		position: relative
	}
.toptit2 em{margin: 0 37px}
.boxbody2{padding: 0;margin-top: 20px;border-radius: 6px;border: none;box-shadow: 0 0px 10px 2px #edf2f6;;background: #fff;margin-bottom: 60px}
.cloudSafetyList .appmarket .card:last-child .boxbody2{margin-bottom: 0}
	/*左边是icon图片的小卡片模块*/
 .app_card a{white-space: nowrap}
 .app_card{;height: 86px;border-radius: 6px;border: 1px solid #cde5ff}
.app_card a{display: block;height: 100%}
.app_card i{float: left;margin: 15px 18px 0 12px; }
 .app_card b{color: #333;display: block;font-size: 24px;position: relative;height: 35px;font-size: 17px;color: #53658b;font-weight: 600;line-height: 38px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
 .app_card b::after{content: '';position: absolute;left: 0px;right: 12px; bottom:0px;height: 1px;background: #cde5ff}
.app_card tt{display: block;white-space: nowrap;color: #a0a1a1;text-overflow:ellipsis;position: relative;margin-top: 16px}
.app_card tt em{background: #eeeeee;padding: 4px 4px;border-radius: 4px;font-size: 12px}
.app_card s{position: absolute;right: 12px;color: #6299fd;font-size: 15px;top:2px}
.app_card s.sy{color: #00c07f}
		
/*用户中心*/
.userCenter{height: calc(100% - 70px);background: #f3f7fb}
.layui-layout-admin .userCenter_header .layui-header{background: #065efe}
#header.userCenter_header{background: #065efe}
.userCenter_header .layui-layout-left{left: 470px}
.userCenter_header .layui-header .layui-nav .layui-nav-item a:hover{color: #fff}
.userCenter_header .layui-nav-bar{background: #fff}
 .layout100{margin: 0;padding: 12.5px;box-sizing: border-box;}
.userCenter .box1{height: 240px;}
.userCenter .box2{height: 240px}
.userCenter .box3{height: calc(100% - 240px)}
.userCenter .box4{height: calc(100% - 240px)}
.userCenter .card{border-radius: 12px;box-shadow: 0 0px 10px 2px #edf2f6}
.userCenter .box1 .card{background: url(../images/ubg1.png) no-repeat;background-size: 100% 100%}
.userCenter .box2 .card{background: url(../images/ubg2.png) no-repeat;background-size: 100% 100%}
.namecard{padding: 58px 0 0 40px;box-sizing: border-box}
.namecard i{width: 83px;height: 100%;float: left;overflow: hidden;margin-right: 20px}
.namecard i img{width: 83px;height: 83px;border-radius: 50%;}		
.namecard h3{font-size: 19px;font-weight: 600;margin-bottom: 14px}
.namecard  p{color: #797979;margin-bottom: 40px}
.hello{padding: 45px 0 0 75px;box-sizing: border-box}
.hello h3{font-size: 27px;color: #035fff;font-weight: 600;margin-bottom: 5px}
.hello p{font-size: 19px;color: #333333;line-height: 38px;margin-bottom: 5px}
.hello s{font-size: 15px}
.over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.title_top{height: 55px;line-height: 67px;font-size: 16px; position: absolute;left: 20px;top:0px;font-weight: 600;right: 0;color: #000}
.title_top a{color: #999;font-size: 12px;margin-right: 20px;font-weight: 500}
.title_top a s{font-family: simsun}
.title_top i{margin-right: 1px;;width: 17px;height: 12px;background: url(../images/point.png);}
.cloud_body{position: absolute;top:55px;left: 0;right: 0;bottom: 0;padding: 20px;overflow: auto;box-sizing: border-box;padding-top: 0}
.layui-card-body{padding: 0;border: 1px solid #e6e6e6;border-top: none}
.userCenter .jiaozhen1 li{height: 55px;line-height: 55px;border-bottom: 1px solid #f1f2f6}
.box4 .cloud_body{padding: 0}
.box4 .layui-col-md4 {width: 20%}
.app_card2{background: #f6f7fb;border-radius: 6px;height: 88px;box-sizing: border-box;padding: 15px 0 0 15px;white-space: nowrap}
.app_card2 a{display: block}
.app_card2 b{font-size: 16px;color: #333;margin-left: 10px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;width: calc(100% - 70px)}
.tit5{color: #6e6e6e;font-size: 15px;padding: 0 12.5px}

/*用户中心2*/
.userCenter2{background: #f3f7fb}
.userCenter2 .box1{height: 240px}
.userCenter2 .box1 .card{background: url(../images/ubg4.png) no-repeat;background-size: 100% 100%}
.userCenter2 .box2{height: 386px}
.title_top2 i{width: auto;height: auto;line-height: 18px;margin-right: 8px;position: relative;top:-1px}
.Head_table{width: 100%;height: 100%;border: none}
.Head_table td{border: none}
.layui-upload-img {width: 180px;height: 180px;}
.userCenter2 .box4{height: 144px}
.Head_table h3{font-size: 14px;margin-bottom: 6px}
.formbox{padding: 0 0 0 20px}
.head_img{border-right: 1px solid #ccc}
.show_table{width: 100%;height: 100%;border: none}
.show_table td{color: #999;font-size: 15px;border: none}
.show_table em{color: #666;margin-right: 6px}
/*单选框*/
.layui-form-checked[lay-skin=primary] i{
    border-color:#075eff !important;
    background-color:#FFF !important;
    color:#075eff !important;
    font-weight: bold;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color:#075eff !important;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
    color: #075eff !important;
}

/*用户中心3*/
.Head_table2 .layui-upload-img{width: 70px;height: 70px}
.Head_table2 .head_img{border-right: none}




.footer {
	background: #2b3284;
	font-size: 14px;
	color: #999999;
	text-align: left;
}
.footin{width: 1430px;margin: 0 auto;padding: 50px 0 22px}
.footin h3{font-size: 20px;margin-bottom: 22px;font-weight: bold;color: #fff}
.footin li a{color: #fff}
.footin li a::before{content: '◆';font-size: 18px;margin-right: 5px;display: inline-block;position: relative;top:3px;}
.footin li{margin-bottom: 10px}
.footin li:nth-last-child(1){margin-bottom: 0}
.footerbox1{width: 273px;border-right: 1px solid #6063a8;height: 258px;box-sizing: border-box;padding-left: 60px}
.footerbox2{width: 320px;border-right: 1px solid #6063a8;height: 258px;box-sizing: border-box;padding-left: 108px}
.footerbox3{width: 282px;border-right: 1px solid #6063a8;height: 258px;box-sizing: border-box;padding-left: 96px}
.footerbox4{width: 552px;height: 258px;text-align: left;box-sizing: border-box;padding-left: 222px}
.footerbox4 p{font-size: 20px;font-weight: bold;color: #fff}
.footerbox4 s{font-size: 38px;margin-bottom: 30px;color: #fff}
.footer .ewm{display: inline-block;margin-right: 32px;position: static}
.footer .ewm:nth-last-child(1){margin-right: 0px}
.footer .ewm img{height: 115px;width: 115px;}
.footer .ewm p{font-size: 16px;font-weight: normal;text-align: center;margin-top: 4px}
.footer >p{height: 49px;border-top: 1px solid #6063a8;text-align: center;line-height: 49px;color: #fff;font-size: 16px}

