.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
.themed-grid-col {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
}
.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}
/* stylelint-disable selector-list-comma-newline-after */

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 1rem 0;
  color: #999;
  text-align: center;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}


.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Content
 */

[role="main"] {
  padding-top: 60px;
}


/*
 * Navbar
 */


.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }


/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}


/*
 * Extra utilities
 */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }


.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
/* Center align the text within the three columns below the carousel */
.marketing{width:400px;margin:3rem auto 0}
@media (max-width:575.98px){.marketing{width:auto;margin:3rem auto 0}}
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
font-size: 1rem;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
}

.tuichu{width:26px;height:26px;background:url(../image/tuichu.svg) no-repeat center;float:left}
.syzn{width:26px;height:26px;background:url(../image/syzn.svg) no-repeat center;float:left}
.xgmm{width:26px;height:26px;background:url(../image/xgmm.svg) no-repeat center;float:left}
.nihao{width:26px;height:26px;background:url(../image/nihao.svg) no-repeat center;float:left}

.ulist{width:98%;list-style: none;margin:0 1%;padding:0}
.ulist li{list-style: none;margin:0 0 0 1em;padding:0}
.ulist li span{display:inline-block;vertical-align: middle}
.ckd-3 {width:3%;word-wrap:break-word;font-size:8px}
.ckd-5{width:5%;word-wrap:break-word;font-size:8px}
.ckd-8{width:8%;word-wrap:break-word;font-size:8px}
.ckd-10{width:10%;word-wrap:break-word;font-size:8px}
.ckd-12{width:12%;word-wrap:break-word;font-size:8px}
.ckd-15{width:15%;word-wrap:break-word;font-size:8px}
.ckd-18{width:18%;word-wrap:break-word;font-size:8px}
.ckh-3 {width:3%;word-wrap:break-word;font-size:16px}
.ckh-5{width:5%;word-wrap:break-word;font-size:16px}
.ckh-8{width:8%;word-wrap:break-word;font-size:16px}
.ckh-10{width:10%;word-wrap:break-word;font-size:16px}
.ckh-12{width:12%;word-wrap:break-word;font-size:16px}
.ckh-15{width:15%;word-wrap:break-word;font-size:16px}
.ckh-18{width:18%;word-wrap:break-word;font-size:16px}
.uw-5{width:5%;word-wrap:break-word;}
.uw-10{width:10%;overflow: hidden;text-overflow:ellipsis;word-wrap:break-word;}
.uw-15{width:15%;overflow: hidden;text-overflow:ellipsis;}
.uw-20{width:20%;overflow: hidden;text-overflow:ellipsis;word-wrap:break-word;}
.uw-25{width:25%;word-wrap:break-word;}
.uw-30{width:30%;word-wrap:break-word;}
.uw-35{width:35%;overflow: hidden;text-overflow:ellipsis;word-wrap:break-word;}
.ulist .bg-abc{border:solid 1px #e9e9e9;border-radius:12px;padding:15px 0 15px 1em;margin:25px 0;box-shadow:0 .2em .3em .1em rgba(140,140,142,.3)}
@media (max-width:575.98px){.ulist{min-width:1000px}}
th,td,.ulist li span{word-break: keep-all;vertical-align: middle}

.wd200{width:200px;margin:0 auto}
.wunr{width:500px;margin:100px auto 30px}

.login{width: 99vw;height: calc(96vh - 53px);border:solid 1px #cec3c3;border-radius:12px;padding: 15px;margin: 0.5vh 0.5vh 0.05vh 1vh;box-shadow:0 .2em .3em .1em rgba(140,140,142,.3);position: relative;}
.login .mb-4{margin-top:1.2rem!important}
.login .mb-3{margin-bottom:1.8rem!important}
.img-box{float: left;width: calc(100% - 480px);height: 100%;margin-right: 26px;}
.img-box span{background-color: #ddd;background-size: cover;background-repeat: no-repeat;background-position: left center;height: 100%;width: 100%;display: block;}
.login-form{float: left;width: 440px;margin-top: 120px;}
@media screen and (min-width:1367px) and (min-width:1440px){
	.login-form{margin-top:80px;}
};
@media screen and (min-width:1280px) and (min-width:1366px){
	.login-form{margin-top:0;}
};

@media (max-width: 768px) {
[role="main"] {padding-top: 48px;}
.navbar-brand .logo{height:20px}
.navbar-brand span{font-size:12px}
.nav-link i{width:100%;margin-bottom:3px}
.nav-link{margin:0 5px}
.marketing .col-lg-4{width:33.33%}
.justify-content-md-center{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-pack:center!important;justify-content:center!important}
	.login{width:90%}
	.login p{font-size:14px}
	.banner img{width:100%}
	.wunr{width:100%}
	.zdisp{display:none}
}

/*! laydate-v5.0.9 鏃ユ湡涓庢椂闂寸粍浠�*/
/* .laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list {box-sizing: border-box}
html #layuicss-laydate {display: none;position: absolute;width: 1989px}
.layui-laydate {position: absolute;z-index: 66666666;margin: 5px 0;border-radius: 2px;font-size:16px;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: laydate-upbit;animation-name: laydate-upbit}
.layui-laydate-main {width:320px;}
.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li {transition-duration: .3s;-webkit-transition-duration: .3s}
@-webkit-keyframes laydate-upbit {from {-webkit-transform: translate3d(0, 20px, 0);opacity: .3}to {-webkit-transform: translate3d(0, 0, 0);opacity: 1}}
@keyframes laydate-upbit {from {transform: translate3d(0, 20px, 0);opacity: .3}to {transform: translate3d(0, 0, 0);opacity: 1}}.layui-laydate-static {position: relative;z-index: 0;display: inline-block;margin: 0;-webkit-animation: none;animation: none}

.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m {display: none !important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y {display: inline-block !important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month] {display: none !important}.layui-laydate-header {position: relative;height:40px;line-height:40px;padding: 10px 140px;}
.laydate-set-ym span,.layui-laydate-header i {padding: 0 5px;cursor: pointer;color: #0276c9;}
.layui-laydate-header * {display: inline-block;vertical-align: bottom}.layui-laydate-header i {position: absolute;top: 0;color: #0276c9;font-size: 30px;}.layui-laydate-header i.laydate-prev-y {display: none;height: 40px;width: 40px;background: url(../images/datearrows.png) no-repeat center;background-size: 100% 100%;left: 30px;}.layui-laydate-header i.laydate-prev-m {display: none;left: 90px}.layui-laydate-header i.laydate-next-y {display: none;height: 40px;width: 40px;background: url(../images/datearrows.png) no-repeat center;background-size: 100% 100%;transform: rotate(180deg);right: 30px}.layui-laydate-header i.laydate-next-m {display: none;right: 90px}
.laydate-set-ym {width:180px;height:40px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;position: absolute;top:0; left: 70px}
.laydate-time-text {cursor: default !important}.layui-laydate-content {position: relative;padding: 10px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}.layui-laydate-content table {border-collapse: collapse;border-spacing: 0}

.layui-laydate-content td,.layui-laydate-content th {height: 30px;width: 75px;padding: 5px 10px;text-align: center}
.layui-laydate-content td {position: relative;cursor: pointer}
.laydate-day-mark {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 30px;font-size: 12px;overflow: hidden}
.laydate-day-mark::after {position: absolute;content: '';right: 2px;top: 2px;width: 5px;height: 5px;border-radius: 50%}
.layui-laydate-footer {position: relative;height: 60px;}
.layui-laydate-footer span {margin-right: 15px;display: inline-block;cursor: pointer;font-size: 16px}.layui-laydate-footer span:hover {background:#0276c9;color:#fff;}.laydate-footer-btns {position: absolute;right: 10px;top: 10px;text-align: center}
.laydate-footer-btns span {width:90px;height: 40px;line-height: 40px;margin: 0 0 0 -1px;padding: 0 5px;margin: 0 5px;border: 1px solid #0276c9;white-space: nowrap;vertical-align: top;border-radius: 2px;color:#0276c9}

.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main {display: inline-block;vertical-align: middle}.layui-laydate-list {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 10px;background-color: #f9f9f9}.layui-laydate-list>li {position: relative;width: 33.3%;height: 40px;line-height: 40px;margin: 3px 0;text-align: center;cursor: pointer}.laydate-month-list>li {width: 25%;margin:20px 0;}.laydate-time-list>li {height: 100%;margin: 0;line-height: normal;cursor: default}.laydate-time-list p {position: relative;top: -4px;line-height: 29px}.laydate-time-list ol {height: 181px;overflow: hidden}.laydate-time-list>li:hover ol {overflow-y: auto}.laydate-time-list ol li {width: 130%;padding-left: 33px;line-height: 30px;text-align: left;cursor: pointer}.layui-laydate-hint {position: absolute;top: 115px;left: 50%;width: 250px;margin-left: -125px;line-height: 20px;padding: 15px;text-align: center;font-size: 12px}.layui-laydate-range {width: 546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y {display: none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {border-left: 1px solid #e2e2e2}

.layui-laydate,.layui-laydate-hint {border:2px solid rgba(20,20,20,.5);box-shadow: 0 2px 4px rgba(0, 0, 0, .12);background-color: #fff;}
.layui-laydate-header {border-bottom: 1px solid rgba(20,20,20,.5);width:320px}
.layui-laydate-content {border-top: none 0;border-bottom: none 0}.layui-laydate-content th {font-weight: 400;color: #333}.layui-laydate-content td {color: #666}.layui-laydate-content td.laydate-selected {background-color: #00F7DE}.laydate-selected:hover {background-color: #00F7DE !important}.layui-laydate-content td:hover,.layui-laydate-list li:hover {background-color: #d9d9d9;color: #333}.laydate-time-list li ol {margin: 0;padding: 0;border: 1px solid #e2e2e2;border-left-width: 0}.laydate-time-list li:first-child ol {border-left-width: 1px}.laydate-time-list>li:hover {background: 0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev {color: #d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev {background-color: #f8f8f8 !important}.layui-laydate-footer {border-top: 1px solid rgba(20,20,20,.5)}.layui-laydate-hint {color: #FF5722}.laydate-day-mark::after {background-color: #5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after {display: none}.layui-laydate-footer span[lay-type=date] {color: #5FB878}.layui-laydate .layui-this {background-color: #0276c9 !important;color: #f9f9f9 !important;border-radius: 3px;}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover {background: 0 0 !important;color: #d2d2d2 !important;cursor: not-allowed !important;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}.laydate-theme-molv {border: none}.laydate-theme-molv.layui-laydate-range {width: 548px}.laydate-theme-molv .layui-laydate-main {width: 274px}.laydate-theme-molv .layui-laydate-header {border: none;background-color: #009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span {color: #f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover {color: #fff}.laydate-theme-molv .layui-laydate-content {border: 1px solid #e2e2e2;border-top: none;border-bottom: none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {border-left: none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer {border: 1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover {background-color: #f2f2f2 !important;color: #009688 !important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev {color: #d2d2d2 !important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list {margin: 1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li {margin: 0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li {height: 43px;line-height: 43px}.laydate-theme-grid .laydate-month-list>li {height: 71px;line-height: 71px}.laydate-icon {font-family: laydate-icon !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.laydate-set-ym b{display: inline-block;height: 30px;line-height:30px;width:40px;margin: 5px 10px 5px 0;background: #0276c9;border-radius: 3px;color: #f9f9f9;font-weight: normal;}
 */