@charset "utf-8";

/**
 * @desciption dora.base 样式模块 - 全局重设样式定义：参考自alice.base
 * @author qiuj
 * @lastModified 2019-01-09
 * @maintainers qiuj
 */
/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}


/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {
    font: 12px/1.5 "Helvetica Neue", Arial, sans-serif;
}

input,
select,
textarea {
    font-size: 100%;
}


/* 去掉各Table cell 的边距并让其边重合 */

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;
    color: #3b81e5;
    cursor: pointer;
}

a:hover {
    color:#3B81E5;
}
input {
    outline: none;
}

.clearfix:after{
  clear:both;
  content:"";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
  }



@media all and (-webkit-min-device-pixel-ratio:0){
	#col3{overflow-x:visible !important}
}

@media all
{
  /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option {
    padding:1px;
    }
  select {
    padding:1px;
  }

  /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:12px;
    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    text-align:left; /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  /* delete style of fieldset by fuyimin*/
  /* original
  fieldset, img { border:0 solid; }*/
  img { border:0 solid; }


  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after, q:before, q:after { content:""; }

  /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }

  .clearfloat {
  	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
  }
/* 单行文字溢出时出现省略号，需设定宽度 */

.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }
}

@media screen, projection
{
  /**
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  /* layout布局-------------------- */
  body#mainframe:before{
    content:"";float:left;width:0;height:100%;margin-top:-32767px
  }/*for opera*/
  #wrap{
    min-height:100%
  }
  #out_main{
    overflow:auto;
    background-color: #f6f6f6;
      min-height: 682px;
  }
  .page{
     overflow-y: hidden;
  }

  #workframe{
      min-height: 678px;
  }
    /*
     * 最小宽度、最大宽度、左右内边距关系到jqui.js内window.setBusinessWidth函数内的数值
     * 如果有首页左右模块无法大小屏正确适配时，可对应查询问题
     */
  .page-wrapper {
    position: relative;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1872px;
    min-width: 1280px;
  }
  .page-wrapper-new {
    position: relative;
    margin: 0 auto;
    max-width: 1872px;
    min-width: 1072px;
  }
  .top-workframe-index{
    width: 100%!important;
    float: none!important;
  }
  #bigpage {
    margin: 0 auto;
  }
  .page_margins {
    /* padding-bottom: 16px; */
      /* background: #f6f6f6 url('../../images/index_bg_top.png') no-repeat; */
  }
  #main{
      position: relative;
      /* margin: 12px auto 0;
      background: #fff; */
    }
  /* header */
  #header {
    position:relative;
    /* padding-top: 12px; */
    /* padding-bottom: 12px; */
    height: 48px;
    background:#3B81E5;
  }

  /* 修改col1 col3 */
  #col1{
    /* float:left;
    position: relative;
    width: 207px;
    background-color: #fff;
    -moz-box-shadow: 2px -3px 6px 1px rgba(40, 40, 40, 0.1);
    -webkit-box-shadow: 2px -3px 6px 1px rgba(40, 40, 40, 0.1);
    box-shadow: 2px -3px 6px 1px rgba(40, 40, 40, 0.1);
    z-index: 999; */
    /* border-right: 1px solid #ddd; */
    min-height: 633px;
    /* box-sizing: border-box; */
  }
  #col1_content {
    position: relative;
    width: 208px;
  }
  #col3{
    position: relative;
    /* padding-bottom: 12px; */
    width:auto;
    overflow:hidden;
    background-color: #fff;
    z-index: 1;
    min-height: 633px;
  }
  #col3_content {
    margin: 0 !important;
    position:relative;
    /* padding: 0 30px; */
    padding: 30px;
    padding-top: 24px;
    height:auto!important;
    height:100%;
  }

  #header, #nav, #main{ clear:both; }
}

@media all {
    /**
    * Fonts
    *
    * (en) global settings of font-families and font-sizes
    * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
    *
    * @section content-global-settings
    */
    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    /*html * {font-size:13px}*/
    /**
     * (en) reset monospaced elements to font size 16px in all browsers
     * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
     *
     * @see: http://webkit.org/blog/67/strange-medium/
     */
    textarea, pre, code, kbd, samp, var, tt {
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* (en) base layout gets standard font size 12px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    .body-width {
        min-width: 1328px;
    }

    body {
        font-family: "Helvetica Neue", Arial, sans-serif;
        color: #242933;
    }

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/
    h1, h2, h3, h4, h5, h6 {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-weight: normal;
        color: #222222;
    }

    h1 {
        font-size: 250%;
    }

    /* 30px */
    h2 {
        font-size: 200%;
    }

    /* 24px */
    h3 {
        font-size: 150%;
    }

    /* 18px */
    h4 {
        font-size: 133.33%;
    }

    /* 16px */
    h5 {
        font-size: 116.67%;
    }

    /* 14px */
    h6 {
        font-size: 116.67%;
    }

    /* 14px */
    /* --- Lists | Listen  ----------------------------

    ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
    ul { list-style-type:disc; }
    ul ul { list-style-type:circle; margin-bottom:0; }

    ol { list-style-type:decimal; }
    ol ol { list-style-type:lower-latin; mlargin-bottom:0; }

    li { margin-left:0.8em; line-height:1.5em; }

    dt { font-weight:bold; }
    dd { margin:0 0 1em 0.8em; }
  ---------------------------------------------------- */
    li {
        list-style: none
    }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
    blockquote, cite, q {
        font-family: "Helvetica Neue", Arial, sans-serif;
        /* font-style:italic; */
    }

    blockquote {
        margin: 0 0 1em 1.6em;
        color: #666666;
    }

    strong, b {
        font-weight: bold;
    }

    /* em,i { font-style:italic; } */
    big {
        font-size: 116.667%;
    }

    small {
        font-size: 91.667%;
    }

    pre {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }

    pre, code, kbd, tt, samp, var {
        font-size: 100%;
    }

    pre, code {
        color: #880000;
    }

    kbd, samp, var, tt {
        color: #666666;
        font-weight: bold;
    }

    /* var, dfn { font-style:italic; } */
    acronym, abbr {
        border-bottom: 1px #AAAAAA dotted;
        font-variant: small-caps;
        letter-spacing: .07em;
        cursor: help;
    }

    sub, sup {
        font-size: 91.6667%;
        line-height: 0;
    }

    hr {
        color: #FFFFFF;
        background: transparent;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border: 0;
        border-bottom: 1px #EEEEEE solid;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */
    /* modify by fuyimin
    a, a:focus, a:hover,a:active, a:visited  { a:link{color:#006EB3 ;  outline: 0 none;} text-decoration: none; color:#2E6E9E ;  outline: 0 none; }*/
    /* 修改a标签状态 */
    /*    a,a:link,a:visited  {color:#006EB3 ;zoom:1 }
       a:focus, a:hover{color:#ff6d09;zoom:1 }
       a:active{color:#333;zoom:1 }
     */
    /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
    p.icaption_left {
        float: left;
        display: inline;
        margin: 0 1em 0.15em 0;
    }

    p.icaption_right {
        float: right;
        display: inline;
        margin: 0 0 0.15em 1em;
    }

    p.icaption_left img,
    p.icaption_right img {
        padding: 0;
        border: 1px #888888 solid;
    }

    p.icaption_left strong,
    p.icaption_right strong {
        display: block;
        overflow: hidden;
        margin-top: 2px;
        padding: 0.3em 0.5em;
        background: #EEEEEE;
        font-weight: normal;
        font-size: 91.667%;
    }

    /**
     * ------------------------------------------------------------------------------------------------- #
     *
     * Generic Content Classes
     *
     * (en) standard classes for positioning and highlighting
     * (de) Standardklassen zur Positionierung und Hervorhebung
     *
     * @section content-generic-classes
     */
    .highlight {
        color: #FE9F28;
    }

    .dimmed {
        color: #888888;
    }

    /**
     * jqgrid表格中的总计
     */
    .info {
        margin-bottom: 8px;
        width: 100%;
        background-color: #fff;
        color: #333333;
    }

    .note {
        background: #F5F5F5;
        color: #515151;
        border: 1px solid #EEEEEE;
        padding: 10px 0;
        margin: 10px auto;
        width: 98%;
    }

    .important {
        background: #FFFFEE;
        color: #444400;
        border: 1px #888844 solid;
        padding: 10px 1%;
        margin: 10px auto;
        margin-bottom: 1em;
        width: 94%;
    }

    .warning {
        background: #FFEEEE;
        color: #440000;
        border: 1px #884444 solid;
        padding: 10px 1%;
        margin: 10px auto;
        margin-bottom: 1em;
        width: 94%;
    }

    .info-show {
        width: 100%;
        margin: 0 auto 5px
    }

    .info-show .item {
        margin: 0 12px
    }

    .info-show .item label {
        color: #006EB3;
        font-weight: bold
    }

    .float_left {
        float: left;
        display: inline;
        margin-right: 1em;
        margin-bottom: 0.15em;
    }

    .float_right {
        float: right;
        display: inline;
        margin-left: 1em;
        margin-bottom: 0.15em;
    }

    .center {
        display: block;
        text-align: center;
        margin: 8px 0;
    }

    .button {
        padding: 0.3em 0.5em;
        margin-left: 2px;
        text-decoration: none;
        position: relative;
        zoom: 1
    }

    /*modify*/
    .button span.ui-icon {
        margin: 0 5px 0 0;
        position: absolute;
        left: .2em;
        top: 50%;
        margin-top: -8px;
    }

    /**************************************
     * 以上内容为第三方样式，不得轻易修改
     * 以下内容按照《规范》要求编写
     ***************************************/
    /*
     * 两栏分隔条
     */
    #splitter {
        border-left: 1px solid #DDDDDD;
        width: 20px;
        height: 33px;
        position: absolute;
        top: 32px;
        left: 170px;
        z-index: 999;
    }

    #splitter-btn {
        height: 120px;
        padding-top: 32px;
        padding-left: 4px;
        cursor: pointer;
        height: 120px;
        color: #666666;
        line-height: 15px;
        background-position: right -250px;
    }

    /* * html #splitter{ position:absolute; left:195px;} */
    /**
     * sidebar --start
     */
    /*
     * 侧边栏功能搜索
     */
    #search {
        position: relative;
        width: 105px;
        height: 24px;
        margin: 16px 0 0 16px;
        padding: 0 26px 0 12px;
        background-color: #F7F7F7;
        border: 1px solid #DDDDDD;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
    }

    #search:hover {
        border: 1px solid #3B81E5;
    }

    #search input {
        position: absolute;
        left: 12px;

        width: 105px;
        height: 24px;
        line-height: 24px;
        vertical-align: middle;
        border: 0;
        background: none;
    }

    #search a {
        position: absolute;
        top: 4px;
        right: 6px;
        display: inline-block;
        width: 16px;
        height: 16px;
        text-decoration: none;
        background-image: url("../../images/icons.png");
        background-repeat: no-repeat;
        background-position: -63px -462px;
    }

    #search a:hover {
        background-position: -134px -462px;
    }

    /*
     * 侧边栏 sidebar
     */
    #sidebar {
        width: 145px;
        margin: 0 0 10px 16px;
    }

    #sidebar .item {
        margin-top: 10px;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #sidebar .title {
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
        overflow: hidden;
        font-size: 12px;
        color: #333333;
        font-weight: bold;
        cursor: pointer;
        border-bottom: 1px solid #E8E8E8;
        background-color: #F7F7F7;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #fast-way .title {
        background-color: #3B81E5;
        border-bottom: 1px solid #3B81E5;
        color: #FFFFFF;
    }

    #sidebar ul {
        overflow: hidden;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #sidebar ul li {
        height: auto;
        padding: 6px 12px;
        border-bottom: 1px solid #E8E8E8;
    }

    #sidebar .userInfo-mess {
        height: auto;
        display: block;
        color: #333333;
        line-height: 26px;
        padding: 6px 12px;
    }

    /*IE7 hack*/
    * + html #sidebar li.bottom {
        margin-top: -4px;
    }

    #sidebar li a {
        text-decoration: none
    }

    /**
     * sidebar --end
     */
    /*
     * 当前位置
     */
     .curr_pos {
        /* width: 100%; */
        height: 32px;
        line-height: 32px;
        color: #767a8b;
        font-weight: normal;
        /* border-bottom: 1px solid #E8E8E8; */
        font-size: 14px;
        display: inline-block;
        padding:0;
    }

    .curr_pos strong {
        /* padding-left: 12px; */
        /* width: 74px; */
        font-size: 14px;
        color: #767a8b;
        font-weight: normal;
        /* background-position: -537px -710px;
        background-image: url("../../images/icons.png");
        background-repeat: no-repeat; */
    }

    .curr_pos span.highLight {
        color: #242933;
    }

    /* 当前位置 --end */
    #online-help {
        color: #F09C0A;
        text-decoration: underline
    }

    /*
     * 提示文字信息
     */
    #page_helps {
        position: relative;
        margin-top: 8px;
    }

    #page_helps .page_helps-icon {
        padding-right: 12px;
        position: absolute;
        top: 12px;
        left: 16px;
        width: 24px;
        height: 24px;
        border-right: 1px dashed #CCCCCC;
        background-position: -120px -525px;
        background-image: url("../../images/icons.png");
        background-repeat: no-repeat;
    }

    #page_helps .text-info-box {
        padding: 8px 64px;
        line-height: 22px;
        color: #333333;
        font-size: 12px;
        border: 1px solid #E8E8E8;
        background-color: #FFFFFF;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }
    #page_helps .text-info-box p{
      padding: 0;
    }
    .page_helps_line {
        height: 5px;
        background-color: #F5F5F5;
        border: 1px solid #E8E8E8;
        border-top: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    /* #page_helps .title{
      font-weight:bold;
      font-size:12px;
      line-height:20px;
      color:#595a59
    } */
    #page_helps .help_bottom {
        margin-top: 4px;
        text-align: right;
        line-height: 20px;
    }

    #func-map {
        color: #F09C0A;
        text-decoration: underline
    }

    /* #pageNo{color:#004685;margin-left:15px} */
    /**
     *侧栏 相关
     */
    .sideLink {
        list-style-type: none;
    }

    .sideLink li {
        margin: 0px;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        height: 21px;
    }

    .sideLink li a {
        display: block;
        margin: 3px;
        margin-left: 8px;
        float: left;
    }

    #sideTabsDiv {
        width: 200px;
        height: 162px;
        margin: 0px;
        margin-bottom: 4px;
    }

    #sideTabs {
        background: none repeat scroll 0 0 white;
        border: none;
        height: 150px;
        padding-left: 48px;
        position: relative;
        width: 140px;
        margin: 0px;
    }

    #sideTabs ul {
        margin: 0px;
        padding: 0px;
    }

    #sideTabs ul.ui-tabs-nav {
        float: left;
        left: -46px;
        list-style: none outside none;
        position: relative;
        top: 0;
        width: 40px;
        height: 162px;
    }

    #sideTabs ul.ui-tabs-nav li {
        background-position: center bottom;
        background-repeat: no-repeat;
        color: white;
        font-size: 12px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 2px;
        clear: left;
        border-right: 0px none !important;
        border-bottom: 1px solid #79B7E7 !important;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-topright: 0px;
    }

    #sideTabs li.ui-tabs-nav-item a {
        color: white;
        display: block;
        height: 70px;
        line-height: 20px;
        width: 48px;
        padding: 0px;
        margin: 0px;
    }

    #sideTabs li.ui-tabs-selected {
        width: 38px;
        z-index: 999;
    }

    #sideTabs ul.ui-tabs-nav li.ui-tabs-selected a {
    }

    #sideTabs .ui-tabs-panel {
        height: 250px;
        left: 48px;
        position: absolute;
        top: 0;
        width: 130px;
        padding: 5px;
    }

    #sideTabs .ui-widget-header {
        background: none;
        border: none;
    }

    #sideTabs .ui-tabs-panel .info {
        height: 72px;
        left: 0;
        position: absolute;
        top: 180px;
    }

    #sideTabs .ui-tabs-hide {
        display: none;
    }

    .sidefragment {
        height: 143px !important;
        height: 147px;
        left: 40px;
        padding: 5px;
        position: absolute;
        top: 4px;
        border-left-width: 0;
        width: 149px;
    }

    /**
    *流程步骤 相关
    */
    .flowbox {
        margin: 8px auto;
        width: 100%;
        height: 32px;
    }

    .flow {
        width: 100%;
        height: 32px;
    }

    .flow li {
        float: left;
        height: 32px;
        line-height: 32px;
        background: url('../../images/flow.png') no-repeat -10px -52px;
        color: #333333;
        font-size: 14px;
        text-align: center;
        overflow: hidden
    }

    .flow li.page_item {
        background-position: right -180px;
    }

    .flow li.first {
        background-position: 0 -244px;
    }

    .flow li.first span {
        margin-left: 10px;
        display: block;
        height: 32px;
        background: url('../../images/flow.png') no-repeat right -180px;
        text-indent: -10px
    }

    .flow li.last {
        background-position: right -52px;
    }

    .flow li.current {
        background-position: -10px -212px;
        color: #3B81E5;
        font-weight: bold;
    }

    .flow li.current_first {
        background-position: 0 -212px;
    }

    .flow li.current_last {
        background-position: right -116px;
    }

    .flow li.before_current span {
        display: block;
        height: 32px;
        background: url('../../images/flow.png') no-repeat right -84px;
        margin-left: 10px;
    }

    .flow li.current span {
        display: block;
        margin-left: 10px;
        height: 32px;
        background: url('../../images/flow.png') no-repeat right -148px;
        text-indent: -10px;
    }

    .flow li.last span {
        display: inline;
        background: none;
    }

    /**
      *流程步骤条 --end
    */
    /* 交易状态 流程条 */
    .status-flowbox {
        margin-bottom: 26px;
    }

    .status-flow {
        margin: 0 auto;
        width: 700px;
        height: 24px;
        line-height: 24px;
    }

    .status-flow li {
        float: left;
    }

    .status-flow .flow-cont {
        position: relative;
        float: left;
        display: inline-block;
        font-size: 14px;
        color: #666666;
    }

    .status-flow .flow-cont span {
        padding-left: 32px;
        font-weight: bold;
    }

    .status-flow .flow-icon {
        position: absolute;
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-style: normal;
        background-position: -679px -819px;
    }

    .status-flow .flow-line {
        float: left;
        margin: 0 8px;
        margin-top: 12px;
        width: 120px;
        border-top: 2px dashed #CBCBCB;
    }

    /* 各个状态 */
    /* 第一步 .first*/
    /* 第一个选中时 .current_first*/
    .status-flow .first .flow-icon {
        color: #FFFFFF;
        background-position: -635px -819px;
    }

    .status-flow .first .flow-line {
        border-top: 2px solid #6CA8EF;
    }

    /* 当第一步是选中状态时 .current_first*/
    .status-flow .current_first .flow-line {
        border-top: 2px dashed #CBCBCB;
    }

    /* 当前步骤 .current*/
    .status-flow .current .flow-icon {
        color: #FFFFFF;
        background-position: -635px -819px;
    }

    /* 选中之前的步条  .before_current*/
    .status-flow .before_current .flow-icon {
        color: #FFFFFF;
        background-position: -635px -819px;
    }

    .status-flow .before_current .flow-line {
        border-top: 2px solid #6CA8EF;
    }

    /* last hide line */
    .status-flow .last .flow-line {
        width: 0;
    }

    /* 交易状态 流程条 end*/
    /*密码强度元素样式*/
    .pwd-intensity {
        width: 230px !important;
        display: inline-block;
    }

    .pwd-intensity td {
        padding: 5px 0 !important;
    }

    #pwd_pwd_lower, #pwd_pwd_middle, #pwd_pwd_high {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    /*<fieldset>样式*/
    fieldset {
        padding: 0;
        width: 100%;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    /*
     * table-h上面标题 账户明细页，账户信息样式
     */
    h3.accoInfo {
        margin: 12px 0;
        font-size: 12px;
    }

    /*
     * 重要公告
     */
    #bulletin {
        position: relative;
        overflow: hidden;
        height: 94px;
        clear: both;
        background-color: #FFFFFF;
        margin: 0px;
    }

    .bulletin {
        position: absolute;
        left: 0;
        top: 0;
        height: 67px;
        padding: 4px 10px;
        text-align: left;
    }

    .bulletin li {
        height: 22px;
        line-height: 22px;
        overflow: hidden
    }

    .bulletin li a {
        text-decoration: none
    }

    .bulletinTitle {
        background-position: 0 -34px;
    }

    #bulletinDiv {
        float: right;
        width: 37%;
        background: #EEEEEE;
        padding: 3px
    }

    #bulletinDiv h2 {
        color: #006EB3;
        height: 20px;
        text-align: left;
        margin: 0 0 0 12px;
        line-height: 20px;
        padding: 4px 0;
        font-size: 13px;
        font-weight: bold
    }

    #bulletinDiv h2 img {
        margin-right: 8px;
    }

    #securityTitle {
        background-position: -20px -34px
    }

    /**
     * 公共常用class
     */
    .hide {
        display: none
    }

    .show {
        display: block
    }

    .show-inline {
        display: inline-block
    }

    .left {
        float: left
    }

    .right {
        float: right
    }

    .align-left {
        text-align: left
    }

    .align-right {
        text-align: right
    }

    .align-center {
        text-align: center
    }

    .clear {
        clear: both
    }

    /* 金额高亮 */
    .highLight-text {
        color: #FE9F28;
        font-weight: bold;
    }

    p.text {
        text-indent: 2em;
    }

    /*蓝色标题样式*/
    .blueTitle {
        margin: 8px 0;
        text-align: center;
        color: #3B81E5;
        font-size: 16px;
    }

    /* .placeholderTip{font-size:12px;color:#999!important} */
    /* //modify by wangmx改width：96改成100 */
    .wrap96 {
        width: 100%;
        margin: 0 auto 0
    }

    .wrapTB {
        border-width: 1px 0px;
        border-style: dashed;
        border-color: grey;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #toggle {
        text-decoration: none;
    }

    #moreDiv #toggle {
        float: left;
    }

    @media print {
        h2.blueTitle, h3.blueTitle, h4.blueTitle, h5.blueTitle {
            color: #333333
        }
    }






    /* logo */
    #logo {
        margin-right: 44px;
        width: 272px;
        height: 26px;
        padding: 11px 0;
        position: absolute;
        left: 24px;
        top: 0;
    }
    /* 顶部 nav */
    #header #topnav {
        /* float: right; */
        /* margin-top: 5px; */
        display: inline-block;
    }
    #header .topnavbox{
        position: absolute;
        right: 24px;
        top: 0;
    }
    #header .topnavspacing{
        display: inline-block;
        border-right: 1px solid #629AEA;
        width: 1px;
        height: 24px;
        margin: 0 8px;
        position: relative;
        top: -3px;
    }

    /* 搜索 */
    #header .search-square{
        width: 500px;
        height:32px;
        margin:  0 auto;
        padding: 8px 0px;
        /* background: #efefef; */
        position: relative;
    }
    #header .search-btn-box{
        border-radius: 18px;
        background: #74a5ec;
         /* background: #000; */
        width: 500px;
        height: 32px;
        position: relative;
        box-sizing: border-box;
        padding: 0 60px 0 36px;
    }
    #header .search-btn-box .search-icon{
        display: inline-block;
        width: 16px;
        height: 16px;
        background:url(../../images/index/index2.png) no-repeat -380px -32px;
        position: absolute;
        top: 8px;
        left: 12px;
    }

    #header .search-btn-box .search-input{
        height: 32px;
        width: 380px;
        border: 0;
        font-size: 14px;
        background: #74a5ec;
        caret-color: #fff;
        color: #fff;
    }
    #header .search-btn-box input.search-input::placeholder{
        color: #dbe9ff !important;
    }
    #header .search-btn-box input.search-input::-webkit-input-placeholder{
        color: #dbe9ff !important;
    }
    #header .search-btn-box input.search-input::-moz-placeholder{
        color: #dbe9ff !important;
    }
    #header .search-btn-box input.search-input:-moz-placeholder{
        color: #dbe9ff !important;
    }
    #header .search-btn-box input.search-input:-ms-input-placeholder{
        color: #dbe9ff !important;
    }

    #header .search-btn-box .search-button{
        display: inline-block;
        width: 60px;
        height: 28px;
        background: #D7E5F9;
        border-radius: 18px;
        position: absolute;
        top: 2px;
        right: 2px;
        text-align: center;
        line-height: 28px;
        color: #3B81E5;
        cursor: pointer;
    }
    #header .search-btn-box .search-delbtn{
        display: inline-block;
        width: 16px;
        height: 32px;
        vertical-align: top;
        cursor: pointer;
        color: #fff;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        display: none;
        background: url(../../images/index/index2.png) no-repeat -738px -188px;
    }
    #header .search-prefab{
        position: absolute;
        top: 0;
        left: 36px;
        height: 32px;
        width: 380px;
        overflow: hidden;
        cursor: text;
    }
    #header .search-prefab p{
        line-height: 32px;
        font-size: 14px;
        color:#dbe9ff;
        height: 32px;
        position: relative;
        top: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #header .search-prefab .search-prefab-slide{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    #header .search-prefab-hidden{
        display: none;
    }




    #header .search-result-box{
        display: none;
        box-sizing: border-box;
        padding: 24px 0;
        width: 476px;
        position: absolute;
        top: 40px;
        left: 12px;
        background: #fff;
        z-index:3;
        box-shadow: 0px 6px 20px 0px rgba(77,108,160,0.1);
        border-radius: 4px;
        /* max-height: 678px;
        overflow-y: auto; */
    }
    .search-result-box .search-default-title{
        margin-bottom: 16px;
    }
    .search-result-box .search-default-title span{
        font-weight: 600;
        font-size: 14px;
        color: #3F485A;
    }
    .search-result-box .search-default-history{
        display: none;
    }
    .search-result-box .search-default-history,
    .search-result-box .search-default-discover{
        margin-bottom: 16px;
    }
    .search-result-box .search-default-title .search-history-empty{
        font-size: 12px;
        color: #767A8B;
        float: right;
        cursor: pointer;
        font-weight: normal;
    }
    .search-result-box .search-history-content p,
    .search-result-box .search-discover-content p{
        display: inline-block;
        background: #F7F8FA;
        border-radius: 16px;
        text-align: center;
        line-height: 20px;
        height: 20px;
        padding: 2px 12px;
        margin-right: 13px;
        margin-bottom: 8px;
        position: relative;
    }
    
    .search-result-box .search-history-content p:hover,
    .search-result-box .search-discover-content p:hover{
        background:#ebf2fc;
    }
    .search-result-box .search-history-content p:hover a,
    .search-result-box .search-discover-content p:hover a,
    .search-result-box .search-history-content p:hover span,
    .search-result-box .search-discover-content p:hover span{
        color:#3b81e5;
    }
    
    .search-result-box .search-history-content p a,
    .search-result-box .search-discover-content p a,
    .search-result-box .search-history-content p span,
    .search-result-box .search-discover-content p span{
        color: #242933;
        font-size: 14px;
        cursor: pointer;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .search-result-box .search-history-content p.search-history-hidden,
    .search-result-box .search-discover-content p.search-discover-hidden{
        display: none;
    }
    .search-result-box .search-history-more,
    .search-result-box .search-discover-more{
        display: inline-block;
        width: 36px;
        height: 24px;
        background: url(../../images/index/index2.png) no-repeat -436px -192px;
        vertical-align: top;
        cursor: pointer;
    }
    .search-result-box .search-history-more:hover,
    .search-result-box .search-discover-more:hover{
        background: url(../../images/index/index2.png) no-repeat -676px -192px;
    }

    .search-result-box .search-history-more-up,
    .search-result-box .search-discover-more-up{
        display: inline-block;
        width: 36px;
        height: 24px;
        vertical-align: top;
        cursor: pointer;
        background: url(../../images/index/index2.png) no-repeat -556px -192px;
    }
    .search-result-box .search-history-more-up:hover,
    .search-result-box .search-discover-more-up:hover{
        background: url(../../images/index/index2.png) no-repeat -616px -192px;
    }
    

    .search-result-box .search-result-lessthen{
        display: none;
        font-size: 12px;
        color: #767A8B;
        text-align: center;
        height: 20px;
        line-height: 20px;
    }
    .search-result-box .search-icon-hot{
        display: inline-block;
        width: 22px;
        height: 16px;
        background: url(../../images/index/index2.png) no-repeat -391px -196px;
    }
    .search-result-box .search-icon-new{
        display: inline-block;
        width: 22px;
        height: 16px;
        background: url(../../images/index/index2.png) no-repeat -347px -196px;
    }

    .search-discover-content .search-icon-new,
    .search-discover-content .search-icon-hot{
        position: absolute;
        top: -7px;
        right: -11px;
    }
    .search-result-box .search-hot-content{
        padding: 16px;
        background: url(../../images/index/searchbg.png) no-repeat;
    }

    .search-result-box .search-hot-content .search-hoticon-1{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../../images/index/index2.png) no-repeat -216px -196px;
        position: relative;
        top: 6px;
        margin-right: 8px;
    }
    .search-result-box .search-hot-content .search-hoticon-2{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../../images/index/index2.png) no-repeat -260px -196px;
        position: relative;
        top: 6px;
        margin-right: 8px;
    }
    .search-result-box .search-hot-content .search-hoticon-3{
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../../images/index/index2.png) no-repeat -304px -196px;
        position: relative;
        top: 6px;
        margin-right: 8px;
    }
    .search-result-box .search-hot-content .search-hoticon-normal{
        display: inline-block;
        width: 20px;
        height: 20px;
        font-size: 12px;
        color: #767A8B;
        margin-right: 8px;
        border-radius: 4px;
        background: #F7F8FA;
        line-height: 20px;
        text-align: center;
    }
    .search-hot-content .search-icon-new,
    .search-hot-content .search-icon-hot{
        margin-left: 4px;
        position: relative;
        top: 2px;
        right: 0px;
    }
    .search-result-box .search-hot-content p a{
        line-height: 42px;
        font-size: 14px;
        color: #242933;
    }
    .search-result-box .search-hot-content p a:hover{
        color:#3B81E5;
    }

    #search-list-tabs .ui-tab-default{
        padding: 0px 21px 0 0;
    }

    .search-result-box .search-functionmenu-infotag{
        font-size: 14px;
        color: #767A8B;
        margin-bottom: 16px;
    }
    .search-result-box .search-functionmenu-foot{
        font-size: 12px;
        color: #767A8B;
        text-align: center;
    }
    .search-result-box .search-functionmenu-foot span{
        color: #279AFF;
        cursor: pointer;
    }
    .search-result-box .search-functionmenu-single{
        margin-bottom: 8px;
    }
    .search-result-box .search-functionmenu-single p{
        font-size: 14px;
        color: #242933;
        line-height: 32px;
    }
    .search-result-box .search-functionmenu-single .search-functionmenu-level{
        padding-left: 32px;
        width: 416px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
        height: 32px;
        cursor: pointer;
    }
    .search-result-box .search-functionmenu-single .search-functionmenu-level:hover{
        background: #ebf2fc;
    }
    .search-result-box .search-functionmenu-single p span{
        font-size: 14px;
        color: #3B81E5;
        line-height: 32px;
    }
    .search-result-box .search-functionmenu-single .search-functionmenu-normalicon{
        display: inline-block;
        height: 32px;
        width: 10px;
        background: url(../../images/index/index2.png) no-repeat -523px -188px;
        vertical-align: top;
        margin-right: 6px;
    }
    .search-result-box .search-functionmenu-single .search-functionmenu-lasticon{
        display: inline-block;
        height: 32px;
        width: 10px;
        background: url(../../images/index/index2.png) no-repeat -493px -196px;
        vertical-align: top;
        margin-right: 6px;
    }
    .search-result-box .search-functionmenu-single a{
        color: #242933;
    }
    .search-second-menu{
        cursor: pointer;
    }
    .search-second-menu:hover{
        background: #ebf2fc;
    }
    


    

    /* chrome & safari 滚动条 */
    #header .search-result-content{
        max-height: 678px;
        overflow-y: auto;
        padding: 0 24px;
        scrollbar-arrow-color: #fff;
        scrollbar-face-color: #eee;
        scrollbar-highlight-color: #fff;
        scrollbar-shadow-color: #fff;
        scrollbar-track-color: #fff;
        scrollbar-3dlight-color: #fff;
        scrollbar-darkshadow-color: #fff;
        scrollbar-base-color: #fff;
        position: relative;
    }
    /* 整体部分 */
    #header .search-result-content::-webkit-scrollbar
    {
        width: 12px;
        height: 10px;
        background-color: #fff;
    }
    /* 滚动条轨道 */
    #header .search-result-content::-webkit-scrollbar-track
    {
        background-color:#fff;
    }
    /* 滑块按钮 */
    #header .search-result-content::-webkit-scrollbar-thumb{
        border-radius: 8px;
        background-color:#ddd;
        box-shadow: inset 00 5px #ddd;
    }
    /* 上下端按钮 */
    #header .search-result-content::-webkit-scrollbar-button{
        height: 0;
        background-color: #fff;
    }

    /* #footer */
    #footer {
        width: 100%;
        height: 64px;
        line-height: 64px;
        background-color: #2D3249;
    }

    #footer .footer-mess {
        text-align: center;
    }

    #footer .footer-link {
        float: right;
    }

    #footer .footer-mess span,
    #footer .footer-link a {
        display: inline-block;
        margin-right: 20px;
        font-size: 12px;
        color: #CCCCCC;
        position: relative;
    }

    #footer .footer-mess .info-icon {
        position: absolute;
        right: -11px;
        top: 26px;
        display: inline-block;
        width: 1px;
        height: 12px;
        background-color: #CCCCCC;
    }

    /**
     * 侧边栏菜单 --start
     */
    .sidebar-menu {
        padding-bottom: 8px;
        position: relative;
        width: 207px;
        background-color: #FFFFFF;
    }

    .sidebar-menu .sidebar-menu-tit {
        margin-bottom: 4px;
    }

    .sidebar-menu .sidebar-menu-tit h3 {
        position: relative;
        padding: 13px 28px 13px 12px;
        font-size: 16px;
        color: #3F485A;
        font-weight: bold;
        background-color: #ffffff;
    }

    /* 滑动icon */
    .sidebar-menu .silde-left {
        position: absolute;
        top: 10px;
        right: 8px;
        display: inline-block;
        width: 14px;
        height: 28px;
        background: url(../../images/standard/common.png) no-repeat -932px -33px;
        cursor: pointer;
    }

    /*sidebar 一级菜单h3 */
    .sidebar-menu .top-menu {
        position: relative;
        display: block;
        padding: 13px 28px 13px 12px;
        line-height: 22px;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }

    .sidebar-menu .top-menu:hover {
        color: #333;
        background: #ebf2fc;
    }

    .sidebar-menu .top-menu-icon {
        position: absolute;
        top: 17px;
        right: 8px;
        display: inline-block;
        width: 16px;
        height: 16px;
        cursor: pointer;
        background-position: -666px -529px;
    }
    .sidebar-menu .selcur .top-menu-icon{
        background-position: -737px -529px;
    }
    .sidebar-menu .selcur .icon-add{
        background-position: -706px -529px;
    }

    /* .sidebar-menu .top-menu:hover .top-menu-icon {
        background-position: -736px -529px;
    } */

    .sidebar-menu .icon-add {
        background-position: -623px -529px;
    }

    /* .sidebar-menu .top-menu:hover .icon-add {
        background-position: -706px -529px;
    } */

    /* 二级菜单 */
    .sidebar-menu .menu-item-list {
        display: none;
    }

    .sidebar-menu .menu-item {
        display: block;
        padding: 13px 24px 13px 12px;
        line-height: 22px;
        font-size: 14px;
        color: #333333;
    }

    .sidebar-menu .menu-item-list .menu-item {
        padding-left:26px;
    }
    .sidebar-menu .menu-item-last-list .menu-item {
        padding-left:40px;
    }

    .sidebar-menu .menu-item:hover {
        background:#ebf2fc ;
    }

    /* 二级菜单选中 */
    .sidebar-menu .menu-item-sel {
        color: #fff;
        background-color: #3B81E5 !important;
    }
    .sidebar-menu .menu-item-sel:hover {
        color: #fff;
    }

    .sidebar-menu .menu-item-sel .menu-item {
        color: #3B81E5;
    }
    .sidebar-menu .selcur{
        color: #3B81E5!important;
    }
    .sidebar-menu .selcur + ul{
        display: block;
    }
    /* 五级菜单 --start */
    .sidebar-menu .menu-item-last-list {
        display: none;
    }
    .sidebar-menu .menu-item-finally-list{
        display: none;
    }

    .sidebar-menu .top-menu-last {
        position: relative;
        display: block;
        padding: 13px 38px 13px 26px;
        line-height: 22px;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }

    .sidebar-menu .top-menu-last:hover {
        background: #ebf2fc;
    }

    .sidebar-menu .top-menu-finally {
        position: relative;
        display: block;
        padding: 13px 38px 13px 40px;
        line-height: 22px;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }

    .sidebar-menu .top-menu-finally:hover {
        background: #ebf2fc;
    }

    .sidebar-menu .menu-item-finally-list .menu-item-last {
        padding-left: 54px;
    }

    /* 五级菜单 --end */
    /* sidebar menu show btn --start */
    .show-sidebar-menu {
        position: absolute;
        top: 0;
        left: -28px;
        width: 14px;
        line-height: 15px;
        padding: 36px 7px 16px;
        background-color: #fff;
        font-size: 14px;
        color: #242933;
        font-weight: bold;
        z-index: 1;
        cursor: pointer;
        display: none;
    }
    .show-sidebar-menu:hover{
        background-color: #ebf2fc;
    }
    .show-sidebar-menu:active{
        color:  #3B81E5;
    }

    .show-sidebar-menu .silde-right {
        position: absolute;
        top: 10px;
        right: 6px;
        display: inline-block;
        width: 14px;
        height: 28px;
        cursor: pointer;
        background: url(../../images/standard/common.png) no-repeat -879px -33px;
    }
    .show-sidebar-menu:active .silde-right{
        background: url(../../images/standard/common.png) no-repeat -879px -33px;
    }

    /* sidebar menu show btn --end */
    /**
     * 侧边栏菜单 --end
     */
    /* add状态指令条 操作成功、失败、待审批条 */
    .status-bar {
        margin-bottom: 16px;
        padding: 16px 0;
        text-align: center;
        border: 1px solid #E8E8E8;
        background-color: #f6f6f6;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    .status-bar-cont {
      position: relative;
      display: inline-block;
    }
    .status-bar .status-bar-icon {
        position: absolute;
        left: 0;
        display: inline-block;
        width: 24px;
        height: 24px;
    }

    .status-bar .status-bar-mess {
        padding-left: 32px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }

    /* 成功 */
    .status-bar-succ .status-bar-icon {
        background-position: -545px -878px;
    }

    /* 失败 */
    .status-bar-fail .status-bar-icon {
        background-position: -513px -878px;
    }

    /* 待审批 */
    .status-bar-wait .status-bar-icon {
        background-position: -578px -878px;
    }

    .status-bar-detail {
      margin-top: 8px;
      font-size: 14px;
      color: #666;
    }
    .status-bar-detail .text-margin32 {
      margin-right: 32px;
    }

    /* add状态指令条 操作成功、失败、待审批条 --end*/
    /* add  对称信息表格*/
    .symmetry-tables {
        margin-bottom: 26px;
        padding: 24px 0;
        border: 1px solid #E8E8E8;
    }

    .symmetry-table {
        float: left;
        width: 49%;
        display: inline-block;
    }

    .symmetry-table-left {
        border-right: 2px dotted #CCCCCC;
    }

    .symmetry-table .table {
        margin: 0 auto;
    }

    .symmetry-table .table td .table-label {
        padding: 6px 0;
        display: inline-block;
        width: 80px;
        font-size: 12px;
        color: #666666;
        font-weight: bold;
        text-align: right;
    }

    .symmetry-table .table td .table-span {
        padding: 6px 0;
        max-width: 250px;
        display: inline-block;
        margin-left: 15px;
        font-size: 12px;
        color: #333333;
        vertical-align: top;
    }
    .symmetry-table .table td .highLight-text {
        color: #FE9F28;
    }

    /* 猜你想去 */
    .guess-link {
        margin-top: 26px;
        font-size: 12px;
        color: #515151;
    }

    .guess-link-a {
        margin-right: 10px;
        color: #3B81E5;
    }

    /* 公共 */
    /* 基础title */
    .base-title {
        padding-bottom: 16px;
        font-size: 14px;
        color: #333333;
        font-weight: bold;
    }

    .marleft0 {
        margin-left: 0 !important;
    }

    /* 虚线 */
    .dashed-line {
        height: 1px;
        border-bottom: 1px dashed #E8E8E8;
    }
}

/* 新版首页 */
#user-info{
    position: relative;
    height: 48px;
    display: inline-block;
}
/* #user-info:hover .user-info-box{
   display: block;
} */
#user-info .user-info-title{
    padding-top: 5px;
    cursor: pointer;
    text-align: right;
}
#user-info .user-info-title-icon{
    display: inline-block;
    top: 3px;
    width: 32px;
    height: 32px;
    background: url(../../images/index/index.png) no-repeat -299px -88px;
}

#user-info .user-info-title-nameid{
    display: inline-block;
    padding-left: 4px;
    text-align: left;
}


#user-info .user-info-down{
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/index/index2.png) no-repeat -420px -32px;
}
#user-info .user-info-name span{
    display: inline-block;
    max-width:200px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    line-height: 12px;
    height: 12px;
    font-size: 14px;
    color:#fff;
}
#user-info .user-info-ncid{
    color: #b2d2ff;
}

#user-info .user-info-box{
    box-sizing: border-box;
    display: none;
    position: absolute;
    top:47px;
    right: -30px;
    background: #fff;
    width: 300px;
    height: 330px;
    border: 1px solid #eee;
    z-index: 4;
    box-shadow: 1px 2px 14px 0px rgba(18,47,88,0.15);
    border-radius: 8px;
    padding:15px;
}
#user-info .user-head-img{
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(../../images/index/index.png) no-repeat -352px -79px;
}


#user-info  .user-head-info{
    display: inline-block;
    vertical-align: top;
    width: 216px;
}
#user-info  .user-head-center{
    display: inline-block;
    vertical-align: top;
}
#user-info .user-bg1{
    display: inline-block;
    background: #e5f9f3;
    color: #06C687;
    margin-right: 4px;
}
#user-info .user-bg2{
    display: inline-block;
    background: #e9f4ff;
    color: #279AFF
}
#user-info  .user-head-name{
    display: inline-block;
    font-size: 14px;
    color: #262626;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}
#user-info  .user-head-info span{
    font-size: 12px;
    line-height:20px;
    text-align: center;
    padding: 2px 4px;
    float: left;
    margin-bottom: 4px;
}
#user-info  .user-head-center a{
    color: #3B81E5;
    cursor: pointer;
}
#user-info .user-box-head{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
#user-info .user-box-content{
    padding:10px 0;
}
#user-info .user-box-content p{
    color: #3f485a;
    line-height: 26px;
}
#user-info .user-box-content p a{
    float: right;
}
#user-info .user-box-foot p i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/index/index.png) no-repeat -16px -165px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
#user-info .user-box-foot p{
    cursor: pointer;
    width: 128px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid #ccc;
    margin: 0 auto;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
}

.user-info-title-out{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/index/index2.png)  no-repeat -460px -31px;
    margin-left: 10px;
    position: relative;
    top: -4px;
    cursor: pointer;
}
#header .user-info-title-out:hover{
    background: url(../../images/index/index2.png)  no-repeat -922px -31px;
}


/* 顶部当前位置&&步骤条 */
.mian-header{
    height: 32px;
    display: none;
}
.mian-header .steps{
    float: right;
    height: 32px;
    line-height: 32px;
    display: none;
}
.mian-header .curr_pos{
    padding: 0;
}
.steps div{
    display: inline-block;
}

.steps .icon-steps-success{
    display: inline-block;
    width: 18px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -404px -33px;
    vertical-align: top;
}
.steps .icon-steps-now{
    display: inline-block;
    width: 24px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -488px -33px;
    vertical-align: top;
}
.steps .icon-steps-will{
    display: inline-block;
    width: 18px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -530px -33px;
    vertical-align: top;
}
.steps .state-steps-success{
    font-size: 14px;
    color: #242933;
}
.steps .state-steps-now{
    font-size: 14px;
    color: #3B81E5;
}
.steps .state-steps-will{
    font-size: 14px;
    color:#767A8B;
}
.steps .line-steps-success{
    position: relative;
    top: -4px;
    display: inline-block;
    width: 80px;
    margin: 0 8px;
    border-bottom: 1px solid #3B81E5;
}
.steps .line-steps-now,
.steps .line-steps-will{
    position: relative;
    top: -4px;
    display: inline-block;
    width: 80px;
    margin: 0 8px;
    border-bottom: 1px dashed #B0CCF4;
}

.steps-plan{
    clear: both;
}
.steps-plan:after{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.steps-plan .steps-plan-div{
    float: left;
    position: relative;
}

.steps-plan .icon-steps-gray{
    display: inline-block;
    width: 18px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -530px -33px;
    vertical-align: middle;
}
.steps-plan .icon-steps-now{
    display: inline-block;
    width: 18px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -488px -33px;
    vertical-align: middle;
}
.steps-plan .line-steps-success{
    position: relative;
    display: inline-block;
    top: -2px;
    border-bottom: 1px solid #3B81E5;
}
.steps-plan .line-steps-will{
    position: relative;
    display: inline-block;
    top: -2px;
    border-bottom: 1px dashed #B0CCF4;
}

.steps-plan  .steps-plan-info{
   position: relative;
}
.steps-plan  .steps-plan-info p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.steps-plan  .steps-plan-info .steps-plan-title{
    font-size: 14px;
    color: #242933;
}
.steps-plan  .steps-plan-info .steps-plan-title-now{
    font-size: 14px;
    color:#3B81E5 ;
}
.steps-plan  .steps-plan-info .steps-plan-title-will{
    font-size: 14px;
    color: #767a8b;
}
.steps-plan  .steps-plan-info .steps-plan-tag{
    font-size: 12px;
    color: #767a8b;
}

.steps-icon{
    clear: both;
}
.steps-icon:after{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.steps-icon .steps-icon-div{
    float: left;
    position: relative;
}

.steps-icon .icon-steps-gray{
    display: inline-block;
    width: 18px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -530px -33px;
    vertical-align: middle;
}
.steps-icon .icon-steps-now{
    display: inline-block;
    width: 18px;
    height: 32px;
    background: url('../../images/standard/common.png') no-repeat -488px -33px;
    vertical-align: middle;
}
.steps-icon .line-steps-success{
    position: relative;
    display: inline-block;
    top: -16px;
    border-bottom: 1px solid #3B81E5;
}
.steps-icon .line-steps-will{
    position: relative;
    display: inline-block;
    top: -16px;
    border-bottom: 1px dashed #B0CCF4;
}

.steps-icon  .steps-icon-info{
    position: relative;
}
.steps-icon  .steps-icon-info p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.steps-icon  .steps-icon-info .steps-icon-title{
    font-size: 14px;
    color: #242933;
}
.steps-icon  .steps-icon-info .steps-icon-title-now{
    font-size: 14px;
    color:#3B81E5 ;
}
.steps-icon  .steps-icon-info .steps-icon-title-will{
    font-size: 14px;
    color: #767a8b;
}
.steps-icon  .steps-icon-info .steps-icon-tag{
    font-size: 12px;
    color: #767a8b;
}

.steps-icon1{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -19px -434px;
}
.steps-icon2{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -274px -434px;
}
.steps-icon2-gray{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -84px -434px;
}
.steps-icon3{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -339px -434px;
}
.steps-icon3-gray{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -148px -434px;
}
.steps-icon4{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -404px -434px;
}
.steps-icon4-gray{
    display: inline-block;
    width: 38px;
    height: 36px;
    background: url('../../images/signonce.png') no-repeat -210px -434px;
}


/* 颜色 */
.color-blue{
    color: #3B81E5 !important;
}
.color-gold{
    color: #936243 !important;
    font-weight: bold;
}
.color-red{
    color:#ff4542 !important;
}
.color-white{
    color: #fff !important;
}
.color-link{
    color:#279AFF !important;
}
.color-success{
    color:#049e6c !important;
    font-weight: bold;
}
.color-warn{
    color:#FFC802 !important;
}
.word-main{
    color:#242933;
}
.word-minor{
    color:#3F485A;
}
.word-assist{
    color:#767A8B;
}
.word-weak{
    color:#ccc;
}
.margin-right-16 {
    margin-right: 16px;
}
/* 左侧菜单操作员权限设置,控制高度出滚动条 */
.sidebar-menu{
    max-height: 800px;
    overflow-y: auto;
}
.hidden-important{
    display: none !important;
}