html,
    body,
    #app {
      height: 100%;
      margin: 0px;
      padding: 0px;
      /* 
      灰色模式
      webkit-filter:grayscale(100%);
      -moz-filter:grayscale(100%);
      -ms-filter:grayscale(100%);
      -o-filter:grayscale(100%);
      filter:grayscale(100%);
      filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
      filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) */
    }
    .chromeframe {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }
    #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999999;
    }
    #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 120px;
      height: 120px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      /* COLOR 1 */
      border-top-color: #FFF;
      -webkit-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -ms-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -moz-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -o-animation: spin 2s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */
      z-index: 1001;
    }
    #loader:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      /* COLOR 2 */
      border-top-color: #FFF;
      -webkit-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -moz-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -o-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -ms-animation: spin 3s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    #loader:after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      /* COLOR 3 */
      -moz-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -o-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -ms-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      -webkit-animation: spin 1.5s linear infinite;
      /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite;
      /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
      }
      100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
      }
    }
    @keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
      }
      100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
      }
    }
    .clear_float::after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
    .clear_father{overflow: auto}
    #loader-wrapper .loader-section {
      position: fixed;
      top: 0;
      width: 51%;
      height: 100%;
      background: #49a9ee;
      /* Old browsers */
      z-index: 1000;
      -webkit-transform: translateX(0);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(0);
      /* IE 9 */
      transform: translateX(0);
      /* Firefox 16+, IE 10+, Opera */
    }
    #loader-wrapper .loader-section.section-left {
      left: 0;
    }
    #loader-wrapper .loader-section.section-right {
      right: 0;
    }
    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
      -webkit-transform: translateX(-100%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(-100%);
      /* IE 9 */
      transform: translateX(-100%);
      /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .loaded #loader-wrapper .loader-section.section-right {
      -webkit-transform: translateX(100%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(100%);
      /* IE 9 */
      transform: translateX(100%);
      /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .loaded #loader {
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateY(-100%);
      /* IE 9 */
      transform: translateY(-100%);
      /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.3s 1s ease-out;
      transition: all 0.3s 1s ease-out;
    }
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
      display: none;
    }
    .no-js h1 {
      color: #222222;
    }
    #loader-wrapper .load_title {
      font-family: 'Open Sans';
      color: #FFF;
      font-size: 14px;
      width: 100%;
      text-align: center;
      z-index: 9999999999999;
      position: absolute;
      top: 60%;
      opacity: 1;
      line-height: 30px;
    }
    #loader-wrapper .load_title span {
      font-weight: normal;
      font-style: italic;
      font-size: 14px;
      color: #FFF;
      opacity: 0.5;
    }
    /* 滚动条优化 start */

    /* ::-webkit-scrollbar{
     
      width:4px;
      height:4px;
    }
    ::-webkit-scrollbar-track{
      background: #f6f6f6;
      border-radius:2px;
    }
    ::-webkit-scrollbar-thumb{
      background: #cdcdcd;
      border-radius:2px;
    }
    ::-webkit-scrollbar-thumb:hover{
      background: #747474;
    }
    ::-webkit-scrollbar-corner {
      background: #f6f6f6;
    } */



    ::-webkit-scrollbar{
      /*滚动条整体样式*/
      width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
      height: 8px;
    }
    ::-webkit-scrollbar-thumb{
      /*滚动条里面小方块*/
      border-radius   : 10px;
      background-color: skyblue;
      background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.2) 50%,
          rgba(255, 255, 255, 0.2) 75%,
          transparent 75%,
          transparent
      );
    }
    ::-webkit-scrollbar-track{
      /*滚动条里面轨道*/
      box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
      background   : #ededed;
      border-radius: 10px;
    }
    /* 滚动条优化 end */
   
    /* 不能选中 */
    .noselect {

      -webkit-touch-callout: none; /* iOS Safari */
      
      -webkit-user-select: none; /* Chrome/Safari/Opera */
      
      -khtml-user-select: none; /* Konqueror */
      
      -moz-user-select: none; /* Firefox */
      
      -ms-user-select: none; /* Internet Explorer/Edge */
      
      user-select: none; /* Non-prefixed version, currently
      not supported by any browser */
      -webkit-user-drag: none;
      -ms-user-drag: none;
      -moz-user-drag: none;
      }
      .menu_img_style_40{
        width: 40px;
        height: 40px;
        display:inline-block;
        font-size: 40px;
      }
      .menu_img_style_30{
        width: 30px;
        height: 30px;
        display:inline-block;
        font-size: 30px;
      }
      .menu_img_style_20{
        width: 20px;
        height: 20px;
        display:inline-block;
        font-size: 20px;
      }
      .low_margin_bottom{
        margin-bottom: 5px !important;
      }
      /* 系统配置要素 */
        /* 登陆页样式 */
        body #userLayout.user-layout-wrapper .container{
          width: 100%;
          min-height: 100%;
          background-size: 100%;
          /* padding: 110px 0 94px; */
          padding-bottom: 94px;
          position: relative;
        }
        body .top_login_content{
          height: 110px;
          display: flex;
          align-items: center;
          /* 横向排列 默认靠左边，可以居中center和靠右rigth */
          justify-content: left; 
        }
        
        body .container  .login_top .left_right .header{
          width: 50%;
        }
        body .container  .login_top .left_right .desc{
          width: 50%;
        }
        body .container .login_content .top_bottom .header{
            width:100%;
        }
        body .container .login_content .top_bottom .desc{
            width:100%;
            margin-top: 0px !important;
        }
      
        body #userLayout.user-layout-wrapper .container .top_login_content .left_right .desc{
          margin:0 0 0 1.5rem !important;
        }

        body .container_details_son{
          height: 100%;
          display: flex;
          align-items: center;
          transform: scale(0.9);
          flex-wrap: wrap;
        }
        body .container .login_content{
          width:100%;
          flex-basis: 100%;
        }
        body .container .login_content .top{
          display: flex;
          align-items: center;
          flex-wrap: wrap;
        }
        body #userLayout.user-layout-wrapper .container .container_details{
          display: inline-block;
          padding: 0 20px;
          z-index: 1;
          position: relative;
          /* 登录区域宽度，根据logo长度改变 */
          width: 420px; 
        }
        body .container .background_content{
          position: fixed;
          left: 0;
          display: inline-block;
          height: calc(100% - 201px);
        }
        body .container .login_bg_url{
          position: fixed;
          z-index: 0;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        body #userLayout.user-layout-wrapper .container .top .header{
            /* height: 44px; */
            /* line-height: 44px; */
        }
        /* 登录页logo样式 */
        body .login_logo{
            height: 50px;
            vertical-align: top;
            border-style: none;
        }
        /* 菜单logo样式 */
        body .menu_logo_url{
          height:40px;
        }
        body .header_logo{
          height:40px;
          margin-right: 16px;
        }

        body .global_header_modules{

        }
      /* 系统配置要素 */




      body .multipleheightauto .ant-form-item-control-wrapper>div{
          height: auto !important;
      }

      /* tooltip 白色背景,默认是黑色的 */
      .overlay_tooltip_white_background .ant-tooltip-inner{
          background: #fff;
          color: rgba(0, 0, 0, 0.65);
      }
      .overlay_tooltip_white_background .ant-tooltip-arrow::before{
            background: #fff;
      }
      
      /* 设置照片墙的icon图标大小 */
      .ant-upload-list-picture-card .ant-upload-list-item-list-type-picture-card .ant-upload-list-item-actions .anticon {
        font-size: 28px;
        margin: 0 4px;
        width: 28px;
        color: red;
      }
      /* checkbox 块状 布局 */
      body .checkboxblockstyle .ant-checkbox-group-item{
        display: block;
        margin:0 0 5px 8px;
      } 
      body .checkboxblockstyle .ant-checkbox-wrapper{
        display: block;
        margin:0 0 5px 8px;
      } 

      body .input_number_style{
          width: 100%;
      }

      /* 设置单图片上传控制，头像 */
      .avatar-uploader > .ant-upload {
        width: 128px;
        height: 128px;
      }
      .ant-upload-select-picture-card i {
        font-size: 32px;
        color: #999;
      }

      /* 表格table 分页固定 */
      body .fixed_table_pagination .ant-table-pagination{
        position: fixed;
        bottom: 10px;
        right: 15px;
        z-index: 1;
        background: #fff;
        padding: 10px;
        margin: 0;
      }
      /* 设置所有弹窗底部操作粘贴布局 */
      html body  .ant-modal-footer{
        position: sticky;
        position: -webkit-sticky;
        position: -ms-sticky;
        position: -moz-sticky;
        bottom: 0;
        background: #fff;
        z-index:1000;
      }
      html body .un_set_sticky .ant-modal-footer{
        position: unset;
        position: -webkit-unset;
        position: -ms-unset;
        position: -moz-unset;
        bottom: 0;
        background: #fff;
        z-index:1000;
      }

      /* 表单formitem属性必填样式 */
      .formrequirestyletrans .van-cell__title span::before{
          display: inline-block;
          margin-right: 4px;
          content: '*';
          font-family: SimSun;
          line-height: 1;
          font-size: 14px;
          color: #f5222d;
      }
      .formrequirestyletrans>div:nth-of-type(1) label::before{
          display: inline-block;
          margin-right: 4px;
          content: '*';
          font-family: SimSun;
          line-height: 1;
          font-size: 14px;
          color: #f5222d;
      }
      /* tinymce 编辑器 多图片上传样式 */
      .tox .tox-dialog__body-iframe{
        width:100%;
      }
      .tox .tox-dialog__body-iframe .tox-navobj{
        width: 100%;
        height: 100%;
      }
      .tox .tox-dialog__body-iframe .tox-navobj iframe{
        width: 100%;
        height:100%;
      }
      
      /* 功能配置表单表格模式 start */
      .function_setting_table_wrapper_design{
        width: 100%;
        overflow: auto;
      }
      .function_setting_table_wrapper_design .ant-form-item{
        margin-bottom:0;
      }
      /* .function_setting_table_wrapper_design  tr>td:nth-of-type(1){
        border-left:1px solid black;
      }
      .function_setting_table_wrapper_design  tr:nth-of-type(1)>td{
        border-top: 1px solid black;
      } */
      .function_setting_table_wrapper_design .tabel-container>div{
        display: flex;
        display: -webkit-flex;
      }
      .function_setting_table_wrapper_design .tabel-container>div>span{
        border-right: 1px solid black;
        border-bottom: 1px solid black;
      }
      .function_setting_table_wrapper_design .tabel-container>div>span:nth-of-type(1){
        border-left:1px solid black;
      }
      .function_setting_table_wrapper_design .tabel-container>div:nth-of-type(1)>span{
        border-top: 1px solid black;
      }
      /* .function_setting_table_wrapper_design .tabel-container .ant-row>div:nth-child(1){
        border-right: 1px solid black;
      } */
      .function_setting_table_wrapper_design .tabel-container .ant-row>div:last-of-type{
        border-left:1px solid black;
      }
      .function_setting_table_wrapper_design  .ant-input{
        border:none ;
        border:none !important;
        box-shadow: unset;
      }
      .function_setting_table_wrapper_design  .ant-input-number{
        border: none ;
        border: none !important;
        box-shadow: unset;
      }

      .function_setting_table_wrapper_design  .ant-select-selection{
        border:none ;
        border:none !important;
        box-shadow: unset;
      }
      .function_setting_table_wrapper_design .ant-form-item-label > label::after{
        content: '';
      }
      .function_setting_table_wrapper_design .ant-select .ant-select-arrow{
        display:none;
      }
      .function_setting_table_wrapper_design .ant-calendar-picker .ant-calendar-picker-icon{
        display: none;
      }
      .function_setting_table_wrapper_design .tabel-container .ant-row>div.ant-col-24{
        border-left:none;
      }
      /* 功能配置表单表格模式 end */


      /* 去除表单控件禁用样式 */
      .delete_form_disabled_style .ant-input-disabled[disabled] {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.65);
        border:unset;
      }
      .delete_form_disabled_style .ant-input-disabled {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.65);
        border:unset;
      }
      .delete_form_disabled_style .ant-input[disabled]{
        background-color: #fff;
        color: rgba(0, 0, 0, 0.65);
        border:unset;
      }
      .delete_form_disabled_style .ant-select-disabled .ant-select-selection {
        background: #fff;
        color: rgba(0, 0, 0, 0.65);
        border:unset;
      }
      .delete_form_disabled_style.ant-select-disabled .ant-select-selection {
        background: #fff;
        color: rgba(0, 0, 0, 0.65);
        border:unset;
      }
      .delete_form_disabled_style .ant-select-disabled .ant-select-selection .ant-select-arrow {
        display:none;
      }
      .delete_form_disabled_style .ant-input-number-disabled {
        background-color: #fff;
        color: rgba(0, 0, 0, 0.65);
        border:unset;
      }

      .radio_button_vertical_style .ant-radio-wrapper{
          margin: 0 0 5px 8px;
          width:100%;
          border-left: 1px solid #d9d9d9;
          border-radius: 4px;
      }
      .radio_button_vertical_style .ant-radio-button-wrapper:first-child{
          border-radius:4px
      }
      .radio_button_vertical_style .ant-radio-button-wrapper:last-child{
          border-radius:4px
      }
      .radio_button_vertical_style  .ant-radio-button-wrapper:not(:first-child)::before{
          position: absolute;
          top: 0;
          left: -1px;
          display: block;
          width: 0;
          height: 0;
          background-color: #d9d9d9;
          content: '';
      }
      .radio_vertical_style .ant-radio-wrapper{
              margin: 0 0 5px 8px;
              width:100%;
      }

      .business_pop_up .ant-modal{
        top:0
      }
      .business_pop_up .anticon-info-circle{
        display: none;
      }
      .business_pop_up .ant-modal-confirm-btns{
        position: sticky;
        bottom: 0;
        width: 100%;
        text-align: right;
      }

      body .van-field--disabled .van-field__label{
        color:#646566;
      }

      body .ComprehensiveListModule_table_title .ant-table  .ant-table-title{
          border: unset;
          padding: 0;
      }
      body .ComprehensiveListModule_table_footer .ant-table  .ant-table-footer{
          border: unset;
          padding: 0;
      }
	  body .hiddentd{
		  display:none;
		  
	  }

      

      /* 宽度变的时候改变首页模块的宽度 */
      @media screen and (max-width: 700px) {
          .mobile_home_style{
              width:100% !important;
          }
      }
      



      @font-face
      {
      font-family: FangSongGB2312;
      src: url('../font/FSGB2312.TTF') format('truetype'),
          url('../font/fsgb2312-webfont.eot'),
          url('../font/fsgb2312-webfont.woff') format('woff'),
          url('../font/fsgb2312-webfont.svg') format('svg');
      }
      


      #webpack-dev-server-client-overlay{
        /* 在网页上隐藏报错 */
        display: none;
      }