.list_top {
   width: 100%;
   /* height: ; */
}

.list_top_pic {
   width: 100%;
   display: block;
}

.newcenter_list {
   width: 100%;
   /* background: url('../images/list_bg.png') no-repeat;
   background-size: 100% 100%; */
   margin: 0 auto;
   max-width: 750px;
   margin-top: -0.15rem;
   position: relative;
}

/* .newcenter_list:before {
   content: "";
   display: block;
   padding-top: 180%;
} */

.main_con01_list {
   background: url(../images/list_mains.png)no-repeat;
   background-size: 100% 100%;
}

.list_main_height {
   width: 100%;
   height: 11rem;
   position: absolute;
}

.mian_content {
   padding: 5px 11px;
   height: 100%;
   box-sizing: border-box;
}

.item_main {
   width: 8.7rem;
   height: 13rem;
   position: absolute;
   top: 12.3em;
   left: 1rem;
}

.item_main_xy {
   width: 8.7rem;
   height: 13rem;
   position: absolute;
   top: 12.3em;
   left: 1rem;
   /* border: 1px solid red; */
}

.item_con_xy {
   width: 7.7rem;
   height: 10rem;
   /* position: absolute; */
   /* top: 1rem; */
   margin: 0 auto;
}

.itemContent_xy {
   width: 100%;
   /* height: 5rem; */
   height: 91%;
   /* margin-top: .3rem; */
   color: #000;
   line-height: .4rem;
   padding: 0 .2rem;
   font-size: 12px;
   box-sizing: border-box;
}

.commontext-con p {
   text-indent: 28px;
   line-height: 160%;
   font-size: 12px;
}

.commontext {
   height: 100%;
   overflow-y: auto;
}

.item_nav {
   line-height: 1rem;
   width: 7.7rem;
   margin: 0 auto;
   text-align: right;
   color: #5f2d17!important;
   font-weight: 600;
}

.item_con {
   width: 7.7rem;
   height: 8.8rem;
   /* position: absolute; */
   /* top: 1rem; */
   margin: 0 auto;
}

.item_con_f1 {
   width: 7.7rem;
   height: 10rem;
   /* position: absolute; */
   /* top: 1rem; */
   margin: 0 auto;
}

.title {
   font-size: 14px;
   font-weight: 600;
   color: #5f2d17;
   /* line-height: 14px; */
   height: 16px;
   display: inline-block;
   /* border: 1px solid red; */
   line-height: 16px;
}

.biao {
   width: 0.15rem;
   height: 16px;
   margin-right: .1rem;
   display: inline-block;
   background: #b5665b;
   vertical-align: bottom;
}

.itemContent {
   width: 100%;
   /* height: 5rem; */
   height: 100%;
   margin-top: .3rem;
   color: #815e4a;
   line-height: .4rem;
   font-weight: 400;
   padding: 0 .2rem;
   font-size: 12px;
   box-sizing: border-box;
   overflow-y: auto;
   letter-spacing: 1px;
   line-height: 150%;
}

.itemContent img {
   width: 100%!important;
}

.pics {
   width: 100%;
   height: 6rem;
   margin-top: .5rem;
}

.pics img {
   width: 100%;
   height: 100%;
}

.list_main {
   width: 8.5rem;
   height: 13rem;
   margin: 0 auto;
   position: relative;
   left: .4rem;
}

.list_items {
   width: 7.5rem;
   height: 10rem;
   margin: 0 auto;
   padding-top: .1rem;
   position: relative;
}

.navs {
   width: 100%;
   height: .1rem;
   position: relative;
}

.navs:before {
   content: "";
   width: 100%;
   height: 1px;
   position: absolute;
   bottom: 0;
   background: url(../images/line.png)no-repeat;
   background-size: 100% auto;
}

.list_nav {
  color: #5f2d17;
font-weight: 400;
margin: 0 auto;
text-align: right;
width: 7.5rem;
padding-top: .5rem;
box-sizing: border-box;
padding-bottom: .3rem;
}

.list_ul {
   width: 100%;
   height: 100%;
   overflow-y: auto;
}

.list_ul li {
   height: 1rem;
   width: 100%;
   line-height: 1rem;
   position: relative;
}

.list_ul li:before {
   content: "";
   width: 100%;
   height: 1px;
   position: absolute;
   bottom: 0;
   background: url(../images/line.png)no-repeat;
   background-size: 100% auto;
}

.goTo {
   position: absolute;
   bottom: -23px;
   height: 1rem;
   width: 1.2rem;
   right: -0.19rem;
}

.list_02 {
   width: 100%;
   height: 3.8rem;
   margin: 0 auto;
   position: relative;
   background: #3c4663;
}

.footer_list {
   height: 3rem;
   width: 8.7rem;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-top: -1.5rem;
   margin-left: -4.35rem;
}

.commontext-con {
   color: #815e4a!important;
}

@media (prefers-color-scheme: dark) {
   :root {
      --nav-bg-colorr: #5c2313;
   }
}

:root {
   color: var(--font-color)
}

.nav_font {
   color: var(--nav-bg-color);
}

.wb_font {
   color: var(--nav-bg-color);
}

.list_nav {
   color: var(--nav-bg-color);
}

.daohang_color {
   color: var(--nav-bg-color);
}