@charset "utf-8";
body{font-family:Open Sans,"Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;min-width:1200px; font-size: 14px;}
.login-bg{background:#010d15 url(../images/bg.jpg) no-repeat 50% 30%; background-size: cover; height:auto;}
.login-box{ width:500px; margin:10% auto 0; background:url(../images/bg.png) no-repeat center 50%; height:500px; padding-top:80px;}
.login-box h3{ font-size:24px; color:#2381d4; margin-bottom:30px; font-weight:400;}
.login-box .form-group { margin-bottom: 25px;}
.loginscreen.middle-box {width: 300px;}
.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 70px;
}
.login-box h3 {
    font-size: 24px;
    color: #2381d4;
    margin-bottom: 30px;
    font-weight: 400;
}
ul,li{list-style-type: none;}
.m-t { margin-top: 15px;}
.m-b{ margin-bottom: 15px; }
.border-b{border-bottom: 1px solid #eee;}
.red{color:#ed5565;}
.green{color:#1ab394}
.blue{color:#307ecc}
.orange{color:#f8ac59;}
.select-info{ color:#1ab394}
.list-unstyle{line-height: 2; font-size: 16px; list-style-type: none; margin:0}
.list-unstyle li{ margin:10px 0;}
/*主界面*/
.sec-heading{ margin-bottom: 20px; padding-left: 20px;}
.sec-heading h4{ font-weight: 400; color: #2C6FCA; border-left: 6px solid #7AA6E3; padding-left: 10px;}
.side-nav>li{ color:#fff;}
.navbar-right { margin-top: 5px;}
a.a-white{ color: #fff; }
a.a-white:hover,a.a-white:foucs{ color: #dbebfd; }
a.a-red{ color: #ED5565}
a.a-red:hover{ color: #EB3E50}
.no-padding-right{ padding-right: 0; }
.space-10 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
	margin: 10px 0 9px
}
.space-4 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
	margin: 4px 0 3px
}
.space-6 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
	margin: 6px 0 5px
}
.space-8 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
	margin: 8px 0 7px
}
.data-ok{ 
	font-size:50px;
}
.form-inline{line-height: 40px;}
.form-horizontal .form-action-center{text-align: center;padding-left: 0;}
.hr{ border-top:1px solid #ccc; min-height:1px; margin:20px 0;}
.hr-dashed{ border-top:1px dashed #DADADA; min-height:1px; margin:10px 0;}
/*===============================*/
.white-bg{background-color: #fff;}
/*tab切换样式*/
.nav-tabs {
    border-bottom: 1px solid #508AD9;
    margin: 0 -10px;
    padding-left: 10px;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #508AD9;
    border: 1px solid #508AD9;
    border-bottom-color: transparent;
}
.nav-tabs>li>a {
    color:#2A6DC8;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 2px 2px 0 0;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    border-color: #7AA6E3 #7AA6E3 #7AA6E3;
    color: #fff;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #8FB4E7;

}

.top-corner{height:10px;border-radius:5px 5px 0 0 !important;background: #fff;}
#page-wrapper {
    overflow:hidden;
    padding:0;
    position:absolute;
    top: 80px;
    bottom:0;
    right:10px;
    left: 220px;
}
.page-content{ overflow-y:auto; height: 100%; background: #fff; }
.navbar-static-side {
    z-index: 1000;
    position: absolute;
    width: 220px;
    top:90px;
    bottom: 0; 
    left: 0;
}
.side-nav > li{ margin:10px 0; }
.side-nav > li > a {
    color: #FFF;
    font-weight: 400;
    padding: 10px 20px 10px 30px;
    outline: none;
    font-size: 16px;
}
.side-nav > li > a>i.fa{ display: inline-block; width:20px; margin-right: 0px; }
.side-nav>li.active>a,.side-nav>li.active>a:hover, .side-nav>li.active>a:focus{
    text-decoration: none;
    background-color:transparent;
    background-color:rgba(0,0,0,.2);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #33000000, endColorstr = #33000000);
    /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #33000000, endColorstr = #33000000);
}
.side-nav>li>a:hover, .side-nav>li>a:focus {
    text-decoration: none;
    background: url(../images/nav_bg.png);
    /*background-color:#3C78BD;*/
    background:rgba(0,0,0,.1);
    /*-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #19000000, endColorstr = #19000000);*/
    /*IE4-IE9*/  
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #19000000, endColorstr = #19000000);*/
}
.nav-second-level>li>a{padding-left: 40px; }
.nav-third-level>li>a{padding-left:50px;}
.arrow {
    float: right;
}
form{ margin: 0; }
.img-radio{ float:left; text-align: center;  padding: 0 20px 10px 0 !important; width: 400px;}
.img-radio input[type=radio]{float:none;margin: -2px 5px 0 0;}
.img-radio img{ display: block; margin-bottom: 10px; }
.top-bar{ height: 80px; position: absolute;top: 0; left: 0; right: 0; z-index: 2;}
.top-bar .logo{ float: left; padding:20px;}
.top-bar .top-user{ line-height: 30px; margin: 25px 20px; color: #A1BEE1}
.top-bar .top-user .welcome-message{ margin-right: 20px; color: #fff;}
/*页面内容开始*/
.page-header{ padding:0px 20px 10px; margin:0;margin-bottom: 20px; }
.page-header h2{ font-size: 20px; color: #2A6DC8; margin:5px 0; }
/*步骤图*/
.step { margin: 20px 0; border-bottom: 1px solid #eee; }
.step ul{ display: inline-block; margin:0 auto; }
.step li{ display: block; float: left; }
.step li.step-dot{ width: 100px; height:110px; text-align: center;}
@media screen and (max-width: 1500px) {
    .step li.step-dot{ width: 80px; height:110px; text-align: center;}
}
.step li.step-dot div{ color: #fff; line-height: 43px; text-align: center; background: url(../images/step.png) no-repeat 0 -95px; height: 43px; width: 43px; margin:0 auto 10px;}
.step li.step-dot.active div,.step li.step-dot.done div{background-position: 0 -150px;}
.step li.step-dot p{ color: #666; }
.step li.step-dot.active p,.step li.step-dot.done p{color: #2C6FCA;}
.step li.step-line{ margin-top: 15px; width: 131px;background: url(../images/step.png) no-repeat 0 -54px; height: 11px;}
.step li.step-line.done{ background-position: 0 -16px; }
.page-body{ padding:0 10px 50px; }
.table th{background-color: #EEEEEE;}
.tab-content{ padding: 20px 10px; }
.help-dl dt{ font-size: 14px; color: #333; margin-bottom: 5px; font-weight: 800;}
.help-dl dd{ line-height: 2; margin-bottom: 20px; color: #666; }
.modal-backdrop{ background-color: #fff; }
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .4;
    filter: alpha(opacity=40);
}
.modal-large{width:800px; margin-left:-400px;}
.form-text{text-align: center; line-height: 28px;}
/*.modal-footer{ text-align: center; }*/
.modal-header h3{ color: #4279C3; font-size: 18px; }
.modal .form-horizontal .control-group {margin-bottom: 10px;}
/*body-loading*/
.body-loading{text-align:center; display:none; position: absolute; left: 50%; top: 50%; z-index: 9999; font-size: 16px; color: #fff;background:url(../images/load.png) no-repeat \9; background: rgba(0,0,0,.5); border-radius: 5px; padding:10px; width: 100px; height: 100px;
margin-top:-60px; margin-left: 58px;}
.body-loading i{ font-size: 30px; margin-top: 10px;}
.body-loading p{ margin-top: 10px; }

/*自定义文字提示图层*/
.dialog_msg {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    background: #feeb9f;
    border: 1px solid #fdd64a;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 22px;
    color: #927600;
    margin: -18px 0 0 -78px;
    min-width: 156px;
}
.dialog_msg div {
    position: relative;
    overflow: hidden;
    max-height: 22px;
    text-align: center;
}
.dialog_msg div ul {
  margin:0;
  padding:0;
    position: relative;
    -webkit-transition: .3s ease;
}
.dialog_msg div ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style-type: none;
}

.help-inline,.help-inline-red {
    line-height: 1.2;
    padding-left: 5px;
    padding-top: 5px;
}
.help-inline-red{
   color: red;
}
.row-fluid [class*='span'] select{
    min-height:1px\9;
}
.dateStyle {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0 10px;
}
input[readonly] {
    background: #fff !important;
    color: #939192;
    cursor: default;
}
/*------------20170428------------*/
.datepicker table {
    margin: 0;
    width: 100%;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #FF0000 !important;
  background-image: -moz-linear-gradient(top, #FF0000, #FF0000) !important;
  background-image: -ms-linear-gradient(top, #FF0000, #FF0000) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF0000), to(#FF0000)) !important;
  background-image: -webkit-linear-gradient(top, #FF0000, #FF0000) !important;
  background-image: -o-linear-gradient(top, #FF0000, #FF0000) !important;
  background-image: linear-gradient(top, #FF0000, #FF0000) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF0000', GradientType=0);
  border-color: #FF0000 #FF0000 #FF0000 !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000 !important;
}
.monthRed{
	background: #FF0000 !important;
}
.ui-jqgrid tr.jqgrow td {
	white-space: normal !important;
	height:auto !important;
	word-break: break-all;
}
/*.error{
	color: #ED5565;
	line-height: 20px;
	height: 30px;
	margin-bottom: 0;
}*/
/*-------20170816----------*/
.bootbox-body{
	text-align: center;
}
/*-------20171013----------*/
.img-radio img.payment_img{
	padding: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
/*------20171129免费期查询、获取激活码页面限制图片和文字宽度-------*/
.detail-img{
	width: 310px;
    height: 220px;
}
.detail-word{
	width: 318px;
    height: 40px;
    /*white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;*/
    /*text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;*/
}
.clear{
	clear:both;
}