﻿/*返回顶部按钮*/
.return-top-btn{
	width:40px;
	height:40px;
	font-size:20px;
	line-height:40px;
	border-radius:20px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:99;
	cursor:pointer;
	color:#fff;
	background-color:#1fa7ea;
	display:none;}
/* 页面内容 */
.page-content{
	position:relative;}
/* 头部 */
.header{
	width:100%;
	background-color:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	position:relative;
	top:0;
	left:0;
	z-index:3;}
/* logo */
.header .header-logo{
	float:left;
    width:240px;
    height:60px;
	box-shadow:-1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.header .header-logo a{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
    text-align:center;}
.header .header-logo a img{
	max-width:200px;
	max-height:40px;
	display:inline-block;}
/* 右侧内容 */
.header .header-fluid{
    height:60px;
	padding-right:20px;
    margin-left:240px;
	background-color:#fafafc;}
/* 侧边切换按钮 */
.header .header-fluid .menu-btn{
	float:left;
	padding:15px;
	cursor:pointer;
	border-right:1px solid #dedede;}
.header .header-fluid .menu-btn:hover{
	background-color:#fff;}
.header .header-fluid .menu-btn>.fa{
	width:30px;
	font-size:30px;
	line-height:30px;
	color:#262626;}
/* 顶部搜索框 */
.header .header-fluid .header-search{
	float:left;
	width:250px;
	height:100%;
	padding:15px;}
.header .header-fluid .header-search .search-form{
	color:#262626;}
/* 右侧功能区 */
.header .header-fluid .header-navbar{
	float:right;}
.header .header-fluid .header-navbar>ul>li{
	float:left;
	height:60px;}
/* 欢迎语 */
.header .header-fluid .header-navbar .welcome{
	color:#262626;
	position:relative;}
.header .header-fluid .header-navbar .welcome p{
	padding:0 10px;
	font-size:14px;
	line-height:60px;
	color:inherit;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
.header .header-fluid .header-navbar .welcome p>.fa{
	width:20px;
	font-size:14px;
	line-height:60px;
	color:inherit;}
.header .header-fluid .header-navbar .welcome p span{
	font-size:14px;}
.header .header-fluid .header-navbar .welcome .userinfo{
	width:200px;
	height:0;
	border-style:solid;
	border-color:#dedede;
	background-color:#fff;
	overflow:hidden;
	z-index:1;
	position:absolute;}
.header .header-fluid .header-navbar .welcome .userinfo a{
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#262626;
	padding:10px;}
.header .header-fluid .header-navbar .welcome .userinfo a:hover{
	color:#fff;
	background-color:rgba(0,0,0,0.5);}
.header .header-fluid .header-navbar .welcome:hover .userinfo{
	height:auto;
	padding:10px 0;
	border-width:1px;
	transition:all 300ms;
    -o-transition:all 300ms;
    -moz-transition:all 300ms;
    -webkit-transition:all 300ms;}
/* 下拉切换 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-toggle{
	width:60px;
	height:60px;
	cursor:pointer;}
/* 图标 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-toggle>.fa{
	float:left;
	width:60px;
	height:60px;
	font-size:20px;
	line-height:60px;
	color:#262626;}
/* 数量 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-toggle .number{
	float:left;
    width:20px;
	height:20px;
    font-size:12px;
	line-height:20px;
    text-align:center;
    white-space:nowrap;
	margin:10px 0 0 -30px;
    border-radius:10px;
    color:#fff;
    background-color:#ed145b;}
/* 弹出列表 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content{
	width:300px;
	padding:10px 0;
	margin-left:-240px;
	border:1px solid #dedede;
	background-color:#fff;
	position:absolute;
	display:none;}
/* 弹出列表项 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu{
	border-bottom:1px solid #dedede;}
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu:last-child{
	border:0;}
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu a{
	display:block;
	font-size:0;
	line-height:0;
	color:#262626;
	padding:10px 100px 10px 10px;}
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu:hover{
	background-color:#f5f5f5;}
/* 提示文字 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu p{
	font-size:14px;
	line-height:20px;
	color:inherit;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	display:inline-block;}
/* 提示内容 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu .msg{
	width:100%;}
/* 提示时间 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu .time{
	float:right;
	width:80px;
	text-align:right;
	margin-right:-90px;}
/* 链接 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu .link{
	text-align:center;
	padding:10px 0;}
/* 图标 */
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu .link>.fa{
	width:20px;
	font-size:12px;
	line-height:20px;
	color:inherit;}
.header .header-fluid .header-navbar .header-dropdown .dropdown-content .dropdown-menu .link span{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	color:inherit;}
/* 快捷链接 */
.header .header-fluid .header-navbar .quick-link-btn{
	color:#262626;
	position:relative;}
.header .header-fluid .header-navbar .quick-link-btn a{
	display:inline-block;
	font-size:14px;
	line-height:60px;
	color:inherit;
	padding:0 0 0 10px;}
.header .header-fluid .header-navbar .quick-link-btn a>.fa{
	width:20px;
	font-size:14px;
	line-height:60px;
	color:inherit;}
/* 左侧导航栏 */
.left-sidebar{
	width:240px;
    min-height:100%;
	padding-top:60px;
    background-color:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    position:absolute;
	top:0;
	left:0;
	z-index:2;}
.left-sidebar.active{
	display:none;
	left:-240px;}
/* 用户信息 */
.left-sidebar .sidebar-user-panel{
	padding:20px;
	border-bottom:1px solid #dedede;}
.left-sidebar .sidebar-user-panel .user-msg{}
/* 用户头像 */
.left-sidebar .sidebar-user-panel .user-msg .user-picture{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	border-radius:50px;
	border:2px solid #dedede;
	overflow:hidden;}
.left-sidebar .sidebar-user-panel .user-msg .user-picture img{
	width:100%;
	height:100%;
	border-radius:50%;}
/* 用户名 */
.left-sidebar .sidebar-user-panel .user-msg .user-nane{
	font-size:14px;
	line-height:14px;
	text-align:center;
	color:#262626;
	padding-top:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
/* 账号设置 */
.left-sidebar .sidebar-user-panel .user-msg .user-panel-link{
    display:block;
	font-size:14px;
	line-height:14px;
	text-align:center;
	color:#808080;
	padding-top:10px;}
/* 图标 */
.left-sidebar .sidebar-user-panel .user-msg .user-panel-link>.fa{
	width:20px;
	font-size:14px;
	line-height:14px;
	color:inherit;}
/* 菜单 */
.left-sidebar .sidebar-nav{
	padding:10px 0;}
/* 菜单链接 */
.left-sidebar .sidebar-nav .sidebar-nav-link{}
.left-sidebar .sidebar-nav .sidebar-nav-link a{
    display:block;
	color:#808080;
	padding:10px 20px;
	position:relative;}
/* 图标 */
.left-sidebar .sidebar-nav .sidebar-nav-link a>.fa{
	width:14px;
	font-size:14px;
	line-height:20px;
	color:inherit;
	position:absolute;}
.left-sidebar .sidebar-nav .sidebar-nav-link a>span{
	width:100%;
	font-size:14px;
	line-height:20px;
	text-align:justify;
	display:inline-block;
	color:inherit;
	padding-left:20px;}
/* 菜单-时钟 */
.left-sidebar .clock-wrap{
	padding:10px;
	border-bottom:1px solid #dedede;}
.left-sidebar .clock-wrap .clock-box{
	width:220px;
	font-size:0;
	line-height:0;
	text-align:center;
	padding:20px 0;}
.left-sidebar .clock-wrap .clock-box>p,
.left-sidebar .clock-wrap .clock-box>span{
	display:inline-block;
	min-width:20px;
	font-size:30px;
	line-height:40px;
	padding:0 5px;}
.left-sidebar .clock-wrap .clock-box>p{
	color:#fff;
	border-radius:4px;
	background-color:#262626;}
.left-sidebar .clock-wrap .specific-date{
	font-size:14px;
	line-height:14px;
	text-align:center;
	color:#262626;
	padding-bottom:10px;}
/* 菜单-下拉 */
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-subtitle{}
.left-sidebar .sidebar-nav .sidebar-nav-link.active>a:after{
	display:block;
	content:"";
	width:3px;
	height:100%;
	position:absolute;
	top:0;
	left:0;}
/* 菜单-下拉-图标 */
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-subtitle>span{
	padding-right:20px;}
/* 菜单-下拉-箭头 */
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-subtitle .ic-arrow{
	top:10px;
	right:20px;}
/* 菜单-下拉-箭头-旋转 */
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-subtitle.active .ic-arrow{
    transition:all 300ms;
	-o-transition:all 300ms;
	-moz-transition:all 300ms;
    -webkit-transition:all 300ms;
    transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);}
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-sub{
	display:none;}
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-sub.active{
	display:block;}
/* 菜单-下拉链接-箭头 */
.left-sidebar .sidebar-nav .sidebar-nav-link .sidebar-nav-sub .sidebar-nav-link a>span{
	font-size:12px;}
/* 菜单链接-经过 */
.left-sidebar .sidebar-nav .sidebar-nav-link:hover>a,
.left-sidebar .sidebar-nav .sidebar-nav-link.active>a{
	color:#262626;
	background-color:#f5f5f5;}
/* 主体内容区域 */
.main-content-wrap{
	margin-left:240px;}
.main-content-wrap.active{
	margin:0;}
/* 主体内容区域-顶部导航 */
.breadcrumbs{}
.breadcrumbs li,
.breadcrumbs li i{
	float:left;
	font-size:16px;
	line-height:20px;
	color:#262626;
	padding-right:10px;}
.breadcrumbs li i{
	float:left;
	font-size:20px;}
.main-content{
	padding:10px;}
	
/* 行 */
.row{}
/* 行内列表 */
.row-list{
	width:100%;
	padding:10px;}
/* 列表内容 */
.row-list .list-content{
	background-color:#fff;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 1px 2px rgba(0,0,0,0.1);}
/* 列表顶部 */
.row-list .list-content .list-head{
	font-size:0;
	line-height:0;
	color:#262626;
	padding:15px;
	border-bottom:1px solid #dedede;}
/* 列表顶部-标题 */
.row-list .list-content .list-head .title{
	float:left;
	width:100%;
	color:inherit;}
.row-list .list-content .list-head .title p{
	font-size:14px;
	line-height:20px;
	color:inherit;
	text-align:justify;}
/* 列表顶部-查看更多 */
.row-list .list-content .list-head .more{
	float:left;
	width:80px;
	font-size:14px;
	line-height:20px;
	text-align:right;
	color:inherit;
	margin-left:-80px;
	cursor:pointer;}
/* 列表顶部-图标 */
.row-list .list-content .list-head .more .fa{
	font-size:14px;
	line-height:20px;
	color:inherit;
	padding-left:5px;}
/* 列表-内容 */
.row-list .list-content .list-body{
	padding:10px;}
.row-list .list-content .list-body .list-wrap{}
.row-list .list-content .list-body .list-wrap .list-item{
	padding:10px 10px 40px;
	border-top:2px solid #1fa7ea;}
.row-list .list-content .list-body .list-wrap .list-item:last-child{
	padding:20px 10px;}
.row-list .list-content .list-body .list-wrap .list-item .list-title,
.row-list .list-content .list-body .list-wrap .list-item .list-title>.fa{
	font-size:20px;
	line-height:20px;
	color:#262626;}
.row-list .list-content .list-body .list-wrap .list-item .list-title{
	padding:10px 0;
	margin-bottom:20px;
	border-bottom:1px solid #dedede;}
.row-list .list-content .list-body .list-wrap .list-item .list-title>.fa{
	padding-right:10px;}
.row-list .list-content .list-body .statistic-value{
	font-size:40px;
	line-height:40px;
	text-align:center;}
.row-list .list-content .list-body .statistic-value~.button-box{
	padding-top:10px;}
.row-list .list-content .list-body .statistic-value~.button-box>.btn{
	float:none;
	width:90px;
	text-align:center;
	margin:0 auto;}
.row-list .list-content .list-body .l-item{
	float:left;
	width:50%;
	padding:15px 0;}
.row-list .list-content .list-body .l-item:first-child p{
	border-right:1px dashed #dedede;}
.row-list .list-content .list-body .l-item p{
	font-size:14px;
	line-height:20px;
	text-align:center;}
.row-list .list-content .list-body .l-item p:first-child{
	padding-bottom:10px;}
/* 列表-内容-有背景颜色 */
.row-list .list-content.colored{
	position:relative;}
.row-list .list-content.colored p,
.row-list .list-content.colored p span{
	color:#fff !important;}
.row-list .list-content.colored .list-head{
	border-color:transparent;}
.row-list .list-content.colored .list-body{
	min-height:100px;
	position:relative;
	z-index:1;}
.row-list .list-content.colored>.icon{
	width:70px;
	height:70px;
	margin-top:-35px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-image:url(../img/ic_tixian.png);
	position:absolute;
	top:50%;
	right:20px;}
/* 列表-底部分页 */
.row-list .list-content .bottom-paging{
	padding:20px 0;
	border-top:1px solid #dedede;}
/* 过滤包 */
.filter-wrap{
	padding:10px 5px;}
.filter-wrap .filter-group{
	padding:5px 10px;}
.filter-wrap .filter-group,
.filter-wrap .filter-group .filter-lable,
.filter-wrap .filter-group .filter-item{
	float:left;}
.filter-wrap .filter-group .filter-lable{
	min-width:70px;
	font-size:14px;
	line-height:30px;
	text-align:right;
	padding-right:5px;}
.filter-wrap .filter-group .filter-item{
	min-width:200px;}
.filter-wrap .filter-group .filter-item>p,
.filter-wrap .filter-group .filter-item .select-time{
	float:left;}
.filter-wrap .filter-group .filter-item>p{
	font-size:14px;
	line-height:30px;
	padding:0 5px;}
.filter-wrap .filter-group>p{
	font-size:14px;
	line-height:30px;}
.filter-wrap .filter-group .button-box{
	margin-top:-5px;}


.list-body .table-wrap{
	width:100%;
	overflow-x:auto;}
		
.input-text{
	width:100%;
	font-size:14px;
	line-height:14px;
	color:#262626;
	padding:6px 10px;
	border:1px solid #dedede;}

.safety{
	background: url("../img/pwbg.png") no-repeat scroll 0 1px transparent;
	display:block;
	height:25px;
	width:180px;}
.safety1{
	background:url("../img/pwbg.png") no-repeat scroll 0 -23px transparent;
	display:block;
	height:25px;
	width:180px;}
.safety2{
	background:url("../img/pwbg.png") no-repeat scroll 0 -47px transparent;
	display:block;
	height:25px;
	width:180px;}
.safety3{
	background:url("../img/pwbg.png") no-repeat scroll 0 -71px transparent;
	display:block;
	height:25px;
	width:180px;}


.essential-colour{}
/* 16%宽 *//* 33%宽 *//* 50%宽 *//* 66%宽 */
.width16,.width33,.width50,.width66{
	float:left !important;}
.width50{
	width:50% !important;}
.width16{
	width:16.66666667% !important;}
.width33{
	width:33.33333333% !important;}
.width66{
	width:66.66666667% !important;}
@media only screen and (max-width:1080px){
	.header .header-logo{
		float:none;
		width:100%;
		border-bottom:1px solid #dedede;}
	.header .header-fluid{
		margin-left:0;
		background-color:#fff;}
	.left-sidebar{
		padding-top:120px;}
	.main-content-wrap{
		margin:0;}}
@media only screen and (min-width:640px) and (max-width:1080px){
	.width16{
		width:33.33333333% !important;}
	.width33,.width66{
		width:100% !important;}
	.width50{
		width:50% !important;}}
@media only screen and (max-width:640px){
	form .form-group .form-item .form-l-box{
		width:100%;
		padding:5px 0 !important;}
	form .form-group .form-item .form-l-input{
		width:100%;
		padding-bottom:5px;}
	.header .header-fluid .header-search{
		display:none;}
	.header .header-fluid .header-navbar .header-dropdown .dropdown-content{
		left:0;
		width:100%;
		margin-left:0;}
	.width33,.width50,.width66{
		width:100% !important;}}
@media only screen and (min-width:480px) and (max-width:640px){
	.width16{
		width:50% !important;}}
@media only screen and (max-width:480px){
	.width16{
		width:100% !important;}
	.header .header-fluid .header-navbar .welcome p{
		max-width:110px;}}
@media only screen and (max-width:375px){
	.filter-wrap .filter-group .filter-item{
	width:170px;}
	.filter-wrap .filter-group{
		padding:5px;}
	.header .header-fluid .header-navbar .welcome a{
		max-width:120px;}}





















	
	


