/*****************************
**整体页面布局，结构
******************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
ol, ul, li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
html {
  font-size: 14px;
  font-family: 'Arial', '微软雅黑', '华文细黑', STHeiti-Light, STHeiti, '宋体';
  color: #000;
  height: 100%;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}
body {
  height: auto;
  position: relative;
  background-color: #FFF;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
}
/*****表单*****/

input {
  outline: none;
}
select:focus {
  outline: none;
}
input[type='text'], input[type='password'], textarea, select, input[type='search'] {
  padding: 0 5px;
  background-color: #FFF;
  border: 1px solid #A9A9A9;
}
input[type='text'][disabled], input[type='text'][readonly] {
  background-color: #EFEFEF;
}
/**清除IE10,IE11中自动给文本框加上删除图标和密码查看按钮***/

input::-ms-clear {
  display: none;
}
::-ms-reveal {
  display: none;
}
.placeholder {
  color: #AAA!important;
}
input[type='button'], input[type='submit'], input[type='reset'] {
          appearance: none;
     -moz-appearance: none;
  -webkit-appearance: none;
}
input, textarea, select {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
  font-family: 'Arial', '微软雅黑', '华文细黑', STHeiti-Light, STHeiti, '宋体';
}
select::-ms-expand {
  display: none;
}
img {
  vertical-align: middle;
}
em, i {
  font-style: normal;
}
a {
  text-decoration: none;
  color: #333;
}
.main-content a:hover, .blue-text {
  color: #00ABE1;
}
a.blue-text:hover {
  text-decoration: underline;
}
/*iconfont*/

@font-face {
  font-family: 'iconfont';
  /* project id 287131 */
  src: url('//at.alicdn.com/t/font_287131_ex4othuvvh.eot');
  src: url('//at.alicdn.com/t/font_287131_ex4othuvvh.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_287131_ex4othuvvh.woff2') format('woff2'), url('//at.alicdn.com/t/font_287131_ex4othuvvh.woff') format('woff'), url('//at.alicdn.com/t/font_287131_ex4othuvvh.ttf') format('truetype'), url('//at.alicdn.com/t/font_287131_ex4othuvvh.svg#iconfont') format('svg');
}
.iconfont {
  font-family: 'iconfont' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
/*单行省略*/

.ellipsis-one {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*多行省略,默认三行*/

.ellipsis-more {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
          line-clamp: 3;
  -webkit-line-clamp: 3;
  height: 4.5em;
  word-wrap: break-word;
  word-break: break-all;
}
/*********************公用样式****************/

.container {
  width: 1100px;
  margin: 0 auto;
}
.inline_block {
  display: inline-block;
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.fl {
  float: left;
  _display: inline;
}
.fr {
  float: right;
  _display: inline;
}
.clear {
  clear: both;
  zoom: 1;
}
.auto {
  width: auto;
  height: auto;
}
.bg-white {
  background: #FFF;
}
.bg-grey {
  background: #F4F4F4;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.nowrap {
  white-space: nowrap;
}
.word-wrap {
  word-break: break-all;
  word-wrap: break-word;
}
.container-in {
  max-width: 1100px;
  margin: 0 auto;
}
.res-container {
  width: 1100px;
  margin: 0 auto;
}
.banner {
  height: 400px;
  color: #FFF;
}
.banner-tit {
  font-size: 30px;
  font-weight: bold;
}
.banner-desc {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 2;
}
.m-banner {
  height: 230px;
  color: #FFF;
}
/*.m-banner .container-in{ position: relative; }*/

.m-banner-con {
  display: table;
  width: 100%;
}
.m-banner-left {
  display: table-cell;
  width: 66%;
  height: 230px;
  vertical-align: middle;
}
.m-banner-right {
  display: table-cell;
  width: 34%;
  vertical-align: middle;
  text-align: right;
}
.m-banner-tit {
  font-size: 36px;
}
.m-banner-desc {
  opacity: .6;
  line-height: 2;
  margin-top: 5px;
}
.m-banner-btn {
  margin: 10px 0;
  padding: 0 32px!important;
}
@media screen and (max-width: 767px) {
  .m-banner-btn {
    font-size: 14px!important;
    height: 32px!important;
    line-height: 32px!important;
  }
}
@media screen and (max-width: 479px) {
  .m-banner-con {
    display: table-cell;
    height: 230px;
    vertical-align: middle;
  }
  .m-banner-left {
    display: block;
    width: 100%;
    height: auto;
  }
  .m-banner-right {
    display: block;
    width: 100%;
    text-align: left;
  }
  .m-banner-right br {
    display: none;
  }
  .m-banner-tit {
    font-size: 28px;
  }
}
.breadcrumb {
  line-height: 60px;
  font-size: 12px;
}
.breadcrumb a, .breadcrumb span {
  padding: 0 5px;
}
.breadcrumb span {
  color: #999;
}
/*按钮*/

.ghost-btn-xs, .ghost-btn-s, .ghost-btn-m, .ghost-btn-l {
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px;
  text-align: center;
  cursor: pointer;
          transition: all .5s cubic-bezier(.4, 0, .2, 1);
     -moz-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  /* Firefox 4 */
  -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  /* Safari 和 Chrome */
       -o-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  /* Opera */
}
.ghost-btn-xs {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.ghost-btn-s {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.ghost-btn-m {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.ghost-btn-l {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.ghost-btn-white {
  color: #FFF;
  border: 1px solid #FFF;
}
.ghost-btn-white:hover {
  color: #FFF!important;
  background: rgba(255, 255, 255, .1);
}
.ghost-btn-blue {
  color: #00ABE1;
  border: 1px solid #00ABE1;
}
.ghost-btn-blue:hover {
  color: #139FE0!important;
  background: rgba(19, 159, 224, .1);
}
.ghost-btn-grey {
  color: #999;
  border: 1px solid #B7B7B7;
}
.ghost-btn-grey:hover {
  color: #999!important;
  background: rgba(183, 183, 183, .2);
}
.m-btn-xs, .m-btn-s, .m-btn-m, .m-btn-l {
  display: inline-block;
  vertical-align: middle;
  padding: 0 35px;
  cursor: pointer;
  color: #FFF;
  border: none;
  text-align: center;
          transition: all .5s cubic-bezier(.4, 0, .2, 1);
     -moz-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  /* Firefox 4 */
  -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  /* Safari 和 Chrome */
       -o-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  /* Opera */
}
.m-btn-xs {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.m-btn-s {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.m-btn-m {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.m-btn-l {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
.m-btn-blue {
  background: #139FE0;
  color: #FFF!important;
}
.m-btn-blue:hover {
  background: #0776AA;
  color: #FFF!important;
}
.m-btn-green {
  background: #93CD5B;
  color: #FFF!important;
}
.m-btn-green:hover {
  background: #7AAE47;
  color: #FFF!important;
}
.m-btn-orange {
  background: #F8B500;
  color: #FFF!important;
}
.m-btn-orange:hover {
  background: #E39206;
  color: #FFF!important;
}
.m-btn-red {
  background: #BB1E1A;
  color: #FFF!important;
}
.m-btn-red:hover {
  background: #8D1512;
  color: #FFF!important;
}
.m-btn-grey {
  background: #BDC3C7;
  color: #FFF!important;
}
.m-btn-grey:hover {
  background: #969A9D;
  color: #FFF!important;
}
.m-btn-disable, .m-btn-disable:hover {
  background: #E3E3E3!important;
  color: #FFF!important;
  cursor: default;
}
/*图文列表-中心动态、梧桐资讯、企业新闻、挂牌公告等*/

.m-news-list li {
  border-bottom: 1px solid #EEE;
  overflow: hidden;
  zoom: 1;
  padding: 25px 0;
}
.m-news-img {
  float: left;
  width: 240px;
  height: 160px;
}
.m-news-con {
  overflow: hidden;
  zoom: 1;
  margin-left: 255px;
}
.m-news-title {
  font-size: 16px;
}
.m-news-title a {
  color: #333;
}
.m-news-summary {
  color: #999;
  height: auto;
  max-height: 3em;
          line-clamp: 2;
  -webkit-line-clamp: 2;
  margin-top: 4px;
}
.m-news-info {
  color: #999;
  font-size: 12px;
  margin-top: 12px;
}
.m-news-info a, .m-news-info em {
  color: #00ABE1;
}
.m-news-info a:hover {
  text-decoration: underline;
}
/*企业动态,结合以上css一起使用 目前有3处使用*/

.m-company-news li {
  margin-left: 60px;
  position: relative;
  padding: 20px 0;
}
.m-company-news li + li {
  border-top: 1px solid #EEE;
}
.m-cnews-logo {
  width: 44px;
  height: 44px;
  border: 1px solid #EEE;
  border-radius: 10px;
  position: absolute;
  left: -60px;
  top: 20px;
}
.m-cnews-img {
  width: 200px;
  margin-top: 12px;
}
.news-detail-title {
  font-size: 30px;
  text-align: center;
  padding-top: 50px;
}
.news-detail-info {
  font-size: 14px;
  color: #999;
  text-align: center;
  padding-top: 10px;
}
.news-detail-info span {
  margin: 0 10px;
}
.news-detail-con {
  padding-top: 30px;
  text-align: justify;
  text-justify: inter-ideograph;
  overflow: hidden;
  font-size: 16px;
  line-height: 2;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.news-detail-con img {
  max-width: 100%;
}
.news-detail-con table {
  max-width: 100%;
}
/*tab*/

.m-tab-nav {
  border-bottom: 1px solid #EEE;
}
.m-tab-nav a {
  line-height: 32px;
  border-bottom: 2px solid transparent;
  display: inline-block;
  _display: inline;
  zoom: 1;
  margin-right: 45px;
  min-width: 52px;
  text-align: center;
}
.m-tab-nav a.curr {
  color: #00ABE1;
  border-bottom: 2px solid #00ABE1;
}
/* 弹窗 */

.qhee-shade {
  width: 100%;
  height: 100%;
  background: url(../../image/common/bgblack.png) repeat;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
/* 表单弹窗 */

.qhee-dialog-form {
  width: 460px;
  padding: 30px 60px;
  background-color: #FFF;
  position: relative;
  max-height: 100%;
  margin-top: 175px;
}
.qhee-form-iconfont {
  position: absolute;
  right: 0;
  top: -79px;
  max-width: 34px;
}
.qhee-form-iconfont span {
  display: block;
  width: 0;
  height: 48px;
  border-left: 1px solid #FFF;
  margin: -2px auto;
}
.qhee-form-close {
  font-size: 34px;
  line-height: 1;
  color: #FFF;
  cursor: pointer;
}
.qhee-form-title h3 {
  text-align: center;
  font-size: 24px;
  color: #333;
  line-height: 1;
  margin-bottom: 10px;
}
.qhee-form-title p {
  font-size: 12px;
  color: #999;
  text-align: center;
}
.qhee-form-control label {
  font-size: 14px;
  line-height: 38px;
  color: #666;
  text-align: right;
  display: block;
  width: 70px;
  padding-right: 24px;
}
.qhee-form-control + .qhee-form-control {
  margin-top: 15px;
}
select.qhee-form-select, input.qhee-form-input, textarea.qhee-form-input, input.qhee-form-code {
  border: 2px solid #EEE;
  color: #333;
  resize: none;
}
select.qhee-form-select {
          appearance: none;
     -moz-appearance: none;
  -webkit-appearance: none;
      -ms-appearance: none;
  height: 38px;
  padding-right: 50px;
  padding-right: 0\0;
  min-width: 120px\0;
  background-image: url('../../image/common/select.png');
  background-image: none\0;
  background-repeat: no-repeat;
  background-position: right center;
}
input.qhee-form-input, textarea.qhee-form-input, input.qhee-form-code {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 20px;
}
input.qhee-form-input {
  width: 266px;
}
textarea.qhee-form-input {
  width: 266px;
  height: 60px;
}
input.qhee-form-code {
  width: 100px;
}
.qhee-form-img {
  width: 120px;
  height: 38px;
  margin-left: 14px;
}
.qhee-form-img + span {
  color: #00ABE1;
  font-size: 12px;
  margin-left: 14px;
  cursor: pointer;
  line-height: 20px;
  position: relative;
  top: 18px;
}
.qhee-form-btns.qhee-form-control {
  margin-top: 40px;
}
.qhee-form-btns input[type=submit], .qhee-form-btns input[type=button] {
  width: 132px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #FFF;
  border: none;
  cursor: pointer;
}
.qhee-form-btns input + input {
  margin-left: 10px;
}
.qhee-form-blue {
  background-color: #00ABE1;
}
.qhee-form-gray {
  background-color: #BDC3C7;
}
/*视频弹窗 暂定*/

.video-pc-wrap {
  width: 640px;
  position: absolute;
  left: 50%;
  margin-left: -320px;
  top: 50%;
  margin-top: -230px;
  position: relative;
}
.video-pc-wrap .iconfont, .video-mobile-wrap .iconfont {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  cursor: pointer;
}
.video-mobile-wrap .iconfont {
  right: -20px;
  top: -10px;
  background-color: rgba(255, 255, 255, .8);
  border-radius: 20px;
  color: red;
}
.video-mobile-wrap {
  width: 320px;
  height: 220px;
  position: absolute;
  left: 50%;
  margin-left: -160px;
  top: 50%;
  margin-top: -110px;
}
/* 404 */

.qhee-error {
  background-color: #3C5068;
  overflow: hidden;
}
.qhee-error-content {
  position: relative;
  text-align: center;
}
.qhee-error-content img {
  max-width: 100%;
  display: inline;
}
.qhee-err-text {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
}
.qhee-err-text p {
  font-size: 14px;
  color: #839CBA;
  line-height: 1.4;
}
.qhee-err-text a {
  width: 180px;
  margin: 30px auto 0;
}
.qhee-message-error {
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #FFF;
  padding: 20px 5%;
  margin: 10px auto;
}
.qhee-message-error p, .qhee-message-error h3, .qhee-message-error h4, .qhee-message-error h5 {
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}
.qhee-message-error p {
  margin-top: 0;
}
.qhee-message-error p b {
  color: #CCC;
  font-weight: normal;
}
.qhee-message-error h3 {
  color: red;
}
.qhee-message-error h4 {
  color: #999;
}
.qhee-message-error h5 {
  color: #333;
}
/*二级标题**/

.container .sub_h3 {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 5px 0 10px 0;
}
/**************** header sub ***************/

#header_sub_bg {
  border-bottom: 5px solid #139EE0;
}
#logo {
  position: absolute;
  left: 0;
  font-size: 16px;
  color: #827F7F;
  /* line-height: 60px; */
}
#logo img {
  float: left;
  margin-top: 7px;
}
#sub_title {
  position: absolute;
  left: 220px;
  font-size: 16px;
}
#header_sub {
  position: relative;
  background-color: #FFF;
  width: 1000px;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  margin-top: 2px;
}
.onlineService {
  cursor: pointer;
}
.onlineService i, .onlineService span {
  vertical-align: middle;
}
.onlineService i {
  font-size: 18px;
}
/**登陆*/

#header_sub .userInfo .login_name {
  position: relative;
  overflow: visible;
}
#header_sub li .userInfoContent #loginButton {
  display: block;
}
#header_sub li .userInfoContent ul li {
  padding-right: 0;
  float: none;
}
#header_sub li .userInfoContent ul li a {
  color: #888;
  font-size: 14px;
  text-align: left;
  font-weight: 200;
}
#header_sub li .userInfoContent a {
  padding-left: 0;
  color: #FFF;
}
/*****************新版头部样式，适用于一级导航页面******/

.web_header {
  width: 100%;
  height: auto;
}
.web_header_top {
  height: 35px;
  line-height: 35px;
  background-color: #F5F5F5;
  overflow: hidden;
}
.web_header_top .container {
  height: 35px;
}
.web_header_top .container div {
  z-index: 402;
}
.web_header_top .container div > a {
  margin-right: 20px;
  color: #777474;
  text-decoration: none;
  font-size: 12px;
}
.web_header_top .container div > a:hover {
  color: #0087D1;
}
.web_header_top #loginButton .account_name {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  border: 0 !important;
  padding: 0 !important;
}
.web_header_top #loginButton.active .account_name {
  box-shadow: none;
}
.web_header_top #loginBox {
  right: 0;
  top: 45px;
}
.web_header_layout {
  width: 1000px;
  margin: auto;
  padding-top: 5px;
}
.web_header_nav {
  border-bottom: 1px solid #F3F3F4;
}
.web_header_nav ul.navList {
  position: relative;
  float: right;
}
.web_header_nav ul.navList > li {
  float: left;
  position: relative;
  display: block;
  height: 60px;
  width: 110px;
  line-height: 60px;
  text-align: center;
}
.web_header_nav ul.navList > li.active a {
  color: #1885E0;
}
.web_header_nav ul.navList > li > a {
  font-size: 16px;
  color: #666;
  line-height: 60px;
}
.web_header_nav ul.navList > li > a i {
  font-style: normal;
}
.web_header_nav .navList li a.indexBg i {
  background-image: url('/qhee-webapp/resources/image/base/layout/indexBg.png');
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 3px 4px;
  padding-left: 25px;
  font-style: normal;
  height: 20px;
}
.web_header_nav .navList li span {
  display: block;
  font-size: 12px;
  color: #8A8A8A;
  visibility: hidden;
}
.opacity {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
      filter: alpha(opacity=0);
}
.web_header_nav .subMenu {
  position: absolute;
  top: 87px;
  right: 0;
  display: none;
  z-index: 100;
          transform: scale(0, 0);
          transform-origin: right top;
  -webkit-transform: scale(0, 0);
  -webkit-transform-origin: right top;
     -moz-transform: scale(0, 0);
     -moz-transform-origin: right top;
       -o-transform: scale(0, 0);
       -o-transform-origin: right top;
}
.web_header_nav .subMenu .menuArrow {
  background: url('/qhee-webapp/resources/image/base/layout/menuArrow.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 11px;
  left: 125px;
  position: absolute;
  top: -11px;
  width: 21px;
}
.web_header_nav ul.navList li .navDIV {
  width: 200px;
  background: #FFF;
}
.web_header_nav ul.navList li .navDIV ul {
  width: 200px;
  background: #FFF;
  height: auto;
          box-shadow: #E1E1E1 0 0 5px 3px;
     -moz-box-shadow: #E1E1E1 0 0 5px 3px;
  -webkit-box-shadow: #E1E1E1 0 0 5px 3px;
}
.web_header_nav ul.navList li .navDIV ul li {
  height: 44px;
  line-height: 44px;
  width: 100%;
  float: none;
  display: block;
}
.web_header_nav ul.navList li .navDIV ul li a {
  font-size: 14px;
  color: #949494;
  padding: 0 20px;
  display: block;
  line-height: 44px;
  text-align: left;
}
.web_header_nav ul.navList li .navDIV ul li a.active, .web_header_nav ul.navList li .navDIV ul li a:hover {
  color: #FFF;
  background: #78959F;
}
/*********中间部门布局*************/

#main_content {
  min-height: calc(100vh - 313px);
}
#stock-body #main_content {
  padding-bottom: 180px!important;
}
.autoFillContent {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
          box-flex: 1;
}
/*一般用于二级页面，比如申请，账户管理等页面*/

.sub_content {
  /* background-color:#EFEFEF; */
  padding: 30px 0;
}
/****************footer*********************/

#qhee-footer {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 55px;
  background-color: #404143;
  color: #8E9195;
  position: relative;
  z-index: 2;
}
#qhee-footer a {
  color: #8B9094;
}
#qhee-footer a:not(.web-icon):hover {
  color: #FFF;
}
#footer-desc {
  text-align: center;
  margin: 20px 0 50px;
  line-height: 36px;
}
#footer-desc p span, #footer-desc p span a {
  color: #00ABE4;
  font-size: 18px;
}
#footer_logo {
  padding: 0;
  margin: 0;
  height: 31px;
  border-top: 1px solid #5F8EAA;
  margin-top: 20px;
}
#footer_logo span {
  float: left;
  width: 344px;
  display: block;
  margin-top: 15px;
  background-color: #5F8EAA;
  height: 1px;
  border: none;
}
#footer_logo img {
  display: block;
  margin: -16px auto 0;
  background: #404143;
  padding: 0 15px;
}
#footer_link {
  float: left;
  margin-top: 30px;
}
#footer_link li {
  float: left;
  display: block;
}
#footer_link li {
  padding-right: 30px;
}
#footer_at {
  float: right;
}
#footer_at li {
  float: right;
  display: block;
}
#footer_at li + li {
  padding-top: 29px;
  margin-right: 28px;
}
#footer_at li .iconfont, #footer_at li span {
  font-size: 18px;
  line-height: 32px;
}
#footer_at li span {
  font-weight: bold;
}
.QH-txt {
  clear: left;
  padding-top: 15px;
  position: relative;
  overflow: hidden;
  line-height: 25px;
}
.web-icon {
  margin-left: 5px;
  vertical-align: middle;
  line-height: 20px;
  display: inline-block;
}
#knet {
  background: url(../../image/share/knet.png) no-repeat 0 -25px;
}
#knet:hover {
  background-position: 0 -2px;
}
#ebsgovicon {
  background: url(../../image/share/govIcon.jpg) no-repeat;
}
.mr5 {
  margin-right: 5px;
}
/* #phone_service{
	display:inline-block;
	line-height: 32px;
	font-size: 18px;
	font-weight: bold;
	color:#b9bbbd;
	margin-right: 20px
}
#client_service{
	display:inline-block;
	line-height: 32px;
	font-size: 18px;
	font-weight: bold;
	color:#b9bbbd;
	cursor: pointer;
	margin-right: 20px
} */

#client_service .iconfont {
  font-size: 22px;
  line-height: 1;
}
.header_icon_service {
  background-position: 1px -60px;
}
.phone404 {
  background-position: -30px 0;
  width: 30px;
  height: 30px;
  margin: 0 7px 0 17px;
}
.sevices404 {
  background-position: -30px -34px;
  width: 30px;
  height: 30px;
  margin: 0 7px 0 17px;
}
#friend-link {
  font-size: 12px;
  position: relative;
  height: 20px;
  margin-top: 40px;
}
#friend-link .line {
  border-bottom: 1px solid #5C5C5E;
  height: 9px;
}
#friend-link .links {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -368px;
  padding: 0 20px;
  background-color: #404143;
}
#friend-link .links a {
  display: inline-block;
  margin-left: 18px;
}
#friend-link .links a:first-child {
  margin-left: 0;
}
.footer_at_l {
  float: left;
}
.footer_at_r {
  float: right;
}
#dami_code img {
  width: 90px;
}
#dami_code p {
  display: none;
}
/***********V2新版头部样式**********/

#header-v2 {
  color: #999;
  background-color: #FFF;
  font-size: 15px;
  border-bottom: 1px solid #F3F3F4;
}
#header-v2 .container-in {
  position: relative;
}
#header-top {
  height: 50px;
  line-height: 50px;
  position: relative;
}
#header-top .user-info a {
  color: #369FD2;
  /* padding: 0 8px 10px; */
  display: inline-block;
  zoom: 1;
  text-align: center;
  /* background: #fff; */
  /* margin-top: 20px; */
}
#header-top .fr {
  margin-left: 15px;
}
#header-navs {
  position: relative;
}
#logo-v2 {
  display: block;
  float: left;
  width: 218px;
}
#logo-v2 img {
  height: 40px;
}
#header-nav {
  overflow: hidden;
  zoom: 1;
}
#header-nav > li {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0 10px;
}
#header-nav > li:last-child {
  padding-right: 0;
}
#header-navs a {
  position: relative;
  font-size: 15px;
  line-height: 60px;
}
#header-nav > li.active > a, #header-nav > li > a:hover, #header-nav > li.hover > a {
  color: #00ABE1;
  border-bottom: 3px solid #00ABE1;
}
#header-navs a .nav-new {
  width: 28px;
  height: 26px;
  position: absolute;
  top: 4px;
}
#header-navs > .iconfont {
  padding: 0 0 0 2.5%;
  color: #333;
  float: right;
  font-size: 30px;
  margin-top: 6px;
}
.header-nav-icon {
  display: none;
}
#header-user-info {
  top: 0;
  right: 0;
  height: 58px;
  border: 1px solid #FFF;
          box-shadow: #FFF 0 0 5px 1px;
     -moz-box-shadow: #FFF 0 0 5px 1px;
  -webkit-box-shadow: #FFF 0 0 5px 1px;
  line-height: 57px;
  z-index: 100;
}
.header-qhee #header-nav {
  float: right;
  display: flex;
}
.header-qhee #header-nav > li {
  margin-left: 35px;
  padding: 2px 0 0;
}
.header-qhee #header-nav a {
  display: block;
}
/* .header-nav > li:last-child a, .header-nav-zh > li:last-child a {
  max-width: 70px;
  line-height: 25px !important;
  margin-top: 7px;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 14px !important;
} */

#qhee-header .open-header {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 85%;
  display: none;
  padding: 5px 10px;
  cursor: pointer;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #FFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08);
}
#qhee-header .open-header:hover {
  background-color: #00ABE1;
  color: #FFF;
}
/*小微 header start*/
#stock-body #header-user-info {
  position: absolute!important;
  height: 56px;
  line-height: 56px;
}
#stock-body #header-user-info .sub-header-nav {
  right: -1px;
}
#stock-body #header-user-info .login_account {
  position: relative;
  width: 160px;
}
#stock-body #logo-v2 {
  margin-right: 40px;
}
/*end*/

#header_sub #header-user-info {
  line-height: 28px;
}
#header-user-info > a {
  display: inline-block;
  zoom: 1;
  text-align: center;
  padding: 0 8px 0 8px;
  background: #FFF;
  /* margin-top:20px; */
}
#header_sub #header-user-info > a {
  margin-top: 18px;
}
.login_account_hold {
  visibility: hidden;
}
.login_account {
  display: none;
  position: absolute;
  z-index: 205;
}
.login_account, .login_account_hold {
  padding: 0 30px 0 10px!important;
}
.login_account .arrow, .login_account_hold .arrow {
  width: 12px;
  height: 8px;
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -4px;
  background: url('../../image/share/account-arrow.png') no-repeat;
}
.msg-count-tip {
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
          border-radius: 8px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
  line-height: 16px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  background-color: #D8181A;
  top: 3px;
  right: 16px;
}
.sub-header-nav .msg-count-tip {
  left: 45px;
  top: 10px;
}
#header-user-info.hover .login_account span, #header-user-info.hover .login_account_hold span {
  background-position: -12px 0;
}
#header-user-info.hover {
  border: 1px solid #E1E1E1;
          box-shadow: #E1E1E1 0 0 5px 1px;
     -moz-box-shadow: #E1E1E1 0 0 5px 1px;
  -webkit-box-shadow: #E1E1E1 0 0 5px 1px;
}
#header-user-info .sub-header-nav {
  right: 0;
          transform-origin: right top!important;
  -webkit-transform-origin: right top!important;
  ;
}
#header-user-info .sub-header-nav li {
  width: 200px;
}
#header-user-info #g_logout, #header-user-info #g_logout a:hover {
  background-color: #E8EAF1;
  color: #1FAAFD!important;
}
#header-user-info #g_logout a {
  text-align: center;
  color: #1FAAFD;
}
.sub-header-nav {
  display: none;
  background-color: #FFF;
  font-size: 14px;
  position: absolute;
  top: 55px;
  padding: 10px;
  border: 1px solid #E1E1E1;
  z-index: 100;
          box-shadow: #E1E1E1 0 0 5px 1px;
     -moz-box-shadow: #E1E1E1 0 0 5px 1px;
  -webkit-box-shadow: #E1E1E1 0 0 5px 1px;
          transform: scale(0, 0);
          transform-origin: left top;
  -webkit-transform: scale(0, 0);
  -webkit-transform-origin: left top;
}
/* 新版响应式头部 下拉简化 */

.header-qhee-user .sub-header-nav {
          transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}
#header-nav .sub-header-nav {
  left: -1px;
}
.sub-header-nav li {
  line-height: 36px;
  height: 36px;
  width: 240px;
}
.sub-header-nav.short-header-nav li {
  width: 90px;
}
.sub-header-nav li a {
  display: block!important;
  padding: 0 0 0 10px!important;
  text-align: left!important;
  position: relative;
}
.sub-header-nav.short-header-nav li a {
  color: #333;
}
.sub-header-nav li a:hover {
  color: #FFF!important;
  background-color: #B9BABD;
}
.sub-header-nav.short-header-nav li a:hover {
  background-color: #00ABE1;
}
/*前海主站头部*/

#header-v2.header-qhee {
  position: relative;
  border-bottom: none;
  z-index: 200;
  height: 95px;
}
.header-qhee .header-qhee-top {
  height: 30px;
  position: relative;
}
.header-qhee-lbg, .header-qhee-rbg {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}
.header-qhee-lbg {
  background-color: #0C0E38;
  left: 0;
}
.header-qhee-rbg {
  background-color: #00ABE1;
  right: 0;
}
.header-qhee-mbg {
  background-color: #0C0E38;
  height: 30px;
}
.header-qhee .container {
  position: relative;
}
.header-qhee-logonavs {
  height: 65px;
}
.header-qhee-logonavs a {
  color: #333;
}
.header-qhee-login {
  background: #00ABE1;
}
.header-qhee-login #header-user-info {
  border-color: #00ABE1;
  border: none;
  height: 60px;
          box-shadow: none;
     -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.header-qhee-login #header-user-info .login_account, .header-qhee-login #header-user-info .login_account_hold {
  width: 158px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 60px;
}
.header-qhee-login > a {
  margin: 0 0 0 60px;
}
.header-qhee-login a {
  height: 30px;
  line-height: 30px;
  color: #FFF;
}
.header-qhee-login #header-user-info > a {
  background: #00ABE1;
  color: #FFF;
}
.header-qhee-login #header-user-info > a:hover {
  text-decoration: underline;
}
.header-qhee-login #header-user-info.hover {
  border-color: #D5D5D5;
          box-shadow: none;
     -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.header-qhee-login #header-user-info.hover a:hover {
  text-decoration: none;
}
.header-qhee-login .sub-header-nav {
  top: 30px;
  background: #00ABE1;
  border: none;
          box-shadow: none;
     -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.header-qhee-login #header-user-info .sub-header-nav li {
  width: 178px;
}
.header-qhee-login .sub-header-nav li a, .header-qhee-login #header-user-info #g_logout a {
  color: #FFF;
}
.header-qhee-login #header-user-info #g_logout {
  background: none;
}
.header-qhee-login .sub-header-nav li a:hover, .header-qhee-login #header-user-info #g_logout a:hover {
  background: #FFF;
  color: #369FD2 !important;
}
.header-qhee-login .login_account .arrow, .header-qhee-login .login_account_hold .arrow {
  background: url('../../image/share/account-arrow-white.png') no-repeat;
}
.header-qhee-user {
  position: relative;
  margin: 0;
  padding: 5px 0 5px 30px;
  cursor: pointer;
}
.header-qhee-user img {
  display: block;
  width: 20px;
  height: 20px;
}
.header-qhee-user .iconfont {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #FFF;
  margin-left: 8px;
  -webkit-transition: all .3s linear;
       -o-transition: all .3s linear;
          transition: all .3s linear;
}
.header-qhee-user.hover .iconfont {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header-qhee-user .sub-header-nav {
  right: 0;
}
.header-qhee-user .sub-header-nav li {
  width: 178px;
}
.header-qhee-en {
  display: none;
}
/********二级页面页脚*************/

#qhee-footer-sub {
  /* position: absolute;
	bottom: 0px; */
  width: 100%;
  border-top: 1px solid #E9E9E9;
  color: #8F959B;
  background-color: #FFF;
}
#qhee-footer-txt {
  text-align: center;
  line-height: 80px;
  overflow: hidden;
}
#qhee-footer-txt a {
  color: #8F959B;
}
/*小微底部样式*/

#stock-footer-bg {
  background-color: #404143;
  bottom: 0;
  color: #8B9094;
  position: absolute;
  width: 100%;
}
#stock-footer-bg a {
  color: #8B9094;
}
#stock-footer {
  background-color: transparent !important;
  overflow: hidden;
  padding-bottom: 40px;
  padding-top: 15px;
  color: #8B9094;
}
#footer-title {
  padding: 0;
  margin: 0;
  height: 30px;
  text-align: center;
}
#footer-title span {
  background-color: #5C5C5E;
  height: 1px;
  margin-top: 18px;
  width: 330px;
  display: inline-block;
}
#footer-title p {
  display: inline-block;
  margin: 7px 15px 0 15px;
  color: #8F959B;
  font-size: 14px;
}
#footer-detail {
  padding-top: 5px;
  font-size: 12px;
  color: #6A6F74;
  text-align: center;
}
.footer-phone {
  background: url('../../image/share/small-phone.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 13px;
  width: 13px;
  margin-left: 15px;
  margin-right: 5px;
  vertical-align: middle;
}
/*小微底部政府友情链接*/

.stock-footer-nav-icon {
  background: url(/node/public/image/stock-market/footer-nav-icon.png) no-repeat 0 0;
}
.stock-footer-navs {
  background: #4B4B4B;
  height: 98px;
  line-height: 98px;
  margin-top: 60px;
}
.stock-footer-nav {
  width: 25%;
}
.stock-footer-nav-link {
  display: block;
  color: #BEBEBE;
}
.stock-footer-nav-con {
  text-align: center;
}
.stock-footer-icon {
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 37px;
  margin-right: 10px;
}
.stock-footer-gs-icon {
  background-position: 0 -74px;
}
.stock-footer-xy-icon {
  background-position: 0 -111px;
}
.stock-footer-sw-icon {
  background-position: 0 0;
}
.stock-footer-sb-icon {
  background-position: 0 -37px;
}
/* 新政改版 header-top.html 样式 */

.account-top {
  background-color: #EDEDED;
}
.account-head-top {
  line-height: 30px;
}
.account-head-top .account-customer {
  font-weight: bold;
  color: #666;
  font-size: 16px;
  margin-right: 5px;
}
.account-head-top a.pull-right {
  margin-left: 20px;
}
.account-head-top a {
  font-size: 12px;
  color: #777474;
}
.account-user-name {
  display: block;
  max-width: 60%;
  text-align: right;
}
#header-navs .iconfont.account-header-icon {
  color: #00ABE1;
}
#header-navs .account-header-nav {
  margin-left: 0;
  z-index: 2;
  padding-top: 8px;
  height: 57px;
}
#header-navs .account-header-nav a {
  line-height: 50px;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .account-head-top a.pull-right {
    margin-left: 10px;
  }
  .account-user-name {
    width: calc(100% - 150px);
    text-align: right;
  }
}
body.no-customer-service #udesk_container, bady #newBridge {
  display: none;
}