body{
	min-width: 1200px;
	font-family:"Microsoft YaHei";

}
h1,h2,h3,h4,h5,h6{
	font-family:"Microsoft YaHei";

}
img{
	max-width: 100%;
}
.img-circle,
.img-circle img{
	border-radius: 50%;
}

a,a:hover{
	text-decoration: none;
}

.hand{
	cursor: pointer;
}

.md0{
	margin-bottom: 0;
	vertical-align:
}

.m10{
	margin: 10px;
}
.m20{
	margin: 20px;
}
.border-d{
	border-bottom: 1px solid #dcdcdc;
}

.border-t{
	border-top: 1px solid #dcdcdc;
}
.border-l{
	border-left: 1px solid #dcdcdc;
}
.border-r{
	border-right: 1px solid #dcdcdc;
}
.border-1px{
	border: 1px solid #dcdcdc;
}

.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}

.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.mr10{
	margin-right: 10px;
}

.mr20{
	margin-right: 20px;
}
.md5{
	margin-bottom: 5px;
}
.md10{
	margin-bottom: 10px;
}
.md20{
	margin-bottom: 20px;
}

.pl20{
	padding-left: 20px;
}
.pl50{
	padding-left: 50px;
}

.p20{
	padding: 20px;
}

.btn-80px{
	width: 80px;
}
.btn-100px{
	width: 100px;
}
.btn-150px{
	width: 150px;
}

.fl{
	float: left;
}
.fr{
	float: right;
}

.strong{
	font-weight: bold;
}

.ft12{
	font-size: 12px;
}

.ft14{
	font-size: 14px;
}
.ft16{
	font-size: 16px;
}
.ft18{
	font-size: 18px;
}
.ft20{
	font-size: 20px;
}
.ft22{
	font-size: 22px;
}
.ft24{
	font-size: 24px;
}
.ft26{
	font-size: 26px;
}

.text-gray{
	color: #a9a9a9;
}

.audit-color-1{
	color: #3cb371;
}
.audit-color-2{
	color: red;
}

.line-height-25px{
	line-height: 25px;
}

.flex-box{
	width: 100%;
	display: flex;
	display: -webkit-flex;

	box-sizing: border-box;
	box-pack:center;
	box-align: center;
	-webkit-box-align: center;
	-webkit-box-pack:center;

	-moz-box-pack:center;
	-moz-box-align:center;

	align-items: center;
}

.flex-box .flex-1{
	flex:1;
}
.flex-box .flex-2{
	flex:2;
}
.flex-box .flex-3{
	flex:3;
}
.flex-box .flex-4{
	flex:4;
}
.flex-box .flex-5{
	flex:5;
}
.flex-box .flex-6{
	flex:6;
}
.flex-box .flex-7{
	flex:7;
}
.flex-box .flex-8{
	flex:8;
}
.flex-box .flex-9{
	flex:9;
}

.crow{
	width: 100%;
	min-height: 1px;
	position: relative;
}

.crow2{
	width: 100%;
	min-height: 1px;
	position: relative;
}
.crow2 > div{
	display: block;
	float: left;
	min-height: 1px;
	position: relative;
}

.crow > div{
	display: block;
	float: left;
	min-height: 1px;
	position: relative;
	margin-left: -0.8%;
}

.crow .col-b1{
	width: 10%;
}
.crow .col-b2{
	width: 20%;
}
.crow .col-b3{
	width: 30%;
}
.crow .col-b4{
	width: 40%;
}
.crow .col-b5{
	width: 50%;
}
.crow .col-b6{
	width: 60%;
}
.crow .col-b7{
	width: 70%;
}
.crow .col-b8{
	width: 80%;
}
.crow .col-b9{
	width: 90%;
}
.crow .col-5{
	width: 5%;
}
.crow .col-10{
	width: 10%;
}
.crow .col-15{
	width: 15%;
}
.crow .col-20{
	width: 20%;
}
.crow .col-25{
	width: 25%;
}

.crow .col-30{
	width: 30%;
}
.crow .col-35{
	width: 35%;
}

.crow .col-40{
	width: 40%;
}
.crow .col-45{
	width: 45%;
}

.crow .col-50{
	width: 50%;
}
.crow .col-55{
	width: 55%;
}

.crow .col-60{
	width: 60%;
}
.crow .col-65{
	width: 65%;
}

.crow .col-70{
	width: 70%;
}
.crow .col-75{
	width: 75%;
}

.crow .col-80{
	width: 80%;
}
.crow .col-85{
	width: 85%;
}

.crow .col-90{
	width: 90%;
}
.crow .col-95{
	width: 95%;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.bg-white{
	background-color: white;
}
.bg-gray{
	background-color: #f7f7f7;
}
/** topbar **/

.topbar{
	height: 50px;
	overflow: hidden;
	color: #d3d3d3;
	width:100%;
	border-bottom: 1px solid #465560;
}
.topbar .menu-box li{
	display: inline-block;
	line-height: 49px;
	padding: 0 15px;
	font-size: 16px;
	cursor: pointer;
}
.topbar .menu-box li.active{
	background-color: #778899;
	font-weight: bold;
}
.topbar .menu-box li:hover{
	background-color: #778899;
}

.topbar .logo{
	padding: 5px 20px;
}

.topbar .user{
	line-height: 45px;
	text-align: right;
}




.fixed-top{
	position: fixed;
	top: 0;
}

.p-content{
	margin-top: 50px;
}

/** page-bar */
.p-bar{
	height: 45px;
	line-height: 45px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
}
.p-bar .action{
	position: absolute;
	right: 10px;
	top: -2px;
	z-index: 1000;
}

.p-bar ul{
	position: absolute;
	width: 100%;
	left: 0;
	top:0;
	height: 45px;
	overflow: hidden;
}
.p-bar ul li{
	display: block;
	float: left;
	font-size: 15px;
	padding: 0 10px;
	border-right: 1px solid #dcdcdc;
	cursor: pointer;
	height: 45px;
	border-bottom: 1px solid #dcdcdc;
	min-width: 80px;
	text-align: center;
}
.p-bar ul li.active{
	border-bottom: 1px solid white;
	background-color: white;
}
.p-bar ul li:hover i{
	color: #dc143c;
}

.p-content iframe{
	width: 100%;
	border: 0;
	height: 100%;
}

/** menu **/
#p-sidebar{
	color: #b4bcc8;
}
#p-sidebar .us{
	font-size: 16px;
	border-bottom: 1px solid #3d4957;
	height: 40px;
	display: block;
	padding-left: 20px;
	line-height: 40px;
	overflow: hidden;
	color: #778899;
	background-color: #2c353e;
}
#p-sidebar ul li a{
	display: block;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #3d4957;
	padding-left: 35px;
	overflow: hidden;
	border-left: 5px solid #364150;
}
#p-sidebar ul li a:link,#p-sidebar ul li a:visited{
	color: #b4bcc8;
	text-decoration: none;
}
#p-sidebar ul li a:hover{
	background-color: #414d5c;
	color: #b4bcc8;
	text-decoration: none;
	border-left: 5px solid #ff6347;
}
#p-sidebar ul li.active a{
	background-color: #414d5c;
	color: #b4bcc8;
	border-left: 5px solid #ff6347;
}

.iframe-list #iframe-box{
	display: none;
}
.iframe-list #iframe-box.active{
	display: block;
}

#p-sidebar .menu-box{
	display: none;
}
#p-sidebar .menu-box.active{
	display: block;
}


/** nav **/
.nav-title{
	display: block;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 20px;
	height: 45px;
	overflow: hidden;
	position: relative;
}
.nav-title ul{
	position: absolute;
	height: 45px;
}
.nav-title ul li{
	display: block;
	float: left;
	height: 45px;
	padding: 0 20px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
}
.nav-title ul li a{
	color: #696969;
}
.nav-title ul li a:visited{
	color: #696969;
}

.nav-title ul li.active{
	border-bottom: 5px solid #1e90ff;
}

.nav-title ul li:hover{
	border-bottom: 5px solid #55acff;
}


.box-tables{
	border: 1px solid #e9e9e9;
	height:100px;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}
.box-tables:hover{
	box-shadow: 0px 0px 8px silver;
}
.box-tables .name{
	font-size:18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}

.tips{
	color: #a9a9a9;
	padding: 5px 0;
}

table.valign-middle tbody td{
	vertical-align: middle;
}

table.no-border tbody td{
	border-top: 0;
}

.nors{
	text-align: center;
	color: #a9a9a9;	
}
.nors.ptb50px{
	padding: 50px 0;
}

/* page-box */
.page-box{
	margin: auto;
	width: 100%;
	text-align: center;
	margin: 30px 0;
}
.page-box .btn-p{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 15px;
	border: 1px solid #dcdcdc;
	margin: 0 5px;
	cursor: pointer;
	background-color: white;
}
.page-box .btn-p.disabled{
	background-color: #f5f5f5;
	color: silver;
}


.page-box .btn-p:hover{
	border: 1px solid #dc143c;
	background-color: #ec3258;
	color: white;
}
.page-box .btn-p.active{
	border: 1px solid #dc143c;
	background-color: #ec3258;
	color: white;
	font-weight: bold;
}

.page-box .page-nobox{
	border: 0;
	color: silver;
	display: inline-block;
	padding: 0 10px;
}

.page-box .page-total{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}


.buttom-bar {
	padding: 15px 20px;
	display: block;
	height: 65px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.1);

}
.md-buttom-bar{
	margin-bottom: 70px;
}

.table-sublist thead{
	display: none;
}
.table-sublist table{
	margin: 0;
}

.table-sublist table>tbody>tr>td{
	border: 0;
	border-bottom: 1px solid #e7ecf1;
}

.table-sublist .table{
	border: 0;
}

.table-sublist table>tbody>tr:last-child td{
	border: 0;
}

/**form-images-list*/
.form-images-list li,
.form-images-list-more li{
	border: 1px solid #e7ecf1;
	margin-bottom: 5px;
	margin-right: 5px;
	cursor: pointer;
	display: block;
	float: left;
	position: relative;
}

.form-images-list li .sub-action,
.form-images-list-more li .sub-action,
.attr-images-select li .sub-action{
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
	color: #dc143c;
}

.form-images-list li:hover .sub-action,
.form-images-list-more li:hover .sub-action,
.attr-images-select li:hover .sub-action{
	display: block;
}

/** login-box */
.login-box{
	width: 600px;
	margin: auto;
	margin-top: 10%;
}
.login-box .light{
	background-color: rgba(255,255,255,0.8);
}

#Login-index{
	background-color: #465560 !important;
}

[data-type="api-params"] tr td:last-child{
	position: relative;
}
[data-type="api-params"] tr td:last-child .sub-action{
	position: absolute;
	right: -41px;
	top: 8px;
	display: none;
}

[data-type="api-params"] tr:hover td .sub-action{
	display: block;
}

.select-category-box .navsort{
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 50px;
	overflow: hidden;
	margin-bottom: 5px;
}

.select-category-box .item ul{
	height:200px;
	overflow: auto;
	border: 1px solid #f5f5f5;
}
.select-category-box .item ul li{
	display: block;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
	padding: 0 10px;
	cursor: pointer;
}

.select-category-box .item ul li.active{
	background-color: #f5f5f5;
	color: #4682b4;
	font-weight: bold;
}

/**
select-record-box-item*/

.select-record-box-item{
	position: relative;
	height: 60px;
	padding: 5px 10px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	border-left: 0;
}
.select-record-box-item .sub-action{
	position: absolute;
	top: 5px;
	right: 8px;
	display: none;
	color: #dc143c;
}

.select-record-box-item:hover .sub-action{
	display: block;
}

/** radio-box */
.radio-box .item-box{
	display: block;
	padding: 5px;
	border: 1px solid #dcdcdc;
	text-align:center;
	margin-left: 5px;
	margin-bottom: 5px;
	width:100px;
	height: 50px;
	overflow: hidden;
	line-height: 40px;
	font-size: 16px;
	float: left;
	cursor: pointer;
}
.radio-box .item-box.active{
	border: 1px solid #4169e1;
	color: #4169e1;
	font-weight: bold;
	background-color: #f2fafb;
}

.radio-box .item-box:hover{
	border: 1px solid #4169e1;
	color: #4169e1;
	background-color: #f2fafb;
}

/** attr-img */
.attr-images-select li{
	display: block;
	float: left;
	border: 1px solid #f1f1f1;
	margin-top: 5px;
	margin-right: 5px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: relative;
}



.mt-comments .mt-comment{
	border-bottom: 1px solid #fafafa;
}
.mt-comments .mt-comment:last-child{
	border-bottom: 0;
}


/*扫码登录*/
.portlet-title h4{
	width: 50%;
	float: left;
}
.login-box{
	width:450px;
}
.t_hot{
	background: #E12330;
	color: #fff;
	height: 48px;
	padding: 0;
	margin: 0;
	line-height: 48px;
}
.eer{
	width: 100%;
	height: 225px;
}
.eer img{
	height:225px;
	width:225px;
	margin:0 auto;
	display:block;
}
.elogin {
	line-height: 40px;
	font-size: 18px;
	color: #666666;
	text-align: center;
	width: 100%;
	display: block;
	margin-top: 20px;
}
.col-xs-5.refVcode{
	height:45px;
}


.upuser-list-box li{
	display: block;
	margin: 5px;
	border: 1px solid #f5f5f5;
	text-align: center;
	float: left;
	padding: 10px;
	width: 150px;
}
.upuser-list-box li .face{
	margin-bottom: 5px;
}

.upuser-list-box li .account{
	display: block;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
}

.risk-icon{
	display: block;
	width: 100px;
	height: 100px;
	padding-top: 45px;
	border-radius: 50% !important;

	margin: auto;
	margin-bottom: 10px;
	cursor: pointer;
}
.risk-icon i{
	font-size: 4em;
}

.bg-danger{
	background-color:
}

.export-excel-setting{
	max-height:500px;
	min-height:100px;	
	overflow: auto;
	padding: 20px;
}
.btn-mrd10{
	margin-bottom: 10px;
	margin-right: 10px;
}

/*module-tpl-box*/
.module-tpl-box img{

}

.shadow{
	box-shadow: 0px 0px 8px silver;
}

.box-shadow{
	border: 1px solid #e9e9e9;
	padding: 10px;
	margin-bottom: 20px;
}
.box-shadow:hover{
	box-shadow: 0px 0px 8px silver;
}

.module-tpl-box .box-shadow{
	position: relative;
}

.module-tpl-box .box-shadow .select-item{
	position: absolute;
	right:20px;
	top:20px;
	display: none;
}
.module-tpl-box .box-shadow .select-item.active{
	display: block;
}



/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-four {
	flex: 4;
}
.flex-five {
	flex: 5;
}
.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

/*  -- 内外边距 -- */

.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 10px;
}

.margin-sm {
	margin: 20px;
}

.margin {
	margin: 30px;
}

.margin-lg {
	margin: 40px;
}

.margin-xl {
	margin: 50px;
}

.margin-top-xs {
	margin-top: 10px;
}

.margin-top-sm {
	margin-top: 20px;
}

.margin-top {
	margin-top: 30px;
}

.margin-top-lg {
	margin-top: 40px;
}

.margin-top-xl {
	margin-top: 50px;
}

.margin-right-xs {
	margin-right: 10px;
}

.margin-right-sm {
	margin-right: 20px;
}

.margin-right {
	margin-right: 30px;
}

.margin-right-lg {
	margin-right: 40px;
}

.margin-right-xl {
	margin-right: 50px;
}

.margin-bottom-xs {
	margin-bottom: 10px;
}

.margin-bottom-sm {
	margin-bottom: 20px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.margin-bottom-lg {
	margin-bottom: 40px;
}

.margin-bottom-xl {
	margin-bottom: 50px;
}

.margin-left-xs {
	margin-left: 10px;
}

.margin-left-sm {
	margin-left: 20px;
}

.margin-left {
	margin-left: 30px;
}

.margin-left-lg {
	margin-left: 40px;
}

.margin-left-xl {
	margin-left: 50px;
}

.margin-lr-xs {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-lr-sm {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-lr {
	margin-left: 30px;
	margin-right: 30px;
}

.margin-lr-lg {
	margin-left: 40px;
	margin-right: 40px;
}

.margin-lr-xl {
	margin-left: 50px;
	margin-right: 50px;
}

.margin-tb-xs {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb-sm {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-tb {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-tb-lg {
	margin-top: 40px;
	margin-bottom: 40px;
}

.margin-tb-xl {
	margin-top: 50px;
	margin-bottom: 50px;
}

.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 10px;
}

.padding-sm {
	padding: 20px;
}

.padding {
	padding: 30px;
}

.padding-lg {
	padding: 40px;
}

.padding-xl {
	padding: 50px;
}

.padding-top-xs {
	padding-top: 10px;
}

.padding-top-sm {
	padding-top: 20px;
}

.padding-top {
	padding-top: 30px;
}

.padding-top-lg {
	padding-top: 40px;
}

.padding-top-xl {
	padding-top: 50px;
}

.padding-right-xs {
	padding-right: 10px;
}

.padding-right-sm {
	padding-right: 20px;
}

.padding-right {
	padding-right: 30px;
}

.padding-right-lg {
	padding-right: 40px;
}

.padding-right-xl {
	padding-right: 50px;
}

.padding-bottom-xs {
	padding-bottom: 10px;
}

.padding-bottom-sm {
	padding-bottom: 20px;
}

.padding-bottom {
	padding-bottom: 30px;
}

.padding-bottom-lg {
	padding-bottom: 40px;
}

.padding-bottom-xl {
	padding-bottom: 50px;
}

.padding-left-xs {
	padding-left: 10px;
}

.padding-left-sm {
	padding-left: 20px;
}

.padding-left {
	padding-left: 30px;
}

.padding-left-lg {
	padding-left: 40px;
}

.padding-left-xl {
	padding-left: 50px;
}

.padding-lr-xs {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr-sm {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-lr {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-lr-lg {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-lr-xl {
	padding-left: 50px;
	padding-right: 50px;
}

.padding-tb-xs {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-tb-sm {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-tb-lg {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-tb-xl {
	padding-top: 50px;
	padding-bottom: 50px;
}

.border-5px-gray{
	border: 5px solid #dcdcdc;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.form-nopad .form-group{
	margin-bottom: 0;
}