.sub .main-area {
  background-color: #f4efef;
}

#subbanner-area {
  margin-top: 0.16rem;
  border-top: 2px solid #f2e6e2;
  padding-top: 0.16rem;
}

.mechanism_left {
  width: 3rem;
  margin-right: 0.24rem;
  position: relative;
  background: #ffffff url(../images/bg-boat.jpg) no-repeat left 20% bottom;
  background-size: 32% auto;
}

.mechanism_left .left-menu {
  height: 100%;
  border-radius: 8px;
}

.mechanism_left .left-menu > ul > li.title span {
  font-size: 0.2rem;
  /* 20px / 100 */
  letter-spacing: 0.02rem;
  /* 2px / 100 */
  font-weight: bold;
  line-height: 0.9rem;
  /* 70px / 100 */
}

.mechanism_left .left-menu > ul > li ul li {
  border-top: 1px solid #f2e6e2;
}

.mechanism_left .left-menu > ul > li.but1 {
  background: #ffffff;
  margin: 0 0.24rem;
  padding: 0.08rem 0;
}

.mechanism_left .left-menu > ul > li.but1 > a,
.mechanism_left .left-menu > ul > li.but1 > span {
  padding: 0.08rem 0.24rem;
  font-size: 0.18rem;
}

.mechanism_left .left-menu > ul > li.but1 > span {
  position: relative;
}

.mechanism_left .left-menu > ul > li.but1 > span::after {
  position: absolute;
  right: 0.24rem;
  /* 20px / 100 */
  top: 50%;
  width: 0.4rem;
  /* 40px / 100 */
  height: 0.4rem;
  /* 40px / 100 */
  display: block;
  transform: translateY(-50%);
  background: url(../images/i-down.png) no-repeat right 0 center;
  background-size: 0.16rem;
  content: "";
  transition: all 0.2s;
}

.mechanism_left .left-menu > ul > li.but1 > span {
  position: relative;
}

.mechanism_left .left-menu > ul > li.but1 > span:after {
  height: 0.12rem;
  /* 14px / 100 */
  width: 0.12rem;
  /* 14px / 100 */
  content: "";
  right: 0.24rem;
  /* 10px / 100 */
  top: 50%;
  background: url(../images/i-down.png) no-repeat center center;
  display: block;
  position: absolute;
  background-size: cover;
  transform: translateY(-50%) rotate(0);
}

.mechanism_left .left-menu > ul > li.but1 {
  border-bottom: 2px solid #f2e6e2;
}

.mechanism_left .left-menu > ul > li.but1 a,
.mechanism_left .left-menu > ul > li.but1 span {
  font-size: 0.16rem;
  display: block;
}

.mechanism_left .left-menu > ul > li.but1 a:hover,
.mechanism_left .left-menu > ul > li.but1 span:hover {
  background-color: #faf7f5;
  cursor: pointer;
  color: #333;
}

.mechanism_left .left-menu > ul > li.but1.on > a,
.mechanism_left .left-menu > ul > li.but1.on > span {
  color: #9E1616;
  font-weight: 500;
}

.mechanism_left .left-menu > ul > li.but1.on ul {
  display: block;
}

.mechanism_left .left-menu > ul > li.but1.on ul .on a {
  color: #9E1616;
}

.mechanism_left .left-menu > ul > li.but1.open > span:after {
  transform: translateY(-50%) rotate(180deg);
}

.mechanism_left .left-menu > ul > li > a,
.mechanism_left .left-menu > ul > li > span {
  display: block;
  overflow: hidden;
}

.mechanism_left .left-menu > ul > li ul {
  display: none;
  color: #333;
}

.mechanism_left .left-menu > ul > li ul a {
  display: block;
  transition: all 0.2s;
  padding-left: 0.4rem;
  /* 20px / 100 */
  padding-right: 0.5rem;
  /* 50px / 100 */
  line-height: 3em;
}

.mechanism_left .left-menu li.title {
  font-weight: bold;
  position: relative;
}

.mechanism_left .left-menu li.title span {
  font-size: 0.18rem;
  display: block;
  color: #fff;
  text-align: center;
  background-color: #9E1616;
  background-position: left 20% center;
  background-repeat: no-repeat;
  background-size: auto 80%;
}

.mechanism_right,
.full_content {
  padding-left: 0.32rem;
  /* 30px / 100 */
  padding-right: 0.32rem;
  /* 30px / 100 */
  min-height: 7rem;
  /* 700px / 100 */
  padding-top: 0.32rem;
  /* 20px / 100 */
  border: 1px solid #f2e6e2;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px 0px;
  border-radius: 8px;
  background-color: #ffffff;
}

.mechanism_right {
  width: calc(100% - 3.24rem);
}

.mechanism_right .conlist li {
  transition: all 0.2s;
}

.mechanism_right .conlist li:hover {
  background-color: #fafafa;
}

.current-area {
  border-bottom: 1px solid #6b4f48;
  padding-bottom: 0.16rem;
}

.current-area .cur {
  padding-left: 0.2rem;
  background: url(../images/i-cur.png) no-repeat left top 0.02rem;
  /* 2px / 100 */
  color: #8d8d8d;
}

.current-area .cur a,
.current-area .cur span {
  color: #8d8d8d;
  font-size: 14px;
}

#content_detail {
  padding-bottom: 0.4rem;
  /* 40px / 100 */
  padding-top: 0.4rem;
  /* 40px / 100 */
  text-indent: 2em;
}

#content_detail .desc p {
  line-height: 2;
  font-size: 0.16rem !important;
  /* 18px / 100 */
  color: #1a1a1a;
}

#content_detail .desc p:has(img) {
  text-indent: 0;
}

#content_detail .desc p span {
  font-size: 0.16rem !important;
  /* 18px / 100 */
}

#content_detail .desc p img {
  max-width: 100%;
  height: auto !important;
}

#content_detail .desc p table {
  display: block;
  margin: 0 auto;
}

#content_detail .info {
  font-size: 0.14rem;
  /* 14px / 100 */
  padding-bottom: 0.1rem;
  /* 10px / 100 */
  color: #666666;
  border-bottom: 0.01rem solid #f0f0f0;
  /* 1px / 100 */
  margin-bottom: 1.562vw;
  text-align: center;
}

#content_detail .info span {
  margin: 0 0.1rem;
  /* 10px / 100 */
}

#content_detail .title {
  font-size: 0.22rem;
  /* 22px / 100 */
  text-align: center;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 0.3rem;
  /* 30px / 100 */
}

#content_detail .attach {
  margin-top: 0.24rem;
  font-size: 0.16rem;
}

#content_detail .attach span, #content_detail .attach a {
  font-size: 0.16rem;
}

#content_detail .con_bottom {
  text-indent: 0;
  margin-top: 0.4rem;
  border-top: 1px dotted #6b4f48;
  font-size: 0.16rem;
  color: #666;
  line-height: 2;
  padding-top: 0.24rem;
}