/* 信息展示页横幅（主导航仍使用全站 header-nav-v2） */
/* 本页专用：保证头部在横幅之上，避免层叠/视觉“压住”导航 */
body #qhee-header {
  position: relative;
  z-index: 1000;
}

.listed-banner {
  position: relative;
  z-index: 0;
  color: #333;
  /* 避免背景或子元素溢出去盖住上方导航的可点区域 */
  isolation: isolate;
}
/* 横幅图仅出现在内容区宽度内（与 res-container 同宽） */
/* 文案块左缘与头部 #logo-v2 对齐：#logo-jyjt 的 margin-left 10px + 左侧集团 logo 显示宽约 128px（与顶栏 .jyjt-logo 一致，可按实际 Logo 宽度改 128px） */
.listed-banner .listed-banner-inner.res-container {
  position: relative;
  max-width: 1100px;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 300px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: calc(10px + 128px);
  padding-right: 24px;
  box-sizing: border-box;
  background: url(../../../image/chain/service/listed-banner.png) no-repeat center center;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}
.listed-banner-panel {
  box-sizing: border-box;
  width: 100%;
  max-width: 520px;
  flex-shrink: 0;
  padding: 26px 32px;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.listed-banner-tit {
  margin: 0 0 14px;
  font-size: 28px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
}
.listed-banner-desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: #444;
}
.listed-banner-cta {
  display: inline-block;
  margin-top: 22px;
  padding: 11px 28px;
  border-radius: 6px;
  background: linear-gradient(180deg, #d4a84b 0%, #9a6f2a 100%);
  color: #fff !important;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.listed-banner-cta:hover {
  opacity: 0.95;
}

.listed-nav {
  border-top: 1px solid #e8e8e8;
  background: #fafafa;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.listed-nav li {
  display: inline-block;
  width: 30%;
}
.listed-nav li a {
  color: #666;
  line-height: 52px;
  font-size: 15px;
  display: block;
  position: relative;
}
.listed-nav li a.curr,
.listed-nav li a:hover {
  color: #c62828;
  font-weight: bold;
}
.listed-nav li a.curr:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

@media (max-width: 767px) {
  .listed-banner .listed-banner-inner.res-container {
    min-height: 240px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    border-radius: 4px;
  }
  .listed-banner-panel {
    max-width: none;
    padding: 18px 16px;
  }
  .listed-banner-tit {
    font-size: 22px;
  }
  .listed-nav li a {
    line-height: 44px;
  }
}

h2{ font-size: 24px; font-weight: normal; text-align: center; }

.feature{ padding-bottom: 50px; padding-top: 50px}
.feature dl{ float: left; width: 25.3%; padding: 0 4%; text-align: center; }
.feature dt{ font-size: 18px; color: #000 }
.feature dd{ color: #666; margin-top: 12px }
.feature i{ display: block; width: 90px; height: 70px; margin: 30px auto 20px; background: url(../../../image/chain/service/02.png) no-repeat 1px -5px }
.feature i.feature-i2{ background-position:  -122px -5px}
.feature i.feature-i3{ background-position:  -242px -5px}

.rule{background: url(../../../image/chain/service/listed-rule.jpg) no-repeat center center #e3e3e3; background-size: 100% 100%; }
.rule h2{ padding: 60px 0 20px;  }
.rule-desc{ text-align: center; font-size: 15px; line-height: 2 }
.rule dl{ background: #949494; background: rgba(67,67,67,0.51); width: 41.6%; padding: 30px 2.5%; margin: 40px 0 80px; min-height: 348px; color: #fff }
.rule dt{ border-bottom:1px solid #b2b0b0; padding-bottom: 25px; margin-bottom: 25px }
.rule dt span{ padding: 0 12px; font-size: 18px; font-weight: bold; line-height: 40px; display: inline-block; background: #04b3ad }
.rule-no dt span{ background: #cd3911 }
.rule dd{ margin-top: 18px; line-height: 1.8; padding-left: 25px; position: relative; }
.rule dd i{ display: block; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../../../image/chain/service/03.png) no-repeat -3px -1px }
.rule-no dd i{ background-position: -44px 0 }

.guide{  }
.guide h2{ padding: 60px 0 40px;  }
.guide-list{background: url(../../../image/chain/service/04.png) no-repeat center 0; background-size: 100% 100%; width: 99.5%; height: 330px; margin: 0 auto }
.guide-list li{ float:left; width: 13.6%; text-align: justify; text-justify: inter-ideograph; }
.guide-list h3{ font-weight: bold; font-size: 16px; margin-top: 48px; }
.guide-list h3 i{ display: none }
.guide-list p{ margin-top: 10px; font-size: 12px; color: #666; line-height: 1.8 }
li.g-01{ margin-left: 10.2% }
li.g-02{ margin-left: 3% }
li.g-03{ margin-left: 2.9%; width: 14.6% }
li.g-04{ margin-left: 3.0% }
li.g-05{ margin-left: 3.7% }

.listed-file{ padding: 110px 0 60px;  }
.listed-file .container{ background: url(../../../image/chain/service/05.jpg) no-repeat right bottom; }
.listed-file h2{}
.listed-file ul{  color: #666; line-height: 2; padding-top: 80px   }
.listed-file p{ margin-top: 20px; padding-bottom: 20px }


/*********pad竖屏************/
@media(max-width:999px){


   .guide-list p{ line-height: 1.5; color: #999 }
}

/*******手机横屏*******/
@media(max-width:767px){



    .feature dl{ width: 31.1%; padding: 0 1.1%; }
   	.feature dt{ font-size: 14px }
   	.feature dd{ font-size: 12px;text-align: justify; text-justify: inter-ideograph;  color: #999}
   	.feature i{ width: 60px; height: 46px; background-size: 217px 52px;  }
   	.feature i.feature-i2{ background-position:  1px -4px}
   	.feature i.feature-i2{ background-position:  -81px -4px}
	.feature i.feature-i3{ background-position:  -161px -4px}

   	.rule-desc{ font-size: 14px }
   	.rule dd{ font-weight: normal; }

	.guide-list{ background: none; height: auto;  border-left: 1px solid #00abe1; margin-left: 5%}
	.guide-list li{ width: 94%; margin-left: 0;margin-top: 20px }
	.guide-list h3{ margin-top: 0 }
   	.guide-list h3 i{ display: inline-block; background: #00abe1; color: #fff; width: 24px; height: 24px; text-align: center; margin-left: -12px; border-radius: 50%; margin-right: 10px }
	.guide-list li p{ margin-left: 17px }

   .listed-file .container{ background-size: 100% auto }
   .listed-file{ padding-top: 60px }
   .listed-file ul{ padding-top: 30px }
}
/******手机竖屏***********/
@media(max-width:479px){


	.feature dl{ width: 100% }
	.feature dt{ font-size: 16px; text-align: left; margin-top: 30px }
	.feature dd{ font-size: 14px; margin-top: 5px }
	.feature i{ width: 45px; height: 35px; background-size: 163px 39px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
	.feature i.feature-i2{ background-position:  0.5px -3px}
   	.feature i.feature-i2{ background-position:  -61px -3px}
	.feature i.feature-i3{ background-position:  -121px -3px}

	.rule dl{ width: 95%; margin-bottom: 20px; min-height: auto }

	.guide h2{  }

    .listed-file{  }
}