@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 84px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 70px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 65px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 65px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 60px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 56px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
html,
body,
p,
h5,
ul,
h1,
h2,
h3,
h4,
dd,
dl {
  margin: 0;
}
ul {
  padding: 0;
}
h1,
h2 {
  font-size: 0.24rem;
}
li {
  list-style: none;
}
body {
  padding-bottom: 60px;
  color: #666666;
  font: 0.24rem/1.5 "Microsoft Yahei", Arial, Verdara, '宋体';
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
  text-decoration: none;
}
input,
button,
select,
textarea {
  padding: 0;
  font-family: "Microsoft Yahei", Arial;
  -webkit-tap-highlight-color: none;
}
input[type=text],
input[type=number],
input[type=phone],
input[type=submit],
textarea {
  -webkit-appearance: none;
  border: none;
  outline: none;
  font-size: 16px;
}
textarea {
  resize: none;
  height: 1.6rem;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body > .ui-richtext,
body > .ui-picture,
body > .ui-button {
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  top: 0;
}
body > a[href^='https://www.cnzz.com'],
body > a[href^='http://www.cnzz.com'] {
  display: none;
}
.ui-page-holder {
  position: relative;
}
.ui-page-holder span {
  position: absolute;
  left: 0;
  top: -60px;
}
/**************************
 ** ui-layer
 **
 **************************/
.ui-layer {
  position: relative;
}
.ui-layer .shadow {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
}
.ui-layer .inner {
  position: fixed;
  left: 1rem;
  right: 1rem;
  top: 50%;
  margin: -1.5rem 0 0 0;
  animation: zoomIn 0.5s ease;
  background: #fff;
  border-radius: 0.1rem;
  z-index: 1000;
}
.ui-layer .head {
  display: none;
}
.ui-layer .main {
  position: relative;
  padding: 0.4rem 0.4rem;
}
.ui-layer .main p {
  line-height: 1.5;
  text-align: center;
  font-size: 0.26rem;
  color: #333;
}
.ui-layer .foot {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-layer .button {
  position: relative;
}
.ui-layer .confirm {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 0;
  background: none;
  color: #028e0f;
  font-size: 0.28rem;
}
.ui-layer .confirm:active {
  box-shadow: 0 0 100rem rgba(0, 0, 0, 0.05) inset;
}
.iconyun {
  background: url(../fonts/f79a7aef38ad4bb9a1d60399b6afddc1.woff) 0 0 no-repeat;
  background-size: 1.8rem;
}
.icon-unkown,
.icon-jpg,
.icon-jpeg,
.icon-gif,
.icon-png,
.icon-doc,
.icon-docx,
.icon-xls,
.icon-xlsx,
.icon-ppt,
.icon-pdf,
.icon-zip,
.icon-rar,
.icon-mp4 {
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem 0 0;
  background-position: 0 -0.3rem;
}
.icon-unkown {
  background-position: -0.3rem 0;
}
.icon-jpg,
.icon-jpeg {
  background-position: -0.6rem 0;
}
.icon-gif {
  background-position: -0.9rem 0;
}
.icon-png {
  background-position: -1.2rem 0;
}
.icon-docx {
  background-position: -0.3rem -0.3rem;
}
.icon-xls,
.icon-xlsx {
  background-position: -0.6rem -0.3rem;
}
.icon-ppt {
  background-position: -0.9rem -0.3rem;
}
.icon-pdf {
  background-position: -1.2rem -0.3rem;
}
.icon-zip {
  background-position: 0 -0.6rem;
}
.icon-rar {
  background-position: -0.3rem -0.6rem;
}
/****************************
 ** showToast
 ****************************/
.ui-toast {
  position: fixed;
  left: 50%;
  top: 0.1rem;
  transform: translateX(-50%);
  z-index: 99;
}
.ui-toast .inner {
  position: relative;
  padding: 0.15rem;
  overflow: hidden;
  background: #fef0f0;
  min-width: 2rem;
  max-width: 8rem;
  border-radius: 5px;
  animation: fadeInDown 0.3s ease;
}
.ui-toast .inner .icon {
  float: left;
  width: 0.35rem;
  height: 0.35rem;
}
.ui-toast .inner .text {
  display: block;
  margin: 0 0 0 0.4rem;
  line-height: 0.3rem;
  color: #fa5555;
}
.ui-toast .inner .close {
  display: none;
}
/************************
 ** jw-dialog
 ************************/
.jw-dialog,
.jw-offer-dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jw-dialog:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.jw-dialog .wrapper {
  min-width: 80%;
  max-width: 85%;
  min-height: 140px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  backface-visibility: hidden;
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out 0s;
  transform: translate(0, -300%);
}
.jw-dialog .wrapper.in {
  transform: translate(0, 0);
}
.jw-dialog .wrapper .content {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 80px 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jw-dialog .wrapper .content .right-icon {
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #40cf6f;
  top: 20px;
  transform: translate(-50%, 0);
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jw-dialog .wrapper .content .right-icon .check-style-icon {
  width: 14px;
  height: 24px;
  border-color: #40cf6f;
  border-style: solid;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  transform-origin: 12px 12px;
}
.jw-dialog .wrapper .content .title {
  box-sizing: border-box;
  overflow: hidden;
  max-height: 100%;
  font-size: 18px;
  word-break: break-word;
  color: #888888;
}
.jw-offer-dialog .offer-modal {
  width: 375px;
  height: 375px;
  background: url(../images/0ac3bed1ad341d77e4dcfc8cc1677b05.png) center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 110px 60px 100px;
  text-align: center;
  transition: transform 0.3s ease-in-out 0s;
  transform: translate(0, -200%);
}
.jw-offer-dialog .offer-modal.in {
  transform: translate(0, 0);
}
.jw-offer-dialog .offer-modal .container {
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.jw-offer-dialog .offer-modal .container .main {
  font-size: 16px;
  white-space: nowrap;
}
.jw-offer-dialog .offer-modal .container .main .price {
  color: #ce2626;
  font-size: 22px;
  font-weight: bold;
}
.jw-offer-dialog .offer-modal .container .main .unit {
  color: #ce2626;
}
.jw-offer-dialog .offer-modal .container .content {
  margin-top: 8px;
  font-size: 16px;
  white-space: nowrap;
  flex: 1;
  justify-content: space-around;
  flex-direction: column;
  display: flex;
}
.jw-offer-dialog .offer-modal .container .content .detail {
  margin-bottom: 0px;
}
.jw-offer-dialog .offer-modal .close-button {
  margin-top: 10px;
  line-height: 1;
  width: 120px;
  color: #fff;
  background-color: #ce2626;
  border-radius: 20px;
  padding: 10px 23px;
  cursor: pointer;
  border: 1px solid #ce2626;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: 500;
  font-size: 16px;
}
.jw-offer-dialog:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.jw-modal {
  z-index: 1999;
  opacity: 0;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out 0s;
}
.jw-modal.in {
  opacity: 0.5;
}
/**************************
 ** ui-picture-fullscreen
 **
 **************************/
.ui-picture-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3000;
  background: #000000;
  display: none;
}
.ui-picture-fullscreen .head {
  position: relative;
  height: 0.8rem;
  z-index: 2;
}
.ui-picture-fullscreen .head .close {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.2rem;
  line-height: 0;
  cursor: pointer;
}
.ui-picture-fullscreen .head .close i {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMA8BDQMMCwUCBqCNoGAAAALElEQVQY02OgFlArQOEyGTag8JVF0KQd6CfNCpNG8PGqZ1AeCAUNGOFJDQAAlqMIFV5swKsAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 0.4rem;
}
.ui-picture-fullscreen .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.ui-picture-fullscreen .inner .cell {
  position: relative;
  height: 100%;
}
.ui-picture-fullscreen .inner .cell .img {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.category-filter-box .category-filter-header-box {
  display: flex;
  overflow-x: auto;
  height: 40px;
  line-height: 40px;
}
.category-filter-box .category-filter-header-item {
  flex: 0 1 33%;
  text-align: center;
}
.category-filter-box .category-filter-header-item::after {
  content: '';
  vertical-align: baseline;
  margin-left: 10px;
  transform: rotate(45deg);
  display: inline-block;
  transition: all 0.3s;
  height: 8px;
  width: 8px;
  border-right: 2px solid #7f7f7f;
  border-bottom: 2px solid #7f7f7f;
}
.category-filter-box .category-filter-header-item.active::after {
  transform: rotate(-135deg);
}
.category-filter-box .category-filter-body-box {
  margin: 0 15px 15px;
  border-top: 1px solid #f2f2f2;
}
.category-filter-box .category-filter-body-item-box {
  display: none;
}
.category-filter-box .category-filter-body-item-box.active {
  display: block;
}
.category-filter-box .category-filter-body-item {
  display: inline-block;
  width: 90px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  border-radius: 6px;
  text-align: center;
  margin: 10px 8px 0 10px;
}
.category-filter-box .category-filter-body-item.active {
  color: #fff;
}
.ui-column-3 {
  width: 33.33%;
}
.ui-column-4 {
  width: 25%;
}
.ui-column-5 {
  width: 20%;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mutiple-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.auto-img-box {
  position: relative;
  overflow: hidden;
  background: #eee;
}
.auto-img-box:after {
  padding-bottom: 100%;
  content: '';
  display: block;
}
.auto-img-box.img-size-1:after {
  padding-bottom: 75%;
}
.auto-img-box.img-size-2:after {
  padding-bottom: 133%;
}
.auto-img-box.img-size-3:after {
  padding-bottom: 56%;
}
.auto-img-box.img-size-4:after {
  padding-bottom: 180%;
}
.auto-img-box .auto-img {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  object-fit: cover;
  left: 0;
}
.carousel-list-box .carousel-item-box {
  display: block;
  overflow: hidden;
}
.ui-pagination-box {
  border: 1px solid #ddd;
  line-height: 0.6rem;
  padding: 0 10px;
}
.ui-pagination-item {
  display: block;
}
.ui-pagination-item + .ui-pagination-item {
  border-top: 1px solid #ddd;
}
.ui-category-box {
  padding: 0.2rem 3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ui-category-box .ui-category-item {
  flex: 0 0 40%;
  border: 1px solid #dddddd;
  text-align: center;
  height: 0.68rem;
  line-height: 0.66rem;
  margin-bottom: 0.2rem;
  font-size: 0.26rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.2rem;
  border-radius: 0.06rem;
}
.no-data {
  position: relative;
  padding: 1rem 0 2rem;
  background: #fff;
  text-align: center;
}
.no-data .no-data-img {
  max-width: 100%;
  display: none;
}
.no-data .no-data-null {
  max-width: 100%;
}
.no-data .no-data-text {
  font-size: 0.3rem;
  text-transform: uppercase;
  color: #999999;
}
.ui-header-box {
  position: sticky;
  top: 0;
  z-index: 3;
}
.ui-header-box .ui-header {
  position: relative;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}
.ui-header-box .ui-header-content-box {
  position: relative;
  z-index: 1;
  height: 50px;
  line-height: 50px;
}
.ui-header-box .ui-header-ren {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.ui-header-box .cms-icon {
  display: inline-block;
  width: 50px;
  text-align: center;
  font-size: 24px;
}
.ui-header-box .logo-img {
  max-width: 260px;
  height: 40px;
  object-fit: contain;
}
.ui-header-box .logo-link {
  display: block;
  max-height: 50px;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
}
.ui-header-box .ui-header-normal-layout {
  height: 50px;
  line-height: 50px;
}
.ui-header-box .icon-zuo {
  float: left;
}
.ui-header-box .ui-header-normal-layout .icon-sousuo1 {
  float: right;
}
.ui-header-box .ui-header-title {
  margin: 0 80px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-header-box .nav-layout-2-icon {
  position: fixed;
  font-size: 25px;
  color: #ffffff;
  left: 10px;
  bottom: 100px;
  line-height: 50px;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 50%;
  display: none;
}
.ui-header-box .nav-layout-2-icon.active {
  display: block;
}
.ui-nav {
  display: none;
}
.ui-nav .ui-nav-box {
  background: #fff;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}
.ui-nav .icon-guanbi {
  position: absolute;
  right: 0;
  bottom: 100%;
  color: #fff;
  font-size: 30px;
  display: none;
}
.ui-nav .icon-xiala-copy {
  float: right;
  display: none;
  width: 40px;
}
.ui-nav .icon-xiala-copy.active {
  transform: rotate(90deg);
}
.ui-nav .ui-nav-second-item-box {
  display: none;
}
.ui-nav .ui-nav-third-item-box {
  display: none;
}
.ui-nav.layout-0 .ui-nav-item {
  line-height: 50px;
}
.ui-nav.layout-0 .ui-nav-item + .ui-nav-item {
  border-top: 1px solid #eeeeee;
}
.ui-nav .ui-nav-first-menu {
  display: block;
}
.ui-nav .ui-nav-float-box {
  position: absolute;
  background: #fff;
  position: fixed;
  text-align: center;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  line-height: 34px;
}
.ui-nav .ui-nav-float-box .ui-nav-second-menu {
  display: block;
  padding: 0 6px;
}
.ui-nav.layout-0,
.ui-nav.layout-1,
.ui-nav.layout-2 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 40px;
  text-align: center;
}
.ui-nav.layout-1 {
  text-align: left;
  color: #333;
}
.ui-nav.layout-1 .ui-nav-first-menu,
.ui-nav.layout-2 .ui-nav-first-menu {
  padding: 0 20px;
}
.ui-nav.layout-1 .ui-nav-second-menu,
.ui-nav.layout-2 .ui-nav-second-menu {
  padding: 0 40px;
  display: block;
}
.ui-nav.layout-1 .ui-nav-third-menu,
.ui-nav.layout-2 .ui-nav-third-menu {
  display: block;
  padding: 0 60px;
}
.ui-nav.layout-1 .icon-xiala-copy,
.ui-nav.layout-2 .icon-xiala-copy {
  display: block;
}
.ui-nav.layout-1 .ui-nav-first-menu,
.ui-nav.layout-1 .ui-nav-second-menu {
  border-top: 1px solid #eeeeee;
}
.ui-nav.layout-2 .ui-nav-first-menu,
.ui-nav.layout-2 .ui-nav-second-menu {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-nav.layout-1 .ui-nav-third-menu,
.ui-nav.layout-2 .ui-nav-third-menu {
  background: #f8f8f8;
  color: #999999;
}
.ui-nav.layout-2 {
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  text-align: left;
  z-index: 10;
}
.ui-nav.layout-2 .ui-nav-box {
  margin-right: 60px;
}
.ui-nav.layout-2 .icon-guanbi {
  top: 0;
  right: 0;
  display: block;
}
.ui-nav.layout-3 {
  background: #fff1f1;
  display: block;
}
.ui-nav.layout-3 .ui-nav-box {
  overflow-x: auto;
  white-space: nowrap;
}
.ui-nav.layout-3 .ui-nav-item {
  display: inline-block;
  color: #333333;
  line-height: 35px;
}
.ui-nav.layout-3 .ui-nav-first-menu {
  padding: 0 10px;
  display: inline-block;
}
.ui-nav.layout-3 .ui-nav-item > .icon-xiala-copy {
  width: 20px;
  margin-left: -10px;
  display: inline-block;
  transform: rotate(90deg);
}
.ui-nav.layout-3 .ui-nav-second-item-box {
  position: absolute;
}
.ui-nav.layout-3 .icon-xiala-copy.active {
  transform: rotate(-90deg);
}
.ui-nav.layout-4 {
  display: block;
  line-height: 0;
}
.ui-nav.layout-4 .ui-nav-item {
  display: inline-block;
  color: #333333;
  width: 23.5%;
  text-align: center;
  font-size: 0.22rem;
}
.ui-nav.layout-4 .ui-nav-item.col-3 {
  width: 31%;
}
.ui-nav.layout-4 .ui-nav-item.col-5 {
  width: 18.5%;
}
.ui-nav.layout-4 .ui-nav-first-menu {
  margin: 5px 0 5px 5px;
  border: 1px solid #dddddd;
  line-height: 30px;
  border-radius: 3px;
}
.ui-search-dialog {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f9f9f9;
  z-index: 10;
  display: none;
}
.ui-search-dialog .ui-search-input {
  border: 1px solid #dddddd;
  line-height: 25px;
  padding: 5px 5px 5px 30px;
  width: 100%;
  box-sizing: border-box;
}
.ui-search-dialog .ui-search-input-box {
  padding: 15px 60px 15px 15px;
  position: relative;
  line-height: 37px;
}
.ui-search-dialog .ui-search-btn-box {
  position: absolute;
  right: 0;
}
.ui-search-dialog .icon-sousuo1 {
  position: absolute;
  margin-left: 7px;
}
.ui-search-dialog .ui-search-btn {
  display: none;
  width: 60px;
  text-align: center;
  color: #02b9f4;
}
.ui-search-dialog .ui-search-btn.active {
  display: block;
}
.ui-search-dialog .ui-search-key-box {
  padding: 0 15px;
}
.ui-search-dialog .ui-search-key {
  display: inline-block;
  background: #eeeeee;
  line-height: 24px;
  padding: 5px 10px;
  border-radius: 3px;
  margin-right: 2px;
  margin-bottom: 5px;
}
/*************************
 ** ui-toolbar
 **
 ************************/
.ui-toolbar {
  position: fixed;
  right: 5px;
  bottom: 80px;
  z-index: 90;
}
.ui-toolbar .ui-toolbar-item {
  display: block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  background: rgba(0, 0, 0, 0.8);
}
.ui-toolbar .icon-zuo-copy-copy {
  color: #fff;
  font-size: 28px;
}
.ui-tabbar {
  position: fixed;
  left: 0;
  right: 0;
  display: flex;
  bottom: 0;
  text-align: center;
  z-index: 1;
  height: 0.9rem;
  background: #f5f5f5;
}
.ui-tabbar.layout-0 {
  box-shadow: 0 -0.05rem 0.05rem rgba(0, 0, 0, 0.06);
}
.ui-tabbar .ui-tabbar-item {
  flex: auto;
  font-size: smaller;
  color: inherit;
}
.ui-tabbar .ui-tabbar-item .ui-tabbar-link {
  display: block;
  padding: 6px 0;
}
.ui-tabbar .ui-tabbar-item .ui-tabbar-link.active .ui-tabbar-item-selected-img {
  display: block;
}
.ui-tabbar .ui-tabbar-item .ui-tabbar-link.active .ui-tabbar-item-img {
  display: none;
}
.ui-tabbar .ui-tabbar-item .ui-tabbar-item-img,
.ui-tabbar .ui-tabbar-item .ui-tabbar-item-selected-img {
  width: 25px;
  height: 25px;
  display: block;
  overflow: hidden;
  margin: 0 auto 1px;
}
.ui-tabbar .ui-tabbar-item .ui-tabbar-item-selected-img {
  display: none;
}
.ui-tabbar .ui-tabbar-item .ui-tabbar-item-title {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.ui-fields {
  background: #f2f2f2;
  padding: 0.1rem 0.2rem;
  line-height: 2.4;
}
.ui-article-attachment-box {
  line-height: 2;
  padding-bottom: 0.3rem;
}
.ui-article-attachment-box .ui-article-attachment-tittle {
  font-weight: bold;
}
.ui-article-attachment-box .ui-article-attachment-item a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.26rem;
}
.footer {
  padding: 10px 0;
  text-align: center;
  color: #666;
  line-height: 30px;
  border-top: 1px solid #eee;
}
.footer .copyright {
  padding: 0 0.2rem 0.1rem;
  font-size: 0.22rem;
  line-height: 1.2;
  word-break: break-word;
}
.footer .jszc {
  font-size: 0.22rem;
}
.footer .jszc span {
  display: inline-block;
  vertical-align: middle;
}
.footer .jszc .site {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.footer .jszc .site img {
  display: inline-block;
  height: 24px;
}
.ui-button {
  position: absolute;
}
.ui-button .ui-button-link {
  text-align: center;
  display: inline-block;
}
.ui-button.layout-0 .ui-button-link {
  border: none;
}
.ui-button.layout-1 .ui-button-link {
  background: #fff;
}
#jwTongji {
  position: relative;
  text-align: center;
}
#jwTongji img {
  max-height: 60px;
}
/******************************
 ** ui-article-list
 ******************************/
.ui-article-list .center-0 .list .item {
  position: relative;
  padding: 0.2rem;
}
.ui-article-list .center-0 .list .item::before {
  content: '';
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
.ui-article-list .center-0 .list .cell {
  position: relative;
  overflow: hidden;
  display: block;
}
.ui-article-list .center-0 .list .cell.cell-0 .image {
  float: left;
}
.ui-article-list .center-0 .list .cell.cell-0 .exp {
  margin: 0 0 0 2.2rem;
}
.ui-article-list .center-0 .list .cell.cell-1 .image {
  float: right;
}
.ui-article-list .center-0 .list .cell.cell-1 .exp {
  margin: 0 2.2rem 0 0;
}
.ui-article-list .center-0 .list .image {
  position: relative;
  width: 2rem;
}
.ui-article-list .center-0 .list .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-0 .list .exp {
  position: relative;
}
.ui-article-list .center-0 .list .exp h3 {
  font-size: 0.26rem;
  line-height: 0.4rem;
  margin: 0 0 0.1rem;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ui-article-list .center-0 .list .exp p {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin: 0 0 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-article-list .center-0 .list .exp .dis {
  line-height: 0.3rem;
  font-size: 0.22rem;
}
.ui-article-list .center-0 .list .exp .dis span {
  margin: 0 0.1rem 0 0;
  color: #999999;
}
.ui-article-list .center-1 .list .item {
  position: relative;
  padding: 0.2rem;
}
.ui-article-list .center-1 .list .item::before {
  content: '';
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
.ui-article-list .center-1 .list .cell {
  position: relative;
  overflow: hidden;
  display: block;
}
.ui-article-list .center-1 .list .date {
  position: relative;
  width: 1rem;
  float: left;
}
.ui-article-list .center-1 .list .date strong,
.ui-article-list .center-1 .list .date span {
  display: block;
  text-align: right;
  line-height: 0.4rem;
  font-size: 0.28rem;
}
.ui-article-list .center-1 .list .date strong {
  font-size: 0.28rem;
}
.ui-article-list .center-1 .list .exp {
  position: relative;
  margin: 0 0 0 1.2rem;
}
.ui-article-list .center-1 .list .exp h3 {
  font-size: 0.26rem;
  line-height: 0.4rem;
  margin: 0 0 0.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ui-article-list .center-1 .list .exp p {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin: 0 0 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-article-list .center-1 .list .exp .dis {
  line-height: 0.3rem;
  font-size: 0.22rem;
}
.ui-article-list .center-1 .list .exp .dis span {
  margin: 0 0.1rem 0 0;
}
.ui-article-list .center-2 .list .item {
  position: relative;
  padding: 0.2rem;
}
.ui-article-list .center-2 .list .item::before {
  content: '';
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
.ui-article-list .center-2 .list .cell {
  position: relative;
  overflow: hidden;
  display: block;
}
.ui-article-list .center-2 .list .exp {
  position: relative;
}
.ui-article-list .center-2 .list .exp h3 {
  font-size: 0.26rem;
  line-height: 0.4rem;
  margin: 0 0 0.1rem;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ui-article-list .center-2 .list .exp h3::before {
  content: '';
  display: inline-block;
  border: 6px solid transparent;
  border-left: 6px solid #ccc;
}
.ui-article-list .center-2 .list .exp p {
  font-size: 0.22rem;
  line-height: 0.3rem;
  margin: 0 0 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-article-list .center-2 .list .exp .dis {
  line-height: 0.3rem;
  font-size: 0.22rem;
}
.ui-article-list .center-2 .list .exp .dis span {
  margin: 0 0.1rem 0 0;
}
.ui-article-list .center-3 .list {
  padding: 0.2rem;
}
.ui-article-list .center-3 .list .item {
  position: relative;
  margin: 0 0 0.2rem;
  background: #ffffff;
  border-radius: 0.1rem;
  overflow: hidden;
}
.ui-article-list .center-3 .list .cell {
  position: relative;
  overflow: hidden;
  display: flex;
}
.ui-article-list .center-3 .list .image {
  position: relative;
  width: 2rem;
  float: left;
}
.ui-article-list .center-3 .list .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-3 .list .exp {
  flex: 1;
  position: relative;
  padding: 0.15rem 0.2rem;
}
.ui-article-list .center-3 .list .exp h3 {
  font-size: 0.25rem;
  height: 0.8rem;
  line-height: 0.4rem;
  margin: 0 0 0.1rem;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-article-list .center-3 .list .exp .dis {
  line-height: 0.3rem;
  font-size: 0.22rem;
}
.ui-article-list .center-3 .list .exp .dis span {
  margin: 0 0.1rem 0 0;
}
.ui-article-list .center-4 .list {
  position: relative;
  padding: 0.1rem;
  overflow: hidden;
}
.ui-article-list .center-4 .list .item {
  float: left;
  width: 50%;
}
.ui-article-list .center-4 .list .cell {
  position: relative;
  margin: 0.1rem;
  display: block;
  overflow: hidden;
}
.ui-article-list .center-4 .list .image {
  position: relative;
  width: 100%;
}
.ui-article-list .center-4 .list .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-4 .list .exp {
  position: relative;
  padding: 0.15rem 0.2rem;
}
.ui-article-list .center-4 .list .exp h3 {
  font-size: 0.25rem;
  line-height: 0.4rem;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.ui-article-list .center-5 .list {
  position: relative;
  padding: 0.1rem;
  overflow: hidden;
}
.ui-article-list .center-5 .list .item {
  float: left;
  width: 50%;
}
.ui-article-list .center-5 .list .cell {
  position: relative;
  margin: 0.1rem;
  padding: 0.1rem 0.1rem 0;
  display: block;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.ui-article-list .center-5 .list .image {
  position: relative;
  width: 100%;
}
.ui-article-list .center-5 .list .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-5 .list .exp {
  position: relative;
  padding: 0.15rem 0.2rem;
}
.ui-article-list .center-5 .list .exp h3 {
  font-size: 0.25rem;
  line-height: 0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-article-list .center-6 {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
}
.ui-article-list .center-6 .swiper-wrapper {
  position: relative;
}
.ui-article-list .center-6 .swiper-wrapper .swiper-slide {
  position: relative;
}
.ui-article-list .center-6 .swiper-dots {
  position: relative;
  text-align: center;
}
.ui-article-list .center-6 .swiper-dots /deep/ span {
  margin: 0 0.05rem;
}
.ui-article-list .center-6 .swiper-dots /deep/ span.swiper-pagination-bullet-active {
  background: #333333;
}
.ui-article-list .center-6 .cell {
  position: relative;
  display: block;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dddddd;
  margin: 0.1rem;
  border-radius: 6px;
}
.ui-article-list .center-6 .cell .image {
  position: relative;
  width: 100%;
}
.ui-article-list .center-6 .cell .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-6 .cell .exp {
  position: relative;
  padding: 0.15rem 0.2rem;
}
.ui-article-list .center-6 .cell .exp h3 {
  position: relative;
  font-size: 0.25rem;
  line-height: 0.4rem;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
}
.ui-article-list .center-7 {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
}
.ui-article-list .center-7 .swiper-wrapper {
  position: relative;
}
.ui-article-list .center-7 .swiper-wrapper .swiper-slide {
  position: relative;
}
.ui-article-list .center-7 .swiper-dots {
  position: relative;
  text-align: center;
}
.ui-article-list .center-7 .swiper-dots /deep/ span {
  margin: 0 0.05rem;
}
.ui-article-list .center-7 .swiper-dots /deep/ span.swiper-pagination-bullet-active {
  background: #333333;
}
.ui-article-list .center-7 .cell {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0.1rem;
}
.ui-article-list .center-7 .cell .image {
  position: relative;
  width: 100%;
}
.ui-article-list .center-7 .cell .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-7 .cell .exp {
  position: relative;
  padding: 0.15rem 0;
}
.ui-article-list .center-7 .cell .exp h3 {
  position: relative;
  font-size: 0.25rem;
  line-height: 0.4rem;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
}
.ui-article-list .center-8 {
  position: relative;
  padding: 0.2rem;
  overflow: hidden;
}
.ui-article-list .center-8 .swiper-container {
  position: relative;
  overflow: hidden;
}
.ui-article-list .center-8 .swiper-wrapper {
  position: relative;
  background: #ffffff;
}
.ui-article-list .center-8 .swiper-wrapper .swiper-slide {
  position: relative;
}
.ui-article-list .center-8 .swiper-dots {
  position: relative;
  text-align: center;
}
.ui-article-list .center-8 .swiper-dots /deep/ span {
  margin: 0 0.05rem;
}
.ui-article-list .center-8 .swiper-dots /deep/ span.swiper-pagination-bullet-active {
  background: #333333;
}
.ui-article-list .center-8 .cell {
  position: relative;
  display: block;
  overflow: hidden;
}
.ui-article-list .center-8 .cell .image {
  position: relative;
  width: 100%;
}
.ui-article-list .center-8 .cell .image .img {
  background: #f5f5f5;
}
.ui-article-list .center-8 .cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.15rem 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABYCAMAAAAJFsPWAAAAY1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmaHTeAAAAIXRSTlO6CsPKsQOhjYVTKiMWqDcQmZR9d3JsZmBbTEdBMRs9rB5j0mWHAAAArUlEQVRo3u3PRxLCMBBFwbGxTXQgZ8P9T4mLQ9CLob+k7StFjSQMF7VZFMg//DNR9GbRGzC8QRKGn4gLv5FYIwnDKyRh+IG4cIe48NiZxYjEHXHhG+LCV8SFl0jC8AVx4TPiwifEhY+ICx8QF94jLrxDXHiBJAzPkYThLeLCA+LCDRJD05Djftw2ZtEiLvxCokIShpkKLacS3O8LlNMhYpqRMTxDopyZqR9nDCsfqBkCu0A7pf4AAAAASUVORK5CYII=) repeat-x;
  z-index: 1;
  background-size: contain;
}
.ui-article-list .center-8 .cell .exp h3 {
  position: relative;
  font-size: 0.28rem;
  line-height: 0.4rem;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
}
.ui-article-list .center-9 {
  padding: 0.2rem;
}
.ui-article-list .center-9 .list {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
.ui-article-list .center-9 .list .item {
  float: left;
  width: 100%;
  position: relative;
}
.ui-article-list .center-9 .list .item::before {
  content: '';
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
.ui-article-list .center-9 .list .item:last-child::before {
  content: none;
}
.ui-article-list .center-9 .list .cell {
  position: relative;
  margin: 0.1rem;
  padding: 0.1rem;
  display: block;
  overflow: hidden;
}
.ui-article-list .center-9 .list .image {
  position: relative;
  width: 100%;
}
.ui-article-list .center-9 .list .image .img {
  background: #f5f5f5;
  border-radius: 10px;
}
.ui-article-list .center-9 .list .exp {
  position: relative;
  padding: 0.15rem 0.5rem 0.15rem 0;
}
.ui-article-list .center-9 .list .exp::before {
  content: '';
  position: absolute;
  top: 0.24rem;
  right: 0;
  width: 8px;
  height: 8px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  transform: rotate(-45deg);
}
.ui-article-list .center-9 .list .exp h3 {
  position: relative;
  font-size: 0.25rem;
  line-height: 0.3rem;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/******************************
 ** ui-product-list
 ******************************/
.ui-product-list .center-0 .list {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
}
.ui-product-list .center-0 .list .item {
  float: left;
  width: 50%;
}
.ui-product-list .center-0 .list .cell {
  display: block;
  margin: 0.1rem;
}
.ui-product-list .center-0 .list .image {
  position: relative;
}
.ui-product-list .center-0 .list .image .img {
  background: #ffffff;
}
.ui-product-list .center-0 .list .exp {
  position: relative;
}
.ui-product-list .center-0 .list .exp h3 {
  position: relative;
  padding: 0 0.2rem;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.23rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
}
.ui-product-list .center-1 .list {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
}
.ui-product-list .center-1 .list .item {
  float: left;
  width: 100%;
}
.ui-product-list .center-1 .list .cell {
  display: block;
  margin: 0.1rem;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.ui-product-list .center-1 .list .image {
  position: relative;
  background: #ffffff;
}
.ui-product-list .center-1 .list .exp {
  position: relative;
}
.ui-product-list .center-1 .list .exp h3 {
  position: relative;
  padding: 0 0.2rem;
  line-height: 0.8rem;
  font-weight: normal;
  text-align: center;
  font-size: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
}
.ui-product-list .center-2 .list {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
}
.ui-product-list .center-2 .list .item {
  float: left;
  width: 100%;
}
.ui-product-list .center-2 .list .cell {
  display: block;
  margin: 0.1rem;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.ui-product-list .center-2 .list .image {
  position: relative;
  background: #ffffff;
}
.ui-product-list .center-2 .list .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.ui-product-list .center-2 .list .exp h3 {
  position: relative;
  padding: 0 0.2rem;
  line-height: 0.8rem;
  font-weight: normal;
  text-align: center;
  font-size: 0.25rem;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-product-list .center-3 .list .item {
  position: relative;
  padding: 0.2rem;
}
.ui-product-list .center-3 .list .item::before {
  content: '';
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
.ui-product-list .center-3 .list .cell {
  position: relative;
  display: block;
}
.ui-product-list .center-3 .list .cell::after {
  content: '';
  clear: both;
  display: block;
}
.ui-product-list .center-3 .list .image {
  position: relative;
  float: left;
  width: 2rem;
  padding: 0 0 0 0.05rem;
}
.ui-product-list .center-3 .list .image::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.08rem;
  z-index: 2;
  width: 0.4rem;
  height: 0.7rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAABICAMAAABY4/wGAAAAe1BMVEUAAADyS0veAAzeAAz4YF34YF34YF34YF34YF34YF3eAAz4YF34YF3eAAz4YF34YF3eAAz4YF34YF34YF34YF34YF34YF34YF3eAAz4YF34YF3eAAz4YF34YF34YF3eAAzeAAz4YF3////8ycj+7u793Nz6lJP7q6neAAx9MQQCAAAAIXRSTlMACO/j/PbmlEft2tTMycGvr6SAdGA7MSMhHBUS3mhUPjJmOv5OAAABe0lEQVRIx+3T2W7CMBAF0EnZl0LZt24ej8f5/y+sE8sokNgeHipRqfdhDOIIrjMCVDZfEJK3L98P2Jej3Ja9o9yW04vQ9sqyfL1IbYWLG6uxPixyhy3fComdlh5LLIQEy1jHEvqYlo32pawNh8QaZLISS4hWsZuUsxbZd+D6XkbU1yAhsrMac1ajVpaUJmUoYY2zxlHfhMlEbbUIR/n6I8htG0/catePqgZYD05ZpLqyH2woYS1aR9BeX+m4JfIzDB2/G/uPNIbhu4ufw5Nbout+0zY8WxOs1QlrKsFovLVIcctYxTpc2eqIW2PCrp3175J7E95Na39iSLYvKdShU8Iqz37FCvtqD+xf6fv49yLnbVgcq6ultOXQwaALP/v/+N82MhmPpHZ2ANgORHZZgMt+KLBr8DkvcnbwCSHFKG3f99DIRz9hF2e4yW4YtSO4z2nebQdbaKdYddnhDjqz6bfs/ASRjCd3dlVANIdZ0/Y3kEqxbNgxZLKGkB84dCNdFx9f3AAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size: contain;
}
.ui-product-list .center-3 .list .image .img {
  background: #f5f5f5;
}
.ui-product-list .center-3 .list .exp {
  position: relative;
  margin: 0 0 0 2.2rem;
}
.ui-product-list .center-3 .list .exp h3 {
  font-size: 0.26rem;
  height: 0.8rem;
  line-height: 0.4rem;
  margin: 0 0 0.3rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-product-list .center-3 .list .exp .fee {
  line-height: 0.3rem;
  color: #999999;
}
.ui-product-list .center-3 .list .call {
  position: absolute;
  right: 0.2rem;
  top: 1.1rem;
  line-height: 0.5rem;
  border: 1px solid #dddddd;
  padding: 0 0.2rem;
  background: #ffffff;
  border-radius: 0.1rem;
}
.ui-product-list .center-3 .list .call i {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAgVBMVEUAAAAAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6wAW6yR/DPqAAAAKnRSTlMA5X3t3hsPCwb5OeHPyaVai3NUQyYKvbWgmIJ3ZiT11bCUiD3Eb21hTDJaRAvxAAAA/ElEQVQoz3WS2ZKCMBBFO4Issqkgi4LrrOf/P3ASdYAy8T4klTqpdPe9Ea1t3e3ErQWQLJ2oJLld8ZxQMYhsSEIbrcgfD2c2W7O67w2FxWoePZ75tpjPs9k0esMqvEAsZZj7OT9iq8VMFh/FoZ6tSEjmYoOZL8IXl7xYLyecbm/M0F/sXSzCE9nFLN0ZLXSGqMnsWzlVpDK++sPznEMTjFGoyEAOgTmdaM6o/xIHUr0WMWS1gquuM4Xdkepq4SaFODeZzcO+oH7NHo6O7+lkfJaFzBXMrCoVXj9FWKUUL3+xLZaaB6sLL0YFnz7AMQbU1vKo6tss8T/Wd2P+AJjZFJZgFOkdAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 0.24rem;
}
.ui-product-list .center-3 .list .call span {
  vertical-align: middle;
}
.ui-product-list .center-4 .list {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  padding: 0.1rem;
}
.ui-product-list .center-4 .list .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2.4rem;
  margin: 0.15rem 0.05rem;
}
.ui-product-list .center-4 .list .cell {
  position: relative;
  display: block;
}
.ui-product-list .center-4 .list .image {
  position: relative;
  padding: 0 0.05rem;
}
.ui-product-list .center-4 .list .image::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.08rem;
  z-index: 2;
  width: 0.4rem;
  height: 0.7rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAABICAMAAABY4/wGAAAAgVBMVEUAAAD0UVDeAAzeAAz4YF34YF34YF34YF34YF3oKSz4YF3eAAz4YF34YF34YF34YF34YF34YF34YF34YF34YF34YF3eAAz4YF34YF34YF3eAAzeAAzeAAzeAAz4YF34YF34YF3eAAzeAAz4YF3////8ycj7q6n6lJPeAAz+7u793NyL8zNwAAAAI3RSTlMACe/j/PbnRxoS7drUzMGvpJGAdGA7ODEj3s/DtqeZaFQmHJQ1JIkAAAE/SURBVEjH7dPXjsIwEEDRMZBGrwvbS8b1/z9wiZU4Xpw487BFkfa+RIKj0RgcKAe7gzqCnVSYaifvdKumH3SrFgXRTpVSDwXdqkdGt+rJtxJF9TAoS5S+XSjbc2Al8lIa9C3UBVZbhiJmOVYZjm08PlegHavN8A4S6VZoTrZ2bZeIWmOIc+0kkjVod/iBfcO5o7Btus+K6js7NyiwrlFZ5O7xTVZiEP/VHVzCXVrKvrS7Ht6GmJUoKdYdyWCTjFntHR+Rx+aa1vLqYBGrtftZJWJ0X67tvuT/2M11G/ydFUQr8Joey3v8b5vm2Y5qlxeAY0KyGwbXzinB7uvP8vWQTd6gib3E7f0ZvF5nEbsu4EuntNfu4LZ81W2TI4SxbZdNT9DZYRbYVQ49ZfMbu2XQ22Xp29kBYrGNZzMYaA9NnwBeM+psH3W0AAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: contain;
}
.ui-product-list .center-4 .list .image .img {
  background: #f5f5f5;
  border: 1px solid #dddddd;
}
.ui-product-list .center-4 .list .exp {
  position: relative;
  padding: 0.1rem 0;
}
.ui-product-list .center-4 .list .exp h3 {
  font-size: 0.25rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  text-align: center;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-product-list .center-4 .list .call {
  display: block;
  margin: 0 0.3rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #005bac;
  color: #ffffff;
  font-size: 0.22rem;
  border-radius: 0.1rem;
  text-align: center;
}
.ui-product-list .center-4 .list .call i {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMACuN9+Dnq3sl1JQ+Kz6VbBmZUQxoD7721oJQdsJiDbtVMMp1NxcoAAAD0SURBVCjPdZLZdoMgFEWRIOI81SlmaLv//x8LSaqm0Psgi7XlXs45CFvddI1EuE6A/AiiHhkX6CDUZEKkyEDbmOrZ2PisIH6sM7XHJp7NLrQeS3hdthz+YRlj7s8zuP8rvoRfC1bZoFRIXksnRIQJsczpa0hEqEbX7pOg26kTfecUYg3aDlSswYzcme5odty/J1GQZK99BXO+RaEbB0lztyuZL8h1u05pv7UCM0ko3JzxN+wzxk6L0hJU5TLbw3ZQf7s12hy/cd1V/lGYH6zqJbptdivL4zsYTsBSr5bn8Rlu723uCYBSgOz8VNrFyMQUD2N+ADotEUWCCQgcAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 0.24rem;
}
.ui-product-list .center-4 .list .call span {
  vertical-align: 0;
}
/******************************
 ** ui-form
 ******************************/
.ui-form {
  padding: 0.3rem;
}
.ui-form .form-item-name {
  line-height: 0.7rem;
}
.ui-form .form-item-content {
  position: relative;
}
.ui-form .form-item.required .form-item-name:after {
  content: '*';
  font-style: normal;
  color: red;
  margin-left: 10px;
}
.ui-form .form-input,
.ui-form .form-textarea,
.ui-form .form-select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid transparent;
  padding: 5px 20px;
  line-height: 35px;
  height: 45px;
  background: #f5f5f5;
  color: #666;
  outline: 0;
}
.ui-form .form-textarea {
  height: 1.6rem;
  line-height: 1.6;
}
.ui-form .form-radio,
.ui-form .form-checkbox {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  padding: 8px 0;
  cursor: pointer;
}
.ui-form .form-sms-code {
  text-align: center;
  background: #fff;
  position: absolute;
  right: 1px;
  top: 0;
  padding: 0 20px;
  line-height: 38px;
}
.ui-form .form-submit-btn {
  width: 100%;
  height: 0.7rem;
  line-height: 0.6rem;
  margin-top: 0.3rem;
  background-color: #fff;
}
.ui-form .form-huxing {
  position: relative;
  height: 38px;
  padding: 0 40px 0 20px;
  overflow: hidden;
  background: #f5f5f5;
  border: 1px solid transparent;
  line-height: 38px;
  /* bug 16712 */
  /* border: none; */
}
.ui-form .form-huxing .arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAIVBMVEUAAABwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBra2ucbZClAAAAC3RSTlMAEDBQcmCQgKAgH0MJP0cAAABASURBVAjXYyAXTEAwTSGUMhAzK4BYTAYg0ghEqIKlWIHCjAUQZYkMDCJQjSwCjA4wQxw5BGBMtkK40YwLGMgHAN2PBGYPwYYEAAAAAElFTkSuQmCC) center center no-repeat;
}
.ui-form .form-huxing .form-huxing-item {
  min-width: 20%;
  text-align: center;
  display: inline-block;
}
.ui-form .form-huxing-drop-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.ui-form .form-huxing-drop-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border: 1px solid #eeeeee;
  overflow: hidden;
  animation: fadeInUp 0.3s ease;
}
.ui-form .form-huxing-drop-box .head {
  padding: 0.2rem 0;
  text-align: center;
  line-height: 2;
  font-size: large;
  color: #333333;
  font-weight: bold;
}
.ui-form .form-huxing-drop-box .main {
  position: relative;
  overflow: hidden;
  padding: 0 0.1rem 0.2rem;
}
.ui-form .form-huxing-drop-box .main dl {
  float: left;
  width: 20%;
}
.ui-form .form-huxing-drop-box .main dl dd span {
  display: block;
  margin: 5px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  background: #eeeeee;
}
.ui-form .form-huxing-drop-box .button {
  position: relative;
  padding: 0.2rem;
  margin: 0 0.1rem;
  text-align: center;
  border-top: 1px solid #eeeeee;
}
.ui-form .form-huxing-drop-box .button a {
  display: inline-block;
  width: 50%;
  line-height: 0.6rem;
  background: #ff8712;
  color: #ffffff;
  border-radius: 0.1rem;
  font-size: large;
  border: 0;
}
.ui-form .form-huxing-drop-box dl dd.active span {
  background: #ff8712;
  color: #ffffff;
}
.ui-form.layout-1 .form-input,
.ui-form.layout-1 .form-textarea,
.ui-form.layout-1 .form-select,
.ui-form.layout-1 .form-huxing,
.ui-form.layout-2 .form-input,
.ui-form.layout-2 .form-textarea,
.ui-form.layout-2 .form-huxing,
.ui-form.layout-2 .form-select {
  border-color: #ddd;
  background: none;
}
.ui-form.layout-2 .form-item-name {
  display: none;
}
.ui-form.layout-2 .form-item + .form-item {
  margin-top: 20px;
}
.ui-consult {
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
.ui-consult .ui-consult-text1 {
  font-size: 0.32rem;
  line-height: 0.5rem;
  padding-top: 0.6rem;
}
.ui-consult .ui-consult-text2 {
  font-size: 0.2rem;
  line-height: 0.3rem;
  padding-bottom: 0.6rem;
}
.ui-consult.layout-0 {
  height: 2.94rem;
}
.ui-consult.layout-0 .ui-consult-button-wrap {
  bottom: 0.3rem;
  padding-top: 0.32rem;
  position: absolute;
  padding-left: 0.45rem;
}
.ui-consult.layout-0 .ui-consult-button-wrap .ui-consult-button {
  width: 2.2rem;
  height: 0.65rem;
  font-size: 0.24rem;
  display: inline-block;
  line-height: 0.65rem;
  text-indent: 0.2rem;
  border-radius: 0.3rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMA9AcNMnHYtRX6eOadxGlSPK6ikYx/Q9HJhWJbSkAoId3rwJi5YnLfcgAAAYdJREFUOMutk9mWqjAQRRPmUVBBccCx9///4q0k4CXavvV5IKmsnRpOFurPFcSpJh+qJvhGtEwq44/LoV3C7tBeolOl4Xb2rkru2/JWGN/h8D8+YPWjlkwFmznYwrrNCuhs2KyfjalZvJAYbIEjjGZNAb0NBJ3vlBQO3VCbJYurBG6RUitozAlkjshgtuFUQmTrm0jL3gnCV6N7tOCaXoIH8dzxbWFQyVpy2bQ9w9zxaTHuzlYvOSp1hasZ0rNIlNAbq1LZ1jzl+5SsnmIz2kgi24g8MAbVPhFBKAVyl29jZ439xxzqQIUw0a3156zelcHkZinfNfnlnYjQLqGmkkVcekfOJK/hjwIm6GjuYvJ2u5sOChglTsCeXCt93wi8VAqReQ6bbMwx6n2kJo8cmRawH3cpnoe2idxU6AFjtR2/8JHaPd2le3SyOCT0Cz2g8w7KDw+3MCwnuIvXb1pp6LM5KtDqQ9kP6MIxF1ipX3QsIa+aa9hqhi///yrBKQnVN52rfY5OHfAPB8gkwpqqfJIAAAAASUVORK5CYII=) no-repeat 0.3rem center;
  background-size: 0.33rem 0.34rem;
}
.ui-consult.layout-0 .ui-consult-button-wrap .ui-consult-button:first-child {
  background-size: 0.31rem 0.31rem;
  border: 1px solid #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMA1exVBec6Nx6vg1BLMyPLYEAZ9/K5oyna0KB9eWtGLhIM++HNxL+zm49wFpNnXBDdu6mQblW+eskAAAFoSURBVCjPhZLXlqMwEAUbk5MxDuCcsydsqv//tZUGBjTr5Uw9SDR1RCNdiUmwumbH+b0v/8WewsiajeAweLbbI9naEYWTn/kxlK+k9Ly22hzIxaTPRI8LC6ZRqR5DfNPvLTVEMJrp/jdVnHFaPUcNJ8Ly41sFmZqYtJ6lyIXmr2NOIm/spOaqVMJCGv4Qi82lrgq4izuWFl0NqDv0gTfhxfQRsgZSUdhAsiU2vUffg6qlr33A2vQlqQ/1Ggtih9WXLNh64FbF7icLITP9BHnl1ISwTmVOYITFL9kkYrLbu+2BTtnJv+T0yjqsA7E8k8Bl4HmDEOwnqdN8v/HBy6N60eLMsQI9p6uVr39jmBG+N3roUsCt2c4jgoJR+bl6TC6PUF8dO8/tyIJzIBs+d3ysckh/76m4eroOcOuzvDeN/CTxgvaaRHoaj6UDC32Xee3yvj6IJdIJhY7K7XXgkqn14czqIlzKN/wFP8IqDF7aVYwAAAAASUVORK5CYII=);
}
.ui-consult.layout-0 .ui-consult-button-wrap .ui-consult-button + .ui-consult-button {
  margin-left: 20px;
}
.ui-consult.layout-1 {
  position: relative;
  height: 2.9rem;
}
.ui-consult.layout-1 .ui-consult-button-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
}
.ui-consult.layout-1 .ui-consult-button-wrap .ui-consult-button {
  display: block;
  flex: 1;
  line-height: 1rem;
  font-size: 0.28rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA8NnPyvbewLyppJSCcjDl07d5b0EmwqB+Y049OyAdDwsFspqJZ2VaVygUQ2zD3gAAAM9JREFUKM910NlOw0AMheG/2ci+tElXSlt2OO//fihOFUSY+S48km2NjsxsqPI0abZZWbP0kWoWVX9GZxv9Ck7MjrGW1tx9yjing5wOALdEbt/ARh4Z0MjnTC+vVwp5PdDJBOFYE6tteO8R2RtBMa7yIoWQW3PFtPUMBym37B3srRmTypTVaqybse6r6ZwNubwi3uW14yKvHnbySIAneTwCvPnubjJ31MnJddcbk1r/FBhXpK5ndl3ZR1t74rawmLNAao9wHer668JCGaxx+QGZ/1uQre0fgQAAAABJRU5ErkJggg==) 0.3rem center no-repeat;
  background-size: 0.31rem 0.31rem;
}
.ui-consult.layout-1 .ui-consult-button-wrap .ui-consult-button:first-child {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAMAAACj+uTiAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMA9+6+kgkD5NrIw7Scg3ZDFtSwoJV6SzAfDufRyaWjjX9tY1o7NmCyd2wAAACoSURBVCjPddHZEoMgDEBRXHCnYK3afS///4kVAlMa4n09M0ACW/rkTcsZ0U4vdQQ02qYiGDUkIumdJAWWo3ZJLLWXAUvn5Yzl5aCfsRSphQuLy61sCFHw6ANBN0tZDP6mkaBJ294EXeEqRVBlqSpi2evVV0ig1nzkSfCQHkCNNHssn2gVQW04+PaPynmVUhY0UAKJH+DlT6WHmqF4nsDMnFjHPatqc9QXPzEhIu5LO8gAAAAASUVORK5CYII=);
}
.ui-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.ui-image-text {
  padding: 0.3rem 0 1rem;
}
.ui-image-text .ui-image-text-img-box {
  box-sizing: border-box;
  border: 1px solid #ddd;
  width: 70%;
  margin: 0 auto;
  padding: 10px 5px;
  border-radius: 5px;
}
.ui-image-text .ui-image-text-img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  display: block;
}
.ui-image-text .ui-image-text-info-box {
  text-align: center;
  padding: 0 10px;
}
.ui-image-text .ui-image-text-title {
  font-size: 0.36rem;
  padding-top: 0.3rem;
  border-bottom: #cacaca solid 1px;
}
.ui-image-text .ui-image-text-link {
  display: inline-block;
  width: 2.22rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  margin-top: 0.2rem;
}
.ui-image-text .ui-image-text-content {
  text-align: left;
  line-height: 0.36rem;
  margin-top: 0.3rem;
}
.ui-image-text.layout-0 .ui-image-text-content {
  text-align: center;
}
.ui-image-text.layout-0 .ui-image-text-img-box {
  height: 3.62rem;
  width: 4.63rem;
}
.ui-image-text.layout-1 {
  padding: 0 0 0.6rem;
}
.ui-image-text.layout-1 .ui-image-text-img-box {
  width: 100%;
  height: 3.5rem;
}
.ui-image-text.layout-1 .ui-image-text-title {
  border: none;
}
.ui-image-text.layout-1 .ui-image-text-link {
  border-radius: 5px;
  width: 100%;
  margin: 0.4rem -15px 0;
}
.ui-image-text.layout-2 .ui-image-text-img-box {
  border: none;
  width: 95%;
}
.ui-image-text.layout-2 .ui-image-text-title {
  border: none;
}
.ui-image-text.layout-2 .ui-image-text-link {
  border-radius: 5px;
  width: 2.6rem;
  background: #333333;
  color: #ffffff;
  border: none;
}
.ui-image-text.layout-2 .ui-image-text-content {
  margin-top: 0.1rem;
  font-size: 0.22rem;
  max-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 0.4rem;
}
.ui-image-text.layout-3 {
  padding-top: 0;
}
.ui-image-text.layout-3 .ui-image-text-img-box {
  width: 100%;
  padding: 0;
  height: 2.2rem;
}
.ui-image-text.layout-3 .ui-image-text-title {
  border: none;
}
.ui-image-text.layout-3 .ui-image-text-link {
  border-radius: 0;
  width: 2.6rem;
  border: 2px solid #8f8f8f;
}
.ui-image-text.layout-4 {
  padding-top: 0;
}
.ui-image-text.layout-4 .ui-image-text-img-box {
  width: 100%;
  padding: 0;
  border: none;
  height: 2.6rem;
}
.ui-image-text.layout-4 .ui-image-text-title {
  border: none;
  text-align: left;
}
.ui-image-text.layout-4 .ui-image-text-link {
  width: 2.6rem;
  background: #fff;
}
.ui-image-text.layout-5 {
  background: #fff;
  border-radius: 0.12rem;
  box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, 0.2);
}
.ui-image-text.layout-5 .ui-image-text-img-box {
  width: 92%;
  padding: 0;
  border: none;
  height: 4.38rem;
}
.ui-image-text.layout-5 .ui-image-text-title {
  border: none;
}
.ui-image-text.layout-5 .ui-image-text-link {
  width: 2.6rem;
  background: #0062b5;
  border: none;
  color: #fff;
}
.ui-magic {
  display: flex;
  line-height: 2.4;
  flex-wrap: wrap;
  padding-bottom: 10px;
  text-align: center;
  position: sticky;
}
.ui-magic.fixed {
  position: sticky;
  z-index: 2;
}
.ui-magic .ui-magic-item {
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 10px;
  box-sizing: border-box;
  background: none;
  padding: 0 5px;
}
.ui-magic.layout-0 .column-3 {
  width: 33.33%;
}
.ui-magic.layout-0 .column-4 {
  width: 25%;
}
.ui-magic.layout-0 .column-5 {
  width: 20%;
}
.ui-magic.layout-0 .auto-img-box {
  background: none;
}
.ui-magic.layout-1 {
  padding-bottom: 10px;
  padding-left: 10px;
}
.ui-magic.layout-1 .ui-magic-item {
  margin: 10px 0.15rem 0 0;
  padding: 0;
  border-radius: 2px;
}
.ui-magic.layout-1 .column-3 {
  width: 30%;
}
.ui-magic.layout-1 .column-4 {
  width: 22%;
}
.ui-magic.layout-1 .column-5 {
  width: 17%;
}
.ui-magic.layout-1 .auto-img-box {
  display: none;
}
.ui-magic.layout-1 .ui-magic-item-title {
  border-radius: 3px;
  padding: 0 0.5em;
}
.ui-many-image {
  position: relative;
  overflow: hidden;
}
.ui-many-image .auto-img-box {
  width: 100%;
}
.ui-many-image .auto-img-box:after {
  padding: 0;
  width: 100%;
  height: 3.6rem;
}
.ui-many-image .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.ui-many-image .dots li {
  display: inline-block;
  text-indent: -9999px;
  color: #fff;
  border: 2px solid;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 0.1rem;
}
.ui-many-image .dots li + li {
  margin-left: 0.15rem;
}
.ui-many-image .dots li.on {
  background: currentColor;
}
.ui-many-image.layout-1 .dots li {
  border: none;
  background: currentColor;
  border-radius: 0.1rem;
  width: 0.4rem;
  height: 0.05rem;
}
.ui-many-image.layout-2 .dots li {
  width: 0.15rem;
  height: 0.15rem;
  background: rgba(0, 0, 0, 0.5);
  border: none;
}
.ui-many-image.layout-2 .dots li.on {
  width: 0.3rem;
  background: currentColor;
}
.ui-many-image.layout-3 .dots li {
  width: 0.15rem;
  height: 0.15rem;
  background: currentColor;
  border: none;
}
.ui-many-image.layout-4 .dots li {
  width: 0.15rem;
  height: 0.15rem;
  background: currentColor;
  border: none;
}
.ui-many-image.layout-4 .dots li.on {
  width: 0.3rem;
}
.ui-many-image.layout-5 .dots li {
  width: 0.3rem;
  height: 0.1rem;
  background: #c9c9c9;
  border: none;
}
.ui-many-image.layout-5 .dots li.on {
  width: 0.4rem;
  background: #fb7a7a;
}
.ui-page-about .ui-page-about-content {
  line-height: 0.42rem;
  padding: 0.4rem 3%;
}
.ui-page-about .ui-page-about-content img {
  max-width: 100%;
  height: auto!important;
}
.ui-page-about .ui-page-about-content table {
  max-width: 100%;
}
.ui-page-about .ui-page-about-content table td {
  border: 1px solid #000000;
}
.ui-page-article-detail {
  padding: 0.4rem 3%;
}
.ui-page-article-detail .ui-page-article-tittle {
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.44rem;
}
.ui-page-article-detail .ui-page-article-info {
  text-align: center;
  font-size: 0.2rem;
  padding: 0.2rem 0 0.2rem;
  border-bottom: 1px solid #e2e2e2;
}
.ui-page-article-detail .ui-page-article-info-item + .ui-page-article-info-item {
  margin-left: 10px;
}
.ui-page-article-detail .ui-page-article-content {
  padding: 0.2rem 0 0.4rem;
  line-height: 0.42rem;
  color: #666666;
}
.ui-page-article-detail .ui-page-article-content .contxt {
  position: relative;
  overflow: hidden;
}
.ui-page-article-detail .ui-page-article-content .contxt img {
  max-width: 100%;
  height: auto;
}
.ui-page-article-detail .ui-page-article-content .contxt table {
  max-width: 100%;
  display: block;
  overflow: hidden;
  overflow-x: auto;
}
.ui-page-article-detail .ui-page-article-content .contxt table td {
  border: 1px solid #000000;
}
.ui-page-article-detail .ui-page-article-content .contxt iframe {
  width: 100% !important;
}
.ui-page-article-list .ui-page-article-list-box {
  margin-top: -0.2rem;
}
.ui-page-article-list .carousel-list-layout {
  position: relative;
}
.ui-page-article-list .layout-0 .carousel-item-box {
  position: relative;
  padding: 0.2rem;
  display: block;
}
.ui-page-article-list .layout-0 .carousel-item-box::after {
  content: '';
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
.ui-page-article-list .layout-0 .ui-article-item-wrap {
  position: relative;
  overflow: hidden;
}
.ui-page-article-list .layout-0 .auto-img-box {
  float: left;
  width: 2rem;
}
.ui-page-article-list .layout-0 .ui-article-info-box {
  margin: 0 0 0 2.2rem;
}
.ui-page-article-list .layout-0 .ui-article-title {
  font-size: 0.25rem;
  line-height: 0.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #333333;
  margin: 0 0 0.1rem;
}
.ui-page-article-list .layout-0 .ui-article-remark-wrap {
  margin: 0 0 0.1rem;
}
.ui-page-article-list .layout-0 .ui-article-remark {
  font-size: 0.23rem;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ui-page-article-list .layout-0 .ui-article-time,
.ui-page-article-list .layout-0 .ui-article-view {
  font-size: 0.21rem;
  color: #999999;
}
.ui-page-article-list .layout-0 .ui-article-view {
  margin: 0 0 0 0.1rem;
}
.ui-page-article-list .layout-1 .carousel-list-box {
  position: relative;
  padding: 0.08rem;
  overflow: hidden;
}
.ui-page-article-list .layout-1 .carousel-item-box {
  float: left;
  width: 50%;
}
.ui-page-article-list .layout-1 .ui-article-item-wrap {
  margin: 0.1rem;
  padding: 0.1rem 0.1rem 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.ui-page-article-list .layout-1 .auto-img-box img {
  border-radius: 3px;
}
.ui-page-article-list .layout-1 .ui-article-info-box {
  padding: 0 0.1rem;
}
.ui-page-article-list .layout-1 .ui-article-title {
  font-size: 0.25rem;
  line-height: 0.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #555555;
  text-align: center;
}
.ui-page-article-list .layout-1 .ui-article-remark-wrap,
.ui-page-article-list .layout-1 .ui-article-time,
.ui-page-article-list .layout-1 .ui-article-view,
.ui-page-article-list .layout-1 .ui-article-time2,
.ui-page-article-list .layout-1 .ui-article-view2 {
  display: none;
}
.ui-page-article-list .layout-2 .carousel-item-box {
  position: relative;
  border-bottom: 1px solid #eeeeee;
  display: block;
  padding: 0.3rem;
}
.ui-page-article-list .layout-2 .auto-img-box {
  display: none;
}
.ui-page-article-list .layout-2 .ui-article-title {
  line-height: 1.5;
  font-weight: normal;
  font-size: 0.26rem;
  color: #333333;
  margin: 0 0 0.1rem 0;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ui-page-article-list .layout-2 .ui-article-remark-wrap {
  display: none;
}
.ui-page-article-list .layout-2 .ui-article-time,
.ui-page-article-list .layout-2 .ui-article-view {
  display: none;
}
.ui-page-article-list .layout-2 .ui-article-time2,
.ui-page-article-list .layout-2 .ui-article-view2 {
  display: inline-block;
  color: #999999;
}
.ui-page-article-list .layout-2 .ui-article-view2 {
  margin: 0 0 0 0.2rem;
}
.ui-page-article-list .ui-page-article-list-more {
  padding: 0.2rem 3%;
  text-align: center;
  color: #999;
  font-size: 0.24rem;
  line-height: 0.7rem;
  border-top: 1px solid #dddddd;
}
.ui-page-article-list .ui-article-list.layout-1 .carousel-item-box {
  width: 48%;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 0.06rem;
  padding: 0;
  margin-bottom: 0.1rem;
}
.ui-page-article-list .ui-article-list.layout-1 .ui-article-item-wrap {
  padding: 0.1rem;
}
.ui-page-article-list .ui-article-list.layout-1 .ui-article-info-box {
  margin: 0;
  text-align: center;
}
.ui-page-article-list .ui-article-list.layout-1 .auto-img-box {
  display: block;
  float: none;
  width: auto;
}
.ui-page-article-list .ui-article-time2,
.ui-page-article-list .ui-article-view2,
.ui-page-article-list .ui-article-list.layout-1 .ui-article-remark-wrap,
.ui-page-article-list .ui-article-list.layout-2 .auto-img-box,
.ui-page-article-list .ui-article-list.layout-2 .ui-article-time,
.ui-page-article-list .ui-article-list.layout-2 .ui-article-view,
.ui-page-article-list .ui-article-list.layout-2 .ui-article-remark-wrap {
  display: none;
}
.ui-page-article-list .ui-article-list.layout-2 .ui-article-info-box {
  margin: 0;
}
.ui-page-article-list .ui-article-list.layout-2 .ui-article-time2,
.ui-page-article-list .ui-article-list.layout-2 .ui-article-view2 {
  display: inline;
  line-height: 0.5rem;
  color: #999999;
}
.ui-page-article-list .ui-article-list.layout-2 .ui-article-view2 {
  margin-left: 0.3rem;
}
.ui-page-contact {
  position: relative;
  padding: 0 0 0;
}
.ui-page-contact .ui-page-contact-list {
  padding: 0.2rem 0;
}
.ui-page-contact .ui-page-contact-item {
  padding: 0 0.2rem;
  color: #333333;
  line-height: 0.4rem;
  padding-left: 0.8rem;
  font-size: 0.26rem;
}
.ui-page-contact .ui-page-contact-item .ui-page-contact-item-text {
  display: flex;
}
.ui-page-contact .ui-page-contact-item .ui-page-contact-item-text label {
  white-space: nowrap;
}
.ui-page-contact .ui-page-contact-item .ui-page-contact-item-text a {
  word-break: break-all;
}
.ui-page-contact .ui-page-contact-item + .ui-page-contact-item {
  margin-top: 0.25rem;
}
.ui-page-contact .ui-page-contact-number {
  font-weight: bold;
  color: #f95927;
}
.ui-page-contact .phone::before {
  content: '';
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAAA3CAMAAACGog6XAAAAP1BMVEUAAAD5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSeEdFdWAAAAFHRSTlMAwECAEPCgMGDQP1Agz3Cw4N+Qvx+xg24AAAO6SURBVGje7ZrtcqwgDIZBwocHFXW5/2s9NoUNdnU1dum0M/v+cqwGHpK8YFvx1ltvVRZ4pUJQyoP4KXm1KS8uqRv6eFc/dOIHZKe4o8kKtkDpdRCt6ifD6rgrzYZwKVorQ5BtiuJEZd1ikiyU790ETwbfCg5SUlzAG0ZUlY1ZolDMYlUz4HqY1TsdYt1AVFTznKHhplQ3DyPoj9RwLKaPp9X7FYMqdIlh/ugD2DCqj76YGavKkt9/g8/gCeGLoMWxTkqiD8gTGrGNE0MrN9TyGGBaRu7uvdwveb73dqcXowYOQ5zPeqBGhp2ZNjwGhU9TcNTkKJZiMURzxDykMV7HABrTughMLGQgT0zDWQaJEXo4tnHTvpLB3Y04YHUq71VLe0O3XLnTDMKlY8KBjSshX8eAMw/3mhqbFGLEgVIiwnkG4TX59IY6tF8nXsoAy7NDrqkWSkfSkKuXwSDsGPdTZ5HQilcx0MNdToMtRstsHQU7Zkj4i+ZdQ2o78WIGn5e5zR1Ardfnrd9zGHLXwrYhSRBshmNnbWmqO3CKxyCGTXsyySlqMMhcO81mkUk2Q+rsfmVPEKhPKjDQlEnUB3yG3Nm6gICe/KoCw4QXu3mY2AzU2W5lSCMx1fElnadKcJrtSw/lr6i2ynNlpf3B5NMdHUHClf2BNNx72KWrOgwYbMK31sOYHKPH22wG6mygjNRicNS7xc40x6LX/RUGmAdhESJ8/nqhMb4SAzbCLVdPnBwsV276GLZLn6mjYDGQDw2fnY0OheO4WgwKn07eQdI2x3I8BrLSAc/z+XihcZw6DKDzqaKThJCOBD2mgc/Qx7z/K51iOVyYOgyYiCE1R6IInqzFXWAwX62UIOowwFh8q0HjfQOrbzwOAyGMIL5qRogqDLhAYef7KFo+g8lzJdEPJqjCIOS2gXp0WyYDIexA9FCFodNUTetmH4HNMD8ZHlqEqMEghq1fM98wDJfBpbPeAQQxGLUhQwysahoe7WoWPIYDhLyTGmLYE4+BQtuv2WwFk4FOd7uyCLHFEJwLFxmofzWsobTlMhDCEcQjw4BFfZGBzLsXq43WcetR4w5/bOWokoFy3l5noHMrmaDhB1ik/b8jmTRpYqDRzFUGstJiqVoQPKnI0kwMRfrkRQYqVEf9rDv2IkgOgoSSITuKvdYPJOgyDIbkqxnUWTUPM56aJcBU3unEZcFE/VxZ8mmmvoHQP93cfvHf2Ek3Mon6suMewvgNhOGMJf3a/zn51IyH1b8t2y5ZfOutv6X/XEiMO7T9kdkAAAAASUVORK5CYII=) no-repeat 0.1rem 0;
  background-size: auto 0.55rem;
  width: 0.7rem;
  height: 0.55rem;
  margin-left: -0.65rem;
}
.ui-page-contact .address::before {
  content: '';
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMMAAAA3CAMAAACGog6XAAAAP1BMVEUAAAD5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSf5WSeEdFdWAAAAFHRSTlMAwECAEPCgMGDQP1Agz3Cw4N+Qvx+xg24AAAO6SURBVGje7ZrtcqwgDIZBwocHFXW5/2s9NoUNdnU1dum0M/v+cqwGHpK8YFvx1ltvVRZ4pUJQyoP4KXm1KS8uqRv6eFc/dOIHZKe4o8kKtkDpdRCt6ifD6rgrzYZwKVorQ5BtiuJEZd1ikiyU790ETwbfCg5SUlzAG0ZUlY1ZolDMYlUz4HqY1TsdYt1AVFTznKHhplQ3DyPoj9RwLKaPp9X7FYMqdIlh/ugD2DCqj76YGavKkt9/g8/gCeGLoMWxTkqiD8gTGrGNE0MrN9TyGGBaRu7uvdwveb73dqcXowYOQ5zPeqBGhp2ZNjwGhU9TcNTkKJZiMURzxDykMV7HABrTughMLGQgT0zDWQaJEXo4tnHTvpLB3Y04YHUq71VLe0O3XLnTDMKlY8KBjSshX8eAMw/3mhqbFGLEgVIiwnkG4TX59IY6tF8nXsoAy7NDrqkWSkfSkKuXwSDsGPdTZ5HQilcx0MNdToMtRstsHQU7Zkj4i+ZdQ2o78WIGn5e5zR1Ardfnrd9zGHLXwrYhSRBshmNnbWmqO3CKxyCGTXsyySlqMMhcO81mkUk2Q+rsfmVPEKhPKjDQlEnUB3yG3Nm6gICe/KoCw4QXu3mY2AzU2W5lSCMx1fElnadKcJrtSw/lr6i2ynNlpf3B5NMdHUHClf2BNNx72KWrOgwYbMK31sOYHKPH22wG6mygjNRicNS7xc40x6LX/RUGmAdhESJ8/nqhMb4SAzbCLVdPnBwsV276GLZLn6mjYDGQDw2fnY0OheO4WgwKn07eQdI2x3I8BrLSAc/z+XihcZw6DKDzqaKThJCOBD2mgc/Qx7z/K51iOVyYOgyYiCE1R6IInqzFXWAwX62UIOowwFh8q0HjfQOrbzwOAyGMIL5qRogqDLhAYef7KFo+g8lzJdEPJqjCIOS2gXp0WyYDIexA9FCFodNUTetmH4HNMD8ZHlqEqMEghq1fM98wDJfBpbPeAQQxGLUhQwysahoe7WoWPIYDhLyTGmLYE4+BQtuv2WwFk4FOd7uyCLHFEJwLFxmofzWsobTlMhDCEcQjw4BFfZGBzLsXq43WcetR4w5/bOWokoFy3l5noHMrmaDhB1ik/b8jmTRpYqDRzFUGstJiqVoQPKnI0kwMRfrkRQYqVEf9rDv2IkgOgoSSITuKvdYPJOgyDIbkqxnUWTUPM56aJcBU3unEZcFE/VxZ8mmmvoHQP93cfvHf2Ek3Mon6suMewvgNhOGMJf3a/zn51IyH1b8t2y5ZfOutv6X/XEiMO7T9kdkAAAAASUVORK5CYII=) no-repeat 0.1rem 0;
  background-size: auto 0.55rem;
  width: 0.7rem;
  height: 0.55rem;
  margin-left: -0.65rem;
  background-position: -0.65rem center;
}
.ui-page-contact .address .ui-page-contact-item-text {
  color: #666;
  font-size: 0.22rem;
  word-break: break-word;
}
.ui-page-contact .maparea {
  height: 3.4rem;
}
.ui-page-contact .ui-page-contact-maparea {
  height: 3.8rem;
}
.ui-page-contact .ui-page-contact-info-list {
  position: relative;
  overflow: hidden;
  padding: 0.2rem 0.1rem;
  background: #ffffff;
}
.ui-page-contact .ui-page-contact-info-scroll {
  position: relative;
  height: 100%;
}
.ui-page-contact .ui-page-contact-info-scroll .item {
  border: 1px solid #eeeeee;
  margin: -1px;
  padding: 0.2rem;
}
.ui-page-contact .ui-page-contact-info-scroll .item_nobar {
  border: 1px solid #eeeeee;
  margin: -1px;
  padding: 0.2rem;
}
.ui-page-contact .ui-page-contact-info-scroll .name {
  line-height: 20px;
  margin: 0 0 10px;
  font-size: 16px;
  color: #333333;
}
.ui-page-contact .ui-page-contact-info-scroll .items {
  position: relative;
  min-height: 20px;
  line-height: 20px;
  margin: 0 0 5px;
  font-size: 14px;
  color: #666666;
  padding: 0 0 0 20px;
}
.ui-page-contact .ui-page-contact-info-scroll .items i {
  position: absolute;
  left: 0;
  top: 0;
  color: #aaaaaa;
}
.ui-page-contact .bdmap-pot {
  position: relative;
}
.ui-page-contact .bdmap-pot p {
  position: relative;
  line-height: 16px;
  font-size: 12px;
  max-height: 100px;
  word-break: break-all;
  overflow: hidden;
}
.ui-page-contact .bdmap-pot .pot {
  position: absolute;
  right: 0;
  bottom: -10px;
}
.ui-page-contact .bdmap-pot .pot a {
  display: inline-block;
  line-height: 24px;
  padding: 0 10px;
  background: #02a7f0;
  color: #ffffff;
  border-radius: 5px;
  font-size: 12px;
}
.ui-page-ly .form-submit-btn {
  background: red;
  color: #fff;
  border: 1px solid transparent;
}
.ui-page-product-detail .carousel-list-box .auto-img-box video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}
.ui-page-product-detail .dots {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: -25px;
}
.ui-page-product-detail .dots li {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  text-indent: -999px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.ui-page-product-detail .dots li.on {
  background: #159b52;
  border-color: #159b52;
}
.ui-page-product-detail .dots li + li {
  margin-left: 10px;
}
.ui-page-product-detail .ui-page-product-info-box {
  padding: 0 3%;
}
.ui-page-product-detail .ui-page-product-text {
  position: relative;
  padding: 0.1rem 0;
}
.ui-page-product-detail .ui-page-product-text::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #eeeeee;
}
.ui-page-product-detail .ui-page-product-text span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 0.3rem;
  font-size: 0.3rem;
  z-index: 2;
  padding: 0 1em 0 0;
  background: #ffffff;
  border-right: 1px solid #eeeeee;
}
.ui-page-product-detail .ui-page-product-introduction {
  padding: 0.2rem 0 0.4rem;
  line-height: 0.42rem;
  color: #666666;
  overflow: hidden;
}
.ui-page-product-detail .ui-page-product-introduction img {
  max-width: 100%!important;
  display: block;
  height: auto;
}
.ui-page-product-detail .ui-page-product-introduction .table {
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.ui-page-product-detail .ui-page-product-introduction table {
  position: relative;
  max-width: 100%;
}
.ui-page-product-detail .ui-page-product-introduction table td {
  padding: 5px 8px;
  border: 1px solid #dddddd;
}
.ui-page-product-detail .ui-page-product-title {
  padding: 0.2rem 0;
  font-size: larger;
  color: #333333;
}
.ui-page-product-detail .ui-page-product-recommand-text {
  font-size: 0.3rem;
  font-weight: bold;
  padding: 0.28rem 3%;
}
.ui-page-product-detail .ui-page-product-recommand {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 10px 20px;
}
.ui-page-product-detail .ui-page-product-recommand .ui-page-product-recommand-item {
  flex: 0 0 48.5%;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 15px;
}
.ui-page-product-detail .ui-page-product-recommand .auto-img-box {
  background: none;
}
.ui-page-product-detail .ui-page-product-recommand .ui-page-product-recommand-title {
  height: 0.72rem;
  font-size: 0.24rem;
  line-height: 0.72rem;
  text-align: center;
  border: 1px solid #eeeeee;
  padding: 0 10px;
}
.ui-page-product-list .ui-page-product-list-box {
  margin-top: -0.2rem;
}
.ui-page-product-list .carousel-list-layout {
  position: relative;
}
.ui-page-product-list .layout-0 .carousel-list-box {
  position: relative;
  padding: 0.1rem;
  overflow: hidden;
}
.ui-page-product-list .layout-0 .carousel-item-box {
  float: left;
  width: 50%;
}
.ui-page-product-list .layout-0 .ui-product-item-wrap {
  display: block;
  margin: 0.1rem;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0.02rem 0.07rem rgba(0, 0, 0, 0.2);
}
.ui-page-product-list .layout-0 .ui-product-info-box {
  padding: 0 0.1rem;
}
.ui-page-product-list .layout-0 .ui-product-title {
  font-weight: normal;
  height: 0.72rem;
  font-size: 0.24rem;
  line-height: 0.72rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ui-page-product-list .ui-page-product-list-more {
  padding: 0.2rem 3%;
  text-align: center;
  color: #999;
  font-size: 0.24rem;
  line-height: 0.7rem;
  border-top: 1px solid #dddddd;
}
.ui-picture {
  position: absolute;
}
.ui-picture .ui-picture-img {
  width: 100%;
  height: 100%;
  display: block;
}
.ui-product-category-navigation {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 0 15px 15px;
  justify-content: space-between;
}
.ui-product-category-navigation .ui-product-category-navigation-item {
  flex: 0 0 30%;
  font-size: 0.26rem;
  line-height: 0.65rem;
  background: #fff;
  margin-top: 15px;
  border-radius: 0.325rem;
}
.ui-product-category-navigation.layout-0 {
  justify-content: initial;
}
.ui-product-category-navigation.layout-0 .ui-product-category-navigation-item {
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
  margin-right: 3%;
}
.ui-product-category-navigation.layout-1 .ui-product-category-navigation-item {
  font-size: 0.24rem;
  background: none;
  border: 1px solid #fff;
  flex-basis: 48%;
  line-height: 0.62rem;
  border-radius: 0.31rem;
  border: 1px solid #ddd;
}
.ui-product-category-navigation.layout-2 .ui-product-category-navigation-item {
  font-size: 0.24rem;
  flex-basis: 48%;
  line-height: 0.62rem;
  border-radius: 0.31rem;
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
}
.ui-product-category-navigation.layout-3 {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.ui-product-category-navigation.layout-3::after {
  content: '';
  flex: 0 0 5px;
}
.ui-product-category-navigation.layout-3 .ui-product-category-navigation-item {
  flex-basis: auto;
  line-height: 1.5;
  border-radius: 0.31rem;
  background: none;
}
.ui-product-category-navigation.layout-3 .ui-product-category-navigation-item + .ui-product-category-navigation-item {
  margin-left: 0.2rem;
}
.ui-product-category-navigation.layout-4 {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.ui-product-category-navigation.layout-4::after {
  content: '';
  flex: 0 0 5px;
}
.ui-product-category-navigation.layout-4 .ui-product-category-navigation-item {
  border-radius: 5px;
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
  margin-right: 0.2rem;
  width: 1.99rem;
}
.ui-product-category-navigation.layout-5 .ui-product-category-navigation-item {
  flex-basis: 48%;
  border-radius: 5px;
  background: #333;
}
.ui-product-list {
  padding-bottom: 0.05rem;
}
.ui-richtext {
  min-height: 0.3rem;
  position: absolute;
  font-size: 20px;
  color: #333;
  line-height: 1;
  overflow: hidden;
}
.ui-richtext em {
  font-style: italic;
}
.ui-richtext .ql-editor {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.ui-richtext strong {
  font-weight: 700;
}
.ui-search-panel {
  padding: 12px;
  position: relative;
}
.ui-search-panel .ui-search-key {
  box-sizing: border-box;
  padding: 5px 30px;
  display: block;
  width: 100%;
  border: 0;
  font-size: 0.24rem;
}
.ui-search-panel .icon-sousuo1 {
  position: absolute;
  font-size: 20px;
  margin-left: 5px;
}
.ui-text-navigation {
  padding: 0.2rem 0 0;
  position: relative;
  overflow: hidden;
}
.ui-text-navigation.layout-0 .ui-text-navigation-item {
  float: left;
  width: 29.33%;
  margin: 0 0 3% 3%;
  box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}
.ui-text-navigation.layout-1 .ui-text-navigation-item {
  float: left;
  width: 45.5%;
  margin: 0 0 3% 3%;
  border: 1px solid #ddd;
}
.ui-text-navigation.layout-2 .ui-text-navigation-item {
  float: left;
  width: 45.5%;
  margin: 0 0 3% 3%;
  box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}
.ui-text-navigation.layout-3 .ui-text-navigation-item {
  display: none;
}
.ui-text-navigation.layout-3 .ui-text-navigation-item:first-child {
  display: block;
}
.ui-text-navigation.layout-4 {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
.ui-text-navigation.layout-4 .ui-text-navigation-item {
  padding: 0 0.3rem;
  display: inline-block;
  border-radius: 0.1rem;
}
.ui-text-navigation.layout-4 .ui-text-navigation-item + .ui-text-navigation-item {
  margin-left: 0.2rem;
}
.ui-text-navigation.layout-5 .ui-text-navigation-item {
  float: left;
  width: 45.5%;
  margin: 0 0 3% 3%;
  border: 1px solid #333333;
  border-radius: 0.1rem;
}
.ui-text-navigation .ui-text-navigation-item {
  line-height: 0.6rem;
  border-radius: 0.3rem;
  padding: 0 1em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.ui-title {
  position: relative;
  padding: 0 0.3rem;
}
.ui-title.layout-3 .ui-title-wrap {
  display: block;
  margin: 0 4%;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  background: #ffffff;
  color: #666666;
  border-radius: 0.4rem;
  box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
}
.ui-title.layout-7 {
  text-align: center;
}
.ui-title.layout-7::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 0;
  border-bottom: 1px solid #dddddd;
}
.ui-title.layout-7 .ui-title-wrap {
  position: relative;
  z-index: 2;
  padding: 0 0.1rem;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  background: #ffffff;
}
.ui-title .ui-title-more {
  float: right;
  font-weight: normal;
  color: #999;
  display: none;
}
.ui-title.layout-1 .ui-title-more {
  display: block;
}
.ui-title.layout-1::before {
  content: '';
  border: 1px solid;
  height: 0.9em;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.ui-title .icon-zuo-copy {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
}
.ui-title.layout-4 {
  background: none;
}
.ui-title.layout-4 .ui-title-wrap {
  background: #14a73d;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  width: 2.6rem;
  text-align: center;
  border-radius: 0.1rem;
}
.ui-title.layout-5 {
  background: none;
}
.ui-title.layout-5 .ui-title-wrap {
  color: #14a73d;
  border: 1px solid #14a73d;
  display: block;
  text-align: center;
  border-radius: 0.1rem;
}
.ui-title.layout-6 .ui-title-wrap {
  display: block;
  text-align: center;
  border-radius: 0.1rem;
  color: #fff;
  background: #333;
}
.ui-video {
  position: relative;
}
.ui-video .video-player {
  display: block;
  background: #000000;
}
.ui-webmap {
  padding: 0.3rem;
}
.ui-webmap .ui-webmap-first-menu-title {
  border: 1px solid #eeeeee;
  background: #f7f7f7;
  padding: 0 0.3rem;
  line-height: 0.8rem;
  font-size: 0.3rem;
}
.ui-webmap .ui-webmap-first-menu + .ui-webmap-first-menu {
  margin-top: 0.3rem;
}
.ui-webmap .ui-webmap-second-menu-title {
  padding: 0 0.3rem;
  line-height: 0.8rem;
  color: #000;
  font-size: 0.24rem;
}
.ui-webmap .ui-webmap-third-menu-title {
  padding: 0 0.3rem;
  font-size: 0.24rem;
  display: inline-block;
  line-height: 0.8rem;
  color: #666;
}
/**************************
 ** ui-random
 **************************/
.ui-random .tit2 {
  font-size: 0.3rem;
  padding: 0.28rem 3%;
}
.ui-random .gridlist {
  padding: 0 3% 0;
}
.ui-random .gridlist .item {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  margin-bottom: 0.26rem;
  border-radius: 0.08rem;
  text-align: center;
  background: #fff;
}
.ui-random .gridlist .item a {
  width: 100%;
  display: block;
}
.ui-random .gridlist .item:nth-child(2n) {
  margin-right: 0;
}
.ui-random .gridlist .item figure {
  position: relative;
  margin: 0;
}
.ui-random .gridlist .item .exp {
  position: relative;
  background: #ffffff;
  padding: 0 0.2rem;
  border: 1px solid #eeeeee;
}
.ui-random .gridlist .item h3 {
  line-height: 0.72rem;
  font-size: 0.24rem;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
/****************
 * 百度地图
 ***************/
.jio-bdmap-winfo {
  position: relative;
}
.jio-bdmap-winfo p {
  position: relative;
  padding: 8px 0 0 0;
  margin: 0 0 8px 0;
  font-size: 14px;
  line-height: 16px;
  height: 32px;
  overflow: hidden;
  color: #666666;
}
.jio-bdmap-winfo a {
  display: inline-block;
  line-height: 26px;
  padding: 0 10px;
  background: #02a7f0;
  color: #ffffff;
  border-radius: 5px;
  font-size: 12px;
}
/****************************************
 ** ui-page-renova-design-team-list
 ****************************************/
.ui-page-more {
  padding: 0.2rem 3%;
  text-align: center;
  color: #999;
  font-size: 0.24rem;
  line-height: 0.7rem;
}
.ui-page-renova-filter {
  position: relative;
  top: 0;
}
.ui-page-renova-filter .first-level {
  border-bottom: 1px solid #eeeeee;
}
.ui-page-renova-filter .first-level .list {
  display: flex;
}
.ui-page-renova-filter .first-level .list dd {
  flex: 1;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
}
.ui-page-renova-filter .first-level .list dd.active i {
  transform: rotate(180deg);
}
.ui-page-renova-filter .first-level .list dd span {
  vertical-align: middle;
}
.ui-page-renova-filter .first-level .list dd i {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
}
.ui-page-renova-filter .second-level .list {
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
  display: none;
}
.ui-page-renova-filter .second-level .list dd {
  float: left;
  width: 33.33%;
}
.ui-page-renova-filter .second-level .list a {
  display: block;
  line-height: 0.6rem;
  background: #ffffff;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 0 1em;
  margin: 0.1rem;
  border-radius: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: small;
}
.ui-page-renova-design-team-list {
  position: relative;
  background: #f9f9f9;
}
.ui-page-renova-design-team-list .cell {
  display: block;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin: 0.2rem;
  padding: 0.2rem;
}
.ui-page-renova-design-team-list .title h3 {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: #333333;
  word-break: break-all;
}
.ui-page-renova-design-team-list .rank {
  line-height: 0.4rem;
}
.ui-page-renova-design-team-list .tag {
  margin: 0 0 0.1rem -0.2rem;
  line-height: 0.4rem;
  display: flex;
}
.ui-page-renova-design-team-list .tag span {
  position: relative;
  margin: 0 0.2rem;
}
.ui-page-renova-design-team-list .tag span:nth-child(n+2)::before {
  content: '';
  position: absolute;
  left: -0.2rem;
  top: 50%;
  height: 0.2rem;
  margin-top: -0.1rem;
  border-left: 1px solid #bbbbbb;
}
.ui-page-renova-design-team-list .view {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eeeeee;
  background: #f9f9f9;
  padding: 0 0.1rem;
  line-height: 0.45rem;
  border-radius: 3px;
}
.ui-page-renova-design-team-list .view span {
  font-size: 0.24rem;
}
.ui-page-renova-design-team-list .layout-0 .exp {
  margin: 0 0 0 2rem;
}
.ui-page-renova-design-team-list .layout-0 .img {
  float: left;
  width: 1.8rem;
}
.ui-page-renova-design-profile {
  position: relative;
  background: #ffffff;
  padding: 0.2rem;
}
.ui-page-renova-design-profile .cover {
  position: relative;
}
.ui-page-renova-design-profile .cover img {
  display: block;
  width: 100%;
}
.ui-page-renova-design-profile .name {
  padding: 0.2rem 0;
  line-height: 0.4rem;
}
.ui-page-renova-design-profile .name h3,
.ui-page-renova-design-profile .name h4 {
  display: inline-block;
  vertical-align: middle;
  color: #333333;
}
.ui-page-renova-design-profile .name h3 {
  font-size: 0.3rem;
}
.ui-page-renova-design-profile .name h4 {
  color: #666666;
  font-weight: normal;
  margin: 0 0 0 0.1rem;
}
.ui-page-renova-design-profile .profile .item {
  position: relative;
  overflow: hidden;
  margin: 0 0 0.1rem 0;
}
.ui-page-renova-design-profile .profile .item .label {
  float: left;
  width: 7em;
  line-height: 0.4rem;
  white-space: nowrap;
}
.ui-page-renova-design-profile .profile .item .label i {
  color: #f5ca8d;
  margin: 0 0.08rem 0 0;
}
.ui-page-renova-design-profile .profile .item .label span {
  color: #333333;
}
.ui-page-renova-design-profile .profile .item .control {
  margin: 0 0 0 7.5em;
  padding: 0.06rem 0 0 0;
  line-height: 0.34rem;
  color: #666666;
}
.ui-page-renova-design-profile .profile .item .control p {
  word-break: break-all;
}
.ui-page-renova-design-case {
  border-top: 0.3rem solid #eeeeee;
}
.ui-page-renova-design-case .head {
  position: relative;
  padding: 0 0.3rem;
}
.ui-page-renova-design-case .head h2 {
  line-height: 1rem;
  font-size: 0.32rem;
  color: #333333;
}
.ui-page-renova-design-case .list {
  margin: -0.3rem 0 0;
}
.ui-page-renova-design-case .list .cell {
  display: block;
  margin: 0.3rem;
  background: #ffffff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
}
.ui-page-renova-design-case .list .img {
  position: relative;
}
.ui-page-renova-design-case .list .exp {
  padding: 0.2rem;
}
.ui-page-renova-design-case .list .title {
  line-height: 0.4rem;
  color: #333333;
  font-size: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-page-renova-design-case .list .tag {
  line-height: 0.4rem;
  margin: 0 0 0 -0.2rem;
}
.ui-page-renova-design-case .list .tag span {
  position: relative;
  margin: 0 0.2rem;
}
.ui-page-renova-design-case .list .tag span:nth-child(n+2)::before {
  content: '';
  position: absolute;
  left: -0.2rem;
  top: 50%;
  height: 0.2rem;
  margin-top: -0.1rem;
  border-left: 1px solid #bbbbbb;
}
.ui-page-renova-design-random,
.ui-page-renova-example-random {
  border-top: 0.3rem solid #eeeeee;
}
.ui-page-renova-design-random .head,
.ui-page-renova-example-random .head {
  position: relative;
  padding: 0 0.3rem;
}
.ui-page-renova-design-random .head h2,
.ui-page-renova-example-random .head h2 {
  line-height: 1rem;
  font-size: 0.32rem;
  color: #333333;
}
.ui-page-renova-design-random .list,
.ui-page-renova-example-random .list {
  position: relative;
  margin: -0.3rem 0 0 0;
  padding: 0.15rem;
  overflow: hidden;
}
.ui-page-renova-design-random .list .item,
.ui-page-renova-example-random .list .item {
  float: left;
  width: 50%;
}
.ui-page-renova-design-random .list .cell,
.ui-page-renova-example-random .list .cell {
  display: block;
  margin: 0.15rem;
  background: #ffffff;
}
.ui-page-renova-design-random .list .img,
.ui-page-renova-example-random .list .img {
  position: relative;
}
.ui-page-renova-design-random .list .exp,
.ui-page-renova-example-random .list .exp {
  padding: 0.2rem;
  border: 1px solid #eeeeee;
}
.ui-page-renova-design-random .list .title,
.ui-page-renova-example-random .list .title {
  line-height: 0.4rem;
  color: #333333;
  font-size: 0.26rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-page-renova-example-list {
  position: relative;
  background: #f9f9f9;
}
.ui-page-renova-example-list .cell {
  display: block;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin: 0.2rem;
  padding: 0.2rem;
}
.ui-page-renova-example-list .img {
  position: relative;
}
.ui-page-renova-example-list .img .auto-img-box {
  background: #eeeeee;
}
.ui-page-renova-example-list .avatar {
  position: absolute;
  left: 0.2rem;
  bottom: 0.2rem;
}
.ui-page-renova-example-list .avatar img {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%;
  background: #ffffff;
}
.ui-page-renova-example-list .avatar span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0.08rem;
  font-size: 0.26rem;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
}
.ui-page-renova-example-list .exp {
  position: relative;
  padding: 0.1rem 0 0;
}
.ui-page-renova-example-list .title h3 {
  line-height: 0.4rem;
  font-size: 0.3rem;
  font-weight: normal;
  color: #333333;
  word-break: break-all;
}
.ui-page-renova-example-list .tag {
  margin: 0 0 0 -0.2rem;
  line-height: 0.4rem;
  display: flex;
}
.ui-page-renova-example-list .tag span {
  position: relative;
  margin: 0 0.2rem;
}
.ui-page-renova-example-list .tag span:nth-child(n+2)::before {
  content: '';
  position: absolute;
  left: -0.2rem;
  top: 50%;
  height: 0.2rem;
  margin-top: -0.1rem;
  border-left: 1px solid #bbbbbb;
}
.ui-page-renova-example-list .view {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ui-page-renova-example-list .view span {
  display: block;
  border: 1px solid #eeeeee;
  background: #f9f9f9;
  padding: 0 0.1rem;
  line-height: 0.45rem;
  border-radius: 3px;
  font-size: 0.24rem;
}
.ui-page-renova-example-list .layout-0 {
  zoom: 1;
}
.ui-page-renova-example-profile {
  background: #ffffff;
  padding: 0.2rem;
  margin: 0 0 -0.2rem;
}
.ui-page-renova-example-profile .title {
  position: relative;
  line-height: 0.4rem;
  font-size: 0.28rem;
  margin: 0 0 0.1rem;
  text-align: center;
}
.ui-page-renova-example-profile .subtitle {
  text-align: center;
  color: #999999;
  margin: 0 0 0.3rem;
}
.ui-page-renova-example-profile .table {
  position: relative;
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.ui-page-renova-example-profile .table .rows {
  display: flex;
}
.ui-page-renova-example-profile .table .rows:first-child .cell {
  width: 100%;
}
.ui-page-renova-example-profile .table .cell {
  display: flex;
  flex: 1;
}
.ui-page-renova-example-profile .table .cell .label {
  display: block;
  width: 5em;
  padding: 0.1rem;
  line-height: 0.3rem;
  background: #f8f8f8;
  text-align: center;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.ui-page-renova-example-profile .table .cell .value {
  flex: 1;
  padding: 0.1rem;
  line-height: 0.3rem;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.ui-page-renova-example-carousel {
  position: relative;
  background: #ffffff;
  padding: 0.2rem;
  margin: 0 0 -0.2rem;
}
.ui-page-renova-example-carousel .carousel {
  position: relative;
}
.ui-page-renova-example-carousel .carousel-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.1rem;
  text-align: center;
}
.ui-page-renova-example-carousel .carousel-dots li {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  background: #000000;
  opacity: 0.4;
  overflow: hidden;
  text-indent: -99em;
  margin: 0.05rem;
  border-radius: 50%;
}
.ui-page-renova-example-carousel .carousel-dots li.on {
  background: #ffffff;
  opacity: 1;
}
.ui-page-renova-example-designer {
  background: #ffffff;
  padding: 0.2rem;
}
.ui-page-renova-example-designer .block {
  position: relative;
  overflow: hidden;
}
.ui-page-renova-example-designer .image {
  float: left;
  width: 2.4rem;
}
.ui-page-renova-example-designer .image .avatar {
  display: block;
  width: 100%;
}
.ui-page-renova-example-designer .exp {
  margin: 0 0 0 2.6rem;
}
.ui-page-renova-example-designer .exp .item {
  line-height: 0.3rem;
  margin: 0 0 0.1rem;
}
.ui-page-renova-example-designer .exp .item:first-child {
  font-weight: bold;
}
.ui-page-renova-example-designer .exp .item:last-child {
  padding: 0.1rem 0 0 0;
}
.ui-page-renova-example-designer .exp .view {
  display: inline-block;
  line-height: 0.6rem;
  padding: 0 0.3rem;
  background: #ff8712;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  border-radius: 0.6rem;
}
/************************
 ** ui-design-team
 ************************/
.ui-design-team {
  position: relative;
}
.ui-design-team .layout-0 .list {
  padding: 0.2rem 0.1rem 0;
  overflow: hidden;
}
.ui-design-team .layout-0 .item {
  float: left;
  width: 50%;
  margin: 0 0 0.2rem;
}
.ui-design-team .layout-0 .cell {
  display: block;
  margin: 0 0.1rem;
}
.ui-design-team .layout-0 .image {
  position: relative;
}
.ui-design-team .layout-0 .exp {
  padding: 0.1rem;
}
.ui-design-team .layout-0 .exp h3 {
  line-height: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}
/*************************
 ** ui-renova-example
 *******************************/
.ui-renova-example {
  position: relative;
}
.ui-renova-example .layout-0 .list {
  padding: 0.2rem 0.1rem 0;
  overflow: hidden;
}
.ui-renova-example .layout-0 .item {
  float: left;
  width: 50%;
  margin: 0 0 0.2rem;
}
.ui-renova-example .layout-0 .cell {
  display: block;
  margin: 0 0.1rem;
}
.ui-renova-example .layout-0 .image {
  position: relative;
}
.ui-renova-example .layout-0 .exp {
  padding: 0.1rem;
}
.ui-renova-example .layout-0 .exp h3 {
  line-height: 0.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}
.ui-renova-example .layout-1 .swiper-box {
  position: relative;
  overflow: hidden;
  padding: 0.2rem;
}
.ui-renova-example .layout-1 .swiper-container {
  position: relative;
  overflow: hidden;
}
.ui-renova-example .layout-1 .swiper-wrapper {
  position: relative;
  background: #ffffff;
}
.ui-renova-example .layout-1 .swiper-wrapper .swiper-slide {
  position: relative;
}
.ui-renova-example .layout-1 .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 0.2rem 0 0;
}
.ui-renova-example .layout-1 .swiper-pagination span {
  margin: 0 0.05rem;
}
.ui-renova-example .layout-1 .swiper-pagination span.swiper-pagination-bullet-active {
  background: #333333;
}
.ui-renova-example .layout-1 .cell {
  position: relative;
  display: block;
  overflow: hidden;
}
.ui-renova-example .layout-1 .image {
  position: relative;
  width: 100%;
}
.ui-renova-example .layout-1 .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.15rem 0.2rem;
  z-index: 1;
  background-size: contain;
}
.ui-renova-example .layout-1 .exp i {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.8;
}
.ui-renova-example .layout-1 .exp h3 {
  position: relative;
  z-index: 1;
  font-size: 14px;
  line-height: 0.4rem;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MagicZoom  img{width:100%;}
/*# sourceMappingURL=h5.css.map */