* {
  box-sizing: border-box; }

:-ms-input-placeholder.form-control {
  color: #999 !important; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

body {
  height: 100%;
  color: #666;
  font-family: "\5FAE\8F6F\96C5\9ED1"; }

header {
  background-color: #fff;
  height: 65px; }
  header .inner {
    width: 1200px;
    height: 39px;
    margin: 0 auto; }
  header .logo {
    display: inline-block;
    margin-right: 33px;
    padding: 18px 0;
    text-decoration: none; }
  header .subtile {
    padding-left: 22px;
    color: #509df7;
    font-size: 14px;
    border-left: 1px solid #9a9a9a; }
  header .header-info {
    float: right; }
    header .header-info .cus-name {
      display: inline-block;
      padding-bottom: 20px;
      vertical-align: middle; }
    header .header-info .head-box {
      display: inline-block;
      position: relative;
      margin-top: 20px;
      margin-left: 10px;
      padding: 0 20px 0 0; }
      header .header-info .head-box::after {
        position: absolute;
        right: 5px;
        top: 13px;
        content: '';
        width: 0;
        height: 0;
        border: solid 4px;
        border-color: #a1a1a1 transparent transparent transparent; }
      header .header-info .head-box .operat-group {
        position: absolute;
        top: 48px;
        right: 0px;
        height: 120px;
        width: 160px;
        border: 1px solid #e6e6e6;
        background-color: #fff;
        padding: 5px 0;
        display: none;
        z-index: 1; }
        header .header-info .head-box .operat-group.active {
          display: block; }
        header .header-info .head-box .operat-group li {
          padding: 8px 25px;
          cursor: pointer; }
          header .header-info .head-box .operat-group li a {
            color: #666; }
          header .header-info .head-box .operat-group li.active a {
            color: #4a91e3; }
        header .header-info .head-box .operat-group::after {
          content: '';
          width: 0;
          height: 0;
          border: 11px solid;
          border-color: transparent transparent #fff transparent;
          display: block;
          position: absolute;
          top: -22px;
          right: 25px; }
        header .header-info .head-box .operat-group::before {
          content: '';
          width: 0;
          height: 0;
          border: 12px solid;
          border-color: transparent transparent #e6e6e6 transparent;
          display: block;
          position: absolute;
          top: -24px;
          right: 24px; }
    header .header-info .icon-head {
      display: block;
      width: 31px;
      height: 31px;
      border-radius: 50%;
      border: 1px solid #dbdbdb;
      background-color: #dbdbdb;
      overflow: hidden; }
      header .header-info .icon-head img {
        width: 31px;
        height: 31px; }
  header .nav-bg {
    background: #fff;
    padding-top: 20px; }
    header .nav-bg .nav-main {
      width: 510px;
      margin: 0 auto;
      background: #fff;
      text-align: right; }
      header .nav-bg .nav-main ul.nav-tabs {
        display: inline-block;
        border-bottom: 0; }
        header .nav-bg .nav-main ul.nav-tabs li a {
          background-color: transparent;
          border: 0;
          color: #666;
          width: 90px;
          height: 34px;
          line-height: 14px;
          text-align: center; }
        header .nav-bg .nav-main ul.nav-tabs li.active a {
          color: #509df7; }
        header .nav-bg .nav-main ul.nav-tabs li:last-child {
          margin-right: 90px; }

nav {
  height: 37px;
  background-color: #4a91e3; }
  nav .inner-nav {
    width: 1200px;
    margin: 0 auto; }
    nav .inner-nav ul {
      height: 36px; }
      nav .inner-nav ul li {
        cursor: pointer;
        display: inline-block;
        text-align: center;
        height: 36px;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 36px;
        border-radius: 4px 4px 0 0;
        max-width: 104px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-width: 76px; }
        nav .inner-nav ul li.active {
          background-color: #4a91e3;
          color: white;
          position: relative; }
          nav .inner-nav ul li.active .icon-close {
            background: url("../images/cftrade/close-nav.png") 4px 4px no-repeat;
            width: 15px;
            height: 15px;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer; }

footer {
  text-align: center;
  padding: 30px 0;
  background-color: #fff;
  color:#353535}
  footer .inner {
    width: 1000px;
    margin: 0 auto; }
  footer .other > a {
    color: #666; }
  footer .vline {
    margin: 0 12px 0 10px;
    border-left: 1px solid #888;
    border-right: 1px solid #999; }

.off-foot {
  margin-top: 0;
  width: 100%; }

.box-hide {
  display: none; }

.login-btn {
  background-color: #fd5849;
  height: 50px;
  border-radius: 4px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  color: #fff; }
  .login-btn:hover {
    cursor: pointer; }

.error {
  outline: 1px solid red; }

.page .content {
  width: 1200px;
  margin: 30px auto 39px;
  background-color: #fff; }
  .page .content .content-nav {
    padding-bottom: 25px;
    padding-right: 29px;
    padding-top: 10px;
    overflow: hidden; }
    .page .content .content-nav .nav-ul {
      float: left; }
      .page .content .content-nav .nav-ul li {
        float: left;
        margin-right: 12px; }
        .page .content .content-nav .nav-ul li a {
          color: #333;
          padding: 10px;
          border-radius: 4px; }
          .page .content .content-nav .nav-ul li a:hover {
            color: #4a91e3; }
        .page .content .content-nav .nav-ul li.active a {
          background-color: #4a91e3;
          color: #fff;
          text-decoration: none; }
    .page .content .content-nav .btn-1 {
      float: right; }
      .page .content .content-nav .btn-1:hover {
        background-color: #4a91e3;
        color: #fff; }

.page .btn-group-foot {
  margin-bottom: 30px;
  text-align: center;
  width: 100%; }
  .page .btn-group-foot .btn-1 {
    width: 180px;
    padding: 0;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin-left: 30px; }
    .page .btn-group-foot .btn-1:first-child {
      margin-left: 0; }
  .page .btn-group-foot .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }
  .page .btn-group-foot .btn-next {
    background-color: #4a91e3;
    color: #fff;
    border-color: #4a91e3; }

.btn-1 {
  background-color: #fff;
  border: 1px solid #4a91e3;
  color: #4a91e3;
  padding: 4px 21px;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  text-align: center; }

.btn-2 {
  display: inline-block;
  background-color: #4a91e3;
  color: #fff;
  border-radius: 5px; }

.pagination {
  margin-top: 29px;
  margin-bottom: 0; }
  .pagination a {
    border-color: #d9d9d9;
    color: #666666; }
  .pagination .current {
    background-color: #4a91e3;
    border-color: #4a91e3; }

.turn {
  text-align: right; }
  .turn .pagination .current.prev, .turn .pagination .current.next {
    border-color: #d9d9d9;
    color: #666666; }
  .turn .form-control {
    display: inline-block;
    width: 40px;
    height: 30px;
    border-radius: 0; }
  .turn .go {
    display: inline-block;
    background-color: #4a91e3;
    border-radius: 2px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    padding: 4px 16px; }

.shadow {
  box-shadow: 0 0 15px #D1CFCD;
  border: 1px solid #D1CFCD; }

a:hover {
  text-decoration: none; }

.color-red {
  color: #fd3a49; }

/*! jQuery UI - v1.11.4 - 2015-03-23
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  color: #444;
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #fff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  background: #fd3a48;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: bold;
  color: #666666; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #fd3a48;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #fd3a48;
  font-weight: bold;
  color: #fff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #fd3a48;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #fd3a48;
  font-weight: bold;
  color: #fff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fd3a48;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #f8a6ac;
  background: #f8a6ac;
  color: #666666; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900;
  color: #ffffff; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../img/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("../img/ui-icons_ffffff_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("../img/ui-icons_ef8c08_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../img/ui-icons_ffffff_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("../img/ui-icons_ef8c08_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("../img/ui-icons_228ef1_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../img/ui-icons_ffd27a_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #666666;
  opacity: .5;
  filter: Alpha(Opacity=50);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000;
  opacity: .2;
  filter: Alpha(Opacity=20);
  /* support: IE8 */
  border-radius: 5px; }

.table-warp table {
  width: 100%;
  border: 1px solid #e6e6e6; }
  .table-warp table thead {
    border-bottom: solid 1px #e6e6e6;
    background-color: #ededed; }
  .table-warp table tr {
    border-bottom: solid 1px #e6e6e6; }
  .table-warp table tbody tr:nth-child(odd) {
    background-color: #fff; }
  .table-warp table tbody tr:nth-child(even) {
    background-color: #f7f7f7; }
  .table-warp table tbody tr:hover {
    background: #ffffe2; }
    .table-warp table tbody tr:hover td input {
      background: #ffffe2;
      color: #333; }
  .table-warp table tbody tr.active, .table-warp table tbody tr.continue {
    background: #ffffe2; }
  .table-warp table th {
    height: 40px; }
  .table-warp table td {
    height: 78px; }
  .table-warp table td p {
    margin: 0; }
  .table-warp table td input {
    width: 90%;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    padding: 0;
    color: #666; }
  .table-warp table td input.readonly {
    border: 0; }
  .table-warp table td.oprate {
    width: 15%;
    text-align: center; }
    .table-warp table td.oprate .btn-default {
      color: #4a91e3; }
    .table-warp table td.oprate .btn-group .btn-default {
      text-shadow: none;
      background-image: none; }
    .table-warp table td.oprate .btn-group .btn-1 {
      padding: 4px 5px 4px 15px;
      border-right: none; }
    .table-warp table td.oprate .btn-group .dropdown-toggle {
      padding-top: 4px;
      padding-bottom: 4px;
      border: solid 1px #4a91e3;
      border-left: none; }
    .table-warp table td.oprate .open > .dropdown-toggle.btn-default {
      background-color: #4a91e3; }
    .table-warp table td.oprate button:hover {
      background-color: #4a91e3;
      color: #fff;
      border: solid 1px #4a91e3; }
    .table-warp table td.oprate button:focus {
      background-color: #4a91e3;
      color: #fff;
      outline: none;
      border: solid 1px #4a91e3; }
    .table-warp table td.oprate .dropdown-menu {
      padding: 0;
      border: solid 1px #4a91e3;
      color: #4a91e3;
      min-width: 103px; }
      .table-warp table td.oprate .dropdown-menu li a {
        color: #4a91e3; }
        .table-warp table td.oprate .dropdown-menu li a:hover {
          background-color: #4a91e3;
          background-image: none;
          color: #fff; }
      .table-warp table td.oprate .dropdown-menu li:hover {
        background-color: #4a91e3;
        color: #fff; }
        
        .table-warp table td .long-txt {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; }
 

.table-warp .ui-datepicker tr {
  border: none; }
  .table-warp .ui-datepicker tr:hover {
    background: inherit; }
  .table-warp .ui-datepicker tr th, .table-warp .ui-datepicker tr td {
    height: auto; }

.alert-modal {
  border-radius: 0; }
  .alert-modal .modal-dialog {
    width: 350px;
    margin: 200px auto; }
  .alert-modal .modal-content {
    border-radius: 0; }
    .alert-modal .modal-content .modal-body {
      text-align: center;
      padding-top: 30px; }
  .alert-modal .modal-footer {
    border-top: none;
    text-align: center; }
    .alert-modal .modal-footer .btn {
      padding: 5px 25px;
      border-radius: 0;
      background-color: #fff;
      color: #4a91e3;
      border: 1px solid #4a91e3; }
      .alert-modal .modal-footer .btn:hover {
        color: #4a91e3; }
      .alert-modal .modal-footer .btn:first-child {
        background-color: #4a91e3;
        color: #fff; }
        .alert-modal .modal-footer .btn:first-child:hover {
          color: #fff; }

.submit-modal .modal-body {
  text-align: center;
  color: #333; }
  .submit-modal .modal-body p {
    margin-top: 44px;
    font-size: 16px; }

.submit-modal .modal-footer {
  text-align: center;
  border-top: none; }
  .submit-modal .modal-footer .btn-2 {
    padding: 10px 75px;
    font-size: 16px; }

.submit-modal .icon-suc {
  width: 56px;
  height: 56px;
  background-image: url(../img/submit-suc.png);
  display: block;
  margin: 0 auto; }

.js-dialog {
  background-color: #fff; }
  .js-dialog .js-dialog-hd {
    height: 40px;
    line-height: 40px;
    padding-left: 18px; }
    .js-dialog .js-dialog-hd h2 {
      color: #12171d;
      font-size: 22px;
      text-align: center;
      padding-top: 10px; }
  .js-dialog .js-dialog-bd {
    word-wrap: break-word;
    word-break: break-all; }
    .js-dialog .js-dialog-bd .icon {
      margin-right: 5px; }
    .js-dialog .js-dialog-bd .btn-wrap {
      padding: 20px 0 0;
      text-align: center; }
      .js-dialog .js-dialog-bd .btn-wrap button {
        background-color: #fff;
        border: 1px solid #4a91e3;
        color: #4a91e3;
        padding: 4px 21px;
        border-radius: 5px;
        text-decoration: none;
        cursor: pointer;
        text-align: center; }
    .js-dialog .js-dialog-bd .btn-dialog {
      width: 115px;
      margin: 0 5px; }
    .js-dialog .js-dialog-bd .tip-wrap {
      position: relative;
      padding: 10px 50px;
      margin-left: 40px; }
      .js-dialog .js-dialog-bd .tip-wrap .icon {
        margin-bottom: -8px;
        margin-left: -45px;
        line-height: 0; }
    .js-dialog .js-dialog-bd .dialog-content {
      padding: 18px 55px; }
  .js-dialog .js-dialog-close {
    position: absolute;
    top: 4px;
    right: 12px;
    height: 32px;
    width: 33px;
    background: url(../img/close-ico.png) 0 0 no-repeat;
    cursor: pointer;
    font-size: 0;
    content: ""; }
  .js-dialog .js-scrollable {
    overflow-x: hidden;
    overflow-y: auto; }
  .js-dialog .load-wrap {
    width: 100%;
    height: 100%; }
    .js-dialog .load-wrap td {
      height: 100%;
      text-align: center;
      vertical-align: middle; }

.js-mask {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.1; }

/*anyChatIframe*/
iframe.anyChatIframe {
  filter: alpha(opacity=0);
  border: 0 none;
  position: absolute;
  visibility: inherit;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1; }

.layerbox {
  width: 100%; }
  .layerbox .confirmC {
    padding: 0;
    text-align: center;
    margin-top: 25px; }
    .layerbox .confirmC a {
      float: none; }
  .layerbox .hborder {
    height: 0; }
  .layerbox .vborder {
    width: 0; }
  .layerbox td {
    padding: 0; }
  .layerbox .boxtitle {
    height: 40px;
    line-height: 40px;
    padding-left: 18px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #fff; }
    .layerbox .boxtitle h2 {
      color: #12171d;
      font-size: 22px;
      text-align: center;
      padding-top: 10px; }
    .layerbox .boxtitle .close {
      position: absolute;
      top: 8px;
      right: 12px;
      height: 32px;
      width: 33px;
      background: url(../images/close-ico.png) 0 0 no-repeat;
      cursor: pointer;
      font-size: 0;
      content: ""; }
  .layerbox .boxcont {
    background-color: #fff;
    padding: 15px;
    border-radius: 0 0 10px 10px; }
    .layerbox .boxcont:after {
      clear: both;
      content: " ";
      display: block;
      height: 0; }

.pull-right p {
  color: #9a9a9a;
  font-size: 14px;
  margin-top: 10px; }

.page-login {
  max-width: 1660px;
  height: 100%;
  min-height: 460px;
  margin: 0 auto;
  background: url("../img/login-bg.png") center center no-repeat; }
.page-login .middle-warp {
  padding-top: 90px;
  min-width: 1000px;
  padding-bottom: 100px; }
.page-login .middle-warp .middle-box {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  min-height: 335px; }
.page-login .middle-warp .middle-box .tagline {
  display: none; }
.page-login .login-box {
  position: absolute;
  right: 0;
  width: 380px;
  height: 300px;
  border-radius: 5px;
  background-color: #FFFFFF; }
.page-login .login-box .title {
  display: none;
  background-color: #51575d;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center; }
.page-login .login-box .login-content {
  padding: 50px 38px 38px 38px;
}
.page-login .login-box .login-content .ui-loginerr p {
  text-align: center;
  font-size: 16px;
  line-height: 1;
  color: dimgray;
  position: absolute;
  top: 20px;
  left: 40px;}
.page-login .login-box .login-content .input-group {
  display: block;
  margin-bottom: 23px;
  border: solid #C8C8C8 1px; }
.page-login .login-box .login-content .input-group .form-control {
  position: static; }
.page-login .login-box .login-content .input-group-addon {
  background-color: #F5F6FA;
  border: none;
  border-right: solid #C8C8C8 1px; }
.page-login .login-box .login-content label {
  margin: 0 0 0 45px;
  display: block; }
.page-login .login-box .login-content label i {
  display: inline-block;
  width: 20px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  border-right: solid 1px #C8C8C8; }
.page-login .login-box .login-content label i.mobile-icon {
  background: #F5F6FA url(../img/account-icon.png) no-repeat 50%; }
.page-login .login-box .login-content label i.password-icon {
  background: #F5F6FA url(../img/pwd-icon.png) no-repeat 50%; }
.page-login .login-box .login-content input[type="text"],
.page-login .login-box .login-content input[type="password"] {
  height: 46px;
  font-size: 16px;
  padding-left: 22px;
  border: none;
  outline: none;
  box-shadow: none; }
.page-login .login-box .login-content .login-btn,
.page-login .login-box .login-content #btn_login_div {
  cursor: pointer;
  margin-top: 40px;
  background-color: #D4003B;
  height: 50px;
  border-radius: 4px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  color: #fff; }
.page-login .login-box .login-content .login-btn a,
.page-login .login-box .login-content #btn_login_div a {
  color: #FFFFFF; }
.page-login .login-box .login-content .login-btn:hover {
  cursor: pointer; }
.page-login .login-box #myAlert {
  position: absolute;
  top: 50px;
  width: 100%;
  left: 0;
  height: 45px;
  display: none; }
.page-login .login-box .line {
  margin-bottom: 25px; }
.page-login .tagline {
  position: absolute;
  width: 475px;
  height: 425px;
  top: -30px;
  left: 65px; }
.page-login .tagline p {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 40px; }

.page-index-work .content {
  margin-bottom: 0; }
  .page-index-work .content .content-nav {
    font-size: 16px; }
    .page-index-work .content .content-nav .icon {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 10px;
      vertical-align: middle; }
      .page-index-work .content .content-nav .icon.icon-product {
        width: 14px;
        height: 14px;
        background: url(../img/icon-product.png); }
      .page-index-work .content .content-nav .icon.icon-financial {
        background: url(../img/icon-financial.png); }
  .page-index-work .content.content1 {
    margin-top: 22px;
    margin-bottom: 45px; }

.page-index-work .tab-content ul {
  font-size: 0; }
  .page-index-work .tab-content ul li {
    width: 230px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 19px;
    border: 1px solid #e6e6e6;
    text-align: center;
    margin-left: 90px; }
    .page-index-work .tab-content ul li:first-child {
      margin-left: 0; }
    .page-index-work .tab-content ul li:hover {
      background-color: #f7f7f7; }
    .page-index-work .tab-content ul li h5 {
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: normal; }
    .page-index-work .tab-content ul li span {
      font-size: 50px;
      border-radius: 50%;
      color: #333333;
      display: block;
      height: 110px;
      line-height: 110px;
      text-align: center; }
    .page-index-work .tab-content ul li .btn-1 {
      margin-top: 36px;
      font-size: 14px;
      color: #666666;
      border-radius: 20px;
      display: inline-block;
      width: 110px;
      border-color: #cccccc;
      padding: 6px 21px; }
    .page-index-work .tab-content ul li:hover .btn-1 {
      border-color: #4a91e3;
      color: #4a91e3; }
    .page-index-work .tab-content ul li.li-waiting span {
      background-color: #fd3a71;
      color: #fff;
      width: 110px;
      margin: 0 auto; }
    .page-index-work .tab-content ul li.li-waiting .btn-1 {
      background-color: #fd3a71;
      border-color: #fd3a71;
      color: #fff; }
    .page-index-work .tab-content ul li.li-waiting:hover .btn-1 {
      background-color: #ef2554; }
    .page-index-work .tab-content ul li.li-reform span {
      background-color: #36a8ff;
      color: #fff;
      width: 110px;
      margin: 0 auto; }
    .page-index-work .tab-content ul li.li-reform .btn-1 {
      background-color: #36a8ff;
      border-color: #36a8ff;
      color: #fff; }
    .page-index-work .tab-content ul li.li-reform:hover .btn-1 {
      background-color: #2096f0; }

.page-workDesk .search-bar {
  padding-top: 25px;
  padding-bottom: 15px;
  padding-left: 20px;
  border: 1px solid #e6e6e6;
  border-bottom: 0; }
  .page-workDesk .search-bar .form-inline {
    font-size: 0; }
    .page-workDesk .search-bar .form-inline .form-control, .page-workDesk .search-bar .form-inline .form-group {
      display: inline-block;
      width: auto;
      vertical-align: middle;
      font-size: 14px;
      margin-left: 10px;
      height: 36px; }
      .page-workDesk .search-bar .form-inline .form-control:first-child, .page-workDesk .search-bar .form-inline .form-group:first-child {
        margin-left: 0; }
      .page-workDesk .search-bar .form-inline .form-control .productName-control, .page-workDesk .search-bar .form-inline .form-group .productName-control {
        width: 200px; }
      .page-workDesk .search-bar .form-inline .form-control .custName-control, .page-workDesk .search-bar .form-inline .form-group .custName-control {
        width: 130px; }
      .page-workDesk .search-bar .form-inline .form-control .productType-control, .page-workDesk .search-bar .form-inline .form-group .productType-control {
        width: 130px; }
      .page-workDesk .search-bar .form-inline .form-control .cer-control, .page-workDesk .search-bar .form-inline .form-group .cer-control {
        width: 160px; }
  .page-workDesk .search-bar .search-btn {
    background: #4a91e3;
    padding: 7px 30px;
    margin-left: 15px;
    color: #fff; }

.page-workDesk .content-nav .btn-1 {
  background-color: #4a91e3;
  color: #fff;
  padding: 7px 39px; }

.page-workDesk .content {
  margin-top: 40px; }

.page-workDesk .tab-content th:first-child {
  text-align: center; }

.page-workDesk .tab-content th:last-child {
  text-align: center; }

.page-workDesk .tab-content tr td {
  color: #333; }

.page-workDesk .tab-content tr .btn-1 {
  padding: 4px 28px; }

.page-workDesk .tab-content tr td:first-child {
  text-align: center; }

.page-workDesk .tab-content .btn-group.redB .btn {
  background-color: #4a91e3;
  color: #fff;
  border-color: #4a91e3; }

.page-workDesk .more-btn {
  text-align: center;
  margin-top: 27px;
  cursor: pointer; }

.page-workDesk .icon-down {
  background: url(../img/down-arrow.png);
  width: 12px;
  height: 7px;
  display: block;
  margin: 5px auto 0; }

.login-modal .modal-dialog {
  width: 400px; }
  .login-modal .modal-dialog .modal-content {
    border-radius: 0; }
  .login-modal .modal-dialog .modal-header {
    padding: 10px;
    border: 0;
    background-color: #cccccc;
    text-align: center;
    font-size: 18px;
    color: #000; }
  .login-modal .modal-dialog .modal-body {
    padding: 25px 35px 30px 35px;
    width: 398px;
    height: 335px;
    background-color: #f0f0f0; }
    .login-modal .modal-dialog .modal-body .login-prompt {
      text-align: center;
      font-size: 14px; }
      .login-modal .modal-dialog .modal-body .login-prompt p {
        margin-top: 5px; }
    .login-modal .modal-dialog .modal-body .input-group {
      margin-top: 19px; }
      .login-modal .modal-dialog .modal-body .input-group .form-control {
        position: static; }
      .login-modal .modal-dialog .modal-body .input-group:first-child {
        margin-top: 30px; }
    .login-modal .modal-dialog .modal-body .input-group-addon {
      background-color: #ccc; }
    .login-modal .modal-dialog .modal-body .login-icon {
      display: inline-block;
      width: 20px;
      height: 23px;
      background-image: url("../img/login-icon.png");
      background-repeat: no-repeat; }
      .login-modal .modal-dialog .modal-body .login-icon.icon-user {
        background-position: 0 0; }
      .login-modal .modal-dialog .modal-body .login-icon.icon-pwd {
        background-position: 0 -50px; }
    .login-modal .modal-dialog .modal-body input[type="text"],
    .login-modal .modal-dialog .modal-body input[type="password"] {
      height: 40px;
      font-size: 16px;
      padding-left: 22px; }
    .login-modal .modal-dialog .modal-body .error-info {
      color: #4a91e3;
      text-align: center;
      margin-top: 10px;
      visibility: hidden;
      vertical-align: middle; }
      .login-modal .modal-dialog .modal-body .error-info.current {
        visibility: visible; }
      .login-modal .modal-dialog .modal-body .error-info .icon-error {
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url(../img/icon-error.png);
        vertical-align: middle; }
      .login-modal .modal-dialog .modal-body .error-info span {
        vertical-align: middle;
        margin-left: 8px; }
    .login-modal .modal-dialog .modal-body .login-btn {
      display: block;
      margin-top: 10px;
      text-decoration: none; }
      .login-modal .modal-dialog .modal-body .login-btn:hover, .login-modal .modal-dialog .modal-body .login-btn:focus {
        color: #fff; }

.page-approManagement .search-bar {
  padding: 30px 23px;
  border: 1px solid #e6e6e6;
  border-bottom: 0; }
  .page-approManagement .search-bar .form-inline {
    font-size: 0; }
    .page-approManagement .search-bar .form-inline .form-control, .page-approManagement .search-bar .form-inline .form-group {
      display: inline-block;
      width: auto;
      vertical-align: middle;
      font-size: 14px;
      margin-left: 10px;
      height: 36px; }
      .page-approManagement .search-bar .form-inline .form-control:first-child, .page-approManagement .search-bar .form-inline .form-group:first-child {
        margin-left: 0; }
      .page-approManagement .search-bar .form-inline .form-control .productName-control, .page-approManagement .search-bar .form-inline .form-group .productName-control {
        width: 150px; }
      .page-approManagement .search-bar .form-inline .form-control .custName-control, .page-approManagement .search-bar .form-inline .form-group .custName-control {
        width: 120px; }
      .page-approManagement .search-bar .form-inline .form-control .productType-control, .page-approManagement .search-bar .form-inline .form-group .productType-control {
        width: 120px; }
      .page-approManagement .search-bar .form-inline .form-control .cer-control, .page-approManagement .search-bar .form-inline .form-group .cer-control {
        width: 150px; }
  .page-approManagement .search-bar .search-btn {
    background: #4a91e3;
    padding: 7px 30px;
    margin-left: 20px;
    color: #fff; }

.page-approManagement .content-nav .btn-1 {
  float: right;
  margin-top: 10px; }

.page-approManagement .tab-content th:first-child {
  padding-left: 50px; }

.page-approManagement .tab-content tr td:first-child {
  padding-left: 20px; }

.page-approManagement .tab-content label .iradio_minimal-red {
  margin-top: 1px; }

.page-approManagement .tab-content label span {
  margin-left: 10px; }

.page-approManagement .btn-group {
  margin-top: 40px;
  text-align: center;
  width: 100%; }
  .page-approManagement .btn-group .btn-1 {
    width: 180px;
    height: 45px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
  .page-approManagement .btn-group .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }
  .page-approManagement .btn-group .btn-next {
    margin-left: 30px;
    background-color: #4a91e3;
    color: #fff;
    border-color: #4a91e3; }

.page-approManagement-step1 .search-bar {
  padding: 30px 23px;
  border: 1px solid #e6e6e6;
  border-bottom: 0; }
  .page-approManagement-step1 .search-bar .form-inline {
    font-size: 0; }
    .page-approManagement-step1 .search-bar .form-inline .form-group {
      display: inline-block;
      width: auto;
      vertical-align: middle;
      font-size: 14px;
      margin-left: 10px;
      height: 36px; }
      .page-approManagement-step1 .search-bar .form-inline .form-group .form-control {
        width: 140px; }
      .page-approManagement-step1 .search-bar .form-inline .form-group:first-child {
        margin-left: 0; }
      .page-approManagement-step1 .search-bar .form-inline .form-group .productName-control {
        width: 200px; }
  .page-approManagement-step1 .search-bar .search-btn {
    background: #4a91e3;
    padding: 7px 30px;
    margin-left: 20px;
    color: #fff; }

.page-approManagement-step1 .cus-info {
  height: 50px;
  background-color: #ffffe2;
  border: 1px solid #e6e6e6;
  padding: 0 30px; }
  .page-approManagement-step1 .cus-info .info-item {
    display: inline-block;
    padding: 15px 5px 15px 0;
    width: 27%; }
    .page-approManagement-step1 .cus-info .info-item:first-child {
      width: 18%; }
    .page-approManagement-step1 .cus-info .info-item:last-child {
      float: right;
      text-align: right; }
    .page-approManagement-step1 .cus-info .info-item p {
      display: inline-block; }

.page-approManagement-step1 .tab-content {
  margin-top: 25px; }
  .page-approManagement-step1 .tab-content th:first-child {
    padding-left: 50px; }
  .page-approManagement-step1 .tab-content tr td:first-child {
    padding-left: 20px; }
  .page-approManagement-step1 .tab-content label .iradio_minimal-red {
    margin-top: 1px; }
  .page-approManagement-step1 .tab-content label span {
    margin-left: 10px; }

.page-approManagement-step1 .btn-group {
  margin-top: 40px;
  text-align: center;
  width: 100%; }
  .page-approManagement-step1 .btn-group .btn-1 {
    width: 180px;
    height: 45px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
  .page-approManagement-step1 .btn-group .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }
  .page-approManagement-step1 .btn-group .btn-next {
    margin-left: 30px;
    background-color: #4a91e3;
    color: #fff;
    border-color: #4a91e3; }

.page-approTable .tab-content {
  padding: 29px; }
  .page-approTable .tab-content table {
    border-collapse: collapse; }
    .page-approTable .tab-content table tr td {
      padding: 25px;
      color: #333; }
    .page-approTable .tab-content table tr td:first-child {
      width: 85px;
      padding: 35px;
      color: #000; }
    .page-approTable .tab-content table .detail-part .detail-info {
      color: #000;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 16px; }
      .page-approTable .tab-content table .detail-part .detail-info .info-item {
        display: inline-block;
        margin-left: 45px; }
    .page-approTable .tab-content table .detail-part .question-item {
      margin-top: 30px; }
      .page-approTable .tab-content table .detail-part .question-item .question-title {
        width: 170px;
        display: inline-block;
        vertical-align: top;
        font-size: 16px; }
      .page-approTable .tab-content table .detail-part .question-item .question-list {
        width: 620px;
        display: inline-block; }
        .page-approTable .tab-content table .detail-part .question-item .question-list label {
          width: 32%;
          padding-right: 30px;
          font-weight: normal;
          vertical-align: top;
          line-height: 21px; }
          .page-approTable .tab-content table .detail-part .question-item .question-list label input[type="checkbox"] {
            margin-right: 5px;
            vertical-align: top; }
          .page-approTable .tab-content table .detail-part .question-item .question-list label span {
            line-height: 15px;
            vertical-align: bottom; }
    .page-approTable .tab-content table .detail-part2 {
      border-top: 1px dashed #cccccc;
      margin-top: 25px; }
      .page-approTable .tab-content table .detail-part2 .part-title {
        color: #000;
        padding: 25px 0;
        font-size: 16px; }
      .page-approTable .tab-content table .detail-part2 ul {
        list-style-type: square;
        margin-left: 20px; }
      .page-approTable .tab-content table .detail-part2 .part-foot {
        margin-top: 20px; }
      .page-approTable .tab-content table .detail-part2 .part-seal {
        margin-top: 40px;
        text-align: right; }
        .page-approTable .tab-content table .detail-part2 .part-seal .seal span, .page-approTable .tab-content table .detail-part2 .part-seal .seal-time span {
          display: inline-block;
          width: 250px;
          text-align: left; }
        .page-approTable .tab-content table .detail-part2 .part-seal .seal .seal-content, .page-approTable .tab-content table .detail-part2 .part-seal .seal-time .seal-content {
          margin-left: 15px; }
        .page-approTable .tab-content table .detail-part2 .part-seal .seal div:first-child, .page-approTable .tab-content table .detail-part2 .part-seal .seal-time div:first-child {
          width: 100px;
          display: inline-block;
          text-align: justify;
          line-height: 0; }
    .page-approTable .tab-content table .detail-part3 {
      padding-bottom: 40px; }
      .page-approTable .tab-content table .detail-part3 .part-title {
        padding: 25px 0;
        font-size: 16px;
        color: #000; }
      .page-approTable .tab-content table .detail-part3 ul {
        list-style-type: square;
        margin-left: 20px; }
      .page-approTable .tab-content table .detail-part3 .part-text {
        margin-bottom: 30px; }
        .page-approTable .tab-content table .detail-part3 .part-text span {
          color: #000;
          margin: 0 5px;
          display: inline-block;
          min-width: 38px;
          border-bottom: 1px solid #666;
          line-height: 14px; }
      .page-approTable .tab-content table .detail-part3 .part-foot {
        margin-top: 20px; }
      .page-approTable .tab-content table .detail-part3 .part-seal {
        margin-top: 40px;
        text-align: right; }
        .page-approTable .tab-content table .detail-part3 .part-seal .seal span, .page-approTable .tab-content table .detail-part3 .part-seal .seal-time span {
          display: inline-block;
          width: 250px;
          text-align: left; }
        .page-approTable .tab-content table .detail-part3 .part-seal .seal .seal-content, .page-approTable .tab-content table .detail-part3 .part-seal .seal-time .seal-content {
          margin-left: 15px; }
        .page-approTable .tab-content table .detail-part3 .part-seal .seal div:first-child, .page-approTable .tab-content table .detail-part3 .part-seal .seal-time div:first-child {
          width: 100px;
          display: inline-block;
          text-align: justify;
          line-height: 0; }
  .page-approTable .tab-content .table-foot {
    margin-top: 15px; }
    .page-approTable .tab-content .table-foot .btn-print {
      border: 1px solid #cccccc;
      color: #666666;
      padding: 5px 25px;
      border-radius: 2px;
      margin-right: 10px; }

.page-approTable .btn-group {
  margin-bottom: 50px;
  text-align: center;
  width: 100%; }
  .page-approTable .btn-group .btn-1 {
    width: 180px;
    height: 45px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
  .page-approTable .btn-group .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }
  .page-approTable .btn-group .btn-next {
    margin-left: 30px;
    background-color: #4a91e3;
    color: #fff;
    border-color: #4a91e3; }

.page-disapproTable .tab-content {
  padding: 29px; }
  .page-disapproTable .tab-content table {
    border-collapse: collapse; }
    .page-disapproTable .tab-content table tr td {
      padding: 25px;
      color: #333; }
    .page-disapproTable .tab-content table tr td:first-child {
      width: 85px;
      padding: 35px;
      color: #000; }
    .page-disapproTable .tab-content table .detail-part .detail-info {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 16px;
      color: #000; }
      .page-disapproTable .tab-content table .detail-part .detail-info .info-item {
        display: inline-block;
        margin-left: 45px; }
    .page-disapproTable .tab-content table .detail-part ul {
      list-style-type: square;
      margin-left: 20px; }
    .page-disapproTable .tab-content table .detail-part .input-message {
      color: #000;
      margin: 0 5px;
      display: inline-block;
      min-width: 38px;
      border-bottom: 1px solid #666;
      line-height: 14px;
      padding: 0 5px; }
    .page-disapproTable .tab-content table .detail-part2 {
      border-top: 1px dashed #cccccc;
      margin-top: 25px; }
      .page-disapproTable .tab-content table .detail-part2 .part-foot {
        margin-top: 20px; }
      .page-disapproTable .tab-content table .detail-part2 .part-seal {
        margin-top: 40px;
        text-align: right; }
        .page-disapproTable .tab-content table .detail-part2 .part-seal .seal span, .page-disapproTable .tab-content table .detail-part2 .part-seal .seal-time span {
          display: inline-block;
          width: 250px;
          text-align: left; }
        .page-disapproTable .tab-content table .detail-part2 .part-seal .seal .seal-content, .page-disapproTable .tab-content table .detail-part2 .part-seal .seal-time .seal-content {
          margin-left: 15px; }
        .page-disapproTable .tab-content table .detail-part2 .part-seal .seal div:first-child, .page-disapproTable .tab-content table .detail-part2 .part-seal .seal-time div:first-child {
          width: 100px;
          display: inline-block;
          text-align: justify;
          line-height: 0; }
    .page-disapproTable .tab-content table .detail-part3 {
      padding-bottom: 40px; }
      .page-disapproTable .tab-content table .detail-part3 .part-title {
        padding: 25px 0;
        font-size: 16px;
        color: #000; }
      .page-disapproTable .tab-content table .detail-part3 .part-text {
        margin-bottom: 30px; }
        .page-disapproTable .tab-content table .detail-part3 .part-text span {
          color: #000;
          margin: 0 5px;
          display: inline-block;
          min-width: 38px;
          border-bottom: 1px solid #666;
          line-height: 14px; }
      .page-disapproTable .tab-content table .detail-part3 .part-foot {
        margin-top: 20px; }
      .page-disapproTable .tab-content table .detail-part3 .part-seal {
        margin-top: 40px;
        text-align: right; }
        .page-disapproTable .tab-content table .detail-part3 .part-seal .seal span, .page-disapproTable .tab-content table .detail-part3 .part-seal .seal-time span {
          display: inline-block;
          width: 250px;
          text-align: left; }
        .page-disapproTable .tab-content table .detail-part3 .part-seal .seal .seal-content, .page-disapproTable .tab-content table .detail-part3 .part-seal .seal-time .seal-content {
          margin-left: 15px; }
        .page-disapproTable .tab-content table .detail-part3 .part-seal .seal div:first-child, .page-disapproTable .tab-content table .detail-part3 .part-seal .seal-time div:first-child {
          width: 100px;
          display: inline-block;
          text-align: justify;
          line-height: 0; }
  .page-disapproTable .tab-content .table-foot {
    margin-top: 15px; }
    .page-disapproTable .tab-content .table-foot .btn-print {
      border: 1px solid #cccccc;
      color: #666666;
      padding: 5px 25px;
      border-radius: 2px;
      margin-right: 10px; }

.page-disapproTable .btn-group {
  margin-bottom: 50px;
  text-align: center;
  width: 100%; }
  .page-disapproTable .btn-group .btn-1 {
    width: 180px;
    height: 45px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
  .page-disapproTable .btn-group .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }
  .page-disapproTable .btn-group .btn-next {
    margin-left: 30px;
    background-color: #4a91e3;
    color: #fff;
    border-color: #4a91e3; }

.page-video .page-container {
  padding-top: 27px; }

.page-video .content {
  margin: 0 auto;
  width: 1200px;
  padding-bottom: 20px;
  background-color: inherit;
  box-shadow: none;
  border: none; }
  .page-video .content .leftBox {
    width: 920px;
    padding: 19px;
    height: 555px;
    background-color: #fff;
    border: 1px solid #e6e6e6; }
    .page-video .content .leftBox .videoBox {
      width: 635px;
      display: inline-block;
      position: relative; }
      .page-video .content .leftBox .videoBox .videoBox-shadow {
        position: absolute;
        height: 53px;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
        padding: 16px 19px;
        box-sizing: border-box;
        color: white;
        width: 100%; }
        .page-video .content .leftBox .videoBox .videoBox-shadow .icon-warning {
          width: 20px;
          height: 20px;
          display: inline-block;
          background-image: url("../img/icon-warning.png");
          background-size: 100%;
          margin-right: 20px; }
        .page-video .content .leftBox .videoBox .videoBox-shadow span {
          vertical-align: top;
          font-size: 16px; }
        .page-video .content .leftBox .videoBox .videoBox-shadow .icon-close {
          width: 16px;
          height: 16px;
          display: inline-block;
          background-image: url("../img/icon-close.png");
          background-size: 100%;
          position: absolute;
          right: 18px;
          cursor: pointer; }
      .page-video .content .leftBox .videoBox .nav-tabs {
        margin-top: 15px; }
      .page-video .content .leftBox .videoBox .video {
        width: 635px;
        height: 475px;
        display: inline-block;
        background-size: cover;
        background-size: 100% 100%;
        position: relative; }
        .page-video .content .leftBox .videoBox .video > .full-box {
          width: 100%;
          height: 100%; }
          .page-video .content .leftBox .videoBox .video > .full-box img {
            width: 100%;
            height: 100%; }
        .page-video .content .leftBox .videoBox .video .btn-video {
          background-color: rgba(0, 0, 0, 0.3);
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          line-height: 35px;
          color: #fff;
          text-align: center;
          padding: 0 17px;
          display: block; }
          .page-video .content .leftBox .videoBox .video .btn-video .show-btn {
            cursor: pointer;
            font-size: 14px;
            float: left; }
            .page-video .content .leftBox .videoBox .video .btn-video .show-btn .btn-next {
              margin-left: 25px; }
          .page-video .content .leftBox .videoBox .video .btn-video .video-index {
            font-size: 14px;
            margin-right: 100px; }
          .page-video .content .leftBox .videoBox .video .btn-video .auto-btn {
            cursor: pointer;
            font-size: 14px;
            float: right; 
            }
          
        .page-video .content .leftBox .videoBox .video.ppt-video .btn-video {
          display: none; }
        .page-video .content .leftBox .videoBox .video.ppt-video .full-box {
          position: absolute;
          right: 10px;
          bottom: 10px;
          width: 133px;
          height: 95px;
          z-index: 1; }
        .page-video .content .leftBox .videoBox .video.ppt-video iframe.cus-frame {
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: none; }
        .page-video .content .leftBox .videoBox .video.ppt-video iframe.cus-frame-out {
          bottom: 10px; }
      .page-video .content .leftBox .videoBox iframe.cus-frame {
        position: absolute;
        bottom: 45px;
        right: 10px;
        width: 133px;
        height: 95px;
        background: url("../img/iframe-bg.png") no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        display: inline-block;
        border-radius: 5px; }
      .page-video .content .leftBox .videoBox iframe.cus-frame-out {
        position: absolute;
        bottom: 45px;
        right: 10px;
        width: 25px;
        height: 25px;
        z-index: 2;
        background-color: #726b6a;
        padding: 4px; }
        .page-video .content .leftBox .videoBox iframe.cus-frame-out img {
          width: 100%;
          height: 100%; }
          
          
      .page-video .content .leftBox .videoBox .video.ppt-video iframe.cus-frame-second {
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: none; }    
      .page-video .content .leftBox .videoBox iframe.cus-frame-second {
        position: absolute;
        bottom: 45px;
        left: 10px;
        width: 133px;
        height: 95px;
        background: url("../img/iframe-bg.png") no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        display: inline-block;
        border-radius: 5px; }    
      .page-video .content .leftBox .videoBox .video > .full-box-second {
          position: absolute;
          left: 10px;
          bottom: 45px;
          width: 133px;
          height: 95px;
		  background: url("../img/iframe-bg.png") no-repeat;
          background-size: cover;
          background-size: 100% 100%;
          display: inline-block;
          border-radius: 5px; }  
      .page-video .content .leftBox .videoBox .video > .full-box-second img {
            width: 100%;
            height: 100%; }
      .page-video .content .leftBox .videoBox .video.ppt-video iframe.cus-frame-out-second {
          bottom: 10px; }
          
      .page-video .content .leftBox .videoBox .cus-video-box {
        width: 100%;
        position: relative;
        margin-top: 5px; }
        .page-video .content .leftBox .videoBox .cus-video-box .video-mechine {
          display: inline-block;
          vertical-align: top; }
          .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .mechine-li {
            margin-bottom: 10px;
            border: 1px solid #d9d9d9;
            border-radius: 4px; }
            .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .mechine-li .mechine-name {
              line-height: 34px; }
            .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .mechine-li .dropdown-menu {
              min-width: 138px; }
          .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine {
            display: inline-block;
            width: 137px;
            position: relative; }
            .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine button {
              width: 100%;
              text-align: left;
              background: #fff;
              color: #666;
              padding: 7px 12px 1px; }
              .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine button label {
                display: inline-block;
                margin-bottom: 0;
                font-weight: 100; }
              .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine button span {
                float: right;
                margin-top: 10px;
                color: #333; }
            .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li {
              margin: 0;
              height: 30px; }
              .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li a:hover, .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li a:active, .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li a:focus {
                background: none;
                border: 0; }
              .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li:hover, .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li.activing {
                background: #4a91e3; }
                .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li:hover a, .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine ul li.activing a {
                  color: #fff; }
            .page-video .content .leftBox .videoBox .cus-video-box .video-mechine .userMechine .select-value {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              width: 103px; }
        .page-video .content .leftBox .videoBox .cus-video-box .word-btn {
          float: right;
          padding: 7px 12px;
          border-radius: 4px;
          cursor: pointer;
          background: #fff;
          color: #666;
          border: 1px solid #d9d9d9; }
          .page-video .content .leftBox .videoBox .cus-video-box .word-btn2 {
          float: right;
          padding: 7px 12px;
          border-radius: 4px;
          background: #fff;
          color: #666;
          border: 1px solid #d9d9d9; }
          .page-video .content .leftBox .videoBox .cus-video-box .word-btn span {
            padding-right: 12px; }
    .page-video .content .leftBox .cusBox {
      width: 230px;
      display: inline-block;
      height: 525px;
      float: right;
      line-height: 16px;
      overflow-y: auto; }
      .page-video .content .leftBox .cusBox ul {
        padding: 0 0 25px;
        font-size: 12px; }
        .page-video .content .leftBox .cusBox ul:last-child {
          padding-bottom: 0; }
        .page-video .content .leftBox .cusBox ul li {
          padding: 7px 0 0;
          color: #333;
          overflow-y: hidden; }
          .page-video .content .leftBox .cusBox ul li .li-name {
            color: #999;
            width: 50px;
            text-align: left;
            display: inline-block;
            vertical-align: top; }
          .page-video .content .leftBox .cusBox ul li .li-value {
            display: inline-block;
            width: 163px;
            float: right;
            text-align: right; word-break: break-all; }
            .page-video .content .leftBox .cusBox ul li .li-value.li-red {
              color: #fd5461; }
      .page-video .content .leftBox .cusBox p.part-name {
        color: #333;
        margin-bottom: 0;
        border-bottom: #cccccc dashed 1px;
        padding-bottom: 10px; }
  .page-video .content .rightBox {
    position: relative;
    height: 555px;
    width: 260px;
    float: right; }
    .page-video .content .rightBox .info-box {
      background-color: #fff;
      /* height: 360px; */
      border: 1px solid #e6e6e6; }
      .page-video .content .rightBox .info-box h2 {
        height: 40px;
        font-size: 14px;
        background-color: #f7f7f7;
        padding-left: 20px;
        margin: 0;
        line-height: 40px;
        border-bottom: 1px solid #e6e6e6;
        font-weight: normal; }
      .page-video .content .rightBox .info-box .info-content {
        padding: 0 20px 0; }
        .page-video .content .rightBox .info-box .info-content .info-item {
          padding: 20px 0; }
          .page-video .content .rightBox .info-box .info-content .info-item:first-child {
            border-bottom: 1px dashed #e6e6e6; }
      .page-video .content .rightBox .info-box .info-warp {
        position: relative;
        width: 108px;
        height: 85px;
        display: inline-block;
        vertical-align: bottom;
        cursor: pointer; }
        .page-video .content .rightBox .info-box .info-warp.video-warp {
          background: url(../img/video.png) center no-repeat;
          background-color: #ededed; }
          .page-video .content .rightBox .info-box .info-warp.video-warp.active {
            background: none;
            background-color: #ededed; }
          .page-video .content .rightBox .info-box .info-warp.video-warp.onchange {
            background: none;
            background-color: #ededed;
            text-align: center; }
          .page-video .content .rightBox .info-box .info-warp.video-warp .img-loading {
            margin: 30px auto;
            width: auto;
            height: auto; }
        .page-video .content .rightBox .info-box .info-warp.photo-warp {
          background: url(../img/photo.png) center no-repeat;
          background-color: #ededed;
          text-align: center; }
          .page-video .content .rightBox .info-box .info-warp.photo-warp img {
            width: 100%;
            height: 100%; }
          .page-video .content .rightBox .info-box .info-warp.photo-warp .img-loading {
            margin: 30px auto;
            width: auto;
            height: auto; }
          .page-video .content .rightBox .info-box .info-warp.photo-warp.active {
            background: none;
            background-color: #ededed; }
        .page-video .content .rightBox .info-box .info-warp p {
          text-align: center;
          margin-top: 30px;
          color: #fd3a49;
          font-size: 16px; }
        .page-video .content .rightBox .info-box .info-warp video {
          width: 100%;
          height: 100%; }
      .page-video .content .rightBox .info-box .info-btn {
        margin-left: 20px;
        width: 85px;
        height: 85px;
        background-color: #4d90f4;
        color: #fff;
        font-size: 16px;
        line-height: 85px;
        display: none;
        text-align: center;
        border-radius: 8px;
        cursor: pointer; }
        .page-video .content .rightBox .info-box .info-btn.onchange {
          background-color: #cccccc; }
        .page-video .content .rightBox .info-box .info-btn.active {
          display: inline-block; }
        .page-video .content .rightBox .info-box .info-btn.endRecording {
          background-color: #fd3a49; }
          
/*     .page-video .content .rightBox .appro-box {
      margin-top: 20px;
      background-color: #fff;
      height: 175px;
      border: 1px solid #e6e6e6;
      padding: 19px 0 19px 22px; }
      .page-video .content .rightBox .appro-box .info-warp {
        vertical-align: top;
        display: inline-block;
        border: 6px solid #ededed;
        border-radius: 4px; }
      .page-video .content .rightBox .appro-box .info-text {
        vertical-align: top;
        display: inline-block;
        width: 120px;
        text-align: center;
        padding-top: 60px; } */
   .page-video .content .rightBox .appro-box {
      margin-top: 20px;
      background-color: #fff;
      height: 240px;
      border: 1px solid #e6e6e6; }
      .page-video .content .rightBox .appro-box h2 {
        height: 40px;
        font-size: 14px;
        background-color: #f7f7f7;
        padding-left: 20px;
        margin: 0;
        line-height: 40px;
        border-bottom: 1px solid #e6e6e6;
        font-weight: normal; }
      .page-video .content .rightBox .appro-box .info-content {
        padding: 0 25px 0 20px; }
        .page-video .content .rightBox .appro-box .info-content ul li {
          margin-top: 20px; }
          .page-video .content .rightBox .appro-box .info-content ul li .icon {
            width: 22px;
            height: 18px;
            display: inline-block;
            float: right; }
            .page-video .content .rightBox .appro-box .info-content ul li .icon.icon-right {
              background: url(../img/icon-right.png) no-repeat; }
            .page-video .content .rightBox .appro-box .info-content ul li .icon.icon-error {
              background: url(../img/icon-error1.png) no-repeat; }
      .page-video .content .rightBox .appro-box .btn-report {
        margin-top: 20px;
        border: 1px solid #cccccc;
        color: #666666;
        font-size: 14px;
        padding: 9px 0;
        text-align: center;
        border-radius: 4px;
        cursor: pointer; }
        

.page-video .btn-group {
  margin-bottom: 30px;
  text-align: center;
  width: 100%; }
  .page-video .btn-group .btn-1 {
    width: 180px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
  .page-video .btn-group .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }
  .page-video .btn-group .btn-next {
    margin-left: 30px;
    background-color: #4a91e3;
    color: #fff;
    border-color: #4a91e3; }

.page-video .dis-inline {
  display: inline-block; }

.page-video ul {
  margin: 0;
  padding: 0; }
  .page-video ul li {
    list-style: none; }

.page-video .word-tip {
  display: none;
  width: 270px;
  height: 535px;
  position: absolute;
  z-index: 999;
  background: #fff; }
  .page-video .word-tip .tip-header {
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 14px 0;
    position: relative; }
    .page-video .word-tip .tip-header img {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer; }
  .page-video .word-tip .tip-body {
    height: 485px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px; }
    .page-video .word-tip .tip-body ul li {
      padding: 10px;
      color: #333;
      background-color: #e5e5e5;
      margin-bottom: 15px;
      font-size: 12px;
      border-radius: 0 6px 6px 6px;
      position: relative;
      cursor: pointer; }
      .page-video .word-tip .tip-body ul li .icon-sound {
        width: 20px;
        height: 20px;
        border: 1px solid #e6e6e6;
        position: absolute;
        right: -11px;
        bottom: -8px;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        background-color: #fff; }
        .page-video .word-tip .tip-body ul li .icon-sound img {
          vertical-align: top; }
      .page-video .word-tip .tip-body ul li.active {
        background-color: #fd3a49;
        color: #fff; }
        .page-video .word-tip .tip-body ul li.active:before {
          border-color: #fd3a49 #fd3a49 transparent transparent; }
        .page-video .word-tip .tip-body ul li.active .icon-sound {
          display: block; }
      .page-video .word-tip .tip-body ul li:before {
        content: '';
        position: absolute;
        top: 0;
        left: -6px;
        width: 0;
        height: 0;
        border: 4px;
        border-style: solid;
        border-color: #e5e5e5 #e5e5e5 transparent transparent; }
  .page-video .word-tip .btn-warp {
    text-align: center; }
  .page-video .word-tip .tip-btn {
    display: inline-block;
    margin: 10px 0;
    padding: 5px 26px;
    background: #fd4f5b;
    color: #fff;
    border-radius: 5px;
    cursor: pointer; }

.page-video iframe body {
  margin: 0; }

iframe.anyChatIframe {
  border: 0 none;
  position: absolute;
  visibility: inherit;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1; }

#videoShowModal .modal-dialog, #photoShowModal .modal-dialog {
  width: 470px; }

#videoShowModal .modal-body, #photoShowModal .modal-body {
  padding: 45px;
  text-align: center; }

#videoShowModal .modal-footer, #photoShowModal .modal-footer {
  background-color: #e6e6e6; }
  #videoShowModal .modal-footer .btn-2, #photoShowModal .modal-footer .btn-2 {
    padding: 4px 25px;
    text-align: center; }
  #videoShowModal .modal-footer .delete-btn, #photoShowModal .modal-footer .delete-btn {
    background-color: white;
    border: 1px solid #4a91e3;
    color: #4a91e3; }

#videoShowModal .modal-dialog {
  width: 890px; }

.count-down-bg {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1051; }
.count-down-bg.active {
  display: block; }
.count-down-bg .count-down-box {
  border-radius: 50%;
  border: 1px solid #fff;
  text-align: center;
  width: 216px;
  height: 216px;
  margin: 315px auto;
  color: #fff;
  padding-top: 20px; }
.count-down-bg .count-down-box span {
  font-size: 110px;
  font-weight: bold; }
.count-down-bg .count-down-box p {
  font-size: 16px;
  margin-top: -10px; }
  
/*SUIT-2160 add*/
.count-down-bg .window-check-box {
  width: 380px;
  height: 180px;
  box-sizing: border-box;
  border-radius: 6px;
  position: absolute;
  left: 50%;
  top: 35%;
  padding: 20px 30px;
  transform: translate(-50%);
  background: #fff; }
.count-down-bg .window-check-box p {
  font-size: 12px;
  color: #000;
  height: 24px;
  line-height: 24px; }
.count-down-bg .window-check-box p img {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px; }
.count-down-bg .window-check-box .check-btns {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0; }
.count-down-bg .window-check-box .check-btns .span-btn {
  border-radius: 5px;
  width: 80px;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  border: 1px solid;
  color: #4a91e3;
  padding: 5px 10px; }
.count-down-bg .window-check-box .check-btns .v-start {
  margin-left: 5px;
  background-color: #4a91e3;
  color: #fff;
  border-color: #4a91e3; }
/*SUIT-2160 add*/

.page-order .content {
  margin-top: 0; }

.page-order .content-nav1 .status {
  line-height: 50px; }
  .page-order .content-nav1 .status .status-text {
    color: #4a91e3; }

.page-order .tab-content .part {
  border: 1px solid #e6e6e6;
  width: 1200px;
  margin-top: 29px; }
  .page-order .tab-content .part .part-title {
    background-color: #f7f7f7;
    padding: 10px 20px;
    color: #666666; }
  .page-order .tab-content .part .part-content {
    padding: 10px 20px 30px; }
    .page-order .tab-content .part .part-content .part-head-group {
      border-bottom: 1px dashed #cccccc;
      padding-bottom: 30px; }
      .page-order .tab-content .part .part-content .part-head-group .head-left {
        display: inline-block;
        width: 640px; }
        .page-order .tab-content .part .part-content .part-head-group .head-left .head-item {
          width: 470px;
          margin-top: 15px; }
          .page-order .tab-content .part .part-content .part-head-group .head-left .head-item span {
            vertical-align: text-top;
            width: 330px;
            display: inline-block;
            color: #333; }
            .page-order .tab-content .part .part-content .part-head-group .head-left .head-item span:first-child {
              width: auto;
              text-align: left;
              color: #999999; }
      .page-order .tab-content .part .part-content .part-head-group .head-right {
        display: inline-block;
        width: 400px;
        vertical-align: top; }
    .page-order .tab-content .part .part-content .part-group .part-item {
      width: 400px;
      margin-top: 20px;
      display: inline-block; }
      .page-order .tab-content .part .part-content .part-group .part-item:nth-child(even) {
        margin-left: 240px; }
      .page-order .tab-content .part .part-content .part-group .part-item span {
        vertical-align: text-top;
        width: 280px;
        display: inline-block;
        color: #333; }
        .page-order .tab-content .part .part-content .part-group .part-item span:first-child {
          width: auto;
          text-align: left;
          color: #999999; }

.page-order .tab-content .part-product .part-item {
  width: 400px;
  margin-top: 20px;
  display: inline-block; }
  .page-order .tab-content .part-product .part-item:nth-child(even) {
    margin-left: 240px; }
  .page-order .tab-content .part-product .part-item span {
    width: 190px;
    display: inline-block;
    color: #333; }
    .page-order .tab-content .part-product .part-item span:first-child {
      width: 100px;
      text-align: right;
      color: #999999; }

.page-order .tab-content .part-product .long-item {
   width: 100%; margin-top: 20px;display: inline-block;  }
.page-order .tab-content .part-product .long-item span:nth-child(2) {
  width: 88%;
  vertical-align: top; display: inline-block; }
.page-order .tab-content .part2 {
  border: 1px solid #e6e6e6;
  width: 1200px; }
  .page-order .tab-content .part2 .part-title {
    background-color: #f7f7f7;
    padding: 10px 20px;
    color: #666666; }
  .page-order .tab-content .part2 .part-content {
    padding: 20px; }
    .page-order .tab-content .part2 .part-content .part-head {
      color: #333;
      width: 49%;
      display: inline-block; }
    .page-order .tab-content .part2 .part-content .part-group {
      border-top: 1px dashed #e6e6e6;
      margin-top: 10px;
      padding-top: 15px; }
      .page-order .tab-content .part2 .part-content .part-group .part-item {
        width: 49%;
        display: inline-block; }
        .page-order .tab-content .part2 .part-content .part-group .part-item span,
        .page-order .tab-content .part2 .part-content .part-group .part-item div {
          color: #333;
          display: inline-block;
          vertical-align: top; }
        .page-order .tab-content .part2 .part-content .part-group .part-item span:first-child,
        .page-order .tab-content .part2 .part-content .part-group .part-item div:first-child {
          color: #666666;
          width: 100px;
           }
    .page-order .tab-content .part2 .part-content .report-content {
      margin-top: 20px;
      background-color: #f5f5f5; }
      .page-order .tab-content .part2 .part-content .report-content .report-group {
        width: 625px;
        display: inline-block;
        padding: 5px 15px 15px 21px; }
        .page-order .tab-content .part2 .part-content .report-content .report-group .report-item {
          font-size: 14px;
          margin-top: 15px; }
          .page-order .tab-content .part2 .part-content .report-content .report-group .report-item .icon {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 13px; }
            .page-order .tab-content .part2 .part-content .report-content .report-group .report-item .icon.icon-suc {
              background: url(../img/icon-success.png); }
            .page-order .tab-content .part2 .part-content .report-content .report-group .report-item .icon.icon-warning {
              background: url(../img/icon-warning.png); }
      .page-order .tab-content .part2 .part-content .report-content .report-btn {
        float: right;
        margin-right: 21px;
        display: inline-block;
        background-color: #fff;
        color: #4a91e3;
        border: 1px solid #4a91e3;
        font-size: 16px;
        width: 180px;
        height: 45px;
        line-height: 45px;
        margin-top: 42px;
        text-align: center;
        border-radius: 4px;
        vertical-align: top;
        cursor: pointer; }
  .page-order .tab-content .part2.wl {
    margin-top: 29px; }
    .page-order .tab-content .part2.wl .part-content .part-head-group, .page-order .tab-content .part2.wl .part-content .part-group {
      font-size: 0; }
    .page-order .tab-content .part2.wl .part-content .part-head {
      width: 43%;
      font-size: 14px;
      font-weight: bold; }
      .page-order .tab-content .part2.wl .part-content .part-head.last {
        width: 14%; }
    .page-order .tab-content .part2.wl .part-content .part-item {
      vertical-align: top;
      width: 43%;
      font-size: 14px; }
      .page-order .tab-content .part2.wl .part-content .part-item > div:nth-child(2) {
        width: 300px; }
      .page-order .tab-content .part2.wl .part-content .part-item.last {
        position: relative;
        width: 14%; }
        .page-order .tab-content .part2.wl .part-content .part-item.last span {
          color: #333333; }
        .page-order .tab-content .part2.wl .part-content .part-item.last .form-group {
          position: absolute;
          top: -10px;
          width: 140px;
          margin-bottom: 0;
          vertical-align: top; }

.page-order .tab-content .part3 {
  border: 1px solid #e6e6e6;
  width: 1200px;
  margin-top: 29px; }
  .page-order .tab-content .part3 .part-title {
    background-color: #f7f7f7;
    padding: 10px 20px;
    color: #666666; }
  .page-order .tab-content .part3 .part-content {
    padding: 0px 25px 30px 25px; }
    .page-order .tab-content .part3 .part-content .part-item {
      cursor: pointer;
      vertical-align: top;
      display: inline-block;
      margin-top: 24px; }
      .page-order .tab-content .part3 .part-content .part-item:nth-child(2n-1) {
        width: 640px; }
      .page-order .tab-content .part3 .part-content .part-item:nth-child(2n) {
        width: 500px; }
      .page-order .tab-content .part3 .part-content .part-item .item-box {
        position: relative;
        width: 100px;
        height: 75px;
        display: inline-block;
        vertical-align: top; }
        .page-order .tab-content .part3 .part-content .part-item .item-box img {
          width: 100%; }
        .page-order .tab-content .part3 .part-content .part-item .item-box .shade {
          position: absolute;
          z-index: 1;
          top: 0;
          cursor: pointer;
          width: 100%;
          height: 100%;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.3); }
          .page-order .tab-content .part3 .part-content .part-item .item-box .shade img {
            margin-top: 22px;
            width: 31px;
            height: 31px; }
      .page-order .tab-content .part3 .part-content .part-item .item-text {
        display: inline-block;
        width: 250px;
        padding-left: 20px; }
        .page-order .tab-content .part3 .part-content .part-item .item-text .item-info {
          color: #999999; }
          .page-order .tab-content .part3 .part-content .part-item .item-text .item-info .item-time {
            display: inline-block;
            margin-top: 5px;
            margin-right: 25px; }
          .page-order .tab-content .part3 .part-content .part-item .item-text .item-info .item-size {
            margin-top: 35px;
            display: inline-block; }
      .page-order .tab-content .part3 .part-content .part-item.btn-add {
        width: 100px;
        height: 75px;
        text-align: center;
        background-color: #f2f2f2;
        border: 1px dashed #DDDDDD; }
        .page-order .tab-content .part3 .part-content .part-item.btn-add img {
          width: 26px;
          margin-top: 12px; }
        .page-order .tab-content .part3 .part-content .part-item.btn-add .text {
          color: #666666;
          margin-top: 8px; }

.page-order .btn-group {
  margin-top: 30px;
  text-align: center;
  width: 100%; }
  .page-order .btn-group .btn-1 {
    padding: 0;
    width: 180px;
    height: 45px;
    line-height: 43px;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
  .page-order .btn-group .btn-cancle {
    background-color: #fff;
    color: #4a91e3;
    border-color: #4a91e3; }

.page-financial .table-warp table tbody tr:nth-child(even) {
  background-color: transparent; }

.page-financial .search-bar {
  padding-bottom: 15px;
  padding: 30px 23px;
  border: 1px solid #e6e6e6;
  border-bottom: 0; }
  .page-financial .search-bar .form-inline {
    font-size: 0; }
    .page-financial .search-bar .form-inline .form-control, .page-financial .search-bar .form-inline .form-group {
      display: inline-block;
      width: auto;
      vertical-align: middle;
      font-size: 14px;
      margin-left: 10px; }
      .page-financial .search-bar .form-inline .form-control:first-child, .page-financial .search-bar .form-inline .form-group:first-child {
        margin-left: 0; }
      .page-financial .search-bar .form-inline .form-control input, .page-financial .search-bar .form-inline .form-group input {
        height: 32px; }
      .page-financial .search-bar .form-inline .form-control .form-control, .page-financial .search-bar .form-inline .form-group .form-control {
        width: 140px; }
      .page-financial .search-bar .form-inline .form-control .productName-control, .page-financial .search-bar .form-inline .form-group .productName-control {
        width: 200px; }
  .page-financial .search-bar .search-btn {
    padding: 5px 26px;
    margin-left: 20px; }

.page-financial .content-nav .btn-1 {
  float: right;
  margin-top: 10px; }

.page-financial .tab-content {
  padding: 29px; }
  .page-financial .tab-content th:first-child {
    padding-left: 20px; }
  .page-financial .tab-content tr td:first-child {
    padding-left: 20px; }

.page-financialServer .table-warp table tbody tr:nth-child(even) {
  background-color: transparent; }

.page-financialServer .tab-content {
  padding: 29px; }
  .page-financialServer .tab-content th:first-child {
    padding-left: 20px; }
  .page-financialServer .tab-content tr td:first-child {
    padding-left: 20px; }

.page-customer .table-warp table tbody tr:nth-child(even) {
  background-color: transparent; }

.page-customer .search-bar {
  padding: 30px 23px;
  border: 1px solid #e6e6e6;
  border-bottom: 0; }
  .page-customer .search-bar .form-inline {
    font-size: 0; }
    .page-customer .search-bar .form-inline .form-control, .page-customer .search-bar .form-inline .form-group {
      display: inline-block;
      width: auto;
      vertical-align: middle;
      font-size: 14px;
      margin-left: 10px; }
      .page-customer .search-bar .form-inline .form-control:first-child, .page-customer .search-bar .form-inline .form-group:first-child {
        margin-left: 0; }
      .page-customer .search-bar .form-inline .form-control input, .page-customer .search-bar .form-inline .form-group input {
        height: 32px; }
      .page-customer .search-bar .form-inline .form-control .custName-control, .page-customer .search-bar .form-inline .form-group .custName-control {
        width: 120px; }
      .page-customer .search-bar .form-inline .form-control .cerType-control, .page-customer .search-bar .form-inline .form-group .cerType-control {
        width: 120px; }
      .page-customer .search-bar .form-inline .form-control .cer-control, .page-customer .search-bar .form-inline .form-group .cer-control {
        width: 150px; }
      .page-customer .search-bar .form-inline .form-control .customerType-control, .page-customer .search-bar .form-inline .form-group .customerType-control {
        width: 120px; }
      .page-customer .search-bar .form-inline .form-control .account-control, .page-customer .search-bar .form-inline .form-group .account-control {
        width: 150px; }
      .page-customer .search-bar .form-inline .form-control .grade-control, .page-customer .search-bar .form-inline .form-group .grade-control {
        width: 120px; }
  .page-customer .search-bar .search-btn {
    background: #4a91e3;
    padding: 5px 26px;
    margin-left: 20px;
    color: #fff;
    border-color: #4a91e3;
    margin-right: 30px; }
  .page-customer .search-bar .search-btn2 {
    background: #fff;
    padding: 5px 26px;
    float: right;
    color: #4a91e3;
    border-color: #4a91e3;
    margin-right: 30px; }

.page-customer .content-nav .btn-1 {
  float: right;
  margin-top: 10px; }

.page-customer .tab-content th:first-child {
  padding-left: 20px; }

.page-customer .tab-content tr .search-btn {
  background: #fff;
  padding: 5px 26px;
  color: #4a91e3;
  border-color: #4a91e3; }

.page-customer .tab-content tr td:first-child {
  padding-left: 20px; }

.page-customerDetail .content {
  margin-top: 15px;
  margin-bottom: 30px; }
  .page-customerDetail .content:first-child {
    margin-top: 30px;
    margin-bottom: 15px; }
  .page-customerDetail .content .content-nav .btn-1 {
    margin-left: 20px;
    margin-top: 10px; }

.page-customerDetail .tab-content {
  padding: 10px 29px 30px; }
  .page-customerDetail .tab-content .part {
    border: 1px solid #e6e6e6;
    width: 1200px;
    margin-top: 29px; }
    .page-customerDetail .tab-content .part .part-title {
      background-color: #f7f7f7;
      padding: 10px 20px;
      color: #666666; }
    .page-customerDetail .tab-content .part .part-content {
      padding: 10px 20px 30px; }
      .page-customerDetail .tab-content .part .part-content .part-head-group {
        border-bottom: 1px dashed #cccccc;
        padding-bottom: 30px; }
        .page-customerDetail .tab-content .part .part-content .part-head-group .head-left {
          display: inline-block;
          width: 640px; }
          .page-customerDetail .tab-content .part .part-content .part-head-group  .head-item {
            width: 470px;
            margin-top: 15px; }
            .page-customerDetail .tab-content .part .part-content .part-head-group  .head-item span {
              vertical-align: text-top;
              width: 330px;
              display: inline-block;
              color: #333;
              word-wrap: break-word;
              word-break: break-all;}
              .page-customerDetail .tab-content .part .part-content .part-head-group  .head-item span:first-child {
                width: auto;
                text-align: left;
                color: #999999; }
        .page-customerDetail .tab-content .part .part-content .part-head-group .head-right {
          display: inline-block;
          width: 400px;
          vertical-align: top; }
      .page-customerDetail .tab-content .part .part-content .part-group .part-item {
        width: 400px;
        margin-top: 20px;
        display: inline-block; }
        .page-customerDetail .tab-content .part .part-content .part-group .part-item:nth-child(even) {
          margin-left: 240px; }
        .page-customerDetail .tab-content .part .part-content .part-group .part-item span {
          vertical-align: text-top;
          width: 183px;
          display: inline-block;
          color: #333;
          word-wrap: break-word;
          word-break: break-all;}
          .page-customerDetail .tab-content .part .part-content .part-group .part-item span:first-child {
            width: auto;
            text-align: left;
            color: #999999; }
  .page-customerDetail .tab-content .list-block {
    width: 1200px;
    margin-top: 30px;
    border: 1px solid #E6E6E6;
    border-top: 0; }
    .page-customerDetail .tab-content .list-block .tab {
      font-size: 0; }
      .page-customerDetail .tab-content .list-block .tab li {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        width: 50%;
        text-align: center;
        font-size: 16px;
        line-height: 48px;
        border: 1px solid #E6E6E6;
        background-color: #F7F7F7; }
        .page-customerDetail .tab-content .list-block .tab li.current {
          border: none;
          border-top: 2px solid #4a91e3;
          color: #4a91e3;
          background-color: #FFFFFF; }
    .page-customerDetail .tab-content .list-block ul.list {
      margin-top: 35px;
      margin-bottom: 85px;
      font-size: 0; }
      .page-customerDetail .tab-content .list-block ul.list.list-2 {
        display: none; }
      .page-customerDetail .tab-content .list-block ul.list li {
        display: inline-block;
        vertical-align: top;
        width: 275px;
        height: 152px;
        margin-left: 20px;
        margin-bottom: 20px;
        padding: 22px;
        font-size: 14px;
        border: 1px solid #e6e6e6;
        background-color: #FAFAFA; }
        .page-customerDetail .tab-content .list-block ul.list li h5 {
          color: #666;
          font-size: 14px;
          margin-top: 0;
          font-weight: normal; }
        .page-customerDetail .tab-content .list-block ul.list li .list-box {
          width: 238px;
          height: 40px;
          color: #333;
          text-overflow: ellipsis;
          overflow: hidden; }
        .page-customerDetail .tab-content .list-block ul.list li .state {
          margin-bottom: 10px; }
          .page-customerDetail .tab-content .list-block ul.list li .state span {
            color: #4a91e3; }
        .page-customerDetail .tab-content .list-block ul.list li .btn {
          margin-top: 8px;
          margin-right: 5px;
          border: 1px solid #e6e6e6;
          border-radius: 2px;
          background-color: #FFFFFF; }
        .page-customerDetail .tab-content .list-block ul.list li .btn-continue {
          background-color: #4a91e3;
          color: #fff;
          border: 1px solid #4a91e3; }
        .page-customerDetail .tab-content .list-block ul.list li .btn-change {
          color: #4a91e3;
          border: 1px solid #4a91e3; }
        .page-customerDetail .tab-content .list-block ul.list li.btn-add {
          cursor: pointer;
          text-align: center;
          font-size: 16px;
          color: #4a91e3;
          border-color: #4a91e3;
          background-color: #FFFFFF; }
          .page-customerDetail .tab-content .list-block ul.list li.btn-add img {
            margin-top: 10px;
            margin-bottom: 15px; }

.page-information .content {
  margin-top: 28px; }

.page-information .tab-content {
  padding: 40px 30px;
  border: 1px solid #e6e6e6; }

.page-information .part-title {
  border-bottom: 1px solid #ededed;
  padding-bottom: 30px; }
  .page-information .part-title .title-left {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden; }
  .page-information .part-title .title-right {
    display: inline-block;
    margin-left: 26px;
    vertical-align: top; }
    .page-information .part-title .title-right .cus-name {
      font-size: 18px;
      color: #000;
      margin-top: 15px; }
    .page-information .part-title .title-right .cus-info {
      margin-top: 25px;
      line-height: 12px; }
      .page-information .part-title .title-right .cus-info .cus-num {
        color: #999; }
      .page-information .part-title .title-right .cus-info .num-text {
        color: #333; }

.page-information .part-left {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  margin-top: 28px; }
  .page-information .part-left .part-item {
    margin-bottom: 30px; }
    .page-information .part-left .part-item span {
      display: inline-block;
      color: #333; }
    .page-information .part-left .part-item span:first-child {
      width: 120px;
      color: #666; }
  .page-information .part-left .btn-1 {
    margin-top: 45px;
    width: 120px;
    text-align: center;
    color: #666;
    border-color: #cccccc;
    font-size: 16px;
    padding: 6px 0; }

.page-information .part-right {
  display: inline-block;
  width: 49%;
  padding-left: 65px;
  margin-top: 30px; }
  .page-information .part-right .part-item {
    margin-bottom: 30px; }
    .page-information .part-right .part-item:last-child {
      margin-bottom: 0; }
    .page-information .part-right .part-item span {
      display: inline-block;
      color: #333; }
    .page-information .part-right .part-item span:first-child {
      width: 130px;
      color: #666; }
    .page-information .part-right .part-item .btn-change {
      color: #1097dd;
      cursor: pointer; }

.page-password .tab-content {
    display: none;
    padding-bottom: 90px;
    padding-top: 50px;
}
.page-password .tab-content.active {
    display: block;
}
.page-password .row {
    height: 55px;
    margin-left: 370px;
    margin-top: 5px;
}
.page-password .row span:first-child {
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 30px;
    text-align: right;
    vertical-align: middle;
    width: 100px;
}
.page-password .form-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.page-password .form-group input {
    height: 40px;
    width: 260px;
}
.page-password .form-group .error-message {
    bottom: 0;
    color: #fd3a49;
    left: 270px;
    position: absolute;
    white-space: nowrap;
}
.page-password .form-group .error-message .icon-error {
    background: rgba(0, 0, 0, 0) url("../img/icon-input-error.png") repeat scroll 0 0;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px;
}
.page-password .prompt {
    margin-left: 475px;
    margin-top: 10px;
}
.page-password .btn-group .btn-1 {
    background-color: #4a91e3;
    color: #fff;
    display: block;
    margin-left: 375px;
    margin-top: 25px;
    padding: 8px;
    width: 180px;
}
.page-password .success, .page-password .fail {
    font-size: 16px;
    padding-bottom: 160px;
    padding-top: 160px;
}
.page-password .success .message-content, .page-password .fail .message-content {
    margin: 0 auto;
    width: 300px;
}
.page-password .success .message-content .btn-group .btn-1, .page-password .fail .message-content .btn-group .btn-1 {
    margin-left: 50px;
    margin-top: 40px;
}
.page-password .success .message-content .message .icon, .page-password .fail .message-content .message .icon {
    display: inline-block;
    height: 30px;
    margin-right: 20px;
    vertical-align: middle;
    width: 30px;
}
.page-password .success .message-content .message .icon-suc, .page-password .fail .message-content .message .icon-suc {
    background: rgba(0, 0, 0, 0) url("../img/submit.png") repeat scroll 0 0;
}
.page-password .success .message-content .message .icon-fail, .page-password .fail .message-content .message .icon-fail {
    background: rgba(0, 0, 0, 0) url("../img/submit-error.png") repeat scroll 0 0;
}
.page-orderAdd .main-content {
  padding: 40px 70px; }
  .page-orderAdd .main-content .main-search {
    border: 1px solid #e6e6e6;
    width: 860px;
    margin: 0 auto; }
  
  /*suit-1982 add*/
  .page-orderAdd .icon {
    width: 40px;
    height: 40px;
    display: inline-block; }
  .page-orderAdd .icon-clock {
    background-image: url(../img/icon-clock.png); }
  .page-orderAdd .icon-debt {
    background-image: url(../img/icon-debt.png); }
  .page-orderAdd .icon-agreement {
    background-image: url(../img/icon-agreement.png); }
  .page-orderAdd .icon-connect {
    background-image: url(../img/icon-connect.png); }  
  .page-orderAdd .main-content .main-search .input-item {
    width: 500px;
    margin: 50px auto; }
  .page-orderAdd .main-content .main-search .input-item .input-box {
    position: relative;
    display: inline-block;
    vertical-align: top; }
  .page-orderAdd .main-content .main-search .input-item .input-box select {
    position: absolute;
    padding-left: 10px;
    left: 2px;
    top: 1px;
    height: 46px;
    width: 125px;
    border: none;
    background-color: #fff; }
  .page-orderAdd .main-content .main-search .input-item .input-box .userMechine {
    position: absolute;
    left: 2px;
    top: 1px;
    height: 46px;
    width: 110px;
    border: none;
    background-color: #fff; }
  .page-orderAdd .main-content .main-search .input-item .input-box .userMechine .btn {
    width: 100%;
    text-align: left;
    background: #fff;
    color: #333;
    padding: 12px 12px 1px; }
  .page-orderAdd .main-content .main-search .input-item .input-box .userMechine .btn span {
    float: right;
    margin-top: 8px; }
  .page-orderAdd .main-content .main-search .input-item .input-box .userMechine .select-value {
    font-weight: normal; }
  .page-orderAdd .main-content .main-search .input-item .input-box .userMechine .dropdown-menu {
    min-width: 110px; }
  .page-orderAdd .main-content .main-search .input-item .input-box .deline {
    position: absolute;
    left: 115px;
    top: 15px;
    width: 1px;
    height: 19px;
    background-color: #cccccc; }
  .page-orderAdd .main-content .main-search .input-item input {
	width: 360px;
	height: 48px;
	padding-left: 140px; }
  .page-orderAdd .main-content .main-search .input-item .btn-search {
    display: inline-block;
    width: 100px;
    height: 48px;
    margin-left: 20px;
    border-radius: 4px;
    line-height: 38px;
    background-color: #4a91e3;
    color: #fff;
    font-size: 16px; }
  .page-orderAdd .main-content .main-search .input-item .btn-search img {
    margin-bottom: 1px; }
  .page-orderAdd .main-content .search-content .search-info {
    border: 1px solid #e6e6e6; }
    .page-orderAdd .main-content .search-content .search-info .part-title {
      background-color: #f7f7f7;
      padding: 10px 20px;
      color: #666666; }
    .page-orderAdd .main-content .search-content .search-info .part-content {
      padding: 10px 0 30px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group {
      padding: 0 20px 25px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group .head-left {
      display: inline-block;
      width: 990px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group .head-left .head-item {
      width: 490px;
      margin-top: 15px;
      display: inline-block; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group .head-left .head-item span {
      width: 350px;
      display: inline-block;
      color: #333; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group .head-left .head-item span:first-child {
      margin-right: 30px;
      width: 100px;
      text-align: right;
      color: #999999; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group .head-right {
      display: inline-block;
      vertical-align: top; }
    .page-orderAdd .main-content .search-content .search-info .part-content .part-head-group .head-right img {
      height: 101px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block {
      width: 1200px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul {
      font-size: 0; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li {
      font-size: 14px;
      display: inline-block;
      padding: 22px;
      width: 275px;
      height: 167px;
      border: 1px solid #f0f0f0;
      margin-left: 19px;
      background-color: #fafafa;
      vertical-align: top; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .list-title {
      font-size: 14px;
      height: 60px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .list-title .title-left {
      display: inline-block;
      width: 40px;
      height: 40px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .list-title .title-right {
      margin-left: 5px;
      display: inline-block;
      width: 170px;
      vertical-align: top; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .list-title .title-right .list-box {
      width: 170px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li h5 {
      color: #fd305b;
      font-size: 14px;
      margin-top: 0;
      font-weight: normal;
      margin-bottom: 5px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .list-box {
      width: 238px;
      color: #333; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .btn {
      margin-top: 24px;
      border: 1px solid #e6e6e6;
      border-radius: 2px;
      color: #999; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .btn:hover {
      border-color: #a3a3a3; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .btn-detail {
      background-color: #53a2ff;
      color: #fff;
      border: 1px solid #53a2ff;
      border-radius: 2px;
      margin-right: 10px; }
    .page-orderAdd .main-content .search-content .search-info .part-content .list-block ul li .btn-detail:hover {
      border-color: #4a90e2;
      background-color: #4a90e2; }
    .page-orderAdd .main-content .search-content .business-content {
      margin-top: 30px; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs {
      font-size: 0; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs li {
      font-size: 16px;
      height: 50px;
      width: 50%;
      text-align: center;
      border-right: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      border-top: 1px solid #e6e6e6;
      background-color: #f7f7f7; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs li:first-child {
      border-left: 1px solid #e6e6e6; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs li a {
      color: #666666;
      border: none;
      width: 100%;
      height: 100%;
      line-height: 50px;
      display: block;
      text-decoration: none; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs li a p {
      display: inline-block; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs li.active {
      background-color: #fff;
      border-bottom: none;
      border-top: 3px solid #53a2ff; }
    .page-orderAdd .main-content .search-content .second-tab .nav-tabs li.active a {
      color: #53a2ff; }
	.page-orderAdd .main-content .search-content .tab-content {
	  border: 1px solid #e6e6e6;
	  border-top: none;
	  padding-top: 15px;
	  padding-bottom: 52px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block {
      width: 1200px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul {
      font-size: 0; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li {
      font-size: 14px;
      display: inline-block;
      padding: 22px 10px 22px 22px;
      width: 275px;
      height: 167px;
      border: 1px solid #f0f0f0;
      margin-left: 19px;
      background-color: #fafafa;
      vertical-align: top;
      margin-top: 22px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li.add-box {
      color: #53a2ff;
      border-color: #53a2ff;
      background-color: #fff;
      text-align: center;
      cursor: pointer;
      padding: 22px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li.add-box img {
      margin-top: 15px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li.add-box .prompt {
      font-size: 16px;
      margin-top: 17px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-title {
      font-size: 14px;
      height: 60px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-title .title-left {
      display: inline-block;
      width: 40px;
      height: 40px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-title .title-right {
      margin-left: 5px;
      display: inline-block;
      width: 190px;
      vertical-align: top; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-title .title-right .list-box {
      width: 190px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li h5 {
      color: #333333;
      font-size: 14px;
      margin-top: 0;
      font-weight: normal;
      margin-bottom: 5px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box {
      width: 238px;
      color: #a6a6a6;
      font-size: 12px;
      position: relative; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link {
      cursor: pointer; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link::after {
      content: '';
      position: absolute;
      background-image: url(../img/link.png);
      background-repeat: no-repeat;
      background-position: center center;
      width: 19px;
      height: 19px;
      right: 0;
      top: 0; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link.active::after {
      content: '';
      position: absolute;
      background-image: url(../img/link-active.png);
      width: 19px;
      height: 19px;
      right: 0;
      top: 0; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link.active .history-list {
      display: block; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list {
      position: absolute;
      top: 25px;
      right: 0;
      border: 1px solid #e6e6e6;
      width: 250px;
      height: 200px;
      box-shadow: 0 0 10px #c5c0c0;
      background-color: #fff;
      display: none; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list .right-up {
      position: absolute;
      top: -10px;
      right: 3px;
      width: 0;
      height: 0;
      border: 5px solid;
      border-color: transparent transparent #e6e6e6 transparent; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list .right-up .small-up {
      position: absolute;
      bottom: -6px;
      left: -5px;
      width: 0;
      height: 0;
      border: 5px solid;
      border-color: transparent transparent #fff transparent; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list .list-content {
      padding: 15px 20px;
      height: 100%;
      width: 100%;
      overflow-y: auto; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list ul li {
      margin-top: 15px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list ul li:first-child {
      margin-top: 0; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list ul li span {
      line-height: 28px;
      color: #666666; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list ul li .btn-detail {
      display: inline-block;
      width: 80px;
      height: 28px;
      text-align: center;
      line-height: 28px;
      border: 1px solid #e6e6e6;
      color: #666666;
      cursor: pointer;
      float: right;
      border-radius: 2px; }
    .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .list-box.link .history-list ul li .btn-detail:hover {
      border-color: #53a2ff;
      background-color: #53a2ff;
      color: #fff; }
  .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .btn {
    margin-top: 24px;
    border: 1px solid #53a2ff;
    border-radius: 2px;
    background-color: #fff;
    color: #4a91e3;
    padding: 4px 16px; }
  .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .btn:hover {
    color: #4a90e2;
    border-color: #4a90e2; }
  .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .btn-start {
    background-color: #53a2ff;
    color: #fff;
    border: 1px solid #53a2ff;
    border-radius: 2px;
    margin-right: 10px; }
  .page-orderAdd .main-content .search-content .tab-content .list-block > ul > li .btn-start:hover {
    color: #fff;
    border-color: #4a90e2;
    background-color: #4a90e2; }
  .page-orderAdd .main-content .search-content .tab-content .list-product {
    width: 1200px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul {
    font-size: 0; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li {
    font-size: 14px;
    display: inline-block;
    padding: 22px 10px 22px 22px;
    width: 275px;
    height: 167px;
    border: 1px solid #f0f0f0;
    margin-left: 19px;
    background-color: #fafafa;
    vertical-align: top;
    margin-top: 22px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li.add-box {
    color: #53a2ff;
    border-color: #53a2ff;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 22px; }
    .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li.add-box img {
      margin-top: 15px; }
    .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li.add-box .prompt {
      font-size: 16px;
      margin-top: 17px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-title {
    height: 57px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li h5 {
    color: #333333;
    font-size: 14px;
    margin-top: 3px;
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 18px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box {
    color: #a6a6a6;
    font-size: 12px;
    position: relative; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link {
    cursor: pointer; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link::after {
    content: '';
    position: absolute;
    background-image: url(../img/link.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 19px;
    height: 19px;
    right: 0;
    top: 0; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link.active::after {
    content: '';
    position: absolute;
    background-image: url(../img/link-active.png);
    width: 19px;
    height: 19px;
    right: 0;
    top: 0; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link.active .history-list {
    display: block; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list {
    position: absolute;
    top: 25px;
    right: 0;
    border: 1px solid #e6e6e6;
    width: 250px;
    height: 200px;
    box-shadow: 0 0 10px #c5c0c0;
    background-color: #fff;
    display: none; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list .right-up {
    position: absolute;
    top: -10px;
    right: 3px;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #e6e6e6 transparent; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list .right-up .small-up {
    position: absolute;
    bottom: -6px;
    left: -5px;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #fff transparent; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list .list-content {
    padding: 15px 20px;
    height: 100%;
    width: 100%;
    overflow-y: auto; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list ul li {
    margin-top: 15px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list ul li:first-child {
    margin-top: 0; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list ul li span {
    line-height: 28px;
    color: #666666; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list ul li .btn-detail {
    display: inline-block;
    width: 80px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    color: #666666;
    cursor: pointer;
    float: right;
    border-radius: 2px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .list-box.link .history-list ul li .btn-detail:hover {
    border-color: #53a2ff;
    background-color: #53a2ff;
    color: #fff; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .btn-start {
    margin-top: 20px;
    padding: 4px 16px;
    background-color: #fff;
    color: #666666;
    border: 1px solid #cccccc;
    border-radius: 2px; }
  .page-orderAdd .main-content .search-content .tab-content .list-product > ul > li .btn-start:hover {
    border-color: #a3a3a3; }
  /*suit-1982 add*/ 
  
    .page-orderAdd .main-content .main-search .second-tab .nav-tabs li {
      font-size: 14px;
      height: 70px;
      width: 50%;
      text-align: center;
      border-left: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      background-color: #f2f2f2; }
      .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a {
        color: #666666;
        border: none;
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 25px;
        text-decoration: none; }
        .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a .icon-tab {
          display: block;
          width: 25px;
          height: 18px;
          vertical-align: middle;
          display: inline-block;
          margin-bottom: 3px;
          margin-right: 5px; }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a .icon-tab.icon-cer {
            background: url(../img/tab-cer.png); }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a .icon-tab.icon-financial {
            background: url(../img/tab-financial.png); }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a .icon-tab.icon-account {
            background: url(../img/tab-account.png); }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a .icon-tab.icon-holderAccount {
            background: url(../img/tab-holderAccount.png); }
        .page-orderAdd .main-content .main-search .second-tab .nav-tabs li a p {
          display: inline-block; }
      .page-orderAdd .main-content .main-search .second-tab .nav-tabs li.active {
        background-color: #fff;
        border-bottom: none; }
        .page-orderAdd .main-content .main-search .second-tab .nav-tabs li.active a {
          color: #4a91e3; }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li.active a .icon-tab.icon-cer {
            background: url(../img/tab-cer-active.png); }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li.active a .icon-tab.icon-financial {
            background: url(../img/tab-financial-active.png); }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li.active a .icon-tab.icon-account {
            background: url(../img/tab-account-active.png); }
          .page-orderAdd .main-content .main-search .second-tab .nav-tabs li.active a .icon-tab.icon-holderAccount {
            background: url(../img/tab-holderAccount-active.png); }
    .page-orderAdd .main-content .main-search .tab-pane#cer .input-item{
    	width: 360px;
    	display: inline-block;
      	margin: 20px auto 20px 50px; 
    }
    .page-orderAdd .main-content .main-search .tab-pane .input-item {
      width: 500px;
      margin: 50px auto; }
      .page-orderAdd .main-content .main-search .tab-pane .input-item input, .page-orderAdd .main-content .main-search .tab-pane .input-item select {
        display: inline-block;
        width: 360px;
        height: 50px;
        padding-left: 20px; }
      .page-orderAdd .main-content .main-search .tab-pane .input-item .btn-search {
        display: inline-block;
        width: 120px;
        height: 50px;
        margin-left: 20px;
        border-radius: 4px;
        line-height: 40px;
        background-color: #4a91e3;
        color: #fff;
        font-size: 16px; }
      .page-orderAdd .main-content .main-search .tab-pane .input-item.input-box {
        overflow: hidden;
        width: 400px;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 1px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
        .page-orderAdd .main-content .main-search .tab-pane .input-item.input-box:hover {
          border-color: #66afe9;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
        .page-orderAdd .main-content .main-search .tab-pane .input-item.input-box select {
          display: inline-block;
          width: 120px;
          height: 44px;
          padding: 0 0 0 10px;
          border: none;
          box-shadow: none;
          border-radius: 0; }
          .page-orderAdd .main-content .main-search .tab-pane .input-item.input-box select:before {
            content: " ";
            height: 24px;
            width: 1px;
            background-color: #CCCCCC; }
        .page-orderAdd .main-content .main-search .tab-pane .input-item.input-box input {
          display: inline-block;
          width: 240px;
          height: 24px;
          margin-left: 10px;
          border: none;
          border-radius: 0;
          box-shadow: none;
          border-left: 1px solid #CCCCCC; }
    .page-orderAdd .main-content .main-search .tab-pane .btn-sync {
      width: 360px;
      height: 50px;
      margin: 30px auto 80px auto;
      border-radius: 4px;
      line-height: 40px;
      background-color: #4a91e3;
      color: #fff;
      font-size: 16px; }
  .page-orderAdd .main-content .search-content {
    border: 1px solid #e6e6e6;
    width: 860px;
    margin: 29px auto;
    display: none; }
    .page-orderAdd .main-content .search-content.no-data, .page-orderAdd .main-content .search-content.init-data  {
      height: 175px;
      border: none;
      display: none;
      background-color: #fff;
      text-align: center;
      padding-top: 65px; }
      .page-orderAdd .main-content .search-content.no-data img {
        margin-right: 20px; }
    .page-orderAdd .main-content .search-content.active {
      display: block; }
    .page-orderAdd .main-content .search-content .part-title {
      background-color: #f7f7f7;
      padding: 10px 20px;
      color: #666666; }
    .page-orderAdd .main-content .search-content .part-content {
      padding: 10px 0 30px; }
      .page-orderAdd .main-content .search-content .part-content .part-head-group {
        border-bottom: 1px dashed #cccccc;
        padding: 0 20px 30px; }
        .page-orderAdd .main-content .search-content .part-content .part-head-group .head-left {
          display: inline-block;
          width: 520px; }
          .page-orderAdd .main-content .search-content .part-content .part-head-group .head-left .head-item {
            width: 470px;
            margin-top: 15px; }
            .page-orderAdd .main-content .search-content .part-content .part-head-group .head-left .head-item span {
              width: 350px;
              display: inline-block;
              color: #333; }
              .page-orderAdd .main-content .search-content .part-content .part-head-group .head-left .head-item span:first-child {
                width: 100px;
                text-align: left;
                color: #999999; }
        .page-orderAdd .main-content .search-content .part-content .part-head-group .head-right {
          display: inline-block;
          padding-top: 20px;
          vertical-align: top; }
      .page-orderAdd .main-content .search-content .part-content .part-group {
        padding: 0 20px 0; }
        .page-orderAdd .main-content .search-content .part-content .part-group .part-item {
          width: 300px;
          margin-top: 20px;
          display: inline-block; }
          .page-orderAdd .main-content .search-content .part-content .part-group .part-item:nth-child(even) {
            margin-left: 210px; }
          .page-orderAdd .main-content .search-content .part-content .part-group .part-item.even {
            margin-left: 210px; }
          .page-orderAdd .main-content .search-content .part-content .part-group .part-item span {
            width: 190px;
            display: inline-block;
            color: #333; }
            .page-orderAdd .main-content .search-content .part-content .part-group .part-item span:first-child {
              width: 100px;
              text-align: left;
              color: #999999; }
  .page-orderAdd .main-content .btn-next.disabled {
    background-color: #a1ccff;
    border: #ffd8db;
    cursor: auto; }

.modal-dialog .account-text {
  margin-top: 40px;
  margin-bottom: 35px;
  text-align: center;
  color: #999999; }

.modal-dialog .input-group {
  position: relative; }
  .modal-dialog .input-group .account-list {
    display: none;
    position: absolute;
    z-index: 1;
    top: 40px;
    width: 283px;
    line-height: 30px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC; }
    .modal-dialog .input-group .account-list li {
      cursor: pointer;
      padding-left: 22px; }
      .modal-dialog .input-group .account-list li:hover {
        background-color: #f0f0f0; }
  .modal-dialog .input-group .account-input {
    background-color: #FFFFFF; }
  .modal-dialog .input-group .icon {
    position: absolute;
    right: 12px;
    top: 17px; }
    .modal-dialog .input-group .icon.icon-eye {
      cursor: pointer;
      width: 16px;
      height: 10px;
      background-image: url(../img/eye-close.png);
      background-repeat: no-repeat;
      background-position: center; }
      .modal-dialog .input-group .icon.icon-eye.open {
        background-image: url(../img/eye-open.png); }

.page-customerAdd .tab-content {
  padding-top: 50px;
  padding-bottom: 90px; }

.page-customerAdd .row {
  margin-left: 270px;
  margin-top: 5px; }
  .page-customerAdd .row p:first-child {
    width: 130px;
    display: inline-block;
    color: #333;
    text-align: right;
    padding-right: 30px; }
    .page-customerAdd .row p:first-child span.color-red {
      margin-right: 10px; }

.page-customerAdd .form-group {
  display: inline-block;
  position: relative;
  width: 280px; }
  .page-customerAdd .form-group input {
    width: 280px;
    height: 40px; }
  .page-customerAdd .form-group .suc-message {
    position: absolute;
    left: 290px;
    bottom: 0; }
    .page-customerAdd .form-group .suc-message .icon-success {
      width: 20px;
      height: 20px;
      display: inline-block;
      background: url(../img/icon-success.png);
      vertical-align: middle; }
  .page-customerAdd .form-group .warning-message {
    position: absolute;
    left: 290px;
    bottom: 0;
    color: #fd3a49;
    white-space: nowrap; }
    .page-customerAdd .form-group .warning-message .icon-error {
      width: 20px;
      height: 20px;
      display: inline-block;
      background: url(../img/icon-warning.png);
      vertical-align: middle;
      margin-right: 10px; }

.page-customerAdd .row .btn-1 {
  display: inline-block;
  width: 130px;
  background-color: #4a91e3;
  color: #fff;
  padding: 8px; }

.page-customerAdd .row .btn-cancle {
  display: inline-block;
  width: 130px;
  background-color: #fff;
  border-color: #4a91e3;
  color: #4a91e3;
  padding: 8px;
  margin-right: 15px; }

#profApplyForm .part-item{
	display:inline-block;
	width:45%;
}
#profApplyForm .part-item span{
	display:inline-block;
	width:120px;
	height:40px;
}
#profApplyForm .part-item .form-control{
	display:inline-block;
	width:240px;
}
/*# sourceMappingURL=app.css.map */

.page-video .video-prompt {
  border: 1px solid #e0e0e0;
  font-size: 14px;
  padding: 12px 18px;
  width: 1200px;
  margin: 30px auto; }
  .page-video .video-prompt span {
    display: inline-block;
    color: #45494c; }
  .page-video .video-prompt p {
    display: inline-block;
    color: #999999; }
  .page-video .video-prompt .btn-1 {
    margin-left: 5px;
    display: inline-block;
    border-color: #c2c2c2;
    color: #666666;
    border-radius: 2px;
    padding: 4px 17px; }
    
    
.page-video .shade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3); }
  .page-video .shade .login-box {
    position: absolute;
    width: 320px;
    height: 280px;
    top: 50%;
    left: 50%;
    margin-top: -143px;
    margin-left: -160px;
    padding: 20px 30px;
    background: #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3); }
    .page-video .shade .login-box .title {
      text-align: center;
      font-size: 18px;
      margin-bottom: 20px; }
    .page-video .shade .login-box .form-group {
      position: relative;
      margin-bottom: 25px; }
    .page-video .shade .login-box .error-message {
      position: absolute;
      top: 36px;
      color: #fd3a49;
      white-space: nowrap;
      margin: 0px; }
      .page-video .shade .login-box .error-message .icon-error {
        width: 15px;
        height: 15px;
        display: inline-block;
        background: url(../img/icon-input-error.png);
        vertical-align: sub;
        margin-right: 5px; }
    .page-video .shade .login-box .btn-login {
      width: 180px;
      background-color: #4a91e3;
      color: #fff;
      display: block;
      padding: 8px;
      border-radius: 5px;
      text-align: center;
      margin: 40px auto 0 auto;
      cursor: pointer; }
    .page-video .shade .login-box .btn-close {
      position: absolute;
      top: 15px;
      right: 15px;
      height: 16px;
      cursor: pointer;
      opacity: 0.6; }
    .page-video .shade .login-box .btn-close:hover {
        opacity: 1; }
    .page-video .shade .login-box .tips-text {
      text-align: center; }    

.page-error .content {
  text-align: center; }

.page-error .error-content {
  padding-top: 114px; }
  .page-error .error-content .error-message {
    margin-top: 10px;
    font-size: 16px;
    color: #333333; }
  .page-error .error-content .btn-1 {
    margin-top: 35px;
    display: inline-block;
    background-color: #53a2ff;
    color: #fff;
    padding: 4px 35px;
    border-radius: 2px; }

.page-404 .error-content {
  text-align: center;
  padding-top: 115px; }
  .page-404 .error-content .error-message {
    margin-top: 13px;
    font-size: 56px;
    color: #0178ff; }

.page-500 .content {
  text-align: center; }

.page-500 .error-content {
  display: inline-block;
  margin-top: 135px;
  position: relative; }
  .page-500 .error-content .error-message {
    position: absolute;
    font-size: 67px;
    color: #0178ff;
    left: 60px;
    top: 50px; }
        
        
.page-video .content .rightBox .info-box .info-warp .video-shade {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }
.page-video .content .rightBox .info-box .info-warp .video-shade img {
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px; }
  
.dialog-shade {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1051; }
.dialog-shade .dialog {
  position: absolute;
  width: 540px;
  height: 260px;
  top: 50%;
  left: 50%;
  margin-top: -130px;
  margin-left: -270px;
  background-color: #FFFFFF;
  padding: 35px 0 30px 0;
  text-align: center; }
.dialog-shade .dialog p {
  margin-top: 35px;
  margin-bottom: 45px;
  font-size: 16px;
  color: #333333; }
.dialog-shade .dialog.box-1 {
  display: none; }
.dialog-shade .dialog.box-1 .btn-ok {
  width: 180px;
  background-color: #4d90f4;
  color: #fff;
  font-size: 16px;
  line-height: 38px;
  width: 155px;
  border-radius: 4px;
  padding: 0; }
.dialog-shade .dialog.box-2 {
  display: none; }
.dialog-shade .dialog.box-2 .btn {
  width: 120px;
  font-size: 16px;
  line-height: 38px;
  padding: 0; }
.dialog-shade .dialog.box-2 .btn.btn-ok {
  margin-right: 12px;
  background-color: #4d90f4;
  color: #fff; }
.dialog-shade .dialog.box-2 .btn.btn-cancel {
  border: 1px solid #cccccc;
  color: #999999; }
.dialog-shade .dialog.box-3 {
  display: none; }
.dialog-shade .dialog.box-3 .btn {
  width: 120px;
  font-size: 16px;
  line-height: 38px;
  padding: 0; }
.dialog-shade .dialog.box-3 .btn.btn-ok {
  margin-right: 12px;
  background-color: #4d90f4;
  color: #fff; }
.dialog-shade .dialog.box-3 .btn.btn-cancel {
  border: 1px solid #cccccc;
  color: #999999; }
/*#crhcardser,#iTrusPTA,#pta_ienroll,#objEnroll{*/
  /*display: none;*/
/*}*/