body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial;
}
.H10 {clear: both; height: 10px;}
.H15 {clear: both; height: 15px;}
.H20 {clear: both; height: 20px;}
.H25 {clear: both; height: 25px;}
.H30 {clear: both; height: 30px;}

.pt-7 { padding-top: 7px;}
.common-table>tbody>tr>td, .common-table>tbody>tr>th{ vertical-align: middle;}

/*通用图片 式*/
.img-50 { width: 50px;}
.img-75 { width: 75px;}

/* 页面Loading图 */
._page_loading_cover_ {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1500;
	overflow: hidden;
	outline: 0;
	background-color: #333;
	opacity: 0.1;
}
._page_loading_img_ {
	position: fixed;
	top: 40%;
	left: 48%;
	z-index:1505;
	width: 50px;
	height: 50px;
}

.form-control.white-bg[readonly] {background-color: #FFF;}
.no-r-padding {padding-right: 0;}

.desc {color: #AAA;}
label.normal {font-weight: normal;}
.control-label.normal {text-align: left;}
.control-label.middle-right {padding-top: 7px; text-align: right;}
._chart_ {border-right: 1px solid #F0F0F0;}
._chart_:last-child {border-right: none;}
.no-lst-style {list-style:none;}
ul.inline-block li {display: inline-block;}
.radio ul>li {margin-right: 15px;}
.datepicker-days .disabled.day {color:#777;} /*datepicker 禁止选择的日期颜色*/

.main-header .logo {font-family: Arial;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {height: auto;}
.navbar-danger {background-color: #0d69b2;color: #FFF;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {height: auto;}

.loading-img {width: 50px; margin-left: 48%;}

.logo-lg {font-size: 18px;}

/*table 式*/
.vertical-middle-table>tbody>tr>td { vertical-align: middle;}

/* 分页 - 重置颜色 */
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background-color: #0d69b2;
	border-color: #0d69b2;
}

/* 登录页 */
.login-page {
	background-color: #40b1e5;
	/*background-position: 0 50px;*/
	background-repeat: no-repeat;
	background-image: url('../img/login_bg.jpg');
	background-size: 100% 100%;
}
/* 登录页 - 头部 */
.login-page .login-header {width: 100%; height: 80px; background-color: #FFF; position: relative;}
.login-page .login-header .black-bar {width:100%; height: 12px; background-color: black;}
.login-page .login-header .logo {width: 130px; height: 44px; margin-top: 12px; /*background: url('../img/logo_login.png') no-repeat 0 center; background-size: 130px;*/}
.login-page .login-header .logo img {width: 130px;}
.login-page .login-header .logo-title {margin-top: 34px; margin-left: 15px;}
.login-page .login-header .buttons {margin-top: 20px;}
.login-page .login-header .buttons a {display: inline-block; width: 100px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #959595; color: #FFF; background-color: #959595; border-radius: 7px;}
.login-page .login-header .buttons a:hover {background-color: #a60d0d; border: 1px solid #a60d0d;}
.login-page .login-header .pull-right select{
	background:#959595;
	color:white;
	width: 110px;
	height: 36px;
	vertical-align:middle;
	line-height:200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
/* 登录页 - 登录框 */
.login-page .login-body {}
.login-page .wrap {
	position: absolute;
	top: 50%;
	left: 63%;
	width: 400px;
	height: 330px;
	padding: 10px;
	background-color: #40b1e5;
	border-radius: 7px;
}
.login-page .wrap i.fa-lock {font-size: 22px; margin-right: 2px;}
.login-page .wrap i.fa-envelope {font-size: 17px;}
.login-page .wrap.regist-box {height: 410px;}
.login-page .wrap .logo {height: 30px; margin-top: 10px; text-align: center; /*background: url('../img/logo_login.png') no-repeat center center; background-size: 90px 30px;*/}
.login-page .wrap .logo img {width: 150px; height: auto; margin: 0 auto;}
.login-page .login-form {
	position: absolute; 
	z-index: 100;
	top: 55px; 
	left: -15px;
	width: 430px;
	padding: 20px 0;

}
.login-page .login-form .form-group{
	margin-left: 50px;
	width:320px;
	height: 40px;
	border: 1px solid white;
	border-radius:5px;
}
.login-page .login-form ul,
.login-page .login-form li {list-style: none; display: inline-block;}
.login-page .login-form label {padding-right: 0; color: #FFF;}
.login-page .login-form i {font-size: 20px;}
.login-page .login-form .code-box {margin: 0; padding-left: 0;}
.login-page .login-form .code-img {width: 100%; height: 33px; cursor: pointer;}

.login-page .wrap .buttons {position: absolute; bottom: 25px; width: 90%;}
.login-page .wrap .buttons .link {position: absolute; left: 35px; bottom: 5px;}
.login-page .wrap .buttons .link a {color: #7d7d7d;}
/* 登录页 - 手指背景 */
.login-page .pointer {

	background-size: 80%;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	
	position: absolute;
	left: 11%;
	top: 0px;
	z-index: -1;
	width: 541px;
	height: 80%;
}
/* 登录页 - 文字背景 */
.login-page .slogan {
	//background-image: url('../img/login_slogan.png?ver=20160105001');
	background-repeat: no-repeat;
	background-position: 0 bottom;
	background-size: 80%;
	
	width: 970px;
	height: 54px;
	
	position: absolute;
	left: 50%;
	margin-left: -350px;
	bottom: 100px;
	z-index: -1;
}
/* 登录页 - 底部 */
.login-footer {color: #FFF; background-color: #313131; padding: 10px 0;}
.login-footer .nav {text-align: center;}
.login-footer .nav > li {display: inline-block;}
.login-footer .nav > li > a {color: #FFF;}
.login-footer .nav > li > a:hover {background-color: #313131; text-decoration: underline;}

/* RBAC */
.node-list {}
.node-list .nav li a {display: inline-block; padding: 0; margin-top: 8px; margin-left: 2px; margin-right: 2px;}
.node-list .nav li a:hover {background-color: #fff;color: #0162af;}
.node-list .controller {border: 1px solid #F1F1F1; border-radius: 5px; margin-bottom: 5px; padding: 5px;}
.node-list .controller > ul {border-bottom: 1px solid #F1F1F1;}
.node-list .controller > ul:last-child {border-bottom: none;}
.node-list .controller h4 {margin-right: 5px;}
.node-list .action > li {margin-right: 10px; line-height: 30px;}
.node-list .action label {font-weight: normal;}
.node-list .controller-chkbox {margin-top: 12px; margin-right: 5px;}

/* 左侧菜单 */
.sidebar-menu .divider {height: 1px;margin: 12px 0;overflow: hidden;background-color: #e5e5e5;}
.skin-red-light .wrapper, 
.skin-red-light .main-sidebar, 
.skin-red-light .left-side {background-color: #FFF;}

/* 终端管理 */
.box .desc {color: #AAA;}
.search-box {}
.search-box .common > label,
.search-box .common > span {display:inline-block; margin-top: 6px; margin-right: 10px;}
.search-box .common > div {margin-right: 25px;}
.search-box select {width: 180px;}

/* 终端详情 */
.back-btn {margin-bottom: 5px;}
.device-info .table td {border: 0;}
.device-info .table label {width: 90px;}

.box-nav {border-top: 0;}
.box-nav .nav-tabs-custom > .nav-tabs > li.active {border-top-color: #0162af;}
.box-nav .srch-kwd {width: auto;}
.box-nav .srch-submit {margin-top: -3px;}
/* 终端管理 - 应用列表 */
.box-dev-apps .table td {vertical-align: middle;}
.box-dev-apps .app-icon img {width: 30px; margin-right: 5px;}

/* 终端管理 - 流量信息 */
.box-dev-flow .buttons {margin-right: 5px;}
.box-dev-flow .form-control[readonly] {background-color:#FFF;}

/* 终端管理 - 缴费记录 */
.box-payment-history {}
.box-payment-history .ph-head {padding: 0 17px;}
.box-payment-history .ph-head ul.info,
.box-payment-history .ph-head ul.info li {list-style: none; padding:0; margin: 0;}
.box-payment-history .ph-head ul.info li {display: inline-block; width: 220px;}
.box-payment-history .ph-head ul.info .xufei {text-align: right;}
.box-payment-history .srch {text-align: right;}
.box-payment-history .srch input {width: 80px; display: inline-block;}
.box-payment-history .srch span {display: inline-block; margin-left: 10px; margin-right: 10px;}

/* 终端管理 - 添 设备 */
#add-dev-form {}
#add-dev-form .sn-label {padding-top: 0;}
/* 终端管理 - 添 设备 - 业务经理 */
.box-vendor-manager .vendor-name {font-weight: normal;}
/* 终端管理 - 添 设备 - 商户 */
.box-merchant-info .channel-name {font-weight: normal;}

.box-dev-type .show-type {height: 34px; line-height: 34px;}
.box-dev-type .edit-type .input {padding-left: 0;}
.box-dev-type .edit-type .button {padding-left: 0; padding-right: 0;}

.box-dev-model .show-model {height: 34px; line-height: 34px;}
.box-dev-model .edit-model .input {padding-left: 0;}
.box-dev-model .edit-model .button {padding-left: 0; padding-right: 0;}

/* 终端管理 - 换机记录 */
.box-history {}
.box-history .buttons {margin-right: 5px;}
.box-history .form-control[readonly] {background-color:#FFF;}
.box-history .srch-kwd {width: 150px;}
.box-history .srch-submit {margin-top: -3px;}

/* 商户管理 - 商户列表 */
.box-mch-list {}
.box-mch-list .srch-submit {margin-top: -3px;}

.srch-form .form-control {display: inline-block;}
.srch-form label {margin-right: 10px;}
.srch-form select {width: 120px;}
.srch-form input[type="text"] {width: 200px;}

/* 换机 - 弹框 */
#change-device-modal {}
#change-device-modal .box .checkbox {margin-top: 0px; margin-bottom: 0px;}
#change-device-modal .box .sn-inpt {width: 250px; margin: 0 5px;}
#change-device-modal .box .btn-find {margin-top: -3px;}

/* 商户管理 - 新增商户 */
.box-mch-info {}
.box-mch-info .addr-box {margin-top: 7px;}
.box-mch-info .addr-box.addr-box-margin {margin-top: 0px;}
.box-mch-info .mem-info .box {width: 91%; padding:0;}
.box-mch-info label.normal {font-weight: normal; text-align: left;}
.box-mch-info .radio label {margin-right: 15px;}
.box-contact-info .form-header .desc {margin-top: 10px;}
.box-contact-info .form-header hr {margin-top: 0px;}
.box-body .form-group i {color: #0162af;}

/* 应用市场 - 应用版本管理 */
.attachment-block.no-color {background: #FFF; border:none;}
/* 应用市场 - 应用版本管理 - 弹框 */
#app-info-modal .modal-dialog {width: 850px;}
#app-info-modal .btn-up-box {padding-left: 0;}

.attachment-block .app-basic-data {margin: 10px 0;}
.attachment-block .app-basic-data li {margin-right: 20px;}

.box-app-cate .cate {margin-top: 5px; margin-bottom: 5px;}
.box-app-cate .cate .show-cate {height: 34px; line-height: 34px;}
.box-app-cate .edit-cate .input {padding-left:0;}
.box-app-cate .edit-cate .button {padding-left:0; padding-right:0;}
.zh-app-box{border-radius:10px;}

/* 缴费管理 - 终端续费 */
.box-payment .form-group {margin-bottom: 25px;}
.box-payment .payment-type {padding-top: 0;}
.box-payment .pay-type label.text {padding-top: 20px;}
.box-payment .pay-type input[type="radio"] {margin-top: 15px;}
/* 缴费管理 - 到期设备管理 - 终端详情弹框 */
#device-detail-modal .modal-dialog {width: 800px;}

/* 缴费管理 - 支付方式设置 */
.box-pay-type .pay_logo {width: auto; height: 35px;}
.box-pay-type-edit label.normal {text-align: left;}

/* 数据统计 */
#chart-map-china {position:relative;}
.map-state-tip,
#map-state-tip {display:none; position:absolute; padding:8px; background:#fff; border:2px solid #0162af; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-family:Tahoma; color:#333;}
#chart-map-china .region-list {float:left; margin-top:15px; margin-left: 100px;}
#chart-map-china .region-list ul {float:left; width:120px; height:100%; margin-right:5px; display:inline;}
#chart-map-china .region-list ul li { height:24px; margin-left:10px; padding:0 0px; border:1px solid #fff; line-height:24px;}
#chart-map-china .region-list ul li.select {border:1px solid #D3D3D3; background:#FFF1BF;}
.map-info i {display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
.map-info i.active {background:#E27F21;}
.map-info span {padding:0 5px 0 3px;}
.map-info b {font-weight:normal; color:#0162af}
#chart-map-china .region-map {float:left; margin-left:70px; display:inline;}

/* 系统管理 - 区域设置 */
.box-area .cate {margin-top: 5px; margin-bottom: 5px;}
.box-area .cate .show-cate {height: 34px; line-height: 34px;}
.box-area .edit-cate .input {padding-left:0;}
.box-area .edit-cate .button {padding-left:0; padding-right:0;}

/* 系统管理 - 消息通知 */
.box-message .box-tools ul {margin-top: 5px;}
.box-message .box-tools ul > li {margin-left: 20px;}

/* 个人中心 - 帐号管理 */
.box-mem-info .head-img {min-height: 120px; max-height: 300px; overflow-y: hidden;}
.box-mem-info .head-img img {width: 100%;}

/*表单错误提示（jQuery Validate）*/
form label.form-element-error {
	color : red;
}

/*固定logo*/
.logo-fixed{
	position: fixed;
	z-index: 1030;
}

/*修正固定导航 不能显示 题的问题*/
.fix-header-display{
	height:50px;
	width:100%;
}

/*app应用管理页面*/
.app-content-wrapper { background: #FFFFFF;}
.app-box-body { text-align: center;}
.app-attachment-block { background:#FFFFFF; border:none; display: inline-block; text-align: left;}
.app-attachment-block .app-attachment-line {padding: 5px 0;}
.box-body .app-table th { text-align: right; border:none; width: 20%;}
.box-body .app-images-list img{ width: 240px; height: 400px;}

.app-info-block {margin-bottom: 8px;}
.app-info-block .app-info-name {overflow: hidden; height: 20px;}
.app-info-block .block-hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); display: none; cursor: pointer; color: #fff; font-size: 16px;}

/*----app分类----*/
.category-table>tbody>tr>td{ vertical-align: middle;}
.category-table .category-blank { display: inline-block; width: 20px;}

/*进度条字体*/
.progress-font{text-align:center; margin:auto; color:orange;font-weight: normal;}
/*进度条div字体*/
.progress-div-font{position:relative;margin:auto;width:100%;left:50px;color:#CCCC00;align:text;font-weight: bold;}

/*面板间距*/
.panel-range{margin: 20px;}


/* 导航 固定 */
/*.main-sidebar{width:230px;position:fixed;top:0;left:0;z-index:0;background:#f0f0f0;border:0px solid #ccc;margin:0 0 0 0px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
}*/

/*修正首页footer的点击出现白屏的问题*/
.nav>li>a:focus{color:#f7f7f7;background:#313131}

/*清除input的 式*/
.clean-input{border: none;background-color: white;}

.alipay-div { border: 2px solid #0162af;}
.alipay-input{border: 1px solid #0162af;background-color: white; }

.wxpay-div {border: 2px solid #1BBE12;}
.wxpay-input{border: 1px solid #75DF70;background-color: white; }

.red {color: #FF4040;}
.green {color: #34D800;}