/*----------全站共用----------*/
body{ width:100%; height:auto ;margin:0 auto; font-size:12px; padding:0; font-family:"微软雅黑";}
img{ border:0; margin:0; padding:0}
form{ margin:0; padding:0}
ul{ margin:0; padding:0; list-style-type:none}
li{ margin:0; padding:0; list-style-type:none}
p{ margin:0; padding:0}
input{ margin:0; padding:0; vertical-align:middle;outline:none}
select{ margin:0; padding:0; vertical-align:middle}

/*----------全站共用----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,/*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;outline:0;font-family:"微软雅黑";}
:focus{outline:0;}
a{text-decoration:none;cursor:pointer;}
a:active{outline:none;}
a:hover{text-decoration:none;}
body{line-height:1;-webkit-font-smoothing: subpixel-antialiased;text-decoration:none;}
ol, ul, li {list-style:none;}
table {border-collapse:separate;/* border-spacing:0;*/}
caption, th, td {font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
.clear {clear:both;height:1px;visibility:hidden;line-height:1px;overflow:hidden;}
img{border:0;}

/*-----浮动-------*/
.fl{ float: left;}
.fr{ float:right;}

/*-----字体------*/
.font{font-family: "微软雅黑" !important;}

/*--------注册样式--------*/
.zx-box{width:100%;height:969px;background:url(../images/login-bg.jpg) no-repeat;position:fixed;background-position:center center;background-size:100%;}
.zx-box::-webkit-scrollbar{display:none;}
.zx-box{
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    overflow:-moz-scrollbars-none;}
.input-bg{width:500px;height:min-content;background:rgba(255,255,255,1);box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.3);border-radius:10px;padding:30px;}
.input-bg .txt1{height:20px;line-height:20px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(58,58,58,1);margin-top:20px;}
.input-bg .txt2{height:36px;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(0,54,255,1);line-height:19px;margin-top:20px;}
.input-bg .txt3{height:24px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(102,102,102,1);margin:10px 0;}
.layui-input{border-radius:7px;}
.height-box{width:100%;height:10px;}
.layui-input, .layui-textarea{display:block;width:100%;padding-left:14px;}
.top-box{margin-top:20px;}
.input-distants{padding:20px 40px 10px 40px;position:absolute;left:0;top:0;bottom:0;right:0;margin:10% auto 0 auto;}
.layui-width-box{width:100% !important;}
.layui-form-label{width:50px;}
.layui-input-block{margin-left:80px;}
.layui-footer-add{position:absolute;bottom:0;text-align:center;width:100%;}

/*--------内容样式--------*/
.layui-layout-admin .layui-header{width:100%;height:60px;background:url(../images/head-bg.jpg) no-repeat;background-size:cover;background-position:center center;position:fixed;top:0;}

.layui-body{background-color:#eee;}

.layui-nr-body{background-color:#fff;width:calc(99.2% - 215px);position:fixed;top:75px;left:215px;bottom:75px}

.layui-logo{height:60px}
.layui-logo-size{font-size:20px;color:#fff;font-weight:800;line-height:60px;padding-left:36px;text-align:left;}
.layui-nav-bar{ background-color:#fff}
.layui-bg-black{background:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.15)}

.layui-nav-tree .layui-nav-item a{color:#808080;}
.layui-nav-tree .layui-nav-item a:hover{background: #3d5afc !important;}
.layui-nav{background:#fff}
.layui-nav-item{border-bottom:1px solid #ddd}

.layui-tab{margin:0 1%;text-align:left!important;/*width:87%;*/}
.layui-layout-admin .layui-side{bottom:44px;bottom:75px;top:75px;width:200px;overflow-x:hidden;position:fixed}
.layui-nav-itemed .layui-nav-more{border-style:dashed dashed solid;border-color:transparent transparent #fff}

.main{width:100%;height:100%;display:block}
.layui-layout-admin .layui-footer{left:0;background-color:#3d5bfc;height:60px;line-height:60px}
.layui-footer-txt{text-align:center;color:#fff;height:60px;line-height:20px;padding-top:10px}

.layui-tab-content{padding:20px}
.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#4b67ff !important;color:#fff}
.layui-nav-tree .layui-nav-bar{width:3px;height:0;background-color:#0020d0 !important;}
.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{background: #3d5afc !important;color:#fff!important}

.layui-nav-child dd a{display:block;color:#666;transition:all .3s;-webkit-transition:all .3s}
.layui-nav-child dd a:hover{color:#fff}

.layui-nav-item .layui-nav .layui-nav-more{top:12px!important}
.layui-nav-item .layui-nav .layui-nav-mored{top:8px!important}
.layui-nav-child{top:30px}

/*.layui-number a .layui-nav-more{top:12px!important}*/
/*.layui-number a .layui-nav-mored{top:8px!important}*/

.layui-zhanghao{position:absolute;top:18px;right:15px;height:30px;border-radius:100px}
/*.layui-zhanghao li a{color:#666!important}*/
/*.layui-zhanghao li a:hover{color:#666!important}*/

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color:#fff;}
.layui-main-nr{overflow-y:scroll;width: 100%;height:100%;}


.layui-tab-brief>.layui-tab-title .layui-this{color:rgba(0,54,255,1);}
.layui-btn{width:110px;height:36px;line-height:36px;background-color:#0036ff !important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:3px solid #0036ff !important;}


/*按钮*/
.layui-btn-normal {background: #1949fe !important;}
.layui-form-select dl dd.layui-this { background-color: #3d5afc;color: #fff;}
.layui-form-radio i:hover, .layui-form-radioed i { color: #3d5afc;}
.layui-btn-primary { color: #eceffe;}
.layui-btn-danger {background-color: #FF5722 !important;}
.layui-btn-mini { height: 30px;width:70px; line-height: 30px; padding: 0 5px; font-size: 12px;}



   .layui-nav .layui-nav-child a:hover {
      color: #fff
    }

    .layui-nav-tree .layui-nav-child,
    .layui-nav-tree .layui-nav-child a:hover {
      background: #fff !important;
      color: #fff
    }

    .layui-bg-black {
      background-color: #fff !important
    }

    .layui-layout-admin .layui-logo {
      width: 400px
    }

    .layui-nav .layui-this:after,
    .layui-nav-bar,
    .layui-nav-tree .layui-nav-itemed:after {
      height: 1px;
      width: auto;
      margin: 0 auto;
      text-align: center
    }

    .layui-zhanghaos {
      top: 0;
      left: 330px
    }

    .layui-zhanghao {
      position: fixed;
    }

    .minw {
      padding: 0 15px !important
    }

    .box-juli {
      top: 60px !important
    }

    .layui-nav .layui-nav-item a i {
      transform: scale(1.1)
    }

    .layui-nav .top-menu {
      text-align: center !important;
      display: inline-block !important;
      clear: both
    }

    .layui-nav .top-menu .minw {
      text-align: center !important;
      padding: 0 8px !important;
      margin: 0 10px !important;
      width: auto !important;
      transition: all 1s;
      -webkit-transition: all 1s
    }

    .layui-nav .top-menu .minw:hover {
      text-align: center !important;
      padding: 0 12px !important;
      width: auto !important;
      text-align: center;
      transition: all .5s;
      -webkit-transition: all .5s
    }

    .layui-nav .layui-nav-child a:hover {
      color: #333
    }

    .layui-nav .top-menu .minw:hover dl dd a {
      text-decoration: none !important
    }

    .layui-nav .top-menup:first-child {
      width: 1px;
      height: 4px;
      background: #fff
    }

    .layui-tab-title li {
      color: #fff
    }

    #menu {
      font: 12px
    }

    #menu a {
      color: #fff;
      display: block
    }

    #menu a {
      margin: 0
    }

    #menu a:hover {
      margin: 0;
      padding: 0
    }

    #menu a::after,
    #menu a::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #fff;
      content: '';
      opacity: .2;
      -webkit-transition: opacity .3s, height .3s;
      -moz-transition: opacity .3s, height .3s;
      transition: opacity .3s, height .3s
    }

    #menu a::after {
      top: 100%;
      opacity: 0;
      -webkit-transition: -webkit-transform .3s, opacity .3s;
      -moz-transition: -moz-transform .3s, opacity .3s;
      transition: transform .3s, opacity .3s;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      transform: translateY(-10px)
    }

    #menu a span:first-child {
      padding-top: 17px;
      z-index: 2;
      display: block;
      font-weight: 300;
      text-align: center;
      color: #fff
    }

    #menu a span:last-child {
      z-index: 1;
      display: block;
      margin: 0 0 6px 0;
      color: #fff;
      text-shadow: none;
      text-transform: none;
      font-size: 12px;
      font-family: 微软雅黑;
      opacity: 0;
      -webkit-transition: -webkit-transform .3s, opacity .3s;
      -moz-transition: -moz-transform .3s, opacity .3s;
      transition: transform .3s, opacity .3s;
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      transform: translateY(-100%)
    }

    #menu a:focus::before,
    #menu a:hover::before {
      height: 1px
    }

    #menu a:focus::after,
    #menu a:focus::before,
    #menu a:hover::after,
    #menu a:hover::before {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0);
      text-align: center
    }

    #menu a:focus span:last-child,
    #menu a:hover span:last-child {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0);
      text-align: center
    }

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

    #menu {
      width: 100%
    }

    #menu:after,
    #menu:before {
      content: "";
      display: table
    }

    #menu:after {
      clear: both
    }

    #menu {
      zoom: 1
    }

    #menu li {
      float: left;
      position: relative;
      text-align: center !important;
      width: 60px
    }

    #menu li:hover {
      display: block;
      text-align: center !important;
      margin: 0 auto;
      width: 110px;
      margin: 0 auto;
      transition: all .8s;
      -webkit-transition: all .8s
    }

    #menu a {
      text-transform: uppercase;
      font: bold 12px Arial, Helvetica;
      text-decoration: none;
      color: #fff
    }

    #menu li:hover>a {
      color: #fafafa
    }

    #menu ul {
      min-width: 100%;
      background: rgba(0, 0, 0, .6) !important;
      border: none !important;
      text-align: center;
      margin: 10px 0 12px 0;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 60px;
      left: 0;
      z-index: 1;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
    }

    #menu li:hover>ul {
      text-transform: uppercase;
      opacity: 1;
      visibility: initial;
      margin: 0;
      display: inline-grid
    }

    #menu ul ul {
      top: 0;
      margin: 0 0 0 20px
    }

    #menu ul li {
      width: 100%;
      height: 36px;
      line-height: 36px;
      float: none;
      display: block;
      border: 0
    }

    #menu ul li:last-child {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    #menu ul a {
      height: 36px;
      line-height: 36px;
      width: auto;
      display: block;
      white-space: nowrap;
      float: none;
      text-transform: none;
      border-top: none !important;
      padding: 0 4px !important
    }

    #menu ul a:hover {
      height: 36px;
      line-height: 36px;
      background: #3d5afc;
      border-top: none !important;
      padding: 0 4px !important
    }

    #menu ul li:last-child>a {
      -moz-border-radius: 0 0 3px 3px;
      -webkit-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px
    }

    .new-menu-height {
      top: 60px !important
    }

    .padding-0 {
      padding: 0 !important
    }

    .padding-0:after {
      border: none !important
    }

    .layui-tab-more {
      padding: 0 !important
    }

    .layui-tab-title {
      height: auto !important
    }

    .layui-nav-item {
      padding: 0 !important;
      border-bottom: 0 !important
    }

    .bg-color {
      background-color: none;
      height: 800px !important;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .layui-this:after {
      border: none;
      border-radius: 0
    }

    @media (max-width:1920px) {
      .large-box {
        width: 1300px;
        line-height: 60px;
        left: 80px;
        padding-right: -50px;
      }

      .layui-tab-bar {
        position: absolute !important;
        right: 0px !important;
        top: 14px;
        text-align: center !important;
      }
    }

    @media (max-width:1366px) {
      .large-box {
        width: 880px;
        line-height: 60px;
        margin-left: 240px
      }

      .layui-tab-bar {
        position: fixed !important;
        right: 140px !important;
        top: 14px
      }
    }

    .layui-tab-bar {
      position: absolute;
      right: 0;
      top: 16px;
      z-index: 10;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-width: 1px;
      border-style: solid;
      border-radius: 2px;
      text-align: center;
      background-color: #fff;
      cursor: pointer
    }

    .hui-color {
      color: #fff;
      background: #3d5afc
    }

    .tal {
      text-align: left !important
    }

    .layui-tab-more {
      z-index: 999999 !important;
      position: absolute;
    }

    .layui-body {
      left: 0 !important;
    }