html, body {
    /*Global和其他国家*/ 
   /*font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
   /*中文中文*/
   /*font-family: "-apple-system", "BlinkMacSystemFont", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif*/
   font-size:14px;
    font-family: Noto Sans SC !important;
}
.w-70 {
    width:70px;
}
 .h-70 {
     height:70px;
}
.hidden {
    display:none !important;
}
.fade.in {
  opacity: 1 !important;
}
.btn.focus, .btn:focus {
    box-shadow: none !important;
}
.color-gray {
    color:gray;
}
.btn-white {
  color: #0077ec;
  border:1px solid #0077ec;
  background-color: #ffffff;
}
.m-l-5 {
    margin-left:5px;
}
.m-l-10 {
    margin-left:10px;
}
.m-r-5 {
    margin-right:5px;
}
.m-r-10 {
    margin-right:10px;
}
.m-t-0 {
    margin-top:0 !important;
}
.m-t-5{
	margin-top:5px;
}
.m-t-10{
	margin-top:10px;
}
.m-t-20 {
    margin-top:20px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-b-5{
	margin-bottom:5px;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-20 {
    margin-bottom:20px !important;
}
.m-b-30 {
    margin-bottom:30px;
}
.m-b-60 {
    margin-bottom:60px !important;
}
.m-b-100 {
    margin-bottom:100px;
}
.m-t-90 {
    margin-top: 90px;
}
.m-t-100 {
    margin-top:100px !important;
}
.m-b-100 {
    margin-bottom:100px !important;
}
.p-t-10 {
    padding-top:10px;
}
.p-t-20 {
    padding-top:20px !important;
}
.p-b-0 {
    padding-bottom:0 !important;
}
.p-b-5 {
    padding-bottom:5px !important;
}
.p-b-10{
    padding-bottom:10px;
}
.p-l-0 {
    padding-left:0;
}
.p-l-10 {
    padding-left:10px;
}
.p-l-15 {
    padding-left:15px !important;
}
.p-l-20 {
    padding-left:20px;
}
.p-r-10 {
    padding-right:10px;
}
.p-r-15 {
    padding-right:15px !important;
}
.p-r-20 {
    padding-right:20px;
}

.p-20 {
    padding:20px;
}
.font-size-12 {
    font-size:12px;
}
.font-size-14 {
    font-size:14px !important;
}
.font-size-16 {
    font-size:16px !important;
}
.font-size-18 {
    font-size:18px;
}
.font-weight-400 {
    font-weight:400;
}
.font-weight-500 {
    font-weight:500;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-800 {
    font-weight: 800 !important;
}
 .pos-relative {
        position:relative;
}
.pos-absolute {
    position:absolute;
}
.pos-fixed {
    position:fixed;
}
.pos-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.f-right {
    float:right;
}
.f-left {
    float:left;
}
.modal-dialog-fluid {
    width:100%;
}
.ani {
    transition:all .25s ease-out;
}
.page_content_box {
    border-radius: 4px;
    border: 1px solid #dedede;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 35px 55px;
}
.ac-close {
font-size: 0px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid;
    width: 15px;
    height: 15px;
}
.ac-close::before, .ac-close::after {
      content: '';
    width: 9px;
    height: 1px;
    background: #000;
    display: inline-block;
    transition:all 0.25s;
}
.ac-close::before {
      transform: translate(2px ,6px) rotate(90deg);
}
.ac-close::after {
   transform: translate(2px ,5px) rotate(0deg);
}
.custom-close {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  border:none;
  position:absolute;
  right:20px;
  cursor:pointer;
  padding:6px;
}
@media (max-width: 1199.98px) { 
    .custom-close {
     width: 30px;
     height: 30px;
     right: 5px;
    }
}
.custom-close span {
   font-size:0px;
   display:block;
}
.custom-close span::before,.custom-close span::after{
   content:'';
   width:14px;
   height:2px;
   background:#FFF;
   display:block;
}
.custom-close span::before{
    transform: translate(2px,1px) rotate(45deg);
}
.custom-close span::after{
  transform: translate(2px ,-1px) rotate(-45deg);
}
.viewDetail {
    position:absolute;
    top:0;left:0;
    right:0;
    bottom:0;
    z-index:99;
}
.sup{
    vertical-align:super; font-size:9px; 
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: Noto Sans SC !important;
    margin:10px 0px 0px 0px
}
 
.sub{
    vertical-align:sub; font-size:9px; 
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: Noto Sans SC !important;
    margin:10px 0px 0px 0px
}

.max-w-100 {
    max-width:100%;
}
.max-h-100 {
    max-height:100%;
}
.img-responsive {
    max-width:100%;
    max-height:100%;
}

 #loading-global {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgba(000,000,000,0.5);
}
#loading-global > .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*********************图标******************************/
[class^="glyphicon-"],
[class*=" glyphicon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image:  url("../images/icons/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

/*.glyphicon-white,
.nav-pills > .active > a > [class^="glyphicon-"],
.nav-pills > .active > a > [class*=" glyphicon-"],
.nav-list > .active > a > [class^="glyphicon-"],
.nav-list > .active > a > [class*=" glyphicon-"],
.navbar-inverse .nav > .active > a > [class^="glyphicon-"],
.navbar-inverse .nav > .active > a > [class*=" glyphicon-"],
.dropdown-menu > li > a:hover > [class^="glyphicon-"],
.dropdown-menu > li > a:focus > [class^="glyphicon-"],
.dropdown-menu > li > a:hover > [class*=" glyphicon-"],
.dropdown-menu > li > a:focus > [class*=" glyphicon-"],
.dropdown-menu > .active > a > [class^="glyphicon-"],
.dropdown-menu > .active > a > [class*=" glyphicon-"],
.dropdown-submenu:hover > a > [class^="glyphicon-"],
.dropdown-submenu:focus > a > [class^="glyphicon-"],
.dropdown-submenu:hover > a > [class*=" glyphicon-"],
.dropdown-submenu:focus > a > [class*=" glyphicon-"] {
  background-image: url("../images/icons/glyphicons-halflings.png");
}*/
.glyphicon-glass {
  background-position: 0      0;
}

.glyphicon-music {
  background-position: -24px 0;
}

.glyphicon-search {
  background-position: -48px 0;
}

.glyphicon-envelope {
  background-position: -72px 0;
}

.glyphicon-heart {
  background-position: -96px 0;
}

.glyphicon-star {
  background-position: -120px 0;
}

.glyphicon-star-empty {
  background-position: -144px 0;
}

.glyphicon-user {
  background-position: -168px 0;
}

.glyphicon-film {
  background-position: -192px 0;
}

.glyphicon-th-large {
  background-position: -216px 0;
}

.glyphicon-th {
  background-position: -240px 0;
}

.glyphicon-th-list {
  background-position: -264px 0;
}

.glyphicon-ok {
  background-position: -288px 0;
}

.glyphicon-remove {
  background-position: -312px 0;
}

.glyphicon-zoom-in {
  background-position: -336px 0;
}

.glyphicon-zoom-out {
  background-position: -360px 0;
}

.glyphicon-off {
  background-position: -384px 0;
}

.glyphicon-signal {
  background-position: -408px 0;
}

.glyphicon-cog {
  background-position: -432px 0;
}

.glyphicon-trash {
  background-position: -456px 0;
}

.glyphicon-home {
  background-position: 0 -24px;
}

.glyphicon-file {
  background-position: -24px -24px;
}

.glyphicon-time {
  background-position: -48px -24px;
}

.glyphicon-road {
  background-position: -72px -24px;
}

.glyphicon-download-alt {
  background-position: -96px -24px;
}

.glyphicon-download {
  background-position: -120px -24px;
}

.glyphicon-upload {
  background-position: -144px -24px;
}

.glyphicon-inbox {
  background-position: -168px -24px;
}

.glyphicon-play-circle {
  background-position: -192px -24px;
}

.glyphicon-repeat {
  background-position: -216px -24px;
}

.glyphicon-refresh {
  background-position: -240px -24px;
}

.glyphicon-list-alt {
  background-position: -264px -24px;
}

.glyphicon-lock {
  background-position: -287px -24px;
}

.glyphicon-flag {
  background-position: -312px -24px;
}

.glyphicon-headphones {
  background-position: -336px -24px;
}

.glyphicon-volume-off {
  background-position: -360px -24px;
}

.glyphicon-volume-down {
  background-position: -384px -24px;
}

.glyphicon-volume-up {
  background-position: -408px -24px;
}

.glyphicon-qrcode {
  background-position: -432px -24px;
}

.glyphicon-barcode {
  background-position: -456px -24px;
}

.glyphicon-tag {
  background-position: 0 -48px;
}

.glyphicon-tags {
  background-position: -25px -48px;
}

.glyphicon-book {
  background-position: -48px -48px;
}

.glyphicon-bookmark {
  background-position: -72px -48px;
}

.glyphicon-print {
  background-position: -96px -48px;
}

.glyphicon-camera {
  background-position: -120px -48px;
}

.glyphicon-font {
  background-position: -144px -48px;
}

.glyphicon-bold {
  background-position: -167px -48px;
}

.glyphicon-italic {
  background-position: -192px -48px;
}

.glyphicon-text-height {
  background-position: -216px -48px;
}

.glyphicon-text-width {
  background-position: -240px -48px;
}

.glyphicon-align-left {
  background-position: -264px -48px;
}

.glyphicon-align-center {
  background-position: -288px -48px;
}

.glyphicon-align-right {
  background-position: -312px -48px;
}

.glyphicon-align-justify {
  background-position: -336px -48px;
}

.glyphicon-list {
  background-position: -360px -48px;
}

.glyphicon-indent-left {
  background-position: -384px -48px;
}

.glyphicon-indent-right {
  background-position: -408px -48px;
}

.glyphicon-facetime-video {
  background-position: -432px -48px;
}

.glyphicon-picture {
  background-position: -456px -48px;
}

.glyphicon-pencil {
  background-position: 0 -72px;
}

.glyphicon-map-marker {
  background-position: -24px -72px;
}

.glyphicon-adjust {
  background-position: -48px -72px;
}

.glyphicon-tint {
  background-position: -72px -72px;
}

.glyphicon-edit {
  background-position: -96px -72px;
}

.glyphicon-share {
  background-position: -120px -72px;
}

.glyphicon-check {
  background-position: -144px -72px;
}

.glyphicon-move {
  background-position: -168px -72px;
}

.glyphicon-step-backward {
  background-position: -192px -72px;
}

.glyphicon-fast-backward {
  background-position: -216px -72px;
}

.glyphicon-backward {
  background-position: -240px -72px;
}

.glyphicon-play {
  background-position: -264px -72px;
}

.glyphicon-pause {
  background-position: -288px -72px;
}

.glyphicon-stop {
  background-position: -312px -72px;
}

.glyphicon-forward {
  background-position: -336px -72px;
}

.glyphicon-fast-forward {
  background-position: -360px -72px;
}

.glyphicon-step-forward {
  background-position: -384px -72px;
}

.glyphicon-eject {
  background-position: -408px -72px;
}

.glyphicon-chevron-left {
  background-position: -432px -72px;
}

.glyphicon-chevron-right {
  background-position: -456px -72px;
}

.glyphicon-plus-sign {
  background-position: 0 -96px;
}

.glyphicon-minus-sign {
  background-position: -24px -96px;
}

.glyphicon-remove-sign {
  background-position: -48px -96px;
}

.glyphicon-ok-sign {
  background-position: -72px -96px;
}

.glyphicon-question-sign {
  background-position: -96px -96px;
}

.glyphicon-info-sign {
  background-position: -120px -96px;
}

.glyphicon-screenshot {
  background-position: -144px -96px;
}

.glyphicon-remove-circle {
  background-position: -168px -96px;
}

.glyphicon-ok-circle {
  background-position: -192px -96px;
}

.glyphicon-ban-circle {
  background-position: -216px -96px;
}

.glyphicon-arrow-left {
  background-position: -240px -96px;
}

.glyphicon-arrow-right {
  background-position: -264px -96px;
}

.glyphicon-arrow-up {
  background-position: -289px -96px;
}

.glyphicon-arrow-down {
  background-position: -312px -96px;
}

.glyphicon-share-alt {
  background-position: -336px -96px;
}

.glyphicon-resize-full {
  background-position: -360px -96px;
}

.glyphicon-resize-small {
  background-position: -384px -96px;
}

.glyphicon-plus {
  background-position: -408px -96px;
}

.glyphicon-minus {
  background-position: -433px -96px;
}

.glyphicon-asterisk {
  background-position: -456px -96px;
}

.glyphicon-exclamation-sign {
  background-position: 0 -120px;
}

.glyphicon-gift {
  background-position: -24px -120px;
}

.glyphicon-leaf {
  background-position: -48px -120px;
}

.glyphicon-fire {
  background-position: -72px -120px;
}

.glyphicon-eye-open {
  background-position: -96px -120px;
}

.glyphicon-eye-close {
  background-position: -120px -120px;
}

.glyphicon-warning-sign {
  background-position: -144px -120px;
}

.glyphicon-plane {
  background-position: -168px -120px;
}

.glyphicon-calendar {
  background-position: -192px -120px;
}

.glyphicon-random {
  width: 16px;
  background-position: -216px -120px;
}

.glyphicon-comment {
  background-position: -240px -120px;
}

.glyphicon-magnet {
  background-position: -264px -120px;
}

.glyphicon-chevron-up {
  background-position: -288px -120px;
}

.glyphicon-chevron-down {
  background-position: -313px -119px;
}

.glyphicon-retweet {
  background-position: -336px -120px;
}

.glyphicon-shopping-cart {
  background-position: -360px -120px;
}

.glyphicon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.glyphicon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.glyphicon-resize-vertical {
  background-position: -432px -119px;
}

.glyphicon-resize-horizontal {
  background-position: -456px -118px;
}

.glyphicon-hdd {
  background-position: 0 -144px;
}

.glyphicon-bullhorn {
  background-position: -24px -144px;
}

.glyphicon-bell {
  background-position: -48px -144px;
}

.glyphicon-certificate {
  background-position: -72px -144px;
}

.glyphicon-thumbs-up {
  background-position: -96px -144px;
}

.glyphicon-thumbs-down {
  background-position: -120px -144px;
}

.glyphicon-hand-right {
  background-position: -144px -144px;
}

.glyphicon-hand-left {
  background-position: -168px -144px;
}

.glyphicon-hand-up {
  background-position: -192px -144px;
}

.glyphicon-hand-down {
  background-position: -216px -144px;
}

.glyphicon-circle-arrow-right {
  background-position: -240px -144px;
}

.glyphicon-circle-arrow-left {
  background-position: -264px -144px;
}

.glyphicon-circle-arrow-up {
  background-position: -288px -144px;
}

.glyphicon-circle-arrow-down {
  background-position: -312px -144px;
}

.glyphicon-globe {
  background-position: -336px -144px;
}

.glyphicon-wrench {
  background-position: -360px -144px;
}

.glyphicon-tasks {
  background-position: -384px -144px;
}

.glyphicon-filter {
  background-position: -408px -144px;
}

.glyphicon-briefcase {
  background-position: -432px -144px;
}

.glyphicon-fullscreen {
  background-position: -456px -144px;
}

/*********************图标 End******************************/

/******DatePicker    样式 *************/
.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.z-index-100 {
    z-index:100;
}

/***********************  Loading 的样式 ********************/
    .spinner {
        margin: 0 auto;
        width: 150px;
        text-align: center;
    }

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: rgb(56, 169, 249);

        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    @-webkit-keyframes bouncedelay {
        0%, 80%, 100% { -webkit-transform: scale(0.0) }
        40% { -webkit-transform: scale(1.0) }
    }

    @keyframes bouncedelay {
        0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        } 40% {
              transform: scale(1.0);
              -webkit-transform: scale(1.0);
          }
    }
/***********************  Loading 的样式结束 ********************/

/********************* Bootstrap 样式重置部分 *******************/
.form-control:focus {
    color: inherit;
    background-color: #fff;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
button:focus {
    outline:none;
}

@media (min-width: 992px){
.modal-xl {
    max-width: 800px;
}}
@media (min-width: 1200px){
.modal-xl {
    max-width: 1110px;
}}