*,*::before,*::after {
  box-sizing:border-box
}

html {
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
  display:block
}

body {
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  text-align:left;
  background-color:#fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline:0 !important
}

hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}

abbr[title],abbr[data-original-title] {
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
  cursor:help;
  border-bottom:0;
  -webkit-text-decoration-skip-ink:none;
  text-decoration-skip-ink:none
}

address {
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit
}

dt {
  font-weight:700
}

dd {
  margin-bottom:.5rem;
  margin-left:0
}

blockquote {
  margin:0 0 1rem
}

b,strong {
  font-weight:bolder
}

small {
  font-size:80%
}

sub,sup {
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline
}

sub {
  bottom:-0.25em
}

sup {
  top:-0.5em
}

a {
  text-decoration:none;
  background-color:rgba(0,0,0,0)
}

a:not([href]) {
  color:inherit;
  text-decoration:none
}

a:not([href]):hover {
  color:inherit;
  text-decoration:none
}

figure {
  margin:0 0 1rem
}

img {
  vertical-align:middle;
  border-style:none
}

svg {
  overflow:hidden;
  vertical-align:middle
}

table {
  border-collapse:collapse
}

caption {
  padding-top:.75rem;
  padding-bottom:.75rem;
  text-align:left;
  caption-side:bottom
}

th {
  text-align:inherit
}

label {
  display:inline-block;
  margin-bottom:.5rem
}

button {
  border-radius:0
}

input,button,select,optgroup,textarea {
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button,input {
  overflow:visible
}

button,select {
  text-transform:none
}

select {
  word-wrap:normal
}

[hidden] {
  display:none !important
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-weight:500;
  line-height:1.2
}

h1,.h1 {
  font-size:2.5rem
}

h2,.h2 {
  font-size:2rem
}

h3,.h3 {
  font-size:1.75rem
}

h4,.h4 {
  font-size:1.5rem
}

h5,.h5 {
  font-size:1.25rem
}

h6,.h6 {
  font-size:1rem
}

body,div,dl,dt,dd,ul,ol,li,pre,form,input,button,textarea,p,blockquote,th,td {
  margin:0;
  padding:0
}

address,caption,cite,code,dfn,em,th,var {
  font-weight:normal;
  font-style:normal
}

img {
  vertical-align:middle;
  border:none
}

ol,ul,li {
  list-style:none
}

table {
  border-collapse:collapse
}

html {
  overflow-y:scroll
}

body {
  font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑",sans-serif;
  color:#212121;
  background-color:#fff
}

html,body {
  -ms-overflow-style:scrollbar
}

a {
  color:#212121
}

a:hover {
  text-decoration:none;
  color:#ff692f
}

.head-wrap {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start
}

.head-wrap .head {
  width:100%;
  padding-top:10px;
  padding-bottom:10px
}

@media(min-width: 769px) {
.head-wrap .head {
  padding-top:30px;
  padding-bottom:30px
}

.head-wrap .head.navbar-fixed {
  padding-top:10px;
  padding-bottom:10px
}
}

.head-wrap-bg {
  position:relative;
  background-color:#091b36;
  color:#fff
}

.head-wrap-bg:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  background-color:rgba(9,27,54,.95)
}

.head-wrap-bg .navbar {
  background-color:rgba(62,87,205,.68)
}

.head-wrap-bg .layui-nav>.layui-nav-item>a {
  color:#fff
}

.head-wrap-bg .login .login-in {
  border-radius:50px;
  border-color:#fff;
  color:#fff
}

.head-wrap-bg .login .login-in a {
  color:#fff
}

.head-wrap-bg .login>.layui-icon {
  border-color:#fff;
  background-color:rgba(0,0,0,0)
}

.head-wrap-bg .login .link-login {
  color:#fff
}

.head-wrap-bg .icon-bar-line {
  background-color:#fff
}

.top-tools {
  width:100%;
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  margin-bottom:0
}

@media(min-width: 769px) {
.top-tools {
  margin-top:-15px
}
}

.top-tools .nav-item {
  white-space:nowrap;
  margin-left:5px;
  font-size:14px;
  color:#999
}

.top-tools .nav-item:hover {
  color:#ff692f
}

.top-tools .lang {
  cursor:pointer
}

.top-tools .lang:hover {
  color:#ff692f
}

.navbar-fixed {
  position:fixed;
  top:0;
  left:0
}

.navbar-fixed.head {
  z-index:9999;
  background-color:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.1)
}

.navbar-fixed .top-tools {
  display:none
}

.navbar-fixed .head-inner {
  margin-top:0
}

.navbar-fixed .head-inner .inner-logo img {
  max-height:60px
}

.navbar-fixed .head-inner .inner-logo img:first-child {
  display:none
}

.navbar-fixed .head-inner .inner-logo img:last-child {
  display:block !important
}

.navbar-fixed .icon-bar-line {
  background-color:#3e57cd
}

.navbar-fixed .layui-nav {
  background-color:rgba(0,0,0,0)
}

.navbar-fixed .layui-nav>.layui-nav-item>a {
  color:#4d4c4b
}

.navbar-fixed .layui-nav>.layui-nav-item>a:hover {
  color:#ff692f
}

.navbar-fixed .login .login-in {
  border:1px solid #3e57cd;
  color:#3e57cd;
  background-color:#fff
}

.navbar-fixed .login .login-in a {
  color:inherit
}

.navbar-fixed .login>.layui-icon {
  border:1px solid #3e57cd;
  color:#fff;
  background-color:#3e57cd
}

.navbar-fixed .login .link-login {
  color:#4d4c4b
}

.navbar-fixed .navbar {
  background-color:rgba(243,243,243,.5)
}

.head-inner {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center
}

.head-inner .inner-logo img {
  max-width:320px;
  max-height:70px
}

.login {
  padding-left:20px;
  z-index:99;
  font-size:16px
}

@media(min-width: 769px) {
.login {
  text-align:right;
  padding-left:0
}
}

.login .login-in {
  display:inline-block;
  padding:5px 18px;
  border:1px solid #3e57cd;
  border-radius:5px;
  color:#3e57cd;
  transition:.35s ease-in-out
}

.login .login-in a {
  color:inherit
}

.login .login-in.login-radius {
  border-radius:50px
}

.login .login-in {
  position:relative
}

.login .login-in:hover {
  border-color:#fff;
  background-color:#3e57cd;
  color:#fff
}

.login .login-in:hover .login-out {
  display:block
}

.login>.layui-icon {
  margin-left:5px;
  padding:6px;
  border-radius:100%;
  border:1px solid #3e57cd;
  font-size:18px;
  color:#fff;
  background-color:#3e57cd
}

.login .link-login {
  margin-right:15px;
  color:#4d4c4b
}

.login .link-login:hover {
  color:#ff692f
}

.navbar {
  flex:1 1 100%;
  display:none;
  justify-content:space-between;
  align-items:center;
  background-color:rgba(243,243,243,.5);
  padding-top:15px;
  padding-bottom:15px;
  margin-left:-15px;
  margin-right:-15px
}

@media(min-width: 992px) {
.navbar {
  padding:0;
  margin-left:0;
  margin-right:0;
  flex:1 1 0%;
  display:flex !important;
  background-color:rgba(0,0,0,0) !important
}
}

.navbar .layui-nav {
  background-color:rgba(0,0,0,0)
}

@media(min-width: 769px) {
.navbar .layui-nav {
  flex:1;
  padding-left:0;
  padding-right:0;
  display:flex;
  justify-content:center
}
}

@media(min-width: 1200px) {
.navbar .layui-nav>li {
  margin-right:15px
}
}

@media(min-width: 1350px) {
.navbar .layui-nav>li {
  margin-right:45px
}
}

.navbar .layui-nav>li:last-of-type {
  margin-right:0 !important
}

.navbar .layui-nav>li:last-of-type>a {
  padding-right:0
}

.navbar .layui-nav>li>a {
  color:#4d4c4b;
  font-size:16px;
  padding-left:0;
  padding-right:20px
}

.navbar .layui-nav>li .layui-icon {
  font-size:14px;
  vertical-align:bottom
}

.navbar .layui-nav>li.active .layui-icon,.navbar .layui-nav>li.active>a {
  color:#3e57cd
}

@media(max-width: 768px) {
.navbar .layui-nav .layui-nav-item {
  line-height:45px;
  display:block
}
}

.navbar .layui-nav .layui-nav-item>a {
  padding-left:0;
  transition:.35s ease-in-out
}

.navbar .layui-nav .layui-nav-item>a.active,.navbar .layui-nav .layui-nav-item>a:hover {
  color:#ff692f
}

.navbar .layui-nav .sub-menu>a {
  padding-right:20px !important
}

.navbar .layui-nav .layui-nav-bar {
  display:none !important
}

.navbar .layui-nav .layui-this>a {
  color:#ff692f
}

.navbar .layui-nav .layui-this:after {
  height:0;
  background-color:#ff692f
}

@media(min-width: 769px) {
.navbar .layui-nav .layui-nav-child {
  min-width:160%
}
}

.navbar .layui-nav .layui-nav-child a {
  transition:.35s ease-in-out
}

.navbar .layui-nav .layui-nav-child a:hover {
  background-color:rgba(62,87,205,.9);
  color:#fff
}

.navbar-toggle {
  outline:0;
  border:0;
  background-color:rgba(0,0,0,0);
  margin-left:10px
}

.icon-bar-line {
  width:25px;
  height:2px;
  transition:.5s;
  background-color:#3e57cd;
  display:none
}

.icon-bar-line:first-of-type {
  transform:rotate(-45deg);
  display:block
}

.icon-bar-line:last-of-type {
  transform:rotate(-135deg);
  display:block
}

.collapsed .icon-bar-line+.icon-bar-line {
  margin-top:6px
}

.collapsed .icon-bar-line {
  display:block;
  transform:rotate(0)
}

@media(min-width: 1350px) {
.layui-container {
  width:1320px
}
}

@media(min-width: 1401px) {
.layui-container {
  width:1400px
}
}

.module {
  padding-top:20px;
  padding-bottom:20px
}

@media(max-width: 768px) {
.module {
  padding-top:1rem;
  padding-bottom:1rem
}
}

.module {
  position:relative
}

.module+.module {
  padding-top:0
}

.bmodule {
  background-color:#f6f8fa;
  padding-top:20px;
  padding-bottom:20px
}

.bmodule.inner-content,.bmodule.main-height {
  padding-top:2rem;
  padding-bottom:2rem
}

@media(max-width: 768px) {
.bmodule {
  padding-top:1rem;
  padding-bottom:1rem
}
}

.bmodule+.bmodule {
  padding-top:0
}

.main-height {
  min-height:calc(100vh - 184px)
}

.col {
  flex-basis:0;
  flex-grow:1;
  max-width:100%
}

.bg-danger {
  background-color:#f8f9fa;
  color:#666
}

.module-title {
  font-size:20px;
  font-weight:bold;
  color:#3e57cd;
  margin-bottom:1rem
}

@media(min-width: 992px) {
.module-title {
  margin-bottom:20px
}
}

.module-title a {
  color:inherit
}

.module-title a:hover {
  color:#ff692f
}

.title-border {
  color:#212121;
  border-left:5px solid #3e57cd;
  line-height:22px;
  height:22px;
  margin:10px 0;
  border-bottom:0;
  padding-left:15px;
  font-weight:500;
  font-size:18px
}

.text-white {
  color:#fff
}

.text-primary {
  color:#3e57cd
}

.text-red {
  color:#dc3545 !important
}

.text-danger {
  color:#ff5722
}

.text-accent {
  color:#ff692f !important
}

.text-dark {
  color:#343a40
}

.text-left {
  text-align:left
}

.text-right {
  text-align:right
}

.text-center {
  text-align:center
}

.text-underline {
  font-size:14px;
  color:#3e57cd;
  text-decoration:underline
}

@media(min-width: 769px) {
.d-md-hide {
  display:none
}
}

.d-md-block {
  display:none
}

@media(min-width: 769px) {
.d-md-block {
  display:block
}
}

.d-md-inline {
  display:none
}

@media(min-width: 769px) {
.d-md-inline {
  display:inline-block
}
}

.p-0 {
  padding:0
}

.p-1 {
  padding:.75rem
}

.p-2 {
  padding:1.25rem
}

.pt-0 {
  padding-top:0
}

.m-0 {
  margin:0
}

.mt-0 {
  margin-top:0
}

.mt-1 {
  margin-top:.75rem
}

.mt-4 {
  margin-top:40px
}

@media(min-width: 769px) {
.mt-md-4 {
  margin-top:40px
}
}

.mt-5 {
  margin-top:50px
}

@media(min-width: 769px) {
.mt-md-5 {
  margin-top:50px
}
}

.mt-1 {
  margin-top:.75rem
}

.mt-2 {
  margin-top:1.5rem
}

.mt-3 {
  margin-top:3rem
}

.mb-1 {
  margin-bottom:.75rem
}

.mb-2 {
  margin-bottom:1.5rem
}

@media(min-width: 769px) {
.mt-md-2 {
  margin-top:20px
}
}

@media(min-width: 769px) {
.mt-md-3 {
  margin-top:30px
}
}

@media(min-width: 769px) {
.ml-md-24 {
  margin-left:24px
}
}

@media(min-width: 992px) {
.pl-md-3 {
  padding-left:4rem
}
}

.pb-1 {
  padding-bottom:.5rem
}

.pb-2 {
  padding-bottom:2rem
}

.px-2 {
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.pt-1 {
  padding-top:.5rem
}

.pt-2 {
  padding-top:1.5rem
}

.pt-5 {
  padding-top:4rem
}

.py-3 {
  padding-top:3rem;
  padding-bottom:3rem
}

.layui-form-checkbox i {
  height:30px
}

.align-items-center {
  align-items:center
}

.btn-primary {
  height:32px;
  line-height:32px;
  border-color:#3e57cd;
  background-color:#3e57cd;
  color:#fff
}

.bg-primary {
  background-color:#3e57cd
}

.bg-accent {
  background-color:#ff692f
}

.layui-btn-primary:focus,.layui-btn-primary:hover {
  border-color:#3e57cd
}

.layui-btn-this,.btn-group .layui-btn:hover {
  border-color:#ff692f;
  background-color:#ff692f;
  color:#fff
}

.btn-fz-14 .layui-btn {
  font-size:14px
}

.btn-group .layui-btn {
  min-width:27px;
  margin-right:3px;
  margin-left:3px
}

.btn-group .layui-btn-xs {
  height:26px;
  line-height:26px;
  padding:0 6px
}

.inner-content {
  min-height:75vh
}

.inner-content .layui-btn-primary {
  border-color:rgba(221,221,221,.8);
  color:#999
}

.sticky {
  position:sticky
}

.btitle {
  padding-left:20px;
  height:50px;
  line-height:50px;
  border-bottom:1px solid #f6f6f6;
  color:#3e57cd;
  font-size:16px;
  font-weight:bold;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.btitle small {
  font-size:12px;
  color:#999
}

.collapse {
  border:0
}

.collapse .layui-colla-title {
  background-color:rgba(0,0,0,0);
  color:#999;
  font-weight:bold
}

.collapse .layui-colla-icon {
  left:auto;
  right:15px
}

.collapse .layui-colla-item {
  border-bottom:1px solid #f6f6f6;
  border-top:0
}

.field {
  z-index:22;
  border:0;
  line-height:40px;
  padding-left:20px;
  background:rgba(0,0,0,0);
  border-radius:3px;
  transition:all .4s ease
}

.field:focus+.icon-search {
  opacity:1;
  border-color:#3e57cd
}

.machine-filter label {
  min-width:180px;
  padding-right:8px;
  vertical-align:middle;
  text-align:right;
  color:#666
}

.machine-filter input {
  width:60px;
  border:1px solid #e6e6e6
}

.layui-laypage a {
  font-size:14px
}

.layui-laypage a:hover {
  color:#ff692f
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color:#3e57cd
}

.layui-table th {
  text-align:inherit
}

.table thead tr {
  background-color:#fafafa
}

.table thead th {
  white-space:nowrap;
  padding-top:15px;
  padding-bottom:15px
}

.table tbody tr:hover {
  background-color:#f2f9fc
}

@media(max-width: 480px) {
.table td,.table th {
  padding:5px 8px
}
}

.table-responsive {
  display:block;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
}

@media(max-width: 480px) {
.table-xs-responsive {
  display:block;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch
}
}

.table-striped tbody tr:nth-of-type(even) {
  background-color:#e6e6e6
}

.table-divider tbody th {
  background-color:#f2f9fc;
  white-space:nowrap
}

.table-id {
  width:40px
}

@media(min-width: 769px) {
.table-grade {
  width:300px
}
}

.supplier {
  color:#4d4c4b;
  line-height:1.8
}

.supplier .supplier-wrapper {
  padding:20px 25px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #e5ecf3;
  margin-bottom:8px;
  background-color:#fff;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,.05)
}

@media(max-width: 768px) {
.supplier .supplier-wrapper {
  flex-wrap:wrap;
  padding:15px 15px
}
}

.supplier .title {
  margin-bottom:12px;
  font-size:17px;
  color:#3e57cd;
  font-weight:600
}

.supplier .title a {
  color:#3e57cd;
  text-decoration:none;
  transition:color .3s ease
}

.supplier .title a:hover {
  color:#ff692f;
  text-decoration:underline
}

.supplier .product {
  font-weight:500;
  color:#666;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-bottom:6px
}

.supplier .product span {
  display:inline-block;
  background-color:#eef2ff;
  padding:3px 10px;
  border-radius:5px;
  font-size:12px;
  white-space:nowrap
}

.supplier .contact-info {
  display:flex;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  list-style:none
}

.supplier .contact-info>li {
  padding:4px 10px 4px 0;
  flex-basis:auto;
  white-space:nowrap;
  font-size:14px;
  color:#666
}

@media(min-width: 769px) {
.supplier .contact-info>li {
  flex-basis:25%
}
}

@media(max-width: 768px) {
.supplier .layui-col-md1 {
  margin-top:10px !important;
  width:100%;
  text-align:left
}

.supplier .layui-col-md1 .layui-btn {
  width:100%
}
}

.supplier .info {
  color:#666;
  font-size:14px;
  line-height:1.7
}

.supplier .layui-col-xs1 {
  font-size:18px;
  font-weight:600;
  color:#3e57cd;
  min-width:30px;
  margin-top:0 !important
}

.navbar-tool {
  position:fixed;
  bottom:30%;
  right:0
}

.navbar-tool .item {
  display:block;
  padding:5px 3px;
  cursor:pointer;
  width:45px;
  line-height:20px;
  transition:.5s;
  color:#fff;
  font-weight:bold;
  box-shadow:0 0 10px 2px rgba(62,87,205,.15);
  margin-bottom:10px;
  position:relative;
  text-align:center
}

.navbar-tool .item a {
  color:inherit
}

.navbar-tool .item:hover {
  color:#fff;
  opacity:.88
}

.navbar-tool .item:hover>a {
  color:#fff
}

.navbar-tool .item:hover .layui-icon {
  color:#fff
}

.navbar-tool .layui-icon {
  font-size:25px;
  line-height:40px
}

.navbar-tool .item-content {
  padding:10px;
  font-size:14px;
  line-height:2;
  color:#7a8ba6;
  text-align:left;
  background:#fff;
  box-shadow:0 16px 16px 0 rgba(62,87,205,.19);
  border:1px solid #ebf0fc;
  white-space:nowrap;
  cursor:default
}

.navbar-tool .item-content .layui-icon {
  color:#7a8ba6
}

.navbar-tool .tit {
  background-color:#3e57cd;
  color:#fff;
  padding:10px;
  position:relative
}

.navbar-tool .tit .layui-icon {
  float:right;
  margin-right:5px;
  transition:.5s;
  transform:rotate(45deg);
  cursor:pointer;
  font-size:18px
}

.navbar-tool .tit:hover {
  cursor:pointer
}

.navbar-tool .tit:hover .layui-icon {
  transform:rotate(135deg)
}

.navbar-tool .content {
  background-color:#fff;
  text-align:left
}

.navbar-tool .content>li {
  padding-left:20px;
  white-space:nowrap;
  line-height:30px;
  color:#999
}

.navbar-tool .content>li span {
  display:inline-block;
  min-width:42px
}

.navbar-tool .content .layui-icon {
  font-size:16px
}

.navbar-tool .content .desc {
  color:#898989
}

@media(max-width: 768px) {
.navbar-tool.navbar-relative {
  margin-top:15px;
  position:relative;
  display:flex
}

.navbar-tool.navbar-relative .item {
  margin-right:10px;
  height:40px;
  line-height:40px;
  min-width:80px
}
}

@media(max-width: 768px) {
.layui-layer-iframe {
  max-width:100% !important
}
}

.tool-group .layui-elem-field {
  margin-top:2rem;
  background-color:#fff;
  box-shadow:0 2px 12px #e1edff,0 4px 10px rgba(82,99,115,.15)
}

.tool-group .layui-elem-field legend {
  color:#999;
  margin-left:0
}

.tool-group .layui-elem-field a {
  color:#666
}

.tool-group .layui-elem-field a:hover {
  color:#ff692f
}

.widget-list {
  display:flex;
  flex-wrap:wrap
}

@media(min-width: 769px) {
.widget-list {
  justify-content:space-around;
  margin-bottom:-10px
}
}

.widget-list>li {
  min-width:100px;
  margin-bottom:10px
}

.layui-breadcrumb a:hover {
  color:#ff692f !important
}

.exhi-list {
  margin-top:15px;
  margin-bottom:15px
}

.exhi-list>li {
  display:flex;
  align-items:center;
  padding-top:15px;
  padding-bottom:15px;
  padding-right:5px;
  border-top:1px solid #d2dce4;
  border-bottom:1px solid #d2dce4
}

.exhi-list>li:hover {
  background-color:#f7f7f7
}

.exhi-list .exhi-pic {
  position:relative;
  width:30%;
  max-width:180px;
  height:100px
}

.exhi-list .exhi-pic img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  margin:auto;
  max-width:100%;
  max-height:100%;
  transition:.5s ease-in-out;
  text-align:center;
  vertical-align:middle
}

.exhi-list .exhi-content {
  position:relative;
  line-height:1.8;
  flex:1;
  padding-left:10px
}

.exhi-list .exhi-content dt {
  font-size:14px;
  font-weight:700;
  color:#3e57cd;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

@media(min-width: 769px) {
.exhi-list .exhi-content dt {
  font-size:16px
}
}

.exhi-list .exhi-content dt a {
  font-size:18px;
  color:#3e57cd;
  line-height:1
}

.exhi-list .exhi-content dt a:hover {
  color:#0153ba
}

.exhi-list .exhi-content dd {
  margin-bottom:0;
  color:#666
}

.exhi-list .exhi-content dd>em {
  color:#999
}

.exhi-list .count {
  float:right;
  font-weight:500;
  color:#666;
  display:none
}

@media(min-width: 769px) {
.exhi-list .count {
  display:inline-block
}
}

.text-match {
  color:#f01313 !important
}

.exhi-search {
  position:relative;
  margin-bottom:15px
}

@media(min-width: 481px) {
.exhi-search {
  text-align:center;
  margin-bottom:0
}
}

.exhi-search-content {
  position:relative;
  display:inline-block
}

.exhi-search input {
  border:1px solid #d2dce4;
  max-width:100%
}

@media(min-width: 481px) {
.exhi-search input {
  width:420px
}
}

.exhi-search .layui-icon-btn {
  padding:0 25px;
  border-color:#ff692f;
  background-color:#ff692f;
  cursor:pointer
}

.exhi-search .layui-icon-search {
  color:#999;
  font-size:18px
}

.filter-box {
  margin-top:2rem;
  margin-bottom:2rem;
  border:1px solid #d2dce4;
  background-color:#fff;
  padding:30px
}

.filter-box .item {
  display:flex;
  flex-wrap:wrap
}

.filter-box .item:not(:last-child) {
  border-bottom:1px dashed #d2dce4;
  padding-bottom:1rem;
  margin-bottom:1rem
}

@media(min-width: 481px) {
.filter-box .item {
  flex-wrap:nowrap
}
}

.filter-box .item-form {
  align-items:center
}

@media(min-width: 481px) {
.filter-box .item-form input {
  width:260px
}
}

.filter-box .item-form .layui-btn {
  border-color:#ff692f;
  background-color:#ff692f
}

.filter-box .item-title {
  font-size:16px;
  color:#666;
  min-width:120px
}

.filter-box .item-title a {
  color:#666
}

.filter-box .item-title a:hover {
  color:#ff692f
}

@media(max-width: 480px) {
.filter-box .item-title {
  margin-bottom:10px
}
}

.filter-box .country {
  display:flex;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px
}

.filter-box .country>li {
  padding:1px 10px 5px
}

.filter-box .country>li a {
  color:#666
}

.filter-box .country>li a:hover {
  color:#ff692f
}

.filter-box .num {
  color:#ff692f
}

.exhibition-article {
  margin-top:2rem;
  border:1px solid #d2dce4;
  background-color:#fff;
  padding:30px
}

@media(max-width: 991px) {
.exhibition-article img {
  max-width:100%;
  height:auto
}
}

.ce-wrap {
  margin:20px auto;
  box-shadow:0 2px 12px #e1edff,0 4px 10px rgba(82,99,115,.15)
}

.ce-wrap .text-danger {
  padding-top:5px;
  padding-bottom:5px;
  background-color:#f4f4f5;
  color:#909399
}

.ce-wrap .layui-card {
  margin-bottom:5px
}

.ce-wrap .layui-card-header {
  font-size:16px;
  color:#3d7ffc;
  font-weight:700;
  background:#eef4ff
}

.ce-wrap .panel-body {
  padding:10px 25px
}

.ce-wrap .text-primary {
  margin-top:20px;
  word-break:break-all
}

.ce-wrap .input-disabled {
  background-color:#f8f8f8
}

.ce-wrap .subtitle {
  font-size:16px;
  color:#999;
  font-weight:bold;
  text-align:center
}

.ce-wrap .layui-input {
  font-size:18px;
  font-weight:bold;
  color:#3e57cd
}

.ce-wrap .layui-form-label {
  width:110px
}

.service-banner {
  position:relative;
  width:100%;
  text-align:center;
  overflow:hidden;
  min-height:224px;
  background-color:#3e57cd;
  background:linear-gradient(312deg, #3e57cd 0%, #3e57cd 100%)
}

@media(min-width: 481px) {
.service-banner {
  min-height:400px
}
}

.service-banner .img-fluid {
  position:absolute;
  width:100%;
  height:100%
}

.service-banner .img-fluid img {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-55.5%, -50%) scale(0.56)
}

@media(min-width: 481px) {
.service-banner .img-fluid img {
  transform:translate(-60%, -50%)
}
}

@media(min-width: 769px) {
.service-banner .img-fluid img {
  transform:translate(-50%, -50%)
}
}

.contact {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:50px
}

.contact .item {
  flex:1;
  box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);
  border:1px solid #e1e6f0;
  background-color:#fff;
  padding:40px
}

@media(min-width: 769px) {
.contact .item {
  max-width:49%
}
}

@media(max-width: 768px) {
.contact .item {
  flex-basis:100%
}
}

.contact .item .state {
  position:relative;
  font-size:18px;
  font-weight:700;
  line-height:32px;
  color:#374567;
  margin-bottom:15px
}

.contact .item .state .layui-icon {
  color:#374567;
  margin-right:8px;
  margin-left:8px
}

.contact .item .title {
  font-size:16px;
  font-weight:700;
  line-height:32px;
  color:#374567
}

.contact .item p {
  font-size:16px;
  line-height:32px;
  color:#7a8ba6
}

.about-page {
  font-size:20px
}

.about-page .item {
  padding:34px 0px 32px
}

@media(min-width: 769px) {
.about-page .item {
  padding:54px 35px 52px
}
}

.about-page .item:not(:last-child) {
  border-bottom:2px solid #f0f0f0
}

.about-page .item:first-child {
  padding-top:0
}

.about-page .title {
  margin-bottom:40px;
  font-size:24px;
  font-weight:700;
  text-align:center;
  color:#374567
}

.about-page .content {
  color:#7a8ba6;
  font-size:16px;
  line-height:32px;
  text-align:justify
}

.about-page .content p {
  margin-bottom:15px
}

.about-page .content .layui-text {
  color:#7a8ba6;
  font-size:16px
}

.about-page .content .layui-text h3 {
  color:#374567;
  margin-bottom:15px
}

.about-page .content .layui-timeline-item {
  color:#3e57cd
}

.about-page .content .layui-timeline-item:before {
  background-color:#3e57cd
}

.about-page .content .layui-timeline-axis {
  width:16px;
  height:16px;
  line-height:16px;
  border:1px solid #3e57cd;
  left:-3px;
  color:#3e57cd;
  background-color:#f7f7f7
}

.about-page .content .layui-timeline-title {
  line-height:1
}

.about-page .content .layui-timeline-content {
  padding-left:30px
}

.card-wrapper {
  max-width:800px;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

.card-wrapper .table {
  max-width:100%;
  padding:50px 30px;
  position:relative;
  border-radius:4px;
  height:380px;
  box-shadow:0 5px 10px rgba(0,0,0,.1);
  text-align:center;
  overflow:hidden
}

@media(min-width: 769px) {
.card-wrapper .table {
  width:calc(50% - 40px)
}
}

@media(max-width: 768px) {
.card-wrapper .table+.table {
  margin-top:40px
}
}

.card-wrapper .title {
  font-size:32px;
  font-weight:bold
}

.card-wrapper .subtitle {
  margin-top:8px;
  margin-bottom:15px;
  font-size:16px;
  color:#666
}

.card-wrapper .table-body {
  margin-top:70px
}

.card-wrapper .btn {
  display:block;
  margin:auto;
  width:80%;
  line-height:40px;
  color:#fff;
  font-size:16px;
  border:none;
  outline:none;
  border-radius:25px;
  cursor:pointer;
  transition:all .3s ease
}

.card-wrapper .btn:hover {
  border-radius:5px
}

.table-caption {
  position:relative;
  margin-top:15px;
  margin-bottom:35px;
  font-size:24px;
  font-weight:bold;
  color:#374567;
  text-align:center
}

.table-caption span {
  position:relative;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  background-color:#f7f7f7;
  z-index:2
}

.table-caption:after,.table-caption:before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  height:2px;
  background-color:#374567;
  z-index:0
}

.table-caption:before {
  top:10px;
  width:240px;
  max-width:80%
}

.table-caption:after {
  top:16px;
  width:200px;
  max-width:70%
}

.table-responsive {
  display:block;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:-ms-autohiding-scrollbar
}

.table-container {
  background-color:#fff;
  padding:20px;
  overflow-x:auto
}

.table {
  width:100%
}

.table thead th {
  text-align:center;
  font-size:16px;
  font-weight:bold
}

.table .title {
  font-size:18px;
  line-height:2;
  font-weight:600
}

.table .gold {
  color:#ffa538
}

.table .layui-icon-ok {
  font-size:20px;
  color:#3e57cd
}

.table th,.table td {
  padding:12px;
  border:1px solid #ebf0fc;
  text-align:center;
  vertical-align:middle
}

.table tbody>tr>th {
  background-color:#f7f7f7;
  font-weight:700;
  white-space:nowrap
}

.table tbody>tr:hover {
  background-color:rgba(62,87,205,.05)
}

.table tbody>tr:hover>th {
  background-color:rgba(62,87,205,.05)
}

.p-0 {
  padding:0 !important
}

.b-0 {
  border:0 !important
}

.text-left {
  text-align:left !important
}

.table-primary thead th {
  background-color:#3e57cd;
  color:#fff
}

.card-tag-list {
  display:flex;
  justify-content:center;
  margin-bottom:1.5rem;
  flex-wrap:wrap
}

.card-tag {
  min-width:310px;
  max-width:360px;
  box-shadow:0 2px 12px #e1edff,0 4px 10px rgba(82,99,115,.15);
  position:relative;
  margin-left:15px;
  margin-right:15px;
  text-align:center;
  margin-bottom:1.5rem
}

.card-tag .item-title {
  position:relative;
  padding:25px;
  background-color:#ff692f;
  font-size:18px;
  font-weight:700;
  color:#fff;
  text-align:center
}

.card-tag.yellow .price {
  color:#ffc885
}

.card-tag .price {
  margin-bottom:2.5rem;
  font-size:30px;
  font-weight:600;
  color:#ff692f
}

.card-tag .price small {
  font-size:80%
}

.card-tag .btn-accent {
  display:inline-block;
  width:180px;
  max-width:80%;
  margin-bottom:1.5rem;
  border-radius:25px;
  border:1px solid #ff692f;
  color:#ff692f;
  line-height:40px;
  transition:.35s ease-in-out;
  background-color:rgba(0,0,0,0)
}

.card-tag .btn-accent:hover {
  background-color:#ff692f;
  color:#fff
}

.card-tag .btn-purple {
  border-color:#3e57cd;
  color:#3e57cd
}

.card-tag .btn-purple:hover {
  background-color:#3e57cd
}

.card-tag .btn-yellow {
  border-color:#ffc885;
  color:#ffc885
}

.card-tag .btn-yellow:hover {
  background-color:#ffc885
}

.card-tag .btn {
  display:inline-block;
  width:180px;
  max-width:80%;
  margin-bottom:1.5rem;
  border-radius:25px;
  background-color:#3e57cd;
  color:#fff;
  line-height:40px;
  transition:.35s ease-in-out
}

.card-tag .btn:hover {
  background-color:rgba(62,87,205,.9)
}

.icon {
  display:inline-block;
  width:20px;
  height:20px;
  line-height:20px;
  text-align:center;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain
}

.btn-purchase {
  display:inline-block;
  background-color:#ff692f;
  color:#fff;
  line-height:32px;
  border-radius:5px;
  padding-left:25px;
  padding-right:25px
}

.btn-purchase:hover {
  background-color:rgba(255,105,47,.85);
  color:#fff
}

.btn-purchase:focus {
  background-color:hsla(0,0%,100%,.3)
}

.gotop {
  position:fixed;
  bottom:10px;
  right:10px;
  display:flex;
  width:52px;
  height:52px;
  background-color:#edf1f6;
  align-items:center;
  justify-content:center;
  cursor:pointer
}

.gotop .layui-icon {
  color:#62788a;
  font-size:40px
}

.collapse-wrapper {
  display:flex;
  overflow:hidden
}

.collapse-wrapper .text {
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:justify;
  position:relative;
  line-height:1.5;
  max-height:6em;
  transition:.3s
}

.collapse-wrapper .text::before {
  content:"";
  height:calc(100% - 26px);
  float:right
}

.collapse-wrapper .text::after {
  content:"";
  width:999vw;
  height:999vw;
  position:absolute;
  box-shadow:inset calc(100px - 999vw) calc(30px - 999vw) 0 0 #fff;
  margin-left:-100px
}

.collapse-wrapper .btn {
  position:relative;
  float:right;
  clear:both;
  margin-left:20px;
  font-size:16px;
  padding:0 8px;
  background:#3f51b5;
  line-height:24px;
  border-radius:4px;
  color:#fff;
  cursor:pointer
}

.collapse-wrapper .btn::after {
  content:"展开"
}

.collapse-wrapper .exp {
  display:none
}

.collapse-wrapper .exp:checked+.text {
  max-height:none
}

.collapse-wrapper .exp:checked+.text::after {
  visibility:hidden
}

.collapse-wrapper .exp:checked+.text .btn::before {
  visibility:hidden
}

.collapse-wrapper .exp:checked+.text .btn::after {
  content:"收起"
}

.collapse-wrapper .btn::before {
  content:"...";
  position:absolute;
  left:-5px;
  color:#333;
  transform:translateX(-100%)
}

.supplier-wrapper {
  position:relative;
  background:linear-gradient(to bottom, #fff, #b7d2ff)
}

/* material/detail 供应商折叠（JS: .item-show / .has-more / .open） */
.collapse-wrapper.has-more {
  position:relative;
  height:88px;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:.3s;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  margin-bottom:30px
}

.collapse-wrapper.open {
  height:auto !important;
  display:block !important;
  -webkit-line-clamp:unset
}

.collapse-wrapper .item-show {
  position:absolute;
  background-color:#70a5ff;
  color:#fff;
  padding-left:8px;
  padding-right:8px;
  cursor:pointer;
  line-height:20px;
  z-index:999;
  left:0;
  bottom:0
}

.ads-md-4 {
  display:flex;
  flex-wrap:wrap;
  margin-left:-5px;
  margin-right:-5px;
  justify-content:space-between
}

@media(min-width: 1180px) {
.ads-md-4 {
  flex-wrap:nowrap;
  margin-left:-10px;
  margin-right:-10px
}
}

.ads-md-4 li {
  padding-left:10px;
  padding-right:10px;
  max-width:50%;
  margin-bottom:1.5rem
}

@media(max-width: 768px) {
.ads-md-4 li {
  margin-bottom:1rem
}
}

@media(max-width: 480px) {
.ads-md-4 li {
  margin-bottom:10px;
  padding-left:5px;
  padding-right:5px
}
}

.ads-md-4.gutter-10 {
  margin-left:-5px;
  margin-right:-5px;
  margin-bottom:10px
}

@media(min-width: 481px) {
.ads-md-4.gutter-10 {
  margin-bottom:15px
}
}

.ads-md-4.gutter-10 li {
  margin-bottom:10px;
  padding-left:5px;
  padding-right:5px
}

.img-fluid {
  max-width:100%;
  height:auto
}

.module-ads {
  padding-top:1.5rem;
  margin-bottom:-3rem
}

@media(max-width: 768px) {
.module-ads {
  margin-bottom:-1.5rem
}
}

.calc-tool {
  padding-top:1rem;
  padding-bottom:1rem
}

@media(max-width: 768px) {
.calc-tool .module-ads {
  margin-bottom:-2rem
}
}

.bg-gray {
  background-color:#f6f8fa
}

#btn-expand,#btn-collapse {
  cursor:pointer;
  color:#ff692f;
  text-align:center
}

#btn-expand .layui-icon,#btn-collapse .layui-icon {
  margin-left:3px;
  font-size:14px;
  display:inline-block
}

#btn-expand .layui-icon {
  transform:rotate(-90deg)
}

#btn-collapse .layui-icon {
  transform:rotate(90deg)
}

.factory-group {
  color:#666
}

.factory-group .apply-group {
  width:127px;
  position:absolute;
  right:15px;
  top:-12px
}

.factory-group .apply-group .layui-btn {
  height:36px;
  line-height:36px
}

.factory-group .btn-join {
  display:inline-block;
  border:1px solid #e60112;
  color:#e60112;
  line-height:34px;
  padding:0 15px 0 20px;
  background-color:rgba(0,0,0,0);
  margin-bottom:10px
}

.factory-group .btn-join .layui-icon {
  vertical-align:bottom
}

.factory-group .btn-join:hover {
  background-color:#e60112;
  color:#fff
}

.factory-group .layui-elem-field {
  position:relative;
  margin-bottom:3rem
}

.factory-group .layui-elem-field legend {
  text-align:center;
  font-size:16px;
  font-weight:bold
}

.factory-group .elem-title-big {
  font-size:22px;
  line-height:32px;
  font-weight:bold;
  color:#000;
  border-left:6px solid #ccc;
  padding-left:15px;
  margin-top:2rem
}

.factory-group .elem-title-big img {
  width:30px;
  height:auto;
  margin-right:5px
}

.factory-group .elem-title {
  position:absolute;
  top:-50px;
  margin:10px auto 0;
  width:calc(100% - 30px);
  padding-left:10px;
  font-size:16px;
  font-weight:bold;
  border-left:5px solid #dfdfdf
}

.brand-box {
  padding:5px 0;
  border:1px solid #d2dce4;
  background-color:#fff;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  min-height:123px
}

@media(min-width: 769px) {
.brand-box {
  padding:5px
}
}

.brand-box:hover .value {
  color:#ff692f
}

.brand-box:hover img {
  transform:scale(1.1)
}

.brand-box .pic {
  flex-basis:100%;
  min-width:100%;
  height:90px;
  padding:5px;
  overflow:hidden;
  display:flex;
  justify-content:center;
  align-items:center
}

.brand-box .pic>a {
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  justify-content:center;
  align-items:center
}

.brand-box .pic img {
  max-width:100%;
  max-height:75px;
  height:auto;
  transition:.35s ease-in-out
}

@media(min-width: 769px) {
.brand-box .pic img {
  max-width:100px
}
}

.load-more {
  margin:2rem 0 3rem;
  color:#ff692f;
  font-size:16px;
  font-weight:bold
}

.load-more .layui-icon {
  margin-right:3px
}

.btn-primary-lg {
  line-height:40px;
  height:40px;
  padding:0 25px
}

.alert {
  background-color:#f7f7f7;
  font-size:14px;
  text-align:center;
  padding:5px;
  margin-top:5px;
  margin-bottom:10px;
  color:#999
}

.alert a {
  color:#999
}

.alert a:hover {
  color:#ff692f
}

.ad-list .figure:hover .figure-caption {
  color:#3e57cd
}

.ad-list a:hover .title,.ad-list a:hover .tags,.ad-list a:hover .figure-caption {
  color:#ff692f
}

.ad-list .desc {
  font-size:0;
  line-height:0
}

.ad-list .title {
  font-size:14px;
  font-weight:500;
  color:#6c757d;
  margin-bottom:5px;
  margin-top:5px
}

.ad-list .tags {
  display:inline-block;
  font-size:12px;
  line-height:1.5;
  color:#666
}

.btn-join {
  display:inline-block;
  border:1px solid #ff692f;
  line-height:30px;
  padding-left:15px;
  padding-right:15px;
  color:#ff692f;
  white-space:nowrap
}

.btn-join .bi {
  margin-right:5px;
  color:#ff692f;
  text-align:center;
  font-size:12px
}

.btn-join:hover {
  background-color:#ff692f;
  color:#fff
}

.btn-join:hover .bi {
  color:#fff
}

.btn-join-fill {
  background-color:#ff692f;
  color:#fff
}

.btn-join-fill .bi {
  color:#fff
}

.btn-join-fill:hover {
  background-color:rgba(255,105,47,.8)
}

.btn-join-lg {
  line-height:35px;
  border-radius:20px;
  width:100%
}

.btn-join-supplier {
  border-radius:25px;
  padding:0 25px
}

.btn-join-supplier .bi {
  font-size:14px
}

#watermark {
  left:0 !important;
  top:120px !important
}

#layui-container {
  overflow:hidden;
  position:relative
}

.mx-auto {
  margin-left:auto;
  margin-right:auto
}

.pages>div {
  display:flex;
  flex-wrap:wrap
}

.pages .page {
  display:flex;
  flex-wrap:wrap
}

.pages .pageOther,.pages .page a {
  line-height:28px;
  border:1px solid #d2dce4;
  margin-right:0;
  min-width:34px;
  padding:0 8px;
  text-align:center;
  background-color:#f5f5f5;
  margin-right:5px
}

.pages .pageOther.curPage,.pages .page a.curPage {
  background-color:#3e57cd;
  color:#fff
}

.pages-white .pageOther,.pages-white .page a {
  background-color:#fff
}

.bg-gray .pages>div {
  justify-content:center
}

.bg-gray .pages .pageOther,.bg-gray .pages .page a {
  border:1px solid #ddd
}

.apply-absolute {
  position:absolute;
  right:15px;
  top:-7.5px
}

@media(min-width: 992px) {
.apply-absolute {
  right:0;
  top:-15px
}
}

.cursor-pointer {
  cursor:pointer
}

#fasLeft .item-header {
  display:none !important
}

.index-content {
  position:relative;
  padding-top:50px;
  padding-bottom:70px
}

.slogan {
  margin-top:15px;
  margin-bottom:15px;
  font-size:22px;
  font-weight:700
}

.bg-sweep {
  position:relative;
  display:inline-block;
  padding:5px 6px;
  overflow:hidden
}

.bg-sweep::before {
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:120%;
  height:100%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, rgba(160, 190, 220, 0.45) 50%, transparent 80%);
  animation:slogan-sweep 3.5s linear infinite
}

@keyframes slogan-sweep {
from {
  left:-130%
}

to {
  left:140%
}
}

.search-box {
  margin-top:20px
}

@media(min-width: 769px) {
.search-box {
  max-width:800px;
  margin-left:auto;
  margin-right:auto
}
}

.search {
  position:relative;
  height:48px;
  width:100%;
  border-radius:10px;
  background-color:#fff;
  border:1px solid #ddd;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center
}

@media(min-width: 769px) {
.search {
  display:flex;
  align-items:center
}
}

.search .search-bar {
  flex:1;
  height:100%;
  border:0;
  overflow:0;
  text-indent:30px;
  border-radius:10px;
  margin-left:10px
}

.search .layui-icon-search {
  position:absolute;
  top:50%;
  left:8px;
  transform:translateY(-50%);
  font-size:21px;
  color:hsla(0,0%,40%,.58)
}

.search .high {
  margin-right:20px;
  position:relative
}

.search .high img {
  max-height:32px
}

.search .btn-submit {
  cursor:pointer;
  border:0;
  outline:0;
  height:48px;
  width:90px;
  min-width:90px;
  margin-right:-5px;
  border-radius:10px;
  border-bottom-left-radius:0;
  border-top-left-radius:0;
  background-color:#3e57cd;
  color:#fff;
  text-align:center;
  font-size:16px
}

.search .btn-submit img {
  max-width:32px
}

.hot-search {
  display:flex;
  align-items:center;
  margin-top:10px
}

.hot-search .hot-label {
  color:#f2cc8f;
  font-size:14px
}

.keyword>li {
  position:relative;
  display:inline-block;
  padding:0 5px;
  font-size:12px
}

.keyword>li:first-child {
  padding-left:0;
  padding-right:0
}

.keyword>li:hover {
  color:#3e57cd
}

.keyword>li a {
  color:#ccc
}

.keyword>li a:hover {
  color:#f2cc8f
}

.keyword-divider li:nth-child(n+3):before {
  content:"";
  position:absolute;
  left:-2px;
  top:50%;
  transform:translateY(-50%);
  height:10px;
  width:1px;
  background-color:#9bacbc
}

.icon-list {
  display:flex;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px
}

.icon-list>li {
  padding-left:10px;
  padding-right:10px;
  flex-basis:50%;
  max-width:50%;
  margin-bottom:20px
}

@media(min-width: 481px) {
.icon-list>li {
  flex-basis:25%;
  max-width:25%
}
}

@media(min-width: 769px) {
.icon-list>li {
  flex-basis:12.5%;
  max-width:12.5%
}
}

.icon-list>li:hover img {
  filter:grayscale(0)
}

.icon-list>li:hover .title {
  color:#ff692f
}

.icon-list .pic {
  position:relative;
  text-align:center
}

.icon-list .pic img {
  filter:grayscale(50%);
  transition:.35s ease-in-out;
  max-width:75px
}

.icon-list .title {
  font-size:14px;
  color:#999;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.icon-list .more {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:calc(100% - 21px)
}

.icon-list .more .layui-icon {
  color:#3e57cd;
  font-size:22px
}

.card-list li {
  transition:.35s ease-in-out
}

@media(min-width: 769px) {
.card-list li {
  flex-basis:20%;
  max-width:20%
}
}

@media(min-width: 992px) {
.card-list li {
  flex-basis:16.66%;
  max-width:16.66%
}
}

.card-list li:hover .title {
  box-shadow:rgba(0,0,0,.1) 0px 2px 30px 0px
}

.card-list li .pic {
  background-color:#fff;
  transition:.35s ease-in-out
}

@media(min-width: 769px) {
.card-list li .pic {
  padding-top:10px;
  padding-bottom:10px
}
}

.card-list li .pic:after {
  content:"";
  position:absolute;
  bottom:0;
  width:80%;
  height:1px;
  background-color:#d2dce4;
  left:50%;
  transform:translateX(-50%)
}

.card-list li .title {
  line-height:45px;
  background-color:#fff;
  padding-top:0;
  transition:.35s ease-in-out
}

.swiper-album {
  padding-bottom:40px;
  margin-bottom:-10px
}

.swiper-album .swiper-pagination {
  bottom:0
}

.swiper-album .swiper-pagination-bullet {
  width:10px;
  height:10px;
  border:2px solid #c6c6c6;
  background-color:rgba(0,0,0,0);
  opacity:1
}

.swiper-album .swiper-pagination-bullet-active {
  background-color:#3e57cd;
  border-color:#3e57cd
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 8px
}

.exhi-list .pic {
  position:relative;
  border:1px solid #f8f8f8;
  width:100px;
  max-width:100%;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto
}

.exhi-list .pic i {
  display:block;
  padding-bottom:100%
}

.exhi-list .pic img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  margin:auto;
  max-width:100%;
  max-height:100%;
  transition:.5s ease-in-out;
  text-align:center;
  vertical-align:middle
}

.calc-tool .layui-tabs-header,.calc-tool .layui-tab-title {
  text-align:center
}

.calc-tool .layui-tabs-header li,.calc-tool .layui-tab-title li {
  font-size:16px
}

@media(min-width: 769px) {
.calc-tool .layui-tabs-header li,.calc-tool .layui-tab-title li {
  margin-left:15px;
  margin-right:15px
}
}

.calc-tool .layui-tabs-header li:hover,.calc-tool .layui-tab-title li:hover {
  color:#3e57cd
}

.calc-tool .layui-tabs-header .layui-this,.calc-tool .layui-tab-title .layui-this {
  color:#3e57cd
}

.calc-tool .layui-tabs-header .layui-this:after,.calc-tool .layui-tab-title .layui-this:after {
  border-color:#3e57cd !important
}

.calc-tool .layui-tbas-body,.calc-tool .layui-tab-content {
  padding:25px 10px
}

@media(min-width: 769px) {
.calc-tool .checkgroup,.calc-tool .machine-filter {
  padding-left:100px
}
}

.chem-filter label {
  color:#666;
  min-width:60px;
  text-align:right;
  padding-right:3px
}

@media(min-width: 1400px) {
.chem-filter label {
  min-width:120px
}
}

.chem-filter input {
  border:1px solid #e6e6e6
}

.checkgroup .layui-form-checkbox span {
  display:inline-block;
  min-width:54px;
  text-align:center
}

.checkgroup .layui-form-checked span,.checkgroup .layui-form-checked:hover span {
  background-color:#ff692f
}

.checkgroup [class^=layui-col] {
  margin-bottom:8px
}

.number-split {
  display:flex;
  flex-wrap:wrap;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 12px #e1edff,0 4px 10px rgba(82,99,115,.15);
  padding:30px;
  margin:15px 0;
  justify-content:center
}

@media(min-width: 769px) {
.number-split {
  justify-content:space-around
}
}

.number-split>li {
  min-width:50%;
  text-align:center;
  margin-bottom:15px
}

@media(min-width: 769px) {
.number-split>li {
  min-width:20%;
  margin-bottom:0
}
}

.number-split .icon {
  margin:auto;
  text-align:center;
  background-color:#e7eeff;
  border-radius:100%;
  color:#3e57cd;
  width:50px;
  height:50px;
  line-height:50px;
  margin-bottom:10px
}

.number-split .number {
  margin-top:8px;
  font-size:18px;
  font-weight:700;
  color:#666
}

.number-split .title {
  font-size:14px;
  color:#666
}

.number-split .layui-icon {
  font-size:24px
}

.area-box {
  background:#f6f8fa;
  border-radius:13px;
  padding:25px 25px 5px;
  display:flex;
  flex-wrap:wrap;
  max-height:550px;
  overflow:auto
}

.area-box::-webkit-scrollbar {
  width:7px
}

.area-box::-webkit-scrollbar-track {
  background:rgba(0,0,0,.05);
  border-radius:0 13px 13px 0
}

.area-box::-webkit-scrollbar-thumb {
  background:#d2dce4;
  border-radius:5px
}

.area-box::-webkit-scrollbar-thumb:hover {
  background:#b8c4d0
}

.tool-list {
  display:flex;
  margin-left:-5px;
  margin-right:-5px;
  flex-wrap:wrap
}

@media(max-width: 480px) {
.tool-list {
  justify-content:center
}
}

.tool-list>li {
  padding:0 5px;
  flex:1
}

@media(min-width: 769px) {
.tool-list>li {
  max-width:25%
}
}

@media(min-width: 1200px) {
.tool-list>li {
  max-width:20%
}
}

.tool-list .item {
  display:flex;
  align-items:center;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 12px #e1edff,0 4px 10px rgba(82,99,115,.15);
  min-width:180px;
  padding:15px;
  margin:5px
}

@media(min-width: 769px) {
.tool-list .item {
  padding:20px
}
}

@media(min-width: 1430px) {
.tool-list .item {
  padding:25px 30px
}
}

.tool-list .item .title {
  display:inline-block;
  font-size:16px;
  color:#666
}

.tool-list .item:hover .title {
  color:#ff692f
}

.tool-list .item:hover .icon {
  background-color:rgba(255,105,47,.1)
}

.tool-list .item:hover .icon img:first-child {
  display:none
}

.tool-list .item:hover .icon img:last-child {
  display:block
}

.tool-list .icon {
  display:flex;
  width:45px;
  height:45px;
  justify-content:center;
  align-items:center;
  background-color:#e7eeff;
  border-radius:100%;
  padding:6px;
  margin-right:8px;
  margin-bottom:0
}

.tool-list .icon img {
  max-width:100%;
  height:auto;
  max-height:100%
}

.tool-list .icon img:last-child {
  display:none
}

.search-way {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

@media(max-width: 480px) {
.search-way>li {
  max-width:48%;
  flex-basis:48%
}
}

.search-way .item {
  text-align:center;
  background-color:#edf1f6;
  color:#8496a5;
  padding:10px;
  margin-bottom:10px
}

@media(min-width: 1200px) {
.search-way .item {
  padding:10px 30px 10px 20px;
  margin-bottom:0
}
}

.search-way .item {
  border-radius:5px;
  font-size:16px;
  display:flex;
  align-items:center
}

.search-way .item .icon {
  padding:5px;
  width:35px;
  height:35px;
  margin-right:5px
}

.search-way .item .icon img {
  max-width:100%
}

.brand-list {
  display:flex;
  flex-wrap:wrap
}

.brand-list>li {
  position:relative;
  flex:1;
  text-align:center;
  min-width:33.33%;
  background-color:#fff;
  line-height:36px;
  color:#666
}

@media(min-width: 769px) {
.brand-list>li {
  min-width:16.66%
}

.brand-list>li:nth-child(n+7):nth-child(-n+12) {
  background-color:#edf1f6
}

.brand-list>li:nth-child(n+19):nth-child(-n+24) {
  background-color:#edf1f6
}

.brand-list>li:nth-child(n+31):nth-child(-n+36) {
  background-color:#edf1f6
}

.brand-list>li:nth-child(n+43):nth-child(-n+48) {
  background-color:#edf1f6
}
}

.brand-list>li:first-child {
  border-right:1px solid #d2dce4
}

.brand-list li+li::before {
  content:"";
  position:absolute;
  right:0;
  height:100%;
  width:1px;
  background-color:#d2dce4
}

.classify-btn-group {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding:15px 15px 0;
  box-shadow:0 2px 12px #e1edff,0 4px 10px rgba(82,99,115,.15)
}

.classify-btn-group a {
  min-width:130px;
  background:#edf1f6;
  border:1px solid #d2dce4;
  color:#62788a;
  line-height:38px;
  border-radius:8px;
  margin:0 10px 15px;
  text-align:center
}

.classify-btn-group a:hover {
  color:#fff;
  background-color:#3e57cd
}

.btn-enter {
  display:inline-block;
  margin-top:15px;
  font-size:18px;
  line-height:46px;
  color:#fff
}

.btn-enter .layui-icon {
  font-size:24px;
  vertical-align:middle;
  margin-right:5px
}

.user-container {
  padding-top:10px
}

.user-container .swiper-wrapper {
  transition-timing-function:linear !important
}

.user-list .swiper-slide {
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  box-shadow:0px 2px 10px rgba(0,12,56,.1)
}

.user-list .swiper-slide:hover .name {
  color:#ff692f
}

.user-list img {
  max-width:95%;
  max-height:100%;
  height:auto;
  transition:.35s ease-in-out
}

.user-list .pic {
  width:100%;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center
}

.user-list .name {
  color:#666;
  text-align:center
}

.relation-links {
  position:absolute;
  left:0;
  bottom:25px;
  width:100%;
  height:20px;
  padding-left:15px;
  padding-right:15px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center
}

.relation-links .tit {
  color:#9bacbc;
  padding-right:10px;
  border-right:1px solid #9bacbc;
  margin-right:5px
}

.relation-links a {
  color:#9bacbc;
  margin-left:3px
}

.relation-links a:hover {
  color:#ff692f
}

.ads-news {
  margin-top:1.5rem;
  margin-bottom:-1.8rem
}

@media(min-width: 769px) {
.ads-news {
  padding-top:1.5rem;
  margin-top:3rem
}
}

.register {
  display:flex;
  height:100%;
  justify-content:center;
  align-items:center
}

@media(min-width: 769px) {
.register {
  min-height:72vh
}
}

.register-box {
  font-size:16px;
  max-width:100%
}

@media(min-width: 481px) {
.register-box {
  width:480px
}
}

@media(min-width: 769px) {
.register-box {
  min-width:520px
}

.register-box.register-fid {
  min-width:680px
}
}

.register-box {
  background-color:#fff;
  box-shadow:0 0 10px rgba(0,0,0,.1)
}

.form-title {
  padding:0 28px;
  line-height:60px;
  line-height:60px;
  font-size:24px;
  color:#666;
  background:linear-gradient(180deg, #fff, #f9f9f9)
}

.form-content {
  padding:15px
}

@media(min-width: 769px) {
.form-content {
  padding-left:28px;
  padding-right:28px
}
}

.custom-form .layui-form-label {
  white-space:nowrap;
  width:110px
}

.custom-form .warn {
  color:#f42424
}

.custom-form .layui-input:focus,.custom-form .layui-textarea:focus {
  border-color:#ff692f !important
}

.custom-form .layui-form-radio:hover>*,.custom-form .layui-form-radioed,.custom-form .layui-form-radioed>i {
  color:#ff692f
}

.layui-form-checkbox[lay-skin=primary]:hover>i {
  border-color:#ff692f
}

.layui-form-checked:hover>i {
  color:#ff692f
}

.layui-form-checked[lay-skin=primary]>i {
  border-color:#ff692f !important;
  background-color:#ff692f;
  color:#fff
}

.btn-submit {
  background-color:#3e57cd;
  min-width:120px;
  text-align:center
}

.terms {
  max-width:920px;
  max-height:520px;
  padding:15px;
  overflow-y:scroll;
  font-size:16px;
  color:#666;
  background-color:#fff;
  box-shadow:0 0 10px rgba(0,0,0,.1)
}

.terms h2 {
  padding:10px 0;
  font-size:18px;
  font-weight:bold
}

.terms p {
  text-indent:2em;
  line-height:1.8;
  font-size:16px
}

.btn-register {
  margin-top:20px;
  display:inline-block;
  border-radius:50px;
  max-width:80%;
  width:150px;
  line-height:36px;
  border:1px solid #3e57cd;
  background-color:#3e57cd;
  text-align:center;
  color:#fff;
  transition:.35s ease-in-out;
  cursor:pointer
}

.btn-register:hover {
  border-color:#696bb6;
  background-color:#696bb6;
  color:#fff
}

.inquiry-product {
  display:flex;
  margin-bottom:15px;
  padding-bottom:15px
}

@media(max-width: 768px) {
.inquiry-product {
  flex-wrap:wrap;
  justify-content:center
}

.inquiry-product .pic {
  margin-bottom:10px
}
}

.inquiry-product .pic {
  border:1px solid #e0e6ed;
  padding:5px;
  width:50%;
  max-width:200px;
  min-width:180px
}

.inquiry-product .tit {
  display:block;
  padding-bottom:.5rem;
  margin-bottom:.5rem;
  border-bottom:1px solid #f1f1f1;
  font-size:18px;
  color:#212121;
  font-weight:600
}

.inquiry-product .text {
  padding-left:15px;
  flex:1;
  max-width:100%
}

@media(min-width: 769px) {
.inquiry-product .text {
  max-width:calc(100% - 200px)
}
}

.inquiry-product .tag {
  display:inline-block;
  padding:1px 5px;
  margin-bottom:3px;
  background-color:#f4f4f6;
  border-radius:2px;
  font-size:14px;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:100%
}

.navbar-tree {
  width:100%;
  background-color:rgba(0,0,0,0);
  border-right:1px solid #e1e6f0;
  position:sticky;
  top:0
}

.navbar-tree>li {
  position:relative;
  padding:14px 0 14px 60px;
  line-height:32px
}

.navbar-tree>li:before {
  display:block;
  content:"";
  float:left;
  margin:13px 0 0 -34px;
  width:6px;
  height:6px;
  background:linear-gradient(90deg, rgba(62, 87, 205, 0.21) 0, rgba(249, 250, 255, 0) 100%);
  border-radius:4px
}

.navbar-tree>li:after {
  position:absolute;
  left:0;
  bottom:0;
  display:block;
  content:"";
  width:95%;
  height:1px;
  background:#ebf0fc
}

.navbar-tree>li:last-child {
  border-bottom:0
}

.navbar-tree>li:hover,.navbar-tree>li.layui-this {
  border-right:2px solid #3e57cd;
  background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.navbar-tree>li:hover a,.navbar-tree>li.layui-this a {
  color:#3e57cd
}

.navbar-tree>li:hover:before,.navbar-tree>li.layui-this:before {
  background:linear-gradient(90deg, #3e57cd 0, rgba(95, 135, 248, 0) 100%)
}

.navbar-tree>li.layui-this a {
  font-weight:700
}

.navbar-tree>li a {
  display:block;
  font-size:16px;
  color:#374567
}

.latest-container {
  background-color:#fff;
  border:1px solid #efefef;
  padding:0 15px;
  border-radius:5px;
  height:450px
}

@media(min-width: 769px) {
.latest-container {
  position:sticky;
  top:0
}
}

@media(min-width: 1024px) {
.latest-container {
  height:540px
}
}

@media(min-width: 1200px) {
.latest-container {
  height:720px
}
}

@media(min-width: 1400px) {
.latest-container {
  height:810px
}
}

@media(min-width: 1600px) {
.latest-container {
  height:900px
}
}

@media(min-width: 2000px) {
.latest-container {
  height:990px
}
}

.latest-container .swiper-wrapper {
  transition-timing-function:linear !important
}

@media(min-width: 992px) {
.user-show {
  flex-basis:340px;
  max-width:340px;
  padding-left:20px
}
}

.latest-list>li {
  border-bottom:1px solid #efefef;
  padding-bottom:5px
}

.latest-list>li:last-child {
  margin-bottom:0;
  border:0
}

.latest-list .name {
  display:block;
  padding-left:14px;
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#666;
  line-height:1.8
}

.latest-list .name:before {
  position:absolute;
  top:8px;
  left:5px;
  width:4px;
  height:4px;
  background-color:#ff692f
}

.latest-list .core {
  text-indent:14px;
  font-size:14px;
  line-height:20px;
  color:#999;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.latest-list .swiper-slide {
  display:flex;
  flex-direction:column;
  justify-content:center
}

.user-scroll-horizontal-list>li {
  flex-basis:33.33%;
  max-width:33.33%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:flex;
  color:#999;
  height:24px !important
}

.user-show-list {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  background-color:#fff;
  padding:15px;
  border:1px solid #efefef;
  margin-bottom:1rem
}

.user-show-list>li {
  flex:1 1 50%;
  max-width:50%;
  transition:.35s ease-in-out;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:-1px;
  margin-bottom:-1px
}

@media(min-width: 469px) {
.user-show-list>li {
  flex:1 1 33.33%;
  max-width:33.33%
}
}

@media(min-width: 992px) {
.user-show-list>li {
  flex:1 1 25%;
  max-width:25%
}
}

@media(min-width: 1180px) {
.user-show-list>li {
  flex:1 1 20%;
  max-width:20%
}
}

.user-show-list>li:hover img {
  transform:scale(1.15);
  opacity:1;
  filter:grayscale(0)
}

.user-show-list>li .pic {
  display:block;
  width:100%;
  background-color:#fff;
  overflow:hidden;
  position:relative;
  padding:15px;
  padding-bottom:120px;
  border:1px solid #efefef
}

.user-show-list>li img {
  transition:.35s ease-in-out;
  opacity:1;
  filter:grayscale(10%);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  margin:auto;
  max-width:calc(100% - 30px);
  max-height:calc(100% - 30px)
}

@media(min-width: 1180px) {
.user-show-list-shrink>li {
  flex:1 1 16.66%;
  max-width:16.66%
}
}

.btn-absolute {
  display:inline-block;
  padding:0 15px;
  border-radius:15px;
  text-align:left;
  line-height:28px;
  border:1px solid #f42424;
  background-color:#f42424;
  color:#fff;
  text-indent:7px;
  margin-top:10px;
  margin-bottom:10px
}

.btn-absolute .layui-icon {
  vertical-align:middle
}

@media(min-width: 769px) {
.btn-absolute {
  position:absolute;
  bottom:0;
  right:0;
  margin-bottom:0;
  margin-top:0
}
}

.btn-absolute:hover {
  background-color:rgba(244,36,36,.8);
  color:#fff
}

.position-relative {
  position:relative
}

.pb-title {
  margin-bottom:10px;
  padding-bottom:1rem
}

@media(min-width: 769px) {
.pb-title {
  padding-bottom:2rem
}
}

.row {
  display:flex;
  flex-wrap:wrap
}

@media(min-width: 769px) {
.flex-md-nowrap {
  flex-wrap:nowrap !important
}
}

.news-list {
  display:flex
}

.news-list>li {
  margin-bottom:15px
}

.news-list>li a {
  display:block;
  background-color:#fff;
  transition:.5s ease-in-out
}

.news-list>li a:hover .tit,.news-list>li a:hover .btn-more {
  color:#3e57cd
}

.news-list>li a:hover img {
  transform:scale(1.1)
}

.news-list>li a:hover .layui-icon-next {
  margin-left:5px;
  visibility:visible;
  opacity:1
}

.news-list .pic {
  background-color:#f1f1f1;
  position:relative;
  overflow:hidden;
  border-top-left-radius:6px;
  border-top-right-radius:6px
}

.news-list .pic img {
  position:absolute;
  width:100%;
  transition:.35s ease-in-out;
  max-width:100%
}

.news-list .pic i {
  display:block;
  padding-bottom:66.5%
}

.news-list .layui-icon-next {
  display:inline-block;
  font-size:12px;
  margin-left:-12px;
  opacity:0;
  transition:.35s ease-in-out
}

.news-list .info {
  position:relative;
  padding-top:15px;
  padding-bottom:20px;
  transition:.35s ease-in-out
}

.news-list .desc {
  font-size:14px;
  line-height:1.8;
  color:#999;
  height:75px;
  margin-bottom:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}

.news-list .date {
  color:#999;
  font-size:14px
}

.news-list .tit {
  color:#666;
  font-size:16px;
  margin-bottom:15px;
  font-weight:700;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.news-list .btn-more {
  color:#999;
  transition:all .3s
}

.news-list .news-tips {
  left:15px
}

.news-list.inner {
  flex-wrap:wrap;
  margin-left:-15px;
  margin-right:-15px
}

.news-list.inner>li {
  margin-bottom:25px;
  padding-left:15px;
  padding-right:15px;
  max-width:100%
}

@media(min-width: 769px) {
.news-list.inner>li {
  max-width:50%
}
}

@media(min-width: 992px) {
.news-list.inner>li {
  max-width:33.33%
}
}

@media(min-width: 1200px) {
.news-list.inner>li {
  max-width:25%
}
}

.left-sidebar {
  order:12;
  flex-basis:100%;
  max-width:100%
}

@media(min-width: 769px) {
.left-sidebar {
  display:flex;
  flex:0 0 280px;
  max-width:280px;
  padding-left:20px
}
}

@media(min-width: 1200px) {
.left-sidebar {
  display:flex;
  flex:0 0 325px;
  max-width:325px;
  padding-left:30px
}
}

.sidebar-item {
  display:flex;
  flex:1;
  overflow-y:auto;
  flex-direction:column
}

.sidebar-item-title {
  font-weight:700;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,.08);
  padding-bottom:12px;
  margin-bottom:25px
}

.sidebar-item-title .layui-icon {
  transition:.35s ease-in-out
}

.sidebar-item-title.collapsed .layui-icon {
  transform:rotate(-180deg)
}

@media(min-width: 992px) {
.sidebar-item-title .layui-icon {
  display:none !important
}
}

@media(max-width: 991px) {
.sidebar-item-title {
  cursor:pointer
}
}

.sidebar-item .link {
  display:flex;
  justify-content:space-between;
  padding-right:10px;
  align-items:center
}

.sidebar-item .link .layui-icon {
  text-align:right;
  cursor:pointer;
  color:#fff
}

.sidebar-container {
  width:100%
}

@media(min-width: 1230px) {
.news-container {
  max-width:100%
}
}

@media(min-width: 1430px) {
.news-container {
  max-width:1400px
}
}

.page-desc .title {
  font-size:22px;
  font-weight:bold
}

@media(min-width: 769px) {
.page-desc .title {
  font-size:30px
}
}

.news-row {
  display:flex;
  flex-wrap:wrap
}

@media(min-width: 769px) {
.news-row {
  flex-wrap:nowrap
}
}

.news-search {
  display:flex;
  align-items:stretch;
  width:100%
}

.news-search input {
  line-height:42px;
  padding-left:15px;
  padding-right:10px;
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  flex:1
}

.news-search button {
  margin-left:3px;
  line-height:42px;
  padding-left:10px;
  padding-right:15px;
  text-align:center;
  margin-left:-5px;
  border-top-right-radius:25px;
  border-bottom-right-radius:25px;
  cursor:pointer
}

.news-search input,.news-search button {
  border:0;
  outline:0;
  background-color:#fff
}

.news-search .layui-icon {
  color:#3e57cd
}

.news-content {
  min-width:320px
}

@media(min-width: 992px) {
.news-content {
  padding-right:30px
}
}

.news-content .news-head {
  padding-bottom:10px;
  margin-bottom:15px
}

.news-content .title {
  font-size:18px;
  line-height:1;
  color:#333;
  margin-bottom:20px;
  margin-top:15px
}

@media(min-width: 769px) {
.news-content .title {
  font-size:28px
}
}

.news-content .date {
  color:#666
}

.article-content {
  padding-bottom:30px;
  font-size:16px
}

.article-content img {
  max-width:100%;
  height:auto
}

.article-content div,.article-content p,.article-content li {
  line-height:1.8
}

.article-content br {
  content:"";
  display:block;
  margin:1rem
}

.article-content ul {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:2em
}

.article-content ul>li {
  list-style-type:disc
}

.article-content ol {
  list-style-type:decimal;
  list-style-position:inside
}

.article-content ol>li {
  list-style-type:decimal
}

.article-content ul ul,.article-content ol ul {
  list-style-type:circle;
  list-style-position:inside;
  margin-left:15px
}

.article-content ol ol,.article-content ul ol {
  list-style-type:lower-latin;
  list-style-position:inside;
  margin-left:15px
}

.article-content table[style*="text-align: center"] {
  margin-left:auto;
  margin-right:auto
}

.center {
  margin-left:auto;
  margin-right:auto
}

.blog-social {
  color:#666;
  text-align:left;
  padding-bottom:15px;
  border-bottom:1px solid rgba(0,0,0,.08)
}

.blog-social li {
  display:inline-block
}

.blog-social li+li {
  padding-left:15px;
  margin-left:15px;
  border-left:1px solid rgba(0,0,0,.08)
}

.recommand-list li:not(:last-child) {
  margin-bottom:25px
}

.recommand-list .item {
  display:flex
}

.recommand-list .item:hover .pic img {
  transform:scale(1.1)
}

.recommand-list .item:hover .title {
  color:#ff692f
}

.recommand-list .item .pic {
  flex-basis:40%;
  max-width:40%;
  position:relative;
  overflow:hidden;
  padding-bottom:25%
}

.recommand-list .item .pic img {
  position:absolute;
  width:100%;
  left:0;
  top:0;
  transition:.35s
}

.recommand-list .item .text {
  padding-left:15px;
  flex-basis:55%;
  max-width:55%
}

.recommand-list .item .title {
  font-size:14px;
  line-height:1.5;
  color:#999;
  margin-bottom:.5rem;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

.recommand-list .item .date {
  color:#666
}

.blog-list .item {
  padding-bottom:15px;
  margin-bottom:25px;
  transition:.5s;
  border-bottom:1px solid rgba(0,0,0,.06);
  background-color:rgba(0,0,0,0);
  display:flex;
  align-items:flex-start
}

.blog-list .pic {
  flex:0 0 40%;
  max-width:40%;
  margin-right:15px;
  position:relative
}

@media(min-width: 769px) {
.blog-list .pic {
  flex:0 0 220px;
  max-width:220px
}
}

.blog-list .pic img {
  width:100%;
  vertical-align:middle;
  transition:.35s ease-in-out;
  border-radius:6px;
  height:auto;
  max-width:100%
}

.blog-list .pic i {
  display:block;
  padding-bottom:80px
}

@media(min-width: 481px) {
.blog-list .pic i {
  padding-bottom:100px
}
}

@media(min-width: 769px) {
.blog-list .pic i {
  padding-bottom:140px
}
}

.blog-list .pic .news-tips {
  left:15px;
  bottom:0;
  top:auto;
  transform:translateY(-50%)
}

.blog-list .text {
  max-width:100%;
  flex-basis:100%;
  padding-right:15px;
  transition:.4s ease-in-out
}

.blog-list .text h3 {
  font-size:20px;
  font-weight:normal;
  line-height:30px;
  color:#666;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.blog-list .text h3 a {
  color:#575757
}

.blog-list .text .desc {
  margin-top:15px;
  color:#999;
  line-height:28px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

.blog-list .title {
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px
}

@media(min-width: 481px) {
.blog-list .title {
  font-size:20px;
  margin-bottom:0
}
}

.blog-list .title {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

.blog-list .intro {
  font-size:14px;
  line-height:1.5;
  color:#666;
  margin-top:12px;
  margin-bottom:12px;
  max-height:42px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

@media(max-width: 768px) {
.blog-list .intro {
  display:none
}
}

.blog-list .date {
  color:#999
}

.blog-list .tags {
  margin-top:15px;
  display:flex;
  flex-wrap:wrap
}

@media(max-width: 480px) {
.blog-list .tags {
  display:none
}
}

.blog-list .time {
  color:#666
}

.blog-list .tags-item {
  display:inline-block;
  background:#edf1f6;
  border-radius:4px;
  padding:4px 8px;
  color:#666;
  font-size:14px;
  margin-right:20px;
  max-width:108px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.blog-list .tags-item:hover {
  background-color:#ff692f;
  color:#fff
}

.blog-list .item:hover .title {
  color:#ff692f
}

.blog-list .item:hover .pic img {
  transform:scale(1.1)
}

.blog-list .item:hover {
  color:unset
}

.blog-list .item:hover .btn-more {
  background-position:-30px -70px
}

@media(min-width: 769px) {
.swiper-news .swiper-pagination-bullet {
  width:32px;
  height:5px;
  border-radius:0
}
}

.swiper-news .swiper-pagination-bullet-active {
  background-color:#3e57cd
}

.swiper-news .slider-button-right,.swiper-news .slider-button-left {
  position:absolute;
  top:50%;
  width:35px;
  height:70px;
  transform:translateY(-50%);
  transition:all .5s ease-out;
  color:#fff;
  background-color:rgba(0,0,0,.2);
  font-size:22px;
  z-index:10;
  opacity:0
}

.swiper-news .slider-button-right:hover,.swiper-news .slider-button-left:hover {
  background-color:#3e57cd
}

.swiper-news .slider-button-right .layui-icon,.swiper-news .slider-button-left .layui-icon {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.swiper-news .slider-button-right,.swiper-news .slider-button-left {
  width:40px;
  height:40px
}

.swiper-news .slider-button-right {
  right:-60px
}

.swiper-news .slider-button-left {
  left:-60px
}

.swiper-news:hover .slider-button-right,.swiper-news:hover .slider-button-left {
  opacity:1
}

.swiper-news:hover .slider-button-right {
  right:0
}

.swiper-news:hover .slider-button-left {
  left:0
}

.news-tips {
  position:absolute;
  top:0;
  left:0;
  transform:translateY(-50%);
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  z-index:99;
  padding:4px;
  border-radius:10px;
  padding:.3rem .75rem;
  background:#b7d7ff;
  color:rgba(62,87,205,.9)
}

.table-material {
  border-color:#d2dce4;
  color:#47526a
}

.table-material a {
  color:#47526a
}

.table-material a:hover {
  color:#ff692f
}

.table-material thead {
  background-color:#f9f8fa;
  color:#666
}

.table-material thead th {
  color:#17273f;
  font-weight:bold;
  text-align:left;
  white-space:nowrap
}

.table-material thead th:first-child {
  width:25%
}

.table-material thead th:nth-child(2) {
  width:40%
}

.table-material tbody td {
  padding:12px 15px
}

.table-material tbody tr:hover {
  background-color:rgba(215,215,215,.35)
}

.table-material .text-primary {
  color:#3e57cd
}

.table-material .text-primary:hover {
  color:#ff692f
}

.table-material .color-darkblue {
  font-weight:700;
  color:#3e57cd;
  white-space:nowrap
}

.table-material .color-darkbluea:hover {
  color:#ff692f
}

.table-material .layui-btn+.layui-btn {
  margin-left:0
}

.table-material .layui-btn.layui-btn-radius {
  margin-bottom:4px;
  margin-top:4px
}

.table-material .layui-btn.layui-btn-radius:not(:last-of-type) {
  margin-right:6px
}

.same-btn-group {
  display:block
}

.card {
  margin-bottom:10px;
  background-color:#fff;
  border-radius:3px;
  box-shadow:0 0 20px 5px rgba(62,87,205,.05)
}

.card .layui-form-checkbox span {
  display:inline-block;
  min-width:54px;
  padding:0;
  text-align:center
}

.card .layui-form-checked i,.card .layui-form-checked:hover i {
  color:#ff692f
}

.card .layui-form-checked:hover>div,.card .layui-form-checked>div,.card .layui-form-checked span,.card .layui-form-checked:hover span {
  background-color:#ff692f
}

.card .layui-form-checkbox[lay-skin=primary]:hover>i {
  border-color:#ff692f;
  color:#fff
}

.card .layui-form-checked[lay-skin=primary]>i {
  border-color:#ff692f !important;
  background-color:#ff692f;
  color:#fff
}

.card .layui-form-checked[lay-skin=primary]>div {
  background-color:rgba(0,0,0,0)
}

.card .layui-form-checked[lay-skin=primary]>div,.card .layui-form-checkbox[lay-skin=primary]:hover>div {
  color:#ff692f
}

.card .layui-col-xs6 .layui-form-checkbox span {
  display:inline-block;
  min-width:102px;
  text-align:center
}

.card .layui-table[lay-skin=line] thead tr,.card .layui-table[lay-skin=row] thead tr {
  background-color:#fafafa
}

.card .layui-table[lay-skin=line] thead tr th,.card .layui-table[lay-skin=row] thead tr th {
  text-align:inherit
}

.card-body {
  background-color:#fff;
  padding:15px
}

@media(min-width: 769px) {
.card-body {
  padding:15px 30px
}
}

.card-body .card-body {
  padding:0
}

.layui-card-body {
  background-color:#fff
}

.btitle {
  padding-left:20px;
  height:50px;
  line-height:50px;
  border-bottom:1px solid #f6f6f6;
  color:#3e57cd;
  font-size:16px;
  font-weight:bold;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.btitle small {
  font-size:12px;
  color:#999
}

.btn-collapse {
  border:0
}

.btn-collapse .layui-colla-title {
  background-color:rgba(0,0,0,0);
  color:#999;
  font-weight:bold;
  padding:8px 15px 8px 35px;
  height:auto;
  line-height:1.5
}

.btn-collapse .layui-colla-icon {
  margin-top:0;
  top:12px
}

.btn-collapse .layui-colla-item {
  border-bottom:1px solid #f6f6f6;
  border-top:0
}

.field {
  z-index:22;
  border:0;
  line-height:40px;
  padding-left:20px;
  background:rgba(0,0,0,0);
  border-radius:3px;
  transition:all .4s ease
}

.field:focus+.icon-search {
  opacity:1;
  border-color:#3e57cd
}

.btn-card-item {
  margin-top:1rem;
  margin-bottom:1rem
}

.btn-card-item .btitle {
  color:#212121;
  border-left:5px solid #3e57cd;
  line-height:22px;
  height:22px;
  margin:10px 0;
  border-bottom:0;
  padding-left:15px;
  font-weight:500
}

.btn-clear {
  display:inline-block;
  padding:0 10px;
  margin-bottom:0px;
  margin-right:4px;
  border-radius:4px;
  border:1px solid #a3a3a3;
  line-height:30px;
  cursor:pointer
}

legend {
  width:auto
}

.chemical-composition label {
  font-size:12px;
  width:32px;
  color:#47526a
}

.chemical-composition input {
  font-size:12px;
  width:38px;
  color:#ff5722;
  border:1px solid #eee;
  outline:0
}

@media(max-width: 380px) {
.chemical-composition input {
  width:36px !important
}
}

.chemical-composition input:last-of-type {
  color:#1e9fff
}

.hunt-input {
  border:1px solid rgba(39,44,63,.09);
  outline:0;
  border:0;
  line-height:40px;
  padding-left:20px;
  border-radius:3px;
  color:#144062;
  width:100%;
  padding-right:5px;
  background-color:rgba(39,44,63,.09)
}

.hunt-input::-moz-placeholder {
  color:#6b7278
}

.hunt-input::placeholder {
  color:#6b7278
}

.hunt-input:focus {
  border-color:#3e57cd
}

.table-custom {
  width:100%
}

.table-custom thead th {
  text-align:center;
  font-size:16px;
  font-weight:bold
}

.table-custom .title {
  font-size:18px;
  line-height:2;
  font-weight:600
}

.table-custom .gold {
  color:#ffa538
}

.table-custom .layui-icon-ok {
  font-size:20px;
  color:#3e57cd
}

.table-custom .text-strong {
  font-size:700px;
  color:#3e57cd;
  font-size:22px
}

.table-custom th,.table-custom td {
  padding:12px;
  border:1px solid #e6e9ee;
  vertical-align:middle
}

.table-custom tbody>tr>th {
  background-color:#f7f7f7;
  font-weight:700;
  white-space:nowrap;
  width:15%
}

.table-custom tbody>tr:hover {
  background-color:rgba(62,87,205,.05)
}

.table-custom tbody>tr:hover>th {
  background-color:rgba(62,87,205,.05)
}

@media(min-width: 1200px) {
#searchHistoryBox {
  position:absolute;
  transform:translateY(100%);
  bottom:0;
  left:16%
}
}

.inner-search {
  position:relative;
  flex:1;
  text-align:center;
  flex-wrap:wrap;
  justify-content:flex-start
}

@media(min-width: 1200px) {
.inner-search {
  flex-wrap:nowrap;
  justify-content:center
}
}

@media(max-width: 480px) {
.inner-search {
  flex-basis:100%;
  min-width:100%;
  margin-top:12px
}
}

.inner-search .search-input {
  color:#666;
  border:0;
  outline:0;
  width:0;
  height:40px;
  line-height:40px;
  transition:width .4s linear;
  padding:0 20px;
  width:280px;
  vertical-align:bottom;
  border:1.5px solid #d2dce4;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  max-width:calc(100% - 105px)
}

.inner-search .search-input:focus {
  border-color:#3e57cd
}

@media(min-width: 1200px) {
.inner-search .search-input {
  width:320px
}
}

@media(min-width: 1320px) {
.inner-search .search-input {
  width:470px
}
}

.inner-search .search-submit {
  margin-left:-10px;
  outline:0;
  border:0;
  padding-left:20px;
  padding-right:20px;
  height:40px;
  line-height:40px;
  background-color:#3e57cd;
  color:#fff;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  cursor:pointer
}

.inner-search .search-submit .bi {
  font-size:19px;
  line-height:40px;
  color:#fff;
  margin-right:5px;
  vertical-align:middle
}

.inner-search .btn-mess {
  display:inline-block;
  padding-left:15px;
  padding-right:15px;
  margin-left:30px;
  line-height:38px;
  border:1px solid #d2dce4;
  color:#666;
  border-radius:5px;
  transition:.35s ease-in-out
}

.inner-search .btn-mess:hover {
  border-color:#3e57cd;
  color:#3e57cd
}

.btn-filter {
  color:#666
}

.btn-filter:hover {
  color:#ff692f
}

@media(max-width: 768px) {
.left-collapse {
  display:none
}
}

.flex-row {
  display:flex;
  flex-wrap:wrap
}

@media(min-width: 769px) {
.flex-row {
  flex-wrap:nowrap
}
}

.flex-row .table-content {
  flex:1;
  max-width:100%
}

@media(min-width: 769px) {
.right-ad-list {
  flex-basis:220px;
  max-width:220px;
  padding-left:15px
}
}

@media(max-width: 480px) {
#matForm .layui-colla-content {
  padding-left:0 !important;
  padding-right:0 !important
}
}

.table-init table {
  border-collapse:collapse;
  max-width:100%
}

.table-init table td,.table-init table th {
  padding:8px 10px
}

.table-init table[lay-size=md] td,.table-init table[lay-size=md] th,.table-init table.layui-table td,.table-init table.layui-table th {
  padding:9px 15px
}

.table-init table[lay-size=xs] td,.table-init table[lay-size=xs] th {
  padding:6px 5px
}

.table-init table[data-size=sm] td,.table-init table[data-size=sm] th {
  font-size:12px !important
}

.table-init table[data-size=sm] td span,.table-init table[data-size=sm] th span {
  font-size:12px !important
}

.table-init table[data-size=md] td,.table-init table[data-size=md] th {
  font-size:14px !important
}

.table-init table[data-size=md] td span,.table-init table[data-size=md] th span {
  font-size:14px !important
}

.table-init table:not(.table-row) td,.table-init table:not(.table-row) th {
  border:1px solid #eee
}

.table-init table thead tr {
  background-color:#fafafa
}

.table-init tr:hover {
  background-color:#fafafa
}

.table-init p {
  margin:0
}

.table-init .table-row {
  border:1px solid #eee
}

.table-init .table-row tr:first-child {
  background-color:#fafafa
}

.table-init .table-row td,.table-init .table-row th {
  border-right:1px solid #eee
}

.table-init .table-divider tr:first-child {
  background-color:#edf6fc
}

@media(min-width: 992px) {
.col-supplier {
  max-width:calc(100% - 310px)
}
}

@media(min-width: 1600px) {
.col-supplier {
  max-width:calc(100% - 320px)
}
}

.col-supplier .alert-success {
  background-color:#fff;
  border-color:#e6e9ee;
  margin-top:0
}

.supplier-list .item {
  padding:10px;
  border:1px solid #e6e9ee;
  margin-bottom:1rem;
  background-color:#fff
}

.supplier-list .pic {
  position:relative;
  overflow:hidden;
  flex-basis:100px;
  min-width:100px;
  max-width:20%;
  text-align:center
}

@media(min-width: 769px) {
.supplier-list .pic {
  flex-basis:120px;
  min-width:120px
}
}

.supplier-list .pic img {
  max-width:100%;
  max-height:80px
}

.supplier-list .desc {
  flex:1;
  padding-left:15px;
  max-width:calc(100% - 100px)
}

@media(min-width: 769px) {
.supplier-list .desc {
  max-width:calc(100% - 120px)
}
}

.supplier-list .text {
  max-width:100%
}

.supplier-list a {
  color:inherit
}

.supplier-list a:hover {
  color:#ff692f
}

.supplier-list .name {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #eee
}

.supplier-list .title {
  color:#212121;
  font-size:18px;
  font-weight:700
}

@media(min-width: 769px) {
.supplier-list .title {
  font-size:20px
}
}

.supplier-list .img {
  width:70px;
  height:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}

.supplier-list .img img {
  max-width:100%;
  max-height:50px
}

.supplier-list .loc {
  color:#999;
  font-size:15px;
  font-weight:500
}

.supplier-list .thumb {
  display:flex;
  margin-left:-7px;
  margin-right:-7px
}

@media(max-width: 768px) {
.supplier-list .thumb {
  display:none !important
}
}

.supplier-list .thumb li {
  position:relative;
  padding-left:7px;
  padding-right:7px;
  flex:0 0 16.666667%;
  max-width:16.666667%;
  text-align:center
}

.supplier-list .thumb li img {
  max-width:100%;
  height:auto
}

.supplier-list .thumb p {
  font-size:14px;
  text-align:center;
  color:#666;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}

.supplier-list .thumb .tips {
  display:none;
  position:absolute;
  background-color:rgba(62,87,205,.7);
  color:#fff;
  line-height:32px;
  font-size:14px;
  text-align:center;
  width:auto
}

@media(max-width: 768px) {
.supplier-list .tag-box {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
}

.supplier-list .tag-box p,.supplier-list .tag-box .item {
  display:inline-block;
  margin-right:2px;
  padding:2px 4px;
  white-space:nowrap;
  background-color:#f4f4f6;
  border-radius:2px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:12px;
  color:#666
}

@media(min-width: 769px) {
.supplier-list .tag-box p,.supplier-list .tag-box .item {
  font-size:14px
}
}

@media(max-width: 768px) {
.supplier-list .shape-box {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
}

.supplier-list .shape-box p,.supplier-list .shape-box .item {
  display:inline-block;
  margin-right:2px;
  padding:2px 4px;
  white-space:nowrap;
  background-color:rgba(0,0,0,0);
  border-radius:3px;
  border:1px solid hsla(0,0%,40%,.2);
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:12px;
  color:#666
}

@media(min-width: 769px) {
.supplier-list .shape-box p,.supplier-list .shape-box .item {
  font-size:14px
}
}

.sidebar-filter {
  border:1px solid #e6e9ee;
  border-bottom:0;
  flex-basis:100%;
  max-width:100%;
  align-self:flex-start;
  background-color:#fff
}

.sidebar-filter .item {
  border-bottom:1px solid #e6e9ee;
  padding:15px
}

.sidebar-search {
  display:flex;
  flex-wrap:wrap
}

.sidebar-search input {
  border:1px solid rgba(44,78,128,.5);
  border:1px solid rgba(62,87,205,.5);
  outline:0;
  line-height:32px;
  text-indent:10px;
  margin:5px 0;
  width:85%;
  color:#2c4e80
}

.sidebar-search input::-moz-placeholder {
  color:rgba(44,78,128,.8);
  color:#6b7278
}

.sidebar-search input::placeholder {
  color:rgba(44,78,128,.8);
  color:#6b7278
}

.sidebar-search button {
  border:1px solid rgba(62,87,205,.9);
  background-color:#3e57cd;
  color:#fff;
  outline:0;
  width:120px;
  text-align:center;
  line-height:32px
}

.sidebar-search button:hover {
  background-color:#3e57cd;
  color:#fff
}

@media(min-width: 992px) {
.left-filter {
  display:block !important
}
}

.left-filter .sidebar {
  border-color:#e6e9ee;
  border-top:0
}

.left-filter .prop-menu-title {
  font-size:15px;
  font-weight:600
}

.left-filter .prop-menu-title a:hover {
  color:#ff692f
}

.left-filter .prop-menu-title .bi-chevron-down {
  color:#777;
  font-size:14px
}

.left-filter input[type=checkbox] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  margin:0;
  margin-right:5px;
  font:inherit;
  color:#eee;
  width:14px;
  height:14px;
  border:1px solid #9b9b9b;
  border-radius:.15em;
  display:grid;
  place-content:center;
  position:relative
}

.left-filter input[type=checkbox]::before {
  content:"";
  width:.5em;
  height:.5em;
  clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 80%);
  transform:scale(0);
  transform-origin:bottom left;
  transition:120ms transform ease-in-out;
  background-color:#ff692f
}

.left-filter input[type=checkbox]:checked::before {
  transform:scale(1)
}

.left-filter input[type=checkbox]:checked,.left-filter input[type=checkbox]:hover {
  border:1px solid #ff692f
}

.left-filter input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color:var(--form-control-disabled);
  cursor:not-allowed
}

.color-darkblue {
  color:#2c4e80
}

.sidebar {
  padding:15px;
  border:1px solid #d2dce4;
  background-color:#fff
}

.sidebar .nav-item {
  margin-bottom:1rem
}

.prop-menu {
  display:flex;
  flex:1;
  overflow-y:auto;
  flex-direction:column;
  padding-right:22px;
  border-right:1px solid #ebedf0
}

.prop-menu-title {
  font-weight:700;
  font-size:16px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#313131;
  cursor:pointer
}

.prop-menu-title .bi {
  color:#313131;
  transition:.35s ease-in-out;
  position:relative;
  font-size:20px
}

.prop-menu-title .bi:before {
  transition:.35s ease-in-out
}

.prop-menu-title .bi[data-toggle=collapse] {
  flex:1;
  text-align:right
}

.prop-menu-title .bi-dash[data-toggle=collapse]:before {
  content:""
}

.prop-menu-title .bi-dash[aria-expanded=true]:before {
  content:""
}

.prop-menu-title .bi-chevron-down[data-toggle=collapse]:before {
  content:""
}

.prop-menu-title .bi-chevron-down[aria-expanded=true]:before {
  content:""
}

.prop-menu-title.collapsed .bi-chevron-down:before {
  content:""
}

.prop-menu-title.collapsed .bi-dash:before {
  content:""
}

@media(min-width: 992px) {
.left-collapse {
  flex:0 0 310px;
  max-width:310px
}
}

@media(min-width: 1600px) {
.left-collapse {
  flex:0 0 350px;
  max-width:350px
}

.left-collapse-shrink {
  flex-basis:320px;
  max-width:320px
}
}

@media(max-width: 991px) {
.left-collapse {
  margin-top:1rem;
  display:none
}
}

.row-product .layui-layer-title {
  font-size:18px;
  font-weight:600
}

@media(max-width: 480px) {
.row-product .layui-layer {
  top:0 !important
}
}

.filter-btn-group {
  padding-bottom:8px
}

@media(min-width: 992px) {
.filter-btn-group {
  display:none
}
}

.filter-btn-group a {
  margin-right:15px
}

.filter-btn-group .btn-plus {
  padding:6px 12px;
  border-radius:5px;
  color:#fff;
  background-color:#3e57cd
}

.filter-btn-group .btn-plus:hover {
  background-color:rgba(62,87,205,.8)
}

.tag-list.cur>li {
  background-color:#ff692f;
  color:#fff
}

.tag-list.cur>li a,.tag-list.cur>li .bi {
  color:#fff
}

.tag-list>li {
  display:inline-block;
  padding:0 10px;
  margin-bottom:0px
}

@media(max-width: 480px) {
.tag-list>li {
  margin-bottom:.6rem
}
}

.tag-list>li {
  margin-right:4px;
  border-radius:4px;
  border:1px solid rgba(20,64,98,.2);
  text-transform:uppercase;
  line-height:30px;
  color:#6b7278
}

.tag-list>li a {
  color:#6b7278;
  font-size:14px
}

.tag-list>li.active,.tag-list>li:hover {
  border-color:#3e57cd;
  background:#3e57cd;
  color:#fff
}

.tag-list>li.active a,.tag-list>li.active .bi,.tag-list>li:hover a,.tag-list>li:hover .bi {
  color:#fff !important
}

.tag-list>li .bi-x {
  font-size:20px;
  vertical-align:middle;
  padding-right:7px;
  margin-right:-7px
}

.tag-list>li.clear {
  border:0;
  color:#3e57cd;
  background-color:rgba(0,0,0,0) !important
}

.tag-list>li.clear:hover {
  color:rgba(62,87,205,.95)
}

.tag-list>li.clear a {
  color:inherit !important
}

.tag-list:empty {
  display:none
}

.tag-list.gray>li {
  background-color:#f7f7f7
}

.tag-list.gray>li:hover {
  background-color:#3e57cd
}

.tag-list.gray>li.cur a,.tag-list.gray>li.cur .bi {
  color:#ff692f
}

.links-list {
  display:flex;
  flex-wrap:wrap;
  padding:15px;
  background-color:rgba(0,0,0,0)
}

@media(min-width: 769px) {
.links-list {
  padding:30px
}
}

.links-list li {
  position:relative;
  margin-left:5px;
  margin-right:5px;
  line-height:32px;
  color:#666;
  padding-left:10px
}

.links-list li:before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:trnaslateY(-50%);
  width:4px;
  height:1px;
  background-color:#3e57cd
}

.links-list li:hover {
  color:#ff692f
}

.links-list li:hover:before {
  background-color:#ff692f
}

footer {
  padding-top:12px;
  padding-bottom:12px;
  font-size:14px;
  line-height:30px;
  color:#999
}

footer a {
  color:#999
}

footer .bmodule {
  padding-top:1rem;
  padding-bottom:1rem;
  margin-bottom:.5rem
}

.footer-content {
  display:flex;
  flex-wrap:wrap
}

@media(min-width: 769px) {
.footer-content {
  flex-wrap:nowrap
}

.footer-content .footer-card {
  margin-right:30px
}
}

.footer-content .links-list {
  padding:10px 0
}

.footer-content .btitle {
  padding-left:0;
  font-weight:500;
  border-bottom-color:#d2dce4;
  color:#666
}

.footer-content .qrcode {
  min-width:150px;
  max-width:200px;
  align-self:flex-end
}

.footer-content .qrcode img {
  max-width:100%
}

.layui-flex {
  display:flex;
  flex-wrap:wrap
}

@media(min-width: 769px) {
.layui-flex {
  justify-content:flex-end
}
}

.layui-flex>p:first-child {
  flex:1
}

@media(max-width: 480px) {
.layui-flex>p {
  text-align:center
}
}