/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
/*当浏览器为IE兼容模式是对右侧滚动条处理*/
html,
body {
  -ms-overflow-style: scrollbar;
}
i {
  font-style: normal;
}
/*当浏览器为IE兼容模式输入框里面自带叉叉清除*/
::-ms-clear {
  display: none;
}
::-ms-reveal {
  display: none;
}
/*手机端浏览器input框等内阴影清除及点击之后*/
a,
img,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*修该bootstrap默认样式开始*/
.table-striped > tbody > tr:nth-of-type(odd) {
  background: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background: #f9f9f9;
}
/* 新写页面菜单缩进 */
.hidden-menu main {
  margin-left: 10px !important;
  padding-left: 10px !important;
}
/*提示页面指引css开始*/
.guide_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.guide {
  position: absolute;
  z-index: 9999;
  cursor: pointer;
  display: none;
}
.guide i {
  position: absolute;
  top: 10px;
  left: 262px;
  color: #fff;
  font-size: 18px;
}
.guide span {
  display: block;
}
/*提示页面指引css结束*/
/*修该bootstrap默认样式结束*/
ul {
  list-style: none;
}
li {
  margin: 5px 0;
}
a {
  color: #3982f7;
}
table {
  margin-bottom: 0 !important;
}
td {
  height: 35px;
  vertical-align: middle !important;
}
th {
  vertical-align: middle !important;
}
ul.mn {
  height: 200px;
  overflow: auto;
}
ul.mn li {
  margin: 0;
}
.bg_white {
  background: #fff;
}
.bg_db {
  background: #dbdbdb;
}
.font_xs {
  font-size: 12px !important;
  color: #ababab !important;
}
.font_md {
  font-size: 14px !important;
  color: #ababab !important;
}
.caption span {
  font-size: 12px;
  color: #ababab;
}

.inline {
  display: inline-block;
}
.lineHeight {
  line-height: 50px !important;
}
.line-height {
  line-height: 30px;
}
.padding {
  padding: 0 8px;
}
.paddingH {
  padding: 10px;
}
.plr {
  padding: 6px 45px 6px !important;
}
.pb {
  padding-bottom: 15px;
}
.paddingNo {
  padding-left: 0;
  padding-right: 0;
}
.paddingN {
  padding-left: 0 !important;
}
.paddingR {
  padding-right: 0 !important;
}

.pi {
  padding-left: 13px !important;
  padding-right: 13px !important;
}
.marginT {
  margin-top: 16px;
}
.margint {
  margin-top: 15px;
}
.marginL {
  margin-left: 3px;
}
.marginB {
  margin-bottom: 15px !important;
}
.margin-Lm {
  margin-left: 10px;
}
.margin-Rno {
  margin-right: 0 !important;
}
.margin-Bno {
  margin-bottom: 0 !important;
}
.marginb {
  margin-bottom: 52px;
}
.marginA {
  margin: 30px auto;
}
.hiden {
  overflow: hidden;
  text-overflow: ellipsis;
}
.p_hiden {
  height: 18px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mg {
  margin: 12.5px auto;
}
.bg {
  background: #041833 url(/img/mybg.png) center center/cover;
}

.fonts {
  font-size: 16px;
}
.fontm {
  font-size: 14px;
}
.well {
  border: 0;
  box-shadow: 0 0 25px #fff;
}
.border-top {
  border-top: 1px solid #000;
}
.border-bottom {
  border-bottom: 1px solid #aaa;
  border-top: 0;
}
.nav li.active {
  background: #02cfd4;
}
.nav-tabs {
  border-bottom: 1px solid #02cfd4;
}
.nav-tabs > li.active {
  background: #02cfd4;
}
.nav-tabs > li.active > a {
  margin-left: 2px;
  background: #02cfd4;
  color: #fff;
}
.nav-tabs > li.active > a {
  box-shadow: none;
  border: none;
}
.nav-tabs > li > a:hover {
  border: 1px solid transparent;
}
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #02cfd4;
  color: #fff;
  border: none;
}
.border-right {
  border-right: 1px solid #dbdeda;
}
.border {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.borderNo {
  border: none !important;
  border-style: none;
}
.bordero {
  border: 1px solid #ccc !important;
}
.borderh {
  border: 1px solid #eee;
  box-shadow: 1px 1px 10px #c3c3c3;
}
.borderh:hover span.fa {
  color: #fff;
}

.hide {
  outline: none !important;
  -webkit-appearance: none !important;
  background: transparent;
  border: 0 !important;
  cursor: normal;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background: #138afb;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.well .dropdown-menu li {
  position: relative;
}
.well .dropdown-menu li > span {
  position: absolute !important;
  top: 4px !important;
}

.del {
  text-decoration: line-through;
}

.width {
  width: 100px !important;
}
.month li {
  position: relative;
}
.month span {
  position: absolute;
  top: 5px;
  right: 20px;
}
/*头部css一点开始*/
.monthHeader li {
  position: relative;
}
.monthHeader span {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 12px;
  color: #333;
}
/*头部css一点结束*/
.m-body {
  display: table-cell;
  vertical-align: middle;
}
.fa-star {
  color: #fff400;
}
.media-left {
  vertical-align: middle;
}
.demo-3 > div {
  cursor: pointer;
}
.up_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.pointer {
  cursor: pointer;
}
.smart_form_init {
  border: none;
  box-shadow: none;
}
.smart_form_init .input input,
.smart_form_init .select select,
.smart_form_init .textarea textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  color: #404a58;
  padding: 0 10px;
}
.smart_form_init .label {
  color: #404a58;
}
.smart-form .select select {
  background: #fff;
  height: 32px;
  line-height: 32px;
  border-radius: 0;
}
/*全局如果没数据则显示*/
.no_data {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -49px;
  color: #ababab;
}
/*专题 - 信息监控部分css*/
#monitor_content {
  position: relative;
}
.xslogo {
  margin: 5px 0 5px 10px;
}
.right_box .line {
  position: absolute;
  top: 165px;
  left: 50%;
  width: 4px;
  height: 70%;
  padding: 0 !important;
  background: #c3e3ff;
  border-radius: 20px;
  margin-left: -2px;
}
#down_btn {
  cursor: pointer;
}
#up_btn {
  cursor: pointer;
}

#legend {
  float: left;
  position: relative;
  left: 50%;
}
#legend li {
  position: relative;
  right: 50%;
  float: left;
  margin-right: 10px;
}
#legend li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

.pagination li {
  cursor: pointer;
  float: left;
  text-align: center;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: #3276b1;
}
/*充值成功页面 strat*/
.rechargesuccess {
  margin: 100px auto;
  height: 400px;
  width: 800px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.rechargesuccess > h1 > img {
  vertical-align: top;
}
.rechargesuccess > h1 {
  display: inline-block;
  margin: 100px 200px;
  font-size: 24px;
  width: 400px;
  color: #444444;
}
.rechargesuccess > h1 > i {
  color: red;
}
.rechargesuccess .alink {
  margin-left: 280px;
}
.rechargesuccess .alink a {
  display: inline-block;
  padding-left: 5px;
  text-decoration: none;
  color: #2a70ae;
}
/*end*/
/*充值失败 strat*/
.rechargerror {
  margin: 100px auto;
  height: 400px;
  width: 800px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.rechargerror > h1 > img {
  vertical-align: top;
}
.rechargerror > h1 {
  display: inline-block;
  margin: 100px 281px;
  font-size: 24px;
  width: 400px;
  color: #444444;
}
.rechargerror > h1 > i {
  color: red;
}
.rechargerror .alink {
  margin-left: 280px;
}
.rechargerror .alink a {
  display: inline-block;
  padding-left: 5px;
  text-decoration: none;
  color: #2a70ae;
}
.text_them {
  color: #138efa;
  /*text-decoration: underline;*/
  font-size: 16px;
  font-family: "Microsoft YaHei";
  /*white-space: nowrap;*/
}
/*end*/
.thumbnail .caption {
  padding: 9px 0;
}

.btn {
  padding: 6px 20px;
}

.btn-xs {
  padding: 3px 15px !important;
}
#download_list .pagination > li > a {
  padding: 3px 12px;
}
.load_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  /*display: none;*/
  z-index: 903;
}
.load_modal_box {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -150px;
}
.register_btn {
  border: 1px solid gray;
  width: 100px;
  height: 30px;
  font-size: 18px;
  cursor: pointer;
}
#embed-captcha {
  width: 300px;
  margin: 0 auto;
}
.register_show {
  display: block;
}
.register_hide {
  display: none;
}
#notice {
  color: #d56161;
  font-size: 11px;

  width: 300px;
  margin: 0 auto;
  margin-top: 6px;
}
.breadcrumb li {
  margin: 0;
}
.breadcrumb li a {
  font-size: 16px;
}
.hint {
  position: absolute;
  top: -9px;
  right: -7px;
  min-width: 20px;
  padding: 4px;
  font-size: 12px;
  line-height: 1;
  color: #f9f9f9;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #62acf9;
  border-radius: 10px;
}
/*显示总数据的样式开始*/
.show_count {
  line-height: 32px;
  font-size: 12px;
  color: #ababab;
  margin-right: 13px;
}
.totalCount,
.eachpageCount {
  font-style: normal;
  color: #404a58;
  font-size: 13px;
  font-weight: normal;
}
/*显示总数据的样式结束*/
/*input框里面的叉叉清除开始*/
.click_clear {
  position: absolute;
  top: 6px;
  right: 50px;
  font-size: 14px;
  z-index: 999;
  cursor: pointer;
  color: #ababab;
}

.loading_md {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: rgba(250, 250, 250, 0);
}
.loading_md > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.customer_service {
  position: fixed;
  width: 30px;
  height: 106px;
  right: 0;
  bottom: 150px;
  background: #4b5054;
  z-index: 1000;
  text-align: center;
  border-radius: 3px;
}
.customer_service span {
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  width: 20px;
}
.customer_service .show_service {
  width: 30px;
  height: 106px;
  position: absolute;
  background: #4b5054;
  top: 0;
  left: 0;
  transition: all 0.5s;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 3px 0;
  z-index: 9999;
}
.customer_service .more_service {
  width: 70px;
  height: 106px;
  position: absolute;
  background: #4b5054;
  top: 0;
  left: 70px;
  transition: all 0.5s;
  box-sizing: border-box;
  padding: 3px 0;
}
.customer_service .more_service a {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
.customer_service:hover .show_service {
  border-radius: 0 3px 3px 0;
}
.customer_service:hover .more_service {
  left: -70px;
  border-radius: 3px 0 0 3px;
}
/*input框里面的叉叉清除结束*/
/*.loading_login{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(250,250,250,0.2);
    border-radius: 10px;
}
.loading_login>div{
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left: -15px;
}*/
@media (max-width: 768px) {
  .pagination > li > a,
  .pagination > li > span,
  .btn {
    font-size: 12px;
    padding: 4px 20px;
  }
  .form-control {
    height: 28px;
  }
  .page-footer {
    line-height: 27px !important;
  }
}

@media (min-width: 768px) {
  #index_Modal {
    width: 600px;
    margin: 100px auto;
  }
}
@media (min-width: 1000px) {
  .modal-lg {
    width: 1000px;
  }
}

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont_all/iconfont.eot?t=1480064039815"); /* IE9*/
  src: url("../fonts/iconfont_all/iconfont.eot?t=1480064039815#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/iconfont_all/iconfont.woff?t=1480064039815")
      format("woff"),
    /* chrome, firefox */
      url("../fonts/iconfont_all/iconfont.ttf?t=1480064039815")
      format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
      url("../fonts/iconfont_all/iconfont.svg?t=1480064039815#iconfont")
      format("svg"); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-drop-out:before {
  content: "\e605";
}

.icon-return-weight:before {
  content: "\e612";
}

.icon-history:before {
  content: "\e62a";
}

.icon-retuen:before {
  content: "\e63b";
}

.icon-start1:before {
  content: "\e609";
}

.icon-drop-out-weight:before {
  content: "\e60a";
}

.icon-Settings:before {
  content: "\e680";
}

.icon-ce-shi-zhong-xin:before {
  content: "\e615";
}

.icon-xiazai-yun:before {
  content: "\e672";
}

.icon-start2:before {
  content: "\e627";
}

.icon-my:before {
  content: "\e78b";
}

.icon-myfill:before {
  content: "\e78c";
}

.icon-delete:before {
  content: "\e606";
}

.icon-sousuo:before {
  content: "\e632";
}

.icon-download－weight:before {
  content: "\e723";
}

.icon-zhuanti:before {
  content: "\e61b";
}

.icon-diaoyan:before {
  content: "\e60e";
}

.icon-baobiao:before {
  content: "\e644";
}

.icon-danxuan:before {
  content: "\e71f";
}

.icon-cross:before {
  content: "\e724";
}

.icon-cross－fill:before {
  content: "\e725";
}

.icon-cross2:before {
  content: "\e726";
}

.icon-add:before {
  content: "\e727";
}

.icon-add1:before {
  content: "\e728";
}

.icon-add-fill:before {
  content: "\e729";
}

.icon-Minus:before {
  content: "\e72a";
}

.icon-prompt－fill:before {
  content: "\e72b";
}

.icon-prompt:before {
  content: "\e72c";
}

.icon-Check:before {
  content: "\e72e";
}

.icon-yuanxingweixuanzhong:before {
  content: "\e72f";
}

.icon-share:before {
  content: "\e739";
}

.icon-more-fill:before {
  content: "\e73a";
}

.icon-shopping－cart－fill:before {
  content: "\e73c";
}

.icon-shopping－cart:before {
  content: "\e73d";
}

.icon-shanchu:before {
  content: "\e74b";
}

.icon-right1:before {
  content: "\e775";
}

.icon-left1:before {
  content: "\e779";
}

.icon-api-leixing:before {
  content: "\e78e";
}

.icon-huangguan:before {
  content: "\e628";
}

.icon-yujing:before {
  content: "\e671";
}

.icon-others:before {
  content: "\e7bc";
}

.icon-download:before {
  content: "\e757";
}

.icon-analysis:before {
  content: "\e767";
}

.icon-Refresh:before {
  content: "\e60f";
}

.icon-shishijiankong:before {
  content: "\e636";
}

.icon-jibiequanxian:before {
  content: "\e643";
}

.icon-password:before {
  content: "\e600";
}

.icon-time:before {
  content: "\e6be";
}

.icon-gengduo-copy:before {
  content: "\e602";
}

.icon-gaojisousuo:before {
  content: "\e604";
}

.icon-shujuyuan:before {
  content: "\e9f9";
}

.icon-gonggao:before {
  content: "\e6f2";
}

.icon-gaunjainzi:before {
  content: "\e601";
}

.icon-Export:before {
  content: "\e619";
}

.icon-home:before {
  content: "\e6cb";
}

.icon-rmb:before {
  content: "\e622";
}

.icon-jibenxinxi:before {
  content: "\e666";
}

.icon-pen:before {
  content: "\e608";
}

.icon-xiugai:before {
  content: "\e623";
}

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont1/iconfont.eot?t=1483694405634"); /* IE9*/
  src: url("../fonts/iconfont1/iconfont.eot?t=1483694405634#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/iconfont1/iconfont.woff?t=1483694405634")
      format("woff"),
    /* chrome, firefox */ url("../fonts/iconfont1/iconfont.ttf?t=1483694405634")
      format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
      url("../fonts/iconfont1/iconfont.svg?t=1483694405634#iconfont")
      format("svg"); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youxiang:before {
  content: "\e68b";
}

.icon-neibuyoujian:before {
  content: "\e677";
}