@charset "utf-8";
body{
	height: 100%;
	color: #1b2b39;
	font: 14px/22px "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
a {color: #1b2b39;}
a:hover {color: #0068b7;}

/* input start */
.input-width60{ width:60px;}
.input-width80{ width:80px;}
.input-width100{ width:100px;}
.input-width168{ width:168px;}
.input-width230{ width:230px;}
/* input end */

/* header start */
header {
	height: 50px;
	color: #fff;
	background-color:#000;
	
}
header .logo img{
	padding-top: 7px;
	margin-left: 18px;
}
.header-nav{background-color: #000;}
.header-nav .navbar-collapse ul li{
	min-width: 110px;
	border-left: 1px solid #333;
	}
.header-nav .navbar-collapse ul li ul li{border-left: none;}
.header-nav .navbar-collapse .li-border{ border-left: none;}
.header-nav .navbar-collapse .glyphicon{ margin-right: 6px;}
.navbar-default .navbar-nav>li>a {color: #fff}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: #182632;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #182632
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
	color: #ccc;
	background-color: transparent
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #182632
}
.dropdown-menu{ border: 1px solid #c5c5c5;}
.dropdown-menu>li>a{
	padding:0px 15px;
	height: 35px;
	line-height: 35px;
	
}
.dropdown-menu .glyphicon{ 
	color: #435362;
	margin-right: 10px;
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	margin-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4;
	border-bottom-left-radius: 4;
}
@media (max-width:767px) {
	.dropdown-menu .glyphicon{ color: #fff;}
	.dropdown-menu>li>a{ color:#fff;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		padding:8px 15px;
		color: #fff;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
		color: #fff;
		background-color: #34b790;}
	.header-nav .navbar-collapse .li-border{ border-left: 1px solid #333;}
}
.badge {background-color: #ff0000;}
/* header end */
section {
	position: absolute;
	top: 50px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100;
}
.left-main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	z-index:100;
	color: #fff;
	background-color: #1b2b39;	
}
/* 左侧导航栏 start */
.left-open {
	display: block;
	width: 200px;
	overflow: hidden;
}
.right-open,.price-open {left: 200px;}
.left-off {
	width: 48px;
	display: block;
}
.right-off,.price-off {left: 48px;}
.sidebar-fold {
	width: 100%;
	height: 30px;
	text-align: center;
	font-size: 12px;
	color: #aeb9c2;
	background-color: #374551;
	cursor: pointer;
}
.sidebar-fold span {line-height: 30px;}
.nav-box ul {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.nav-box ul li {
	position: relative;
	list-style-type: none;
	border-bottom:1px solid #365c6b;
}
.nav-box ul li a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #d2d6db;
	background-color: #20344a;
}
.nav-box .nav-content .nav-content-last{border-bottom:none;}
.nav .sub-nav a {
	height: 40px;
	line-height: 40px;
	color: #d2d6db;
}
.nav-box .sub-nav:hover, .nav-box ul li:hover,.nav-box .sub-nav a:hover, .nav-box ul li a:hover {
	color: #fff;
	background-color: #1d4146;
}
.nav-box .nav-pagination a,.nav-box .nav-pagination a:hover,.nav-pagination .sub-nav a,.nav-pagination .sub-nav a:hover{
	color: #fff;
	background-color: #25b288;
}
.nav .sub-nav .title-icon ,.nav-box .sublist-icon {
	width: 48px;
	text-align: center;
}
.nav-box .sublist-down {background-color: #22282e;}
.nav-box .sublist-up {background-color: #37424f;}
.nav-box .sublist-up ul {display: none;}
.nav-box .sublist-title {cursor: pointer;}
.nav-box span {line-height: 40px;}
.nav-box .showtitle {
	position:absolute; 
	left:55px;
	z-index:10;
	padding: 0px 10px 0px 10px;
	min-width: 100px;
	line-height:40px; 
	text-align:center; 
	color: #FFF;
	background-color:#545f71; 
	display: none;
}
.nav-box .showtitle img {
	position: absolute;
	top: 14px;
	left: -6px;
}
.left-off .nav-box ul li .sub-title {display: none;}
.left-off .nav-box .sublist-title {display: none;}
.left-full .nav-box ul li a:hover{
	width:100%;
	height:40px;
	display:block;
}
.nav-box .sub-nav a{
	width:100%;
	height:40px;
	display:block;
}
.nav-box .sub-nav a:hover{
	width:100%;
	height:40px;
	text-decoration:none;
	display:block;
}
/* 左侧导航栏 end */
.right-main {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: auto;
}
.right-main-price{bottom: 80px;}
.right-main .right-main-content {
	padding-top: 20px;
	width: 98%;
	height: 100px;
	text-align: center;
	margin: 0px auto;	
}

.overview-container {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: right;
}
.container {
	padding-right: 0px;
	padding-left: 0px;
	width: auto;
}
.row{
	margin-right: 0px;
	margin-left: 0px;
}
/* 标题 start */
.yunxin-caption{
	padding-left: 4px;
	margin-bottom: 14px;
	height: 27px;
	line-height: 27px;
	font-size: 16px;
	border-left: 2px solid #25b288;
}
.yunxin-caption a{
	margin-left: 20px;
	padding-top: 3px;
	padding-left: 22px;
	padding-right: 22px;
	height: 27px;		
}
.status-post{
	margin-bottom: 14px;
	width:100%;
	height: 30px;
	line-height: 30px;
	color: #027a56;
	background-color: #f5f5f5;
	border:1px solid #d2d2d2;
}
/* 标题 end */
/* text点击修改编辑input start */
.editinput{ 
	margin-right: 5px;
	width: 180px; 
	float: left;
	}
.edit-button-ok , .edit-button-cancel{
	padding-left: 12px;
	padding-right: 12px;
	height: 33px;
}
/* text点击修改编辑input end */

/* button start */
.add-button a{
	padding-left: 26px;
	padding-right: 26px;
}
.add-button a span{ margin-right: 10px;}
/* 按钮白底 start */
.button-style1 , .button-style1:link{
	color: #25b288;
	background: #fff;
	border-color: #25b288;
}
.button-style1:visited , .button-style1:hover , .button-style1:active{
	color: #25b288;
	background-color: #e2faf3;
	border-color: #25b288;
}
/* 按钮白底 end */
/* 按钮绿底 start */
.button-style2 , .button-style2:link{
	background: #25b288;
	color: #fff;
	border-color: #027a57;
}
.button-style2:visited{ color:#fff;}
.button-style2:hover , .button-style2:active{
	color:#fff;
	background-color: #21a07a;
	border-color: #027a57;
}
/* 按钮绿底 end */
/* 按钮灰底 start */
.button-style3 , .button-style3:link{
	background: #c9cbca;
	color: #fff;
	border-color: #959595;
}
.button-style3:visited , .button-style3:hover , .button-style3:active{
	color:#fff;
	background-color: #bbb;
	border-color: #959595;
}
/* 按钮灰底 end */
/* button end */

/* 下拉条 start */
#scrollbar_left::-webkit-scrollbar {width:5px;}
#scrollbar_left::-webkit-scrollbar-track {background-color:#016dc5;}
#scrollbar_left::-webkit-scrollbar-thumb {background-color:#78c1fd;}
#scrollbar_left::-webkit-scrollbar-thumb:hover {background-color:#b2dbfd}
#scrollbar_left::-webkit-scrollbar-thumb:active {background-color:#78c1fd}
.scrollbar_right::-webkit-scrollbar {width:7px;}
.scrollbar_right::-webkit-scrollbar-track {background-color:#e4e5e5;}
.scrollbar_right::-webkit-scrollbar-thumb {background-color:#aeadad;}
.scrollbar_right::-webkit-scrollbar-thumb:hover {background-color:#9b9b9b}
.scrollbar_right::-webkit-scrollbar-thumb:active {background-color:#aeadad}
/* 下拉条 end */

/* 模态框 start */
.modal.in .modal-dialog{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.modal-dialog{position:absolute;width:auto;margin:10px auto;left:0;right:0;top:50%}
@media (min-width:768px){
	.modal-dialog{width:600px}
}
.modal-top{
	padding-bottom: 4px;
}
.modal-title{ 
	padding-bottom: 10px;
	font-size: 20px;
}
.modal-title .modal-title-margin{ margin-right: 20px;}
.modal-title .modal-title-color{ color: #007956;}
.modal-button{ 
	text-align: center;
	margin: 0px auto;
}
.modal-button button{
	padding-left: 50px;
	padding-right: 50px;
}
.modal-down a{
	opacity:1;
	filter(alpha=100);
}
.modal-down a:hover{
	text-decoration: none; 
	opacity:0.8;
	filter(alpha=80);
}
/* 模态框 end */

/* tab标签页 start */
.tab-business ul li{
	width: 50%;
	font-size: 16px;
}
.tab-business ul li a{
	color: #808281;
	background-color: #fff;
	border-bottom: 1px solid #e4e6e5;
	border-radius: 0px 0px 0 0;
}
.tab-business ul li a:hover{ 
	color: #25b288;
	background-color: none;
}
.nav-tab-business>li.active>a, .nav-tab-business>li.active>a:focus, .nav-tab-business>li.active>a:hover{
	color: #25b288;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #25b288;
}
/* 业务选项卡 start */
.tab-charge ul li a{ background-color: #fafbfb;}
.tab-business ul li a:hover{ background-color: #f4f5f5;}
.nav-tab-business>li.active>a, .nav-tab-business>li.active>a:focus, .nav-tab-business>li.active>a:hover{
	color: #25b288;
	background-color: #e3f5f0;
}
/* 业务选项卡 end */

/* 新闻选项卡 start */
.tab-news ul li{ width: 33.3%;}
.tab-news .tab-content .tab-pane{ padding-top: 20px;}
.tr-used td{ 
	color: #8c8c8c;
	background: #fffdfd;
}
/* 新闻选项卡 end */

/* tab标签页 end */

/* 百分比进度条 start */
.progress-style{ 
	margin-top: 5px;
	margin-bottom: 5px;
	background: #e5e4e4;
	height: 10px;
}
.progress-green{ background: #25b288;}
.progress-orange{ background:#f7712f;}
.progress-red{ background: #f53734;}
.color-green , .color-orange , .color-red{
	padding-left: 2px;
	padding-right: 2px;
}
.color-green{ color: #25b288;}
.color-orange{ color: #f7712f;}
.color-red{ color: #f53734;}
/* 百分比进度条 end */
.color-gray{ color: #959595;}

.new-caption{
	padding-top: 30px;
	width: 100%;
	font-size: 22px;
	color: #027a56;
	text-align: center;
}
.new-detail{
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:20px;
	display:inline-block;
	width: 100%;
	border: 1px solid #027a56;
}

/* 充值成功／失败页 start */
.operation-receipt{
	width: 100%;
	padding-top: 70px;
	padding-bottom: 140px;
}
.operation-receipt-success{
	background: #f4fafc;
    border: 1px solid #d4e9e3;
}
.operation-receipt-fail{
	background: #ffffee;
    border: 1px solid #d9d7c3;
}
.operation-receipt .operation-receipt-fonta{
	padding-top:35px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #027a57;
}
.operation-receipt-fail .operation-receipt-fonta{ color: #f56634;}
.operation-receipt .operation-receipt-fontb a{
	margin-left: 10px;
	color: #027a57;
}
.operation-receipt-fail .operation-receipt-fontb a{ color: #f56634;}
/* 充值成功／失败页  end */