/* 头部 */
  body{font-size: 14px;line-height: 1.5;font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
  h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: .5em;font-weight: 500;}
  .header{background-color: #393D49;width: 100%;height: 60px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  background-color: white;}
  .header .layui-nav{position: absolute; right: 20px; top: 0; padding: 0; background: none;}
  .header .layui-nav .layui-nav-item{margin: 0 20px; }
  .header .layui-nav .layui-nav-item[mobile]{display: none;}
  .header .logo{position: absolute; left: 40px; top: 12px;}
  .header .logo img{height: 40px;}
  .header .layui-nav{top: 0;}
  .header .layui-nav .layui-nav-item a{color: rgba(0, 0, 0, 0.65)!important;}
  .header .layui-nav .layui-this a{color: #1890ff!important;}
  .header .layui-nav .layui-this:after{color: #1890ff;background-color: #1890ff;}
  .header .layui-nav-bar, .header .layui-nav-itemed:after, .header .layui-this:after{background-color: #1890ff;}
  .header .mobile-icon{display: none;color: rgba(0, 0, 0, 0.65);font-size: 31px!important;right: 15px;position: absolute;}
  .layui-main {width: auto;margin: 0 auto;}
  /* 底部*/
  .footer {color: #666;text-align: center;margin-bottom: 40px;font-size: 12px;max-width: 80%;line-height: 20px;margin: auto;}
  .footer a{font-size: 12px;}
  /* 颜色适配 */
  .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after
  .layui-text-red{color: red;}
  .layui-text-green{color: green;}
  .layui-main{text-align: center;padding-top: 50px;}
  .home-container{max-width: 640px;width: 90%;margin: 50px auto;}
  .home-container .logo{height: 59px;}
  .home-container img{margin: 50px auto;}
  .home-container .layui-tab-content{padding: 30px 0;}
  .page-container{padding: 40px 6%;text-align: left;}
  .page-container h1{text-align: center;}
  .page-container p{margin-bottom: 15px;}
  .home-container .create .layui-form-item .layui-input-inline{margin-right: 0;width: 100%;}
  /* 适配多设备 */
  @media screen and (max-width: 750px) {
    .layui-main{width: auto; margin: 0 10px;text-align: center;}
    .logo, .header .logo{left: 15px;}
    .header .layui-nav-child{left: auto; right: 0;}
    .header .layui-nav .layui-nav-item{margin: 0;}
    .header .layui-nav .layui-nav-item a{padding: 0 20px;}
    .header .layui-nav .layui-nav-item[pc]{display: none;}
    .header .layui-nav .layui-nav-item[mobile]{display: inline-block;}
    .header .layui-nav{display: none;width: 100%;position: absolute;z-index: 99;top: 61px;margin-left: -15px;background: #fff;}
    .header .layui-nav li{width: 100%;text-align: center;}
    .header .mobile-icon{display: block;font-size: 30px;float: right;margin-top: 15px;}
    .home-container .create .layui-form-item .layui-input-inline{left: 0;margin: 0;float: left;}
  }
  .page-container {
    /*width: 100%;*/
    padding: 0 12% 40px 12%;
  }
  .page-container h1 {
    text-align: center;
  }
  .page-container h2.title {
    border-left: 4px solid #008bff;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    margin: 10px 0 20px 0;
  }
  .page-container pre code {
    display: block;
    line-height: 12px;
  }
  /*tr td, tr th{
    word-wrap:break-word;
    word-break:break-all;
    white-space:normal;
    max-width:100px;
  }*/
.m-0{margin:0 !important}
.mt-0,.my-0{margin-top:0 !important}
.mr-0,.mx-0{margin-right:0 !important}
.mb-0,.my-0{margin-bottom:0 !important}
.ml-0,.mx-0{margin-left:0 !important}
.m-1{margin:0.25rem !important}
.mt-1,.my-1{margin-top:0.25rem !important}
.mr-1,.mx-1{margin-right:0.25rem !important}
.mb-1,.my-1{margin-bottom:0.25rem !important}
.ml-1,.mx-1{margin-left:0.25rem !important}
.m-2{margin:0.5rem !important}
.mt-2,.my-2{margin-top:0.5rem !important}
.mr-2,.mx-2{margin-right:0.5rem !important}
.mb-2,.my-2{margin-bottom:0.5rem !important}
.ml-2,.mx-2{margin-left:0.5rem !important}
.m-3{margin:1rem !important}
.mt-3,.my-3{margin-top:1rem !important}
.mr-3,.mx-3{margin-right:1rem !important}
.mb-3,.my-3{margin-bottom:1rem !important}
.ml-3,.mx-3{margin-left:1rem !important}
.m-4{margin:1.5rem !important}
.mt-4,.my-4{margin-top:1.5rem !important}
.mr-4,.mx-4{margin-right:1.5rem !important}
.mb-4,.my-4{margin-bottom:1.5rem !important}
.ml-4,.mx-4{margin-left:1.5rem !important}
.m-5{margin:2rem !important}
.mt-5,.my-5{margin-top:2rem !important}
.mr-5,.mx-5{margin-right:2rem !important}
.mb-5,.my-5{margin-bottom:2rem !important}
.ml-5,.mx-5{margin-left:2rem !important}
.m-6{margin:2.5rem !important}
.mt-6,.my-6{margin-top:2.5rem !important}
.mr-6,.mx-6{margin-right:2.5rem !important}
.mb-6,.my-6{margin-bottom:2.5rem !important}
.ml-6,.mx-6{margin-left:2.5rem !important}
.m-7{margin:3rem !important}
.mt-7,.my-7{margin-top:3rem !important}
.mr-7,.mx-7{margin-right:3rem !important}
.mb-7,.my-7{margin-bottom:3rem !important}
.ml-7,.mx-7{margin-left:3rem !important}
.m-8{margin:3.5rem !important}
.mt-8,.my-8{margin-top:3.5rem !important}
.mr-8,.mx-8{margin-right:3.5rem !important}
.mb-8,.my-8{margin-bottom:3.5rem !important}
.ml-8,.mx-8{margin-left:3.5rem !important}
.m-9{margin:4rem !important}
.mt-9,.my-9{margin-top:4rem !important}
.mr-9,.mx-9{margin-right:4rem !important}
.mb-9,.my-9{margin-bottom:4rem !important}
.ml-9,.mx-9{margin-left:4rem !important}
.m-10{margin:4.5rem !important}
.mt-10,.my-10{margin-top:4.5rem !important}
.mr-10,.mx-10{margin-right:4.5rem !important}
.mb-10,.my-10{margin-bottom:4.5rem !important}
.ml-10,.mx-10{margin-left:4.5rem !important}
.m-11{margin:5rem !important}
.mt-11,.my-11{margin-top:5rem !important}
.mr-11,.mx-11{margin-right:5rem !important}
.mb-11,.my-11{margin-bottom:5rem !important}
.ml-11,.mx-11{margin-left:5rem !important}
.p-0{padding:0 !important}
.pt-0,.py-0{padding-top:0 !important}
.pr-0,.px-0{padding-right:0 !important}
.pb-0,.py-0{padding-bottom:0 !important}
.pl-0,.px-0{padding-left:0 !important}
.p-1{padding:0.25rem !important}
.pt-1,.py-1{padding-top:0.25rem !important}
.pr-1,.px-1{padding-right:0.25rem !important}
.pb-1,.py-1{padding-bottom:0.25rem !important}
.pl-1,.px-1{padding-left:0.25rem !important}
.p-2{padding:0.5rem !important}
.pt-2,.py-2{padding-top:0.5rem !important}
.pr-2,.px-2{padding-right:0.5rem !important}
.pb-2,.py-2{padding-bottom:0.5rem !important}
.pl-2,.px-2{padding-left:0.5rem !important}
.p-3{padding:1rem !important}
.pt-3,.py-3{padding-top:1rem !important}
.pr-3,.px-3{padding-right:1rem !important}
.pb-3,.py-3{padding-bottom:1rem !important}
.pl-3,.px-3{padding-left:1rem !important}
.p-4{padding:1.5rem !important}
.pt-4,.py-4{padding-top:1.5rem !important}
.pr-4,.px-4{padding-right:1.5rem !important}
.pb-4,.py-4{padding-bottom:1.5rem !important}
.pl-4,.px-4{padding-left:1.5rem !important}
.p-5{padding:2rem !important}
.pt-5,.py-5{padding-top:2rem !important}
.pr-5,.px-5{padding-right:2rem !important}
.pb-5,.py-5{padding-bottom:2rem !important}
.pl-5,.px-5{padding-left:2rem !important}
.p-6{padding:2.5rem !important}
.pt-6,.py-6{padding-top:2.5rem !important}
.pr-6,.px-6{padding-right:2.5rem !important}
.pb-6,.py-6{padding-bottom:2.5rem !important}
.pl-6,.px-6{padding-left:2.5rem !important}
.p-7{padding:3rem !important}
.pt-7,.py-7{padding-top:3rem !important}
.pr-7,.px-7{padding-right:3rem !important}
.pb-7,.py-7{padding-bottom:3rem !important}
.pl-7,.px-7{padding-left:3rem !important}
.p-8{padding:3.5rem !important}
.pt-8,.py-8{padding-top:3.5rem !important}
.pr-8,.px-8{padding-right:3.5rem !important}
.pb-8,.py-8{padding-bottom:3.5rem !important}
.pl-8,.px-8{padding-left:3.5rem !important}
.p-9{padding:4rem !important}
.pt-9,.py-9{padding-top:4rem !important}
.pr-9,.px-9{padding-right:4rem !important}
.pb-9,.py-9{padding-bottom:4rem !important}
.pl-9,.px-9{padding-left:4rem !important}
.p-10{padding:4.5rem !important}
.pt-10,.py-10{padding-top:4.5rem !important}
.pr-10,.px-10{padding-right:4.5rem !important}
.pb-10,.py-10{padding-bottom:4.5rem !important}
.pl-10,.px-10{padding-left:4.5rem !important}
.p-11{padding:5rem !important}
.pt-11,.py-11{padding-top:5rem !important}
.pr-11,.px-11{padding-right:5rem !important}
.pb-11,.py-11{padding-bottom:5rem !important}
.pl-11,.px-11{padding-left:5rem !important}
.m-n1{margin:-0.25rem !important}
.mt-n1,.my-n1{margin-top:-0.25rem !important}
.mr-n1,.mx-n1{margin-right:-0.25rem !important}
.mb-n1,.my-n1{margin-bottom:-0.25rem !important}
.ml-n1,.mx-n1{margin-left:-0.25rem !important}
.m-n2{margin:-0.5rem !important}
.mt-n2,.my-n2{margin-top:-0.5rem !important}
.mr-n2,.mx-n2{margin-right:-0.5rem !important}
.mb-n2,.my-n2{margin-bottom:-0.5rem !important}
.ml-n2,.mx-n2{margin-left:-0.5rem !important}
.m-n3{margin:-1rem !important}
.mt-n3,.my-n3{margin-top:-1rem !important}
.mr-n3,.mx-n3{margin-right:-1rem !important}
.mb-n3,.my-n3{margin-bottom:-1rem !important}
.ml-n3,.mx-n3{margin-left:-1rem !important}
.m-n4{margin:-1.5rem !important}
.mt-n4,.my-n4{margin-top:-1.5rem !important}
.mr-n4,.mx-n4{margin-right:-1.5rem !important}
.mb-n4,.my-n4{margin-bottom:-1.5rem !important}
.ml-n4,.mx-n4{margin-left:-1.5rem !important}
.m-n5{margin:-2rem !important}
.mt-n5,.my-n5{margin-top:-2rem !important}
.mr-n5,.mx-n5{margin-right:-2rem !important}
.mb-n5,.my-n5{margin-bottom:-2rem !important}
.ml-n5,.mx-n5{margin-left:-2rem !important}
.m-n6{margin:-2.5rem !important}
.mt-n6,.my-n6{margin-top:-2.5rem !important}
.mr-n6,.mx-n6{margin-right:-2.5rem !important}
.mb-n6,.my-n6{margin-bottom:-2.5rem !important}
.ml-n6,.mx-n6{margin-left:-2.5rem !important}
.m-n7{margin:-3rem !important}
.mt-n7,.my-n7{margin-top:-3rem !important}
.mr-n7,.mx-n7{margin-right:-3rem !important}
.mb-n7,.my-n7{margin-bottom:-3rem !important}
.ml-n7,.mx-n7{margin-left:-3rem !important}
.m-n8{margin:-3.5rem !important}
.mt-n8,.my-n8{margin-top:-3.5rem !important}
.mr-n8,.mx-n8{margin-right:-3.5rem !important}
.mb-n8,.my-n8{margin-bottom:-3.5rem !important}
.ml-n8,.mx-n8{margin-left:-3.5rem !important}
.m-n9{margin:-4rem !important}
.mt-n9,.my-n9{margin-top:-4rem !important}
.mr-n9,.mx-n9{margin-right:-4rem !important}
.mb-n9,.my-n9{margin-bottom:-4rem !important}
.ml-n9,.mx-n9{margin-left:-4rem !important}
.m-n10{margin:-4.5rem !important}
.mt-n10,.my-n10{margin-top:-4.5rem !important}
.mr-n10,.mx-n10{margin-right:-4.5rem !important}
.mb-n10,.my-n10{margin-bottom:-4.5rem !important}
.ml-n10,.mx-n10{margin-left:-4.5rem !important}
.m-n11{margin:-5rem !important}
.mt-n11,.my-n11{margin-top:-5rem !important}
.mr-n11,.mx-n11{margin-right:-5rem !important}
.mb-n11,.my-n11{margin-bottom:-5rem !important}
.ml-n11,.mx-n11{margin-left:-5rem !important}
.m-auto{margin:auto !important}
.mt-auto,.my-auto{margin-top:auto !important}
.mr-auto,.mx-auto{margin-right:auto !important}
.mb-auto,.my-auto{margin-bottom:auto !important}
.ml-auto,.mx-auto{margin-left:auto !important}

/* bg color */
.bg-trans{background-color:transparent!important}
.bg-light{background-color:#fff!important}
.bg-light,.bg-light a{color:#222!important}
.bg-light a:focus,.bg-light a:hover{color:#222!important}
.bg-gray-light{background-color:#f8f9fa!important}
.bg-gray-light,.bg-gray-light a{color:#7a878e!important}
.bg-gray-light a:focus,.bg-gray-light a:hover{color:#7a878e!important}
.bg-gray{background-color:#e9eeef!important}
.bg-gray,.bg-gray a{color:#7a878e!important}
.bg-gray a:focus,.bg-gray a:hover{color:#7a878e!important}
.bg-gray-dark{background-color:#cbd7da!important}
.bg-gray-dark,.bg-gray-dark a{color:#7a878e!important}
.bg-gray-dark a:focus,.bg-gray-dark a:hover{color:#7a878e!important}
.bg-trans-light{background-color:rgba(255,255,255,.1)!important}
.bg-trans-light,.bg-trans-light a{color:inherit!important}
.bg-trans-light a:focus,.bg-trans-light a:hover{color:inherit!important}
.bg-trans-dark{background-color:rgba(0,0,0,.1)!important}
.bg-trans-dark,.bg-trans-dark a{color:inherit!important}
.bg-trans-dark a:focus,.bg-trans-dark a:hover{color:inherit!important}
.bg-primary{background-color:#25476a!important}
.bg-primary,.bg-primary a{color:#fff!important}
.bg-primary a:focus,.bg-primary a:hover{color:#fff!important}
.bg-info{background-color:#03a9f4!important}
.bg-info,.bg-info a{color:#fff!important}
.bg-info a:focus,.bg-info a:hover{color:#fff!important}
.bg-success{background-color:#8bc34a!important}
.bg-success,.bg-success a{color:#fff!important}
.bg-success a:focus,.bg-success a:hover{color:#fff!important}
.bg-warning{background-color:#ffb300!important}
.bg-warning,.bg-warning a{color:#fff!important}
.bg-warning a:focus,.bg-warning a:hover{color:#fff!important}
.bg-danger{background-color:#f44336!important}
.bg-danger,.bg-danger a{color:#fff!important}
.bg-danger a:focus,.bg-danger a:hover{color:#fff!important}
.bg-mint{background-color:#26a69a!important}
.bg-mint,.bg-mint a{color:#fff!important}
.bg-mint a:focus,.bg-mint a:hover{color:#fff!important}
.bg-purple{background-color:#ab47bc!important}
.bg-purple,.bg-purple a{color:#fff!important}
.bg-purple a:focus,.bg-purple a:hover{color:#fff!important}
.bg-pink{background-color:#f06292!important}
.bg-pink,.bg-pink a{color:#fff!important}
.bg-pink a:focus,.bg-pink a:hover{color:#fff!important}
.bg-dark{background-color:#3a444e!important}
.bg-dark,.bg-dark a{color:#fff!important}
.bg-dark a:focus,.bg-dark a:hover{color:#fff!important}

.chart-box {
  height: 220px;
  max-height: 220px;
  overflow: hidden;
}
.chart-330-box {
  height: 330px;
  max-height: 330px;
  overflow: hidden;
}
.chart {
  clear: both;
  border-radius: 2px;
}
.chart .chart-content {
  padding: 15px 20px;
}
.chart .chart-content h5 {
  font-size: 14px;
}
.chart .chart-content h2 {
  font-size: 24px;
}
.layui-elem-quote{ border-left: 5px solid #000; margin-bottom: 15px;background-color: #fff;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}