﻿@charset "UTF-8";
/*全局样式定义 - start*/
html {
  background: transparent;
  min-height: 100%; }

body {
  color: #333;
  background: #fff; }

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button {
  margin: 0;
  padding: 0; }

body,
button,
input,
select,
textarea {
  font: 12px/1.5 "Microsoft Yahei", SimSun, sans-serif;
  outline:none !important;
  box-shadow: none;
}

input,
select,
textarea {
  font-size: 100%; }
  select{
  padding-right:0;}

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500; }

ol,
ul,
li {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500; }

q:before,
q:after {
  content: ''; }

a {
  text-decoration: none;
  outline: 0;
}
input[disabled],input[readonly]{
  /* background: #fff; */
}
iframe {
  display: block;
  border: 0;
}

.bg-haze {
  /* background-color: #f6f8fb; */
  background: #eee;
  width: 100%; min-height: 90%;
  box-sizing: border-box;
  padding-top: 66px;
}

.color-red {
  color: #F8603C; }

.color-green {
  color: #3DB837; }

.color-gray{
  color: #808080; }
}
.mar-lr20 {
  margin: 0 20px; }

.color-background-dialog {
  background: #f9f9f9; }

/* 在父元素上清除浮动 */
.fn-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.fn-clearfix {
  zoom: 1; }

/* 单行文字溢出时出现省略号，需设定宽度 */
.fn-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.free {
  height: 20px;
  width: 100%; }

.set-mar40 {
  margin: 40px 0; }

.left {
  float: left; }

.right {
  float: right; }

.set-width-52 {
  width: 52%; }
  
.set-width-44 {
  width: 44%; }

.set-width-47 {
  width: 47%; }

.set-mar30 {
  margin-bottom: 30px; }

.inline {
  display: inline-block; }

.set-left-mar25 {
  margin-left: 25px; }

/*模块样式布局*/
label {
  display: inline-block; }

.header {
  position: fixed;
  top: 0; left: 0;
  z-index: 1001; }

.header-bar {
  float: right; }
  .header-bar .header-bar-info {
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    margin-top: 24px;
    margin-right: 20px;
    color: #888;
    padding-right: 20px;
  }
  .header-bar .header-bar-a {
    float: left;
    display: inline-block;
    width: 80px; height: 32px;
    line-height: 32px;
    text-align: center;
    margin-top: 16px;
    margin-right: 10px;
    padding: 0;
  }
  .header-bar .header-bar-a:hover {
    text-decoration: none;
  }

.ui-main {
  width: 1020px; height: 100%;
  padding-right: 20px;
  background: #fafafa;
  margin: 0 auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;}

.icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 39px;
  font-size: 18px;
}

.left-nav {
  float: left;
  /* width: 200px; height: 100%; */
  margin-bottom: -4000px;
  padding-bottom: 4000px;
  }

.tree {
  padding-bottom: 10px;
  margin: 0;
}

.right-content {
  float: right;
  width: 780px;
  background: #fafafa;
  margin-bottom: -4000px;
  padding-bottom: 4000px;
}

.footer {
  clear: both;
  width: 100%;
  background-color: #353535;
  color: #b2b2b2;
  height: 77px;
  min-width: 1024px;
}
.footer .footer-lable {
  width: 1000px;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
}
.footer .footer-lable a {
  color: #b2b2b2;
  font-size: 12px;
  display: inline-block;
  padding: 0 13px;
  margin: 20px auto 10px;
  border-left: 1px solid #c2c2c2;
}
.footer .footer-lable a:first-child {
  border-left: none;
}

/*模块样式*/
#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  display: none; }

.login-prompt {
  width: 460px;
  height: 300px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }
  .login-prompt .login-box-title {
    width: 100%;
    height: 45px; 
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    border-bottom: 3px solid #0060AC;
    color: #353535;
    letter-spacing: 1px; }
  .login-prompt .login-prompt-content {
    margin: 23px 42px; }
    .login-prompt .login-prompt-content pre {
      color: #9B9B9B;
      line-height: 20px; }

.login-button-div {
  width: 100%;
  margin-top: 32px;
}
.login-button-div .login-button {
  width: 240px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  color: #fff;
  border: none;
  font-size: 14px;
  display: block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.login-button-div .login-button:hover {
  text-decoration: none;
}
.login-button-div .ui-button-gray {
  cursor: not-allowed;
  background-color: #bfbfbf;
}

.button-confirm {
  width: 80px;
  height: 26px;
  color: #fff;
  border: none;

  float: right;
  outline: none; }

/*bootstrap弹框(modal)默认样式覆盖*/
.modal {
  overflow: hidden;
  /* &.fade.in{
    top: 50%;
    top: 12%\9\0;
    @include transform(translate3d(0,-50%,0));
  }*/ }
  .modal-header {
    padding: 4px 15px;
    border-bottom: 0;
    background-color: #f4f8fa; }
  .modal-footer {
    text-align: center;
    background-color: #fff;
    border-top: 0; }

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: .4;
  filter: alpha(opacity=40); }

/*表格隔行变色*/
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f8fafc; }

 table.dataTable .operaDiv {
  background-color: #f8fafc;
 }

.dataTable tr td {
border-top: 1px solid #eee;
}
.dataTable #head td {
  border-top: none;
}

.person {
  padding: 50px 0 35px;
  text-align: center;
  width: 200px;
  margin: 0 auto; }
  .person .person-img {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50px;
    position: relative; }
    .person .person-img img {
      width: 56px;
      height: 56px;
      border-radius: 50px; }
  .person .person-img-info {
    width: 90px;
    height: 26px;
    color: #888;
    font-size: 12px;
    line-height: 33px;
    letter-spacing: 3px;
    text-align: center; }
  .person .person-text-name {
    color: #888;
    /*margin-top: 15px;*/
    font-size: 14px; }
  .person .person-text {
    color: #fff;
    margin-top: 9px;
    font-size: 14px; }

.tree li a {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  text-align: left;
  padding-left: 70px;
  position: relative;
  -webkit-box-sizing: border-box;
  border-left: 6px solid transparent;
  box-sizing: border-box; }

  .tree li a:hover,  .tree li a:focus{
  text-decoration: none;}

.bg-click .icon-home, .bg-mouseover .icon-home, .bg-click .icon-selected {
  background-position: 0px -76px;
}

.icon-query {
  background-position: 0px -120px; }

.bg-click .icon-query, .bg-mouseover .icon-query {
  background-position: 0px -263px;
  }

.icon-account {
  background-position: 0px -56px; }

.bg-click .icon-account, .bg-mouseover .icon-account {
  background-position: 0px 3px;
  }

.icon-ticket {
  background-position: 0px -36px; }

.bg-click .icon-ticket, .bg-mouseover .icon-ticket {
  background-position: 0px -15px;
 }

.icon-invest {
  background-position: 0px -167px; }

.bg-click .icon-invest, .bg-mouseover .icon-invest {
  background-position: 0px -98px;
  }

.icon-group {
  background-position: 0px -191px; }

.bg-click .icon-group, .bg-mouseover .icon-group{
  background-image: url(../image/service.png);
  background-repeat: no-repeat;
  background-position: center;
}

.icon-service {
  background-position: 0px -239px; }

.bg-click .icon-service, .bg-mouseover .icon-service{
  background-position: 0px -143px;
}

.icon-authority {
  background-position: 0px -287px; }

.bg-click .icon-authority, .bg-mouseover .icon-authority{
  background-position: 0px -309px;
  }


.icon-businessgrant {
  background-position: 0px -287px; }

.bg-click .icon-businessgrant, .bg-mouseover .icon-businessgrant{
  background-position: 0px -309px;
}


.function {
  width: 800px;
  overflow: hidden;
}
.function a {
  display: inline-block;
  margin-top: 20px;
  background-color: #fff;
  width: 184px;
  height: 75px; line-height: 75px;
  margin-right: 10px;
  font-size: 14px;
  color: #4A4A4A;
  position: relative;
  vertical-align: middle;
}
.function a .function-text{
  line-height: 33px;
}

.table-card {
  background-color: #fff;
  margin-top: 35px; }
  .table-card .table-card-title {
    height: 20px;
    padding: 20px 0;
    line-height: 20px;
    margin: 0 20px;
    color: #8d8e90;
    font-size: 14px;
    border-bottom: 1px solid #EDEDED; }
  .table-card .main-table {
    width: 100%; }
    .table-card .main-table tr {
      height: 45px;
      line-height: 45px;
      font-size: 14px;
      color: #9B9B9B;
      text-align: center; }
      .table-card .main-table tr:nth-of-type(odd) {
        background-color: #F8FAFC; }
      .table-card .main-table tr .first-child {
        padding-left: 20px; }
      .table-card .main-table tr .last-child {
        padding-right: 20px; }
      .table-card .main-table tr th {
        color: #4a4a4a;
        text-align: center; }
      .table-card .main-table tr a {
        color: #005292; }
    .table-card .main-table .biz-name {
      max-width: 550px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .table-card .table-card-more {
    height: 40px;
    line-height: 40px;
    margin: 0 20px;
    font-size: 14px;
    text-align: center;
    }
    .table-card .table-card-more a {
      display: block;
      color: #8d8e90; }

.convenient {
  padding-bottom: 40px; }
  .convenient .convenient-title {
    height: 40px; line-height: 40px;
    font-size: 16px;
    color: #333;
    margin: 30px 0 15px 0;}

.icon-edit {
  width: 22px;
  height: 22px;
  background-image: url(../image/other.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: -5px;
  top: -9px; }

.function-minu .icon-edit {
  background-position: 0 0; }

.function-add .icon-edit {
  background-position: 0 -27px; }

/*电子票据页面*/
.account-information {
  height: 48px;
  line-height: 48px; }
  .account-information .account {
    display: inline-block;
    float: right; }
  .account-information .switchover {
    float: right;
    display: inline-block;
    margin-left: 15px;
    color: #337ab7; }

.tab-function {
  background-color: #fff; }
  .tab-function div {
    text-align: center;
    width: 129px;
    margin: 15px 0;
    font-size: 14px;
    
    float: left;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer; }
  .tab-function div+div {
    border-left: 1px solid #ececec;
  }
    .tab-function div a {
      text-decoration: none;
      outline: 0;
      font-size: 14px;
      color: #4a4a4a; }

    .tab-function div:nth-child(6n) {
      border-right: none; }

.color-blue {
  color: #3276b2; }

.border {
  position: absolute;
  display: block;
  width: 100px;
  height: 9px;
  border-bottom: 4px solid #fff;
  left: 15px; }



.set-tab {
  background-color: #fff;
  margin: 25px 0; }
  .set-tab .tab_nav {
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #e5e5e5; }
    .set-tab .tab_nav li {
      float: left;
      padding: 0 10px;
      text-align: center;
      font-size: 14px; }
      .set-tab .tab_nav li + li {
        border-left: 1px solid #cecece; }
    .set-tab .tab_nav a {
      color: #555555; }
      .set-tab .tab_nav a:focus, .set-tab .tab_nav a:hover {
        text-decoration: none; }

     .set-tab .tab_nav .active span{
     		display: block;
  			height: 5px;
  			border-bottom: 3px solid #1260A6;
     }

.cur {
  color: #3276b2; }

.tab_div {
  padding-bottom: 30px; }
  .tab_div > div {
    display: none; }

.query {
  margin: 0 30px; }

.query-condition {
  height: 100px;
  line-height: 100px;
  float: left;
  margin-right: 50px; }
  .query-condition label {
    display: inline-block;
    letter-spacing: 1px;
    color: #4A4A4A;
    font-size: 14px; }
  .query-condition select {
    width: 120px;
    height: 30px;
    margin-left: 20px;
    font-size: 14px; }

.query-div {
  clear: both;
  height: 65px; }

.query-button {
  height: 25px;
  min-width: 80px;
  border: none;
  outline: none;
  color: #fff;
  border-radius: 3px; }
  .query-button + .query-button {
    margin-left: 18px; }

.page-item {
  display: inline-block;
  width: 30px;
  line-height: 20px;
  padding: 4px 6px;
  border: 1px solid #e6ebf2;
  color: #a0abb5;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle; }
  .page-item a {
    color: #a0abb5; }

input[type="text"].page-item {
  margin-bottom: 0;
  border: 1px solid #e6ebf2; }

input[type="checkbox"].checkbox, input[type="checkbox"].check, input[disabled="disabled"].check {
  width:0;
  max-width: 0;
  height:0;
  padding:0;
  outline: none;
  opacity: 0;
}
  @-moz-document url-prefix() { 
	input[type="checkbox"].checkbox, input[type="checkbox"].check, input[disabled="disabled"].check { display: none; } 
  }

  .checkbox + label {
    height: 18px;
    padding-left: 21px;
    background: url(../image/checkbox.png) no-repeat;
    background-position: 0 -44px; }
  .checkbox + label.checked {
    background-position: 0 0; }
  .checkbox:checked + label {  
    background-position: 0 0; }

  .check + label{
    height: 18px;
    padding-left: 20px;
	cursor: pointer;
    background: url(../image/check.png) no-repeat;
    background-position: 0 -40px; }
  
  .check:checked + label {
    cursor: pointer;
    background-position: 0 0;
  }
  .check + label.checked{
    cursor: pointer;
    background-position: 0 0; }
  input[disabled="disabled"].check + label {
    cursor: not-allowed;
    background-position: 0 -61px; }
  input[disabled="disabled"].check + label.checked, input[disabled="disabled"].check + label.default{
    cursor: not-allowed;
	background-position: 0 -19px; }
	/*账户权限管理页面复选框兼容IE8*/
  .check + label.default { 
    cursor: not-allowed;
    background-position: 0 -19px; }

input[type="radio"].radio {
  width:0;
  min-width: 0;
  height:0;
  padding:0;
  outline: none;
  opacity: 0;
  position: absolute;
}
  .radio + label {
    height: 18px;
    padding-left: 21px;
    background: url(../image/checkbox.png) no-repeat;
    background-position: 0 -44px; }
  .radio + label.checked {
    background-position: 0 -21px; }
  .radio:checked + label {
    background-position: 0 -21px; }

/*转账详情表格样式*/
.trans-table {
  width: 99%; }
  .trans-table td {
    padding: 7px 15px;
    border: 1px solid #dddedf;
    color: #585858; }

/*进度条样式*/
.process {
  margin: 30px auto 45px;
  text-align: center; }
  .process-num {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
    .process-num-icon {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 29px;
      text-align: center;

      font-size: 15px;
      margin-right: 8px;

        background: #ffffff;
        border-radius: 50%;
    }
    .process-num-icon.on {
        color: #fff;

    }
    .process-num-line {
      margin: 0 8px; }

/*提交成功*/
.success-icon, .fail-icon {
  width: 65px;
  height: 65px;
  margin: 60px auto 20px;
  background: url(../image/icons2.png) no-repeat; }

.success-icon {
  background-position: 0 -158px; }

.fail-icon {
  background-position: 0 -89px; }

.result-text {
  font-size: 20px;
  text-align: center;
}
.result-text:last-child {
  color: #999;
  font-size: 14px;
}
/*交易详情表格*/
.transfer-table {
  width: 290px;
  margin: 35px auto 40px;
  border: 1px solid #c2c2c2; }
  .transfer-table thead {
    background-color: #f8fafc;
    border-bottom: 1px solid #dddedf; }
  .transfer-table td {
    padding: 10px 5px 10px 25px;
    color: #4a4a4a; }

.table-wrap {
  width: 600px;
  margin: 0 auto 30px; }

.ui-form {
  width: 550px;
  margin: 30px auto 0; }

.ui-form-row {
  height: 55px;
  line-height: 55px; }
  .ui-form-row .ui-form-row-label {
    display: inline-block;
    min-width: 100px;
    text-align: left;
    letter-spacing: 1px; }
  .ui-form-row .ui-form-row-input {
    margin: 0;
    width: 255px;
    height: 32px;
    line-height: 32px;
	  line-height: 21px;
    padding: 5px 0 5px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin-right: 20px;
    border: 1px solid #cecece;
    border-radius: 3px; }
	.ui-form-row select.ui-form-row-input{
	  padding-right: 0;}
  .ui-form-row .span_right{
    margin-left: 0;}

.account-btn {
  width: 50px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  outline: none;
  color: #f8603c;
  border: 1px solid #f8603c;
  background-color: #fff;
  margin-right: 15px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer; }
  .account-btn:focus {
    text-decoration: none;
    color: #f8603c; }
  .account-btn:hover {
    text-decoration: none;
    color: #f8603c; }

.account-btn-active {
  color: #fff;
  border: 1px solid #f8603c;
  background-color: #f8603c; }
  .account-btn-active:focus {
    text-decoration: none;
    color: #fff; }
  .account-btn-active:hover {
    text-decoration: none;
    color: #fff; }

.account-label {
  display: inline-block;
  margin: 0;
  margin-bottom: -4px; }
 
.query-button {
  height: 25px;
  min-width: 80px;
  border: none;
  outline: none;
  color: #fff;

  border-radius: 3px; }

.load-button {
  width: 125px !important;
  height: 26px;
  background-color: #fff;
  border: 1px solid #1260a6;
  color: #1260a6; }

.tips {
  padding-bottom: 40px;
  margin: 0 25px; }
  .tips p {
    font-size: 14px;
    color: red;
    margin-bottom: 20px; }
  .tips .tips-main {
    color: #999;
    font-size: 14px; }

.form {
  width: 95%;
  margin: 15px auto; }
  .form .form-item {
    margin-bottom: 10px;
    font-size: 14px;
/*     position: relative;  */
    }
    .form .form-item .form-left-lable {
      display: inline-block;
      width: 130px;
      margin: 0;
      height: 34px;
      line-height: 34px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .form .form-item .form-left-text {
      display: inline-block;
      width: 250px;
      height: 34px;
      line-height: 34px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
     .form .form-item .form-left-span {
      display: inline-block;
      margin: 0;
      height: 34px;
      line-height: 34px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .form .form-item .star {
      position: absolute;
      color: #F8603C;
      left: -12px;
      top: 9px; }
    .form .form-item .form-left-input {
      margin: 0;
      width: 236px;
      height: 24px;
      line-height: 24px;
      float: right; }
    .form .form-item .form-right-lable {
      display: inline-block;
      width: 145px;
      margin: 0;
      height: 34px;
      line-height: 34px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .form .form-item .form-right-text {
      display: inline-block;
      width: 175px;
      height: 34px;
      line-height: 34px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .form .form-item .set-width-120 {
      width: 120px; }
     .set-width-60 {
      width: 60px; }
    .form .form-item .set-width-289 {
      width: 289px; }
    .form .form-item .left {
      float: left; }
    .form .form-item .set-width-98 {
      width: 98px; }
      .form .form-item .set-width-80 {
      width: 80px;}
    .form .form-item .form-left-select {
      width: 134px;
      height: 34px;
      line-height: 34px;
      margin: 0 0 10px; }
    .form .form-item .set-width-110 {
       width: 110px;
     }
   .form .form-item .set-width-130 {
       width: 130px;
    }
   .form .form-item .set-width-135 {
       width: 135px;
    }
   .form .form-item .set-width-350 {
       width: 350px;
    }
   
    .form .form-item .date-icon {
      background-image: url(../image/icon3.png);
      background-position: right -48px;
      background-repeat: no-repeat;
    }
    .form .form-item .home-icon {
      background-image: url(../image/icon3.png);
      background-position: right -18px;
      background-repeat: no-repeat;
    }
  
    .form .form-item .choose-div {
      display: inline-block;
      width: 250px;
      height: 34px;
      line-height: 34px;
      float: right; }
      .form .form-item .choose-div label {
        display: inline-block;
        margin: 0; }
        .form .form-item .choose-div label:nth-of-type(2) {
          margin-left: 20px; }
      .form .form-item .choose-div span {
        margin-right: 25px; }
  .form .form-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px; }

.set-mar35 {
  margin-bottom: 35px; }

.set-padding {
  padding: 20px 0 50px 0; }

.ui-form-center {
  width: 442px;
  margin: 0 auto; }
  .ui-form-center .ui-form-center-row {
    margin-bottom: 10px; }
    .ui-form-center .ui-form-center-row label {
      display: inline-block;
      height: 34px;
      line-height: 34px;
      width: 160px;
      text-align: right;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ui-form-center .ui-form-center-row span {
      display: inline-block;
      width: 260px;
      height: 34px;
      line-height: 34px;
      float: right;
      margin-left: 22px;
      font-size: 14px; }
    .ui-form-center .ui-form-center-row input {
      margin: 0;
      width: 246px;
      height: 24px;
      line-height: 24px;
      float: right; }

.t-title {
  margin: 10px 20px;
  font-weight: bold; }

.tip {
  margin: 20px;
  color: #9b9b9b;
  line-height: 2; }

.btn-wrap {
  margin: 40px 0 20px; }

/*汇票*/
.bill {
  min-height: 500px;
  margin: 15px;
  padding: 15px 15px 20px;
  background: url(../image/echeck_bg.jpg) repeat;
  background-size: 750px; }
  .bill-table {
    width: 100%;
    table-layout: fixed; }
    .bill-table td {
      border: 1px solid #c3c2c2;
      padding: 5px; }
      .bill-table td.td-setwidth {
        border: 0;
        padding: 0 5px; }
  .bill strong {
    color: #747372; }
  .bill-title {
    font-size: 20px;
    text-align: center;
    margin: 10px 0 15px; }
  .bill-logo {
    display: block;
    width: 220px;
    margin: 10px 0; }

.line-block {
  display: inline-block;
  vertical-align: middle; }

.front-show {
  margin: 15px 0;
  color: #9d9d9d;
  line-height: 22px; }
  .front-show strong {
    margin-right: 10px; }

.back-show {
  margin: 15px 0;
  color: #9d9d9d; }
  .back-show .line-block {
    border-left: 1px solid #c3c2c2;
    border-right: 1px solid #c3c2c2; }
    .back-show .line-block + .line-block {
      border-left: 0; }

/*业务样式*/
/* html, body {
  height: 100%; } */

.login-wrap {
  position: relative;
  min-height: 500px;
  background: #F3F6Fa;
}

.login-title {
  width: 100%;
  min-width: 1024px;
  height: 64px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px #d1d1d1;
  -moz-box-shadow: 1px 1px 5px #d1d1d1;
  -o-box-shadow: 1px 1px 5px #d1d1d1;
  box-shadow: 1px 1px 5px #d1d1d1;
  box-shadow: 0 2px 4px #dde1e6;
}
.login-title .logo {
  margin: 0 auto;
  height: 64px;
  width: 1000px;
  background-repeat: no-repeat;
  background-position: left center;
}
.login-title .logo img {
  margin-top: 12px;
}

.login-box-contain {
  float: right;
  width: 328px;
  height: auto;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  background: rgba(255,255,255,0.85);
  margin-right:30px;
}
.login-box-contain .login-button-div {
	padding-bottom: 50px;
}

.login-box-contain .login-box-title {
  width: 100%;
  height: 45px; line-height: 45px;
  text-align: center;
  font-size: 14px;
  color: #353535;
  letter-spacing: 1px;
  font-weight: bold;
}
.login-box-contain .login-form {
  margin-top: 10px;
}
.login-box-contain .login-form .input-box {
  width: 240px;
  height: 40px; line-height: 40px;
  margin: 0 auto;
  border-bottom: 1px solid #D6E0EC;
  margin-bottom: 20px;
}
.login-box-contain .login-form .input-box .input-box-logo {
  position: absolute;
  width: 46px;
  height: 24px;
  margin: 8px 0;
  background-image: url('../image/firm_icon.png');
  background-position: center;
  background-repeat: no-repeat;
}
.login-box-contain .login-form .input-box .logo-user {
  background-image: url('../image/user_icon.png');
  background-position: center;
  background-repeat: no-repeat;
}
.login-box-contain .login-form .input-box .logo-psw {
  z-index: 1100;
  background-image: url('../image/pass_icon.png');
  background-position: center;
  background-repeat: no-repeat;
}
.login-box-contain .login-form .input-box .login-input-box {
  box-sizing: border-box;
  width: 100%;
  height: 40px; line-height: 36px;
  padding-left: 46px;
  padding-bottom: 0;
  font-size: 14px;
  
  box-shadow: none;
  background: none;
  border: none;
  outline: none;
}
.login-box-contain .login-form .code-div {
  width: 173px;
  height: 40px;
  margin: 0 0 22px 37px;
  float: left;
  border: 1px solid #D6E0EC;
}
.login-box-contain .login-form .code-div .input-box-logo {
  position: absolute;
  width: 46px;
  height: 24px;
  border-right: 1px solid #D8E0EB;
  margin: 8px 0;
  background-image: url(../image/login.png);
  background-position: center -25px;
  background-repeat: no-repeat;
  *margin-left: -37px;
}
.login-box-contain .login-form .code-div .login-input-box {
  width: 100%;
  height: 100%;
  *width: 118px;
  *height: 38px;
  line-height: 40px;
  padding-left: 54px;
  border: none;
  outline: none;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *margin-left: -37px;
}
.login-box-contain .login-form .verification-code {
  float: right;
  width: 87px;
  height: 40px;
  display: inline-block;
  border: 1px solid #D6E0EC;
  margin-right: 37px;
}

.login-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 1024px;
  background-color: #fff; }
  .login-footer .login-footer-contain {
    width: 555px;
    margin: 0 auto 20px; }
    .login-footer .login-footer-contain .login-footer-contain-left {
      float: left; }
    .login-footer .login-footer-contain .login-footer-contain-right {
      float: right; }


  /*******************************自己加的样式************************************************/
  
  .free {
  height: 20px;
  width: 100%; }

.set-mar40 {
  margin: 40px 0; }
  
  .set-tab .tab_nav .active span{
     		display: block;
  			height: 5px;
  			border-bottom: 3px solid #1260A6;
     }

#isSave{
	margin-top: 0;
}

.input-icon-wrap{
    position: relative;
    display: inline-block;
}
.right-icon{
    position: absolute;
    top: 9px;
    left: 242px;
    z-index: 9;
	cursor: pointer;
}
.file-icon{
    display:inline-block;
    width: 16px;
    height: 16px;
    margin-left: -16px;
	margin-top: 7px;
    background-image: url(../image/icon3.png);
    background-position: left 0;
    background-repeat: no-repeat;
	cursor: pointer;
    }
.search-icon{
    display:inline-block;
    width: 16px;
    height: 16px;
    margin-left: -16px;
    background-image: url(../image/icons2.png);
    background-position: left 0;
    background-repeat: no-repeat;
}
.ui-form-file{
	width:238px;
	margin-right: 20px;
}
.ui-btn-file {
	display: inline-block;
	margin-top: -9px;
}

.right-icons {
	position: absolute;
    top: 50%;
    right: 25px;
    z-index: 9;
    margin-top: -7px;
	cursor: pointer;
}
.opera{
  width:90px;
  margin-left:35px;
  font-size:15px;
  border: 1px solid #0072E3;
  background-color: #fff;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.table-card-title .title-text{
  display: inline-block;
  width: 97px;
  text-align: center;
  border-right: 1px solid #efefef;
  color:#4a4a4a;
}

.dataTables_wrapper{
  margin: 20px 8px auto;
}
label input[type="radio"], label input[type="checkbox"].check,label input[type="checkbox"].checkbox{
    margin-top: 0;
    width: 14px;
    height: 14px;
    display: inline;
}
#logForm .hs_kb_wrap{
  height: 40px;
}
#logForm .hs_kb_wrap .hs_kb_btn{
  height: 40px !important;
}
.table-card #myTable_wrapper #myTable tr,.table-card #myTable2_wrapper #myTable2 tr{
  font-size: 12px;
  line-height: 18px;
  height:auto;
}



/*图标颜色*/
.icon-round { color: #1260F8; }
.icon-remove { color: #FF0000; }
.icon-add { color: #00FF00; }
.icon-chenked { color: #00FF00; }
.icon-tree-notice { color: #FFFFFF; }
/* .icon-yewuliuchengguanli { color: #7FC9BC; }
.icon-gongnengguanli1 { color: #B2B2B2; }
.icon-caozuoyuanguanli { color: #875FC0; }
.icon-zhanghuquanxianguanli { color: #47C3F8; }
.icon-huoqicunkuan { color: #F8603C; }
.icon-jiaoyimingxichaxun { color: #FBB83F; }
.icon-beishushenqing { color: #47C3F8; }
.icon-tishifukuanshenqing { color: #7FC9BC; }
.icon-tiexianshenqing { color: #47C3F8; }
.icon-dianzihuidanchaxun { color: #FBB83F; }
.icon-hangneizhuanzhangxinxi { color: #F8603C; }
.icon-kuahangzhuanzhangxinxi { color: #F8603C; }
.icon-chupiaoshenqing { color: #47C3F8; }
.icon-caozuoyuanquanxianguanli { color: #875FC0; }
.icon-daifawenjiandaoru { color: #7FC9BC; }
.icon-cha { color: #CCCCCC; }
.icon-iconjia { color: #CCCCCC; } */
/*图标颜色end*/


/* 行内转账 */

#funList .btn-text{
  font-size: 14px;
  margin-top: 20px;
  text-align: right;
}
#funList .btn-text span {
  display: inline-block;
  width: 120px; height: 40px;
  line-height: 40px;
  margin-right: 20px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
}

.confirm-btn{
  float: right;
  width: 80px; height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: right;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

.convenient .cancel-btn {
  float: right;
  width: 80px; height: 38px;
  line-height: 38px;
  font-size: 14px;
  text-align: right;
  text-align: center;
  border-radius: 4px;
  margin-right: 10px;
}

/*电票查询>>持有票据查询 WEB-INF\secure\search\holdsearch.jsp*/
#holdsearch-box select,#holdsearch-box textarea,#holdsearch-box input[type="text"]{
  margin-bottom: 0;
}
#holdsearch-box #billTypeSelect{
  width: 249px;
  margin-bottom: 0;
}
#holdsearch-box .ui-form-row-date{
  height: 24px;
}
#holdsearch-box .form-left-span{
  margin: 0 8px;
}
#holdsearch-box #bill-no,#holdsearch-box #bill-class{
  margin-bottom: 15px;
}
#holdsearch-box .amount-box{
  width: 95px;
}
#holdsearch-box .btn-box{
  vertical-align: middle;
  height:29px;
  padding-top: 5px;
}
#holdsearch-box .query-button:not(#excelBtn){
  margin-right: 15px;
}
  /*持有票据查询>>内嵌表格页面样式 WEB-INF\template\search\holdsearchlist.jsp*/
  #holdsearchlist-box .opera {
    width: 75px;
    margin-left: 12px;
    font-size: 15px;
    border: 1px solid #0072E3;
    background-color: #fff;
    border-radius: 3px;
  }
  #holdsearchlist-box .useless {
    color: #F0F0F0;
    border: 1px solid #F0F0F0;
  }
  #holdsearchlist-box .checkall{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
  }
  /*持有票据查询>>内嵌表格页面样式 end*/
/*电票查询>>持有票据查询 end*/

/*电票查询>>票号查询 WEB-INF\secure\search\billnosearch.jsp*/
#billnosearch-box input[type="text"]{
    margin-bottom: 0;
}
#billnosearch-box .billnno-box{
    display: inline-block;
    height: 32px;
    margin-right: 20px;
}
#billnosearch-box .query{
    margin-bottom: 35px;
}
/*电票查询>>票号查询 end*/

/*电票查询>>未结清票据查询 WEB-INF\secure\search\unsettlesearch.jsp*/
#unsettlesearch-box select,#unsettlesearch-box textarea,#unsettlesearch-box input[type="text"]{
    margin-bottom: 0;
    height: 24px;
}
#unsettlesearch-box .query-select{
    padding: 4px;
    height: 34px;
    width: 250px;
}
#unsettlesearch-box .form-left-span{
    margin: 0 8px;
}
#unsettlesearch-box .amount-box{
    width: 95px;
}
#unsettlesearch-box .form{
    margin-bottom: 10px;
}
#unsettlesearch-bo .btn-box{
    margin: 0 15px 45px;
}
    /*未结清票据查询>>内嵌表格页面样式 WEB-INF\template\search\unsettlesearchlist.jsp*/
    #unsettleserarchlist-box .checkall{
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0;
    }
    /*未结清票据查询>>内嵌表格页面样式 end*/
/*电票查询>>未结清票据查询 end*/

/*电票查询>>业务发生查询 WEB-INF\secure\search\buicoccuersearch.jsp*/
#buicoccuersearch-box select,#buicoccuersearch-box textarea,#buicoccuersearch-box input[type="text"]{
    margin-bottom: 0;
}
#buicoccuersearch-box .query-select:not(#billActionSelect){
    padding: 4px;
    height: 34px;
    width: 139px;
}
#buicoccuersearch-box .query-input{
    height: 24px;
}
#buicoccuersearch-box .form{
    margin-bottom: 10px;
}
#buicoccuersearch-box .left-box{
    width: 40%;
}
#buicoccuersearch-box .right-box{
    width: 55%;
}
#buicoccuersearch-box #actionTypeSelect{
    width: 168px;
}
/*电票查询>>业务发生查询 end*/

/*电票查询>>看票查询 WEB-INF\secure\search\validatesearch.jsp*/
#validatesearch-box input[type="text"]{
  margin-bottom: 0;
  height: 24px;
}
#validatesearch-box .right{
  padding-top: 3px;
}
/*电票查询>>看票查询 end*/

/*承兑出票>>出票申请 WEB-INF\secure\drawapply\list.jsp*/
#drawapplyindex-box .left:not(.btn-box){
  width: 330px;
}
#drawapplyindex-box select{
  margin-bottom: 0;
  width: 139px;
  height: 34px;
  font-size: 14px;
}
#drawapplyindex-box .btn-box{
  height: 34px;
}
#drawapplyindex-box #queryBtn{
  margin-top: 4px;
}
#drawapplyindex-box .table-btn-box{
  margin: 0 8px;
}
/*出票申请>>内嵌表格页面样式 WEB-INF\template\drawapply\billlist.jsp*/
#drawapplylist-box #checkall+label{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}
/*出票申请>>内嵌表格页面样式 end*/
/*承兑出票>>出票申请 end*/

/*承兑出票>>提示承兑 WEB-INF\secure\promptaccept\index.jsp*/
#promptaccept-index-box .left:not(.btn-box){
    width: 270px;
}
#promptaccept-index-box select{
    margin-bottom: 0;
    width: 139px;
    height: 34px;
    font-size: 14px;
}
#promptaccept-index-box .btn-box{
    height: 34px;
}
#promptaccept-index-box .btn-box .query-button{
    margin-top: 4px;
}
#promptaccept-index-box .table-btn-box{
    margin: 0 8px;
}
    /*提示承兑>>内嵌表格页面样式 WEB-INF\template\list_cancel_sign.jsp*/
    #list-cencel-sign-box #checkall+label{
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0;
    }
    /*提示承兑>>内嵌表格页面样式 end*/
/*承兑出票>>提示承兑 end*/

/*承兑出票>>撤票 WEB-INF\secure\promptaccept\index.jsp*/
#repeal-list-box .left:not(.btn-box){
    width: 270px;
}
#repeal-list-box select{
    margin-bottom: 0;
    width: 139px;
    height: 34px;
    font-size: 14px;
}
#repeal-list-box .btn-box{
    height: 34px;
}
#repeal-list-box .btn-box .query-button{
    margin-top: 4px;
}
#repeal-list-box .table-btn-box{
    margin: 0 8px;
}
#repeal-list-box #checkall+label{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
}
/*承兑出票>>撤票 end*/

/*背书>>背书申请 \WEB-INF\secure\endorseApply\index.jsp*/
#endorseApply-index-box .billNo{
  height: 24px;
  width: 236px;
  margin: 0;
}
#endorseApply-index-box .billType,#endorseApply-index-box .billStatus{
  height: 34px;
  width: 250px;
  margin: 0;
  font-size: 14px;
}
#endorseApply-index-box .ui-form-row-date{
  width: 109px;
  background-position: 80px 2px;
}
#endorseApply-index-box .inline-div{
  margin: 0 6px;
}
#endorseApply-index-box .input-box{
  width: 47%;
  display: inline-block;
}
#endorseApply-index-box .ui-form-row-button{
  margin-right: 43px;
}
/*背书>>背书申请 end*/

/*贴现>>贴现申请 \WEB-INF\secure\discount\list.jsp*/
#discount-list-box .billType,#discount-list-box .billStatus,#discount-list-box .billNo{
  height: 34px;
  width: 250px;
  margin: 0;
  font-size: 14px;
}
#discount-list-box .ui-form-row-date{
  width: 109px;
  background-position: 80px 2px;
}
#discount-list-box .inline-div{
  margin: 0 6px;
}
#discount-list-box .input-box{
  width: 47%;
  display: inline-block;
}
#discount-list-box .ui-form-row-button{
  margin-right: 43px;
}
#discount-list-box .ui-form-row-label{
  min-width: 80px;
}
/*贴现>>贴现申请 end*/

/*保证>>出票保证 \WEB-INF\secure\ensure\draw\list.jsp*/
#drawEnsure-list-box .billType,#drawEnsure-list-box .billStatus,#drawEnsure-list-box .billNo{
    height: 34px;
    width: 250px;
    margin: 0;
    font-size: 14px;
}
#drawEnsure-list-box .ui-form-row-date{
    width: 109px;
    background-position: 80px 2px;
}
#drawEnsure-list-box .inline-div{
    margin: 0 6px;
}
#drawEnsure-list-box .input-box{
    width: 47%;
    display: inline-block;
}
#drawEnsure-list-box .ui-form-row-button{
    margin-right: 43px;
}
#drawEnsure-list-box .ui-form-row-label{
    min-width: 80px;
}
/*保证>>出票保证 end*/

/*保证>>承兑保证 \WEB-INF\secure\ensure\accept\list.jsp*/
#acceptEnsure-list-box .billType,#acceptEnsure-list-box .billStatus,#acceptEnsure-list-box .billNo{
    height: 34px;
    width: 250px;
    margin: 0;
    font-size: 14px;
}
#acceptEnsure-list-box .ui-form-row-date{
    width: 109px;
    background-position: 80px 2px;
}
#acceptEnsure-list-box .inline-div{
    margin: 0 6px;
}
#acceptEnsure-list-box .input-box{
    width: 47%;
    display: inline-block;
}
#acceptEnsure-list-box .ui-form-row-button{
    margin-right: 43px;
}
#acceptEnsure-list-box .ui-form-row-label{
    min-width: 80px;
}
/*保证>>承兑保证 end*/

/*质押>>质押申请 WEB-INF\secure\impawn\list.jsp*/
#impawn-list-box .billType,#impawn-list-box .billStatus,#impawn-list-box .billNo{
    height: 34px;
    width: 250px;
    margin: 0;
    font-size: 14px;
}
#impawn-list-box .ui-form-row-date{
    width: 109px;
    background-position: 80px 2px;
}
#impawn-list-box .inline-div{
    margin: 0 6px;
}
#impawn-list-box .input-box{
    width: 47%;
    display: inline-block;
}
#impawn-list-box .ui-form-row-button{
    margin-right: 43px;
}
#impawn-list-box .ui-form-row-label{
    min-width: 80px;
}
/*质押>>质押申请 end*/

/*质押>>质押解除申请 WEB-INF\secure\unimpawn\list.jsp*/
#unimpawn-list-box .billType,#unimpawn-list-box .billStatus,#unimpawn-list-box .billNo{
    height: 34px;
    width: 250px;
    margin: 0;
    font-size: 14px;
}
#unimpawn-list-box .ui-form-row-date{
    width: 109px;
    background-position: 80px 2px;
}
#unimpawn-list-box .inline-div{
    margin: 0 6px;
}
#unimpawn-list-box .input-box{
    width: 47%;
    display: inline-block;
}
#unimpawn-list-box .ui-form-row-button{
    margin-right: 43px;
}
#unimpawn-list-box .ui-form-row-label{
    min-width: 80px;
}
#unimpawn-list-box #checkall+label{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
}
/*质押>>质押解除申请 end*/

/*追索>>追索申请 WEB-INF\secure\recourse\list.jsp*/
#recourse-list-box .billType,#recourse-list-box .billStatus,#recourse-list-box .billNo{
    height: 34px;
    width: 250px;
    margin: 0;
    font-size: 14px;
}
#recourse-list-box .ui-form-row-date{
    width: 109px;
    background-position: 80px 2px;
}
#recourse-list-box .inline-div{
    margin: 0 6px;
}
#recourse-list-box .input-box{
    width: 47%;
    display: inline-block;
}
#recourse-list-box .ui-form-row-button{
    margin-right: 43px;
}
#recourse-list-box .ui-form-row-label{
    min-width: 80px;
}
/*追索>>追索申请 end*/

/*追索>>同意清偿申请 WEB-INF\secure\payoff\list.jsp*/
#payoff-list-box .billType,#payoff-list-box .billStatus,#payoff-list-box .billNo{
    height: 34px;
    width: 250px;
    margin: 0;
    font-size: 14px;
}
#payoff-list-box .ui-form-row-date{
    width: 109px;
    background-position: 80px 2px;
}
#payoff-list-box .inline-div{
    margin: 0 6px;
}
#payoff-list-box .input-box{
    width: 47%;
    display: inline-block;
}
#payoff-list-box .ui-form-row-button{
    margin-right: 43px;
}
#payoff-list-box .ui-form-row-label{
    min-width: 80px;
}
/*追索>>同意清偿申请 end*/

/*提示付款>>提示付款申请 WEB-INF\secure\remind\list.jsp*/
#remind-list-box .billType, #remind-list-box .billStatus, #remind-list-box .billNo, #remind-list-box .billOverdue{
  height: 34px;
  width: 250px;
  margin: 0;
  font-size: 14px;
}
#remind-list-box .ui-form-row-date{
  width: 109px;
  background-position: 80px 2px;
}
#remind-list-box .inline-div{
  margin: 0 6px;
}
#remind-list-box .input-box{
  width: 47%;
  display: inline-block;
}
#remind-list-box .ui-form-row-button{
  margin-right: 43px;
}
#remind-list-box .ui-form-row-label{
  min-width: 80px;
}
/*提示付款>>提示付款申请 end*/

/*照票申请>>照票申请 WEB-INF\secure\validate\list.jsp*/
#validate-list-box .billType, #validate-list-box .billStatus, #validate-list-box .billNo{
  height: 34px;
  width: 250px;
  margin: 0;
  font-size: 14px;
}
#validate-list-box .ui-form-row-date{
  width: 109px;
  background-position: 80px 2px;
}
#validate-list-box .inline-div{
  margin: 0 6px;
}
#validate-list-box .input-box{
  width: 47%;
  display: inline-block;
}
#validate-list-box .ui-form-row-button{
  margin-right: 43px;
}
#validate-list-box .ui-form-row-label{
  min-width: 80px;
}
/*照票申请>>照票申请 end*/

/*商业扣款通知>>扣款通知确认 WEB-INF\secure\deduct\index.jsp*/
#deduct-index-box .billNo, #deduct-index-box .billEntryStatus, #deduct-index-box .billType{
  height: 34px;
  width: 250px;
  margin: 0;
  font-size: 14px;
}
#deduct-index-box .input-box{
  width: 49%;
  display: inline-block;
}
#deduct-index-box .ui-form-row-button{
  margin-right: 43px;
}
#deduct-index-box .ui-form-row-label{
  min-width: 80px;
}
#deduct-index-box #checkall+label{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}
/*商业扣款通知>>扣款通知确认 end*/

/*重置密码三个页面样式*/
.repwd-container {
  margin: 26px auto 5px;
  position: relative;
  width: 1000px;
  z-index: 1;
  font-size: 16px;
  border: 1px solid #ccc;
  background: #fff;
  min-height: 450px;
}
.repwd-container .repwd-box{
  width: 640px;
  margin: 10px auto;
}
.repwd-container .flow-line{
  width: 100%;
  margin: 32px 0 56px 0;
  height: 36px;
  padding-top: 8px;
  text-align: center;
  color: #000;
  list-style: none;
}
.repwd-container .flow-line .circle{
  width: 32px;
  height: 32px;
  border: 2px solid grey;
  color: grey;
  border-radius: 50%;
  display: inline-block;
  margin-right: 9px;
  text-align: center;
  line-height: 32px;
}
.repwd-container .flow-line .circle-active {
  color: #fff;
}
.repwd-container .flow-line .connect-line {
  background: #b2b2b2;
  width: 65px;
  height: 3px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 18px;
}
.warm-prompt{
  padding: 0 100px;
  font-size: 12px;
  width: 650px;
  margin: 20px auto;
}
.warm-prompt>h6 {
  font-size: 15px;
  color: #e65f5f;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: inherit;
}
.warm-prompt>p{
  color: #ababab;
  line-height: 20px;
  font-size: 13px;
}
#repwd-container-1 .input-title{
  display: inline-block;
  width:95px;
  height: 32px;
  line-height: 32px;
  text-align: right;
  margin-right: 10px;
}
#repwd-container-1 .ui-form-row{
  margin-right: 0px;
}
#repwd-container-1 .ui-form-row .ui-form-row-input{
  margin-right: 0;
}
#repwd-container-1 #formID .query-button{
  width: 252px;
  height: 32px;
  margin-left: 44px;
}
/*
鼠标手势默认化
 */
label{
  cursor: default ;
}
/*
鼠标变手
 */
.gesture{
  cursor:pointer
}
/*重置密码三个页面样式end*/

/*理财产品页面新样式2018.08.29*/
/*活期转理财产品*/
.demandToAll-page .tips{
  margin: 0;
}
.demandToAll-page #accts{
  width: 260px;
}
.demandToAll-page #confirmbtn{
  width: 250px;
  height: 30px;
}
.demandToAll-page .tableTitle-box{
  height: 16px;
  margin: 5px 0 30px;
}
.demandToAll-page .tableTitle-text{
  font-size: 14px;
  line-height: 16px;
  padding-left: 5px;
}
/*活期转理财产品end*/
/*理财产品转活期*/
.allToDemand-page label, .allToDemand-page select{
  margin-bottom: 0;
}
.allToDemand-page #accts{
  margin-right: 20px;
}
/*理财产品转活期end*/
/*理财产品交易查询*/
.demandQuery-page .ui-form{
  width: 100%;
}
.demandQuery-page .ui-form-row .ui-form-row-label2 {
  display: inline-block;
  min-width: 20px;
  text-align: center;
  letter-spacing: 1px;
}
.demandQuery-page .ui-form-row .ui-form-row-input2 {
  margin: 0;
  width: 120px;
  height: 32px;
  line-height: 32px;
  line-height: 21px\9;
  padding: 5px 0 5px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #cecece;
  border-radius: 3px;
}
.demandQuery-page .ui-form-row .type-input{
  width: 182px;
}
.demandQuery-page .ui-form-row .ui-form-row-label{
  width: 120px;
}
.demandQuery-page .ui-form-row .label3{
  width: 90px;
  min-width: 90px;
}
.demandQuery-page .input-box{
  display: inline-block;
  margin: 0 auto;
}
.demandQuery-page .left{
  width: 55%;
}
.demandQuery-page .right{
  width: 43%;
}
.demandQuery-page #accts{
  width: 265px;
  margin-right: 0;
}
.demandQuery-page .btnSection{
  text-align: left;
}
.demandQuery-page #query-btn{
  margin-left: 94px;
}
/*新版按钮大小*/
.right-content .set-tab .tab-content .nextStep-maxBtn{
  width: 250px;
  height: 30px;
}
/*批量转账页面文件选取*/
.file-label{
  width:65px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  margin-bottom: 0;
  border-radius: 3px;
}
.right-content .set-tab .uploadFile-input{
  width: 65px;
  margin-left: -160px;
}
.fileName-text{
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fileBtn-text{
  position: relative;
  bottom: 2px;
  font-size: 12px;
  margin-left: 8px;
}
/*批量转账页面文件选取end*/
/*对表格操作按钮*/
.table-btn{
  background: #FFFFFF;
  height: 25px;
  min-width: 80px;
  border: none;
  outline: none;
  border-radius: 3px;
}
.table-btn[disabled]{
  background: #EEEEEE;
  color: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.table-btn + .table-btn {
  margin-left: 18px;
}
/*对表格操作按钮end*/

.broder-black td{
	border:1.5px solid #585858;
	} 
.bill-home-icon {
	background-position:center;	
    background-image: url(../image/icon3.png);
	}

/*jquery.dataTables.min部分样式覆盖*/
/*datatable样式*/
table#myTable {
  width: 100% !important;
  border: 1px solid #e0e0e0;
}

table.dataTable {
  width: 100%;
  border-bottom: 1px solid #ededed;
  word-break: break-all; }

table.dataTable thead td {
  border-bottom: 0;
  padding: 18px 10px;
  font-weight: bold;
  color: #555555;
  background-color: #f6f6f6;
  font-size: 12px;
  line-height: 18px;
}

td {
  color: #9d9d9d; }

table.dataTable tbody td {
  padding: 19px 10px;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
}

table.dataTable tbody tr:nth-child(even) {
  background-color: #f8fafc; }

table.dataTable tbody .even {
  background-color: #f8fafc !important;
}

table.dataTable tbody tr:nth-child(odd) {
  background-color: #fff; }

table.dataTable tbody .odd {
  background-color: #fff !important;
}

table.dataTable.no-footer {
  border-bottom: 0; }

.dataTable.no-footer td a {
  cursor:pointer; }

.dataTables_wrapper .dataTables_paginate {
  float: none;
  text-align: center;
  padding: 30px 0; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #d8e0eb;
  border-radius: 3px;
  color: #748595 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #d8e0eb;
    border: 1px solid #d8e0eb; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important; }

.card-datatable tbody > tr:nth-child(odd) > td{
  background-color: #fff; }

.textarea_refuse{
  resize: none;
  width: 200px; 
  height: 100px;
  max-width: 200px;
  max-height: 100px;
}

/* 首页 icon 替换为 图标 */

#funList a .iconfont, 
#doFunList .convenient .iconfont{
  position: relative;
  bottom: 2px;
  width: 48px; height: 48px;
  margin: 0 10px 0 20px;
  vertical-align: middle;
  /* background: url('../image/feature.png') no-repeat; */
}
#funList a .icon-cha, 
#doFunList .convenient a span.icon-cha {
  background: url('../image/icon_close.png') no-repeat;
}
#funList a .icon-jia, 
#doFunList .convenient a span.icon-jia {
  background: url('../image/icon_add.png') no-repeat;
}

#doFunList .convenient a span.icon-jia,
#doFunList .convenient a span.icon-cha {
  position: absolute;
  width: 20px; height: 20px;
  left: 172px; top: -10px;
  font-size: 15px;
}

/* 首页图标背景图 */

/* 企业资产查询 */
#doFunList .convenient a span.icon-qiyezichang,
#funList a .icon-qiyezichang {
  background: url('../image/indexIcon/qi-ye-zi-chang.png')
}
/* 网银交易明细 */
#doFunList .convenient a span.icon-wangyingjiaoyi,
#funList a .icon-wangyingjiaoyi {
  background: url('../image/indexIcon/wang-ying-jiao-yi.png')
}
/* 对账单查询 */
#doFunList .convenient a span.icon-duizhangdan,
#funList a .icon-duizhangdan {
  background: url('../image/indexIcon/dui-zhang-dan.png');
}
/* 账户交易明细 */
#doFunList .convenient a span.icon-zhanghujiaoyi,
#funList a .icon-zhanghujiaoyi {
  background: url('../image/indexIcon/zhang-hu-jiao-yi.png');
}
/* 收款人名册 */
#doFunList .convenient a span.icon-shoukuanreng,
#funList a .icon-shoukuanreng {
  background: url('../image/indexIcon/shou-kuan-reng.png');
}
/* 证书展期 */
#doFunList .convenient a span.icon-zhengshu,
#funList a .icon-zhengshu {
  background: url('../image/indexIcon/zheng-shu.png');
}
/* 密码修改 */
#doFunList .convenient a span.icon-mimaxiugai,
#funList a .icon-mimaxiugai {
  background: url('../image/indexIcon/mi-ma-xiu-gai.png');
}
/* 预留信息设置 */
#doFunList .convenient a span.icon-yuliuxinxi,
#funList a .icon-yuliuxinxi {
  background: url('../image/indexIcon/yu-liu-xin-xi.png');
}
/* 操作员日志 */
#doFunList .convenient a span.icon-caozuorizhi,
#funList a .icon-caozuorizhi {
  background: url('../image/indexIcon/cao-zuo-ri-zhi.png');
}
/* 登录名修改 */
#doFunList .convenient a span.icon-degnluming,
#funList a .icon-degnluming {
  background: url('../image/indexIcon/deng-lu-ming.png');
}
/* 行内转账 */
#doFunList .convenient a span.icon-hangneizhuanzhang,
#funList a .icon-hangneizhuanzhang {
  background: url('../image/indexIcon/hang-nei-zhuan-zhang.png');
}
/* 跨行转账 */
#doFunList .convenient a span.icon-kuahangzhuangzhan,
#funList a .icon-kuahangzhuangzhan {
  background: url('../image/indexIcon/kua-hang-zhuang-zhan.png');
}
/* 代发工资 */
#doFunList .convenient a span.icon-daifagongzi,
#funList a .icon-daifagongzi {
  background: url('../image/indexIcon/dai-fa-gong-zi.png');
}
/* 批量转账 */
#doFunList .convenient a span.icon-piliangzhuangzhan,
#funList a .icon-piliangzhuangzhan {
  background: url('../image/indexIcon/pi-liang-zhuang-zhan.png');
}
/* 银企对账 */
#doFunList .convenient a span.icon-yinqiduizhang,
#funList a .icon-yinqiduizhang {
  background: url('../image/indexIcon/yin-qi-dui-zhang.png');
}
/* 定期存款 */
#doFunList .convenient a span.icon-dingqicunkuan,
#funList a .icon-dingqicunkuan {
  background: url('../image/indexIcon/ding-qi-cun-kuan.png');
}
/* 通知存款 */
#doFunList .convenient a span.icon-tongzhicunkuan,
#funList a .icon-tongzhicunkuan {
  background: url('../image/indexIcon/tong-zhi-cun-kuan.png');
}
/* 财喜通 */
#doFunList .convenient a span.icon-caixitong,
#funList a .icon-caixitong {
  background: url('../image/indexIcon/cai-xi-tong.png');
}
/* 持有票据查询 */
#doFunList .convenient a span.icon-chiyoupiaoju,
#funList a .icon-chiyoupiaoju {
  background: url('../image/indexIcon/chi-you-piao-ju.png');
}
/* 未结清票据查询 */
#doFunList .convenient a span.icon-weijieqingpiaoju,
#funList a .icon-weijieqingpiaoju {
  background: url('../image/indexIcon/wei-jie-qing-piao-ju.png');
}
/*电票签收 */
#doFunList .convenient a span.icon-dianpiaoqianshou,
#funList a .icon-dianpiaoqianshou {
  background: url('../image/indexIcon/dian-piap-qian-shou.png');
}
/* 出票登记 */
#doFunList .convenient a span.icon-chupiaodengji,
#funList a .icon-chupiaodengji {
  background: url('../image/indexIcon/chu-piao-deng-ji.png');
}
/* 提示承兑 */
#doFunList .convenient a span.icon-tishichengdui,
#funList a .icon-tishichengdui {
  background: url('../image/indexIcon/ti-shi-cheng-dui.png');
}
/* 提示收票 */
#doFunList .convenient a span.icon-tishishoupiao,
#funList a .icon-tishishoupiao {
  background: url('../image/indexIcon/ti-shi-shou-piao.png');
}
/* 撤票 */
#doFunList .convenient a span.icon-chepiao,
#funList a .icon-chepiao {
  background: url('../image/indexIcon/che-piao.png');
}
/* 出票保证 */
#doFunList .convenient a span.icon-chupiaobaozheng,
#funList a .icon-chupiaobaozheng {
  background: url('../image/indexIcon/chu-piao-bao-zheng.png');
}
/* 承兑保证 */
#doFunList .convenient a span.icon-chennuobaozheng,
#funList a .icon-chennuobaozheng {
  background: url('../image/indexIcon/chen-nuo-bao-zheng.png');
}
/* 背书申请 */
#doFunList .convenient a span.icon-beishushenqing,
#funList a .icon-beishushenqing {
  background: url('../image/indexIcon/bei-shu-shen-qing.png');
}
/* 贴现申请 */
#doFunList .convenient a span.icon-tiexianshenqing,
#funList a .icon-tiexianshenqing {
  background: url('../image/indexIcon/tie-xian-shen-qing.png');
}
/* 提示付款申请 */
#doFunList .convenient a span.icon-tishifukuang,
#funList a .icon-tishifukuang {
  background: url('../image/indexIcon/ti-shi-fu-kuang.png');
}
/* 照票申请 */
#doFunList .convenient a span.icon-zhaopiaoshenqing,
#funList a .icon-zhaopiaoshenqing {
  background: url('../image/indexIcon/zhao-piao-shen-qing.png');
}
/* 扣款通知确认 */
#doFunList .convenient a span.icon-koukuangtongzhi,
#funList a .icon-koukuangtongzhi {
  background: url('../image/indexIcon/kou-kuang-tong-zhi.png');
}

/* 其他 暂用 提示付款申请图标 */
#doFunList .convenient a span.icon-other,
#funList a .icon-other {
  background: url('../image/indexIcon/ti-shi-fu-kuang.png');
}



/* 左侧菜单栏 */
.bg-haze .left-nav {
  background: #fff;
}
.left-nav .tree .icon {
  top: 18px;
}
.left-nav .tree .icon-home {
  background: url('../image/icon_index.png') no-repeat;
}
.left-nav .tree .icon-authority {
  background: url('../image/icon_yewu.png') no-repeat;
}
.left-nav .tree .icon-account {
  background: url('../image/icon_caiwushi.png') no-repeat;
}
.left-nav .tree .icon-query {
  background: url('../image/icon_chaxun.png') no-repeat;
}
.left-nav .tree .icon-invest {
  background: url('../image/icon_touzi.png') no-repeat;
}
.left-nav .tree .icon-ticket {
  background: url('../image/icon_dianpiao.png') no-repeat;
}
.left-nav .tree .icon-businessgrant {
  background: url('../image/icon_yewu.png') no-repeat;
}
.left-nav .tree .icon-daikuan {
  background: url('../image/icon_daikuan.png') no-repeat;
}
.left-nav .tree .icon-jituanfuwu {
  background: url('../image/icon_jituan.png') no-repeat;
}
.left-nav .tree .icon-service {
  background: url('../image/icon_kefu.png') no-repeat;
}
.left-nav .tree .icon-digital {
  background: url('../image/icon_digital.png') no-repeat;
}
/* 隔列变色 */
.table-color-wrap {
  width: 100%;
  background: #fff;
}
.table-color-wrap table tr td {
  background: #fff;
}
.table-color-wrap table tr td:first-child {
  background: #f8fafc;
}
/* 隔列表色，仅用于四列情况。 兼容 IE8 */
.table-color-wrap table tr td:first-child+td+td {
  background: #f8fafc;
}

/*温馨提示start*/
.top_title_span{
	margin-left: 13px;
	font-size:14px;
}
.new-tips-info{
  padding:10px 15px;
  border:1px solid #e2c822;
  background:#fff9d7;
  line-height:20px;
  height:auto;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  outline:0 none;
  width:auto;
  margin:10px 0;
 }
 .new-tips-info h6{
   margin-bottom:10px
 }
 .new-tips-info p{
   color:#909090;margin:5px 0;font-size:13px
 }
 /*温馨提示end*/

/* 首页公告 */
.note-bar {
  width: 100%; height: 40px;
  line-height: 40px;
  background: #ffeece;
  overflow: hidden;
}
.note-bar .note-wrap {
  position: relative;
  /* width: 90%; */
  width: 100%!important;
  float: left;
}
.note-bar .text {
  padding-left: 34px;
  height: 40px; line-height: 40px;
  background: url('../image/icon_warn.png') no-repeat 10px center;
}
.note-bar .text .note-title{
  color: #ff8217;
}
.note-bar .more {
  float: right;
  padding-right: 20px;
}


/* 登录页新 UI */
.login-header {
  width: 100%; height: 66px;
  background: #fff;
}
.login-header .header-wrap {
  /* width: 1200px; */
  width:100%;
  margin: auto;
  vertical-align: middle;
}
.header-wrap img {
  height: 40px;
  margin-top: 12px;
  vertical-align: top;
}
.header-wrap .line {
  display: inline-block;
  height: 40px;
  margin: 16px 12px 0;
  border-left: 1px solid #888;
  vertical-align: middle;
}
.header-wrap .text {
  display: inline-block;
  font-size: 16px;
  margin-top: 10px;
  vertical-align: middle;
}

.login-contain {
  position: relative;
  width: 100%;
  min-width: 1024px;
  min-height: 680px;
  background: #F3F6Fa;
}
.login-contain .login-box {
  position: relative;
  z-index: 39;
  /* width: 1200px;  */
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
}
.login-contain .bg-wrap {
  width: 100%; height: 568px;
  background: url('../image/login_bg.png') no-repeat;
  background-size: cover;
  background-position: center 0;
}

.login-box .item-wrap {
  position: absolute;
  top: 520px;
  width: 100%; height: 120px;
  text-align: center;
  font-size: 0;
}
.login-box .item-wrap .item {
  display: inline-block;
  /* width: 220px;  */
  width:18%;
  height: 120px;
  background: #fff;
  text-align: center;
  margin: 0 10px;
  font-size: 14px;
  border-radius: 4px;
}
.login-box .item img {
  margin: 12px 0;
}
.login-button-div .login-button {
  background: #f1840e;
  font-size: 16px;
}

/* 登录页 - 页脚 */
.login-footerbox {
  background: #353535;
  color: #b2b2b2;
}
.login-footerbox .footer-lable {
  color: #b2b2b2;
}
.login-footerbox .login-footerbox a {
  color: #b2b2b2;
}
.login-footerbox .login-footerbox p {
  color: #b2b2b2;
}

/* 操作结果页 */
.tab-pane .fail-icon+.result-text+.color-red {
  color: #999;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 10px;
}

.tab-pane .success-icon+.result-text+.color-green {
  color: #999;
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 10px;
