.list1 {  --gap: 12px;  margin: calc(var(--gap)*-1);}.list1 .list1-li {  width: 49.168%;  padding: var(--gap);}.list1 .list1-box {  height: 100%;  background-color: #ffffff;  box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1);  transition: box-shadow 0.3s;}.list1 .list1-box:hover {  box-shadow: rgba(var(--mcolor2-rgb), 0.2) 0px 0px 30px;}.list1 .list1-box:hover .title {  color: var(--mcolor);}.list1 .list1-box:hover .more-box-c {  opacity: 1;}.list1 .img-box {  --imgpt: 56.14%;  display: block;}.list1 .img-box .time {  display: block;  position: absolute;  left: 0;  bottom: 0;  padding: 0 0.8em;  background-color: var(--mcolor);  font-size: 12px;  font-weight: 500;  line-height: 22px;  color: #FFFFFF;}.list1 .cont {  padding: 18px 24px 20px;}.list1 .h6 {  --lh: 1.66em;  height: calc(var(--lh)*2);  font-size: var(--fs18);  font-weight: 600;  line-height: var(--lh);  color: #181818;}.list1 .h6:hover {  color: var(--mcolor);}.list1 .des {  margin-top: 8px;  --lh: 1.85em;  height: calc(var(--lh)*3);  font-size: var(--fs14);  line-height: var(--lh);  color: #666666;}.list1 .tag-box {  margin-top: 18px;  font-size: var(--fs14);  line-height: 1.57em;  color: #999999;}.list1 .tag-box .line {  margin: 0 0.5em;  height: 0.88em;  width: 1px;  background-color: rgba(153, 153, 153, 0.2);}.list1 .more-box-c {  margin-left: 15px;  opacity: 0;  flex-shrink: 0;  transform: translate(0, 12px);  transition: all 0.3s;}.list1 a:hover {  color: var(--mcolor);}@media (max-width: 1400px) {  .list1 .cont {    padding: 15px 20px;  }}@media (max-width: 992px) {  .list1 {    --gap: 0.12rem;  }  .list1 .img-box .time {    font-size: 0.2rem;    line-height: 1.8em;  }  .list1 .cont {    padding: 0.2rem 0.25rem;  }  .list1 .des {    margin-top: 0.1rem;  }  .list1 .tag-box {    margin-top: 0.15rem;  }}.list2 {  --imgw: 214px;  --gap: 27.7px;}.list2 .list2-li {  width: 100%;}.list2 .list2-li + .list2-li {  margin-top: var(--gap);}.list2 .list2-box:hover .h6 {  color: var(--mcolor);}.list2 .img-box {  --imgpt: 56.075%;  display: block;  width: var(--imgw);}.list2 .cont {  width: calc(100% - var(--imgw));  padding-left: 24px;}.list2 .cont .time {  font-size: var(--fs14);  line-height: 1.57em;  color: var(--mcolor);}.list2 .cont .h6 {  --lh: 1.445em;  margin-top: 5px;  font-size: var(--fs18);  font-weight: 600;  line-height: var(--lh);  color: #181818;}.list2 .cont .h6 .ico-span {  display: inline-block;  vertical-align: top;  margin-right: 6px;  padding: 0 0.5em;  font-size: var(--fs12);  line-height: calc(var(--fs18)*1.445);  font-weight: 600;  color: #ffffff;}.list2 .cont .h6 .hot {  background-color: #d80000;}.list2 .cont .h6 .new {  background-color: var(--mcolor2);}.list2 .cont a:hover {  color: var(--mcolor);}.list2 .cont .des {  margin-top: 6px;  font-size: var(--fs14);  line-height: 1.57em;  color: #666666;}.list2 .tag-box {  margin-top: 16px;  font-size: var(--fs14);  line-height: 1.57em;  color: #999999;}.list2 .tag-box .line {  margin: 0 0.5em;  height: 0.88em;  width: 1px;  background-color: rgba(153, 153, 153, 0.2);}.list2 .tag-box a:hover {  color: var(--mcolor);}@media (max-width: 1700px) {  .list2 {    --imgw: 210px;    --gap: 27px;  }  .list2 .cont {    padding-left: 20px;  }}@media (max-width: 1600px) {  .list2 {    --imgw: 205px;    --gap: 21px;  }  .list2 .cont {    padding-left: 17px;  }}@media (max-width: 1500px) {  .list2 {    --imgw: 200px;    --gap: 18px;  }  .list2 .cont {    padding-left: 15px;  }  .list2 .tag-box {    margin-top: 10px;  }}@media (max-width: 1400px) {  .list2 {    --imgw: 192px;    --gap: 16px;  }  .list2 .cont {    padding-left: 13px;  }  .list2 .tag-box {    margin-top: 5px;  }}@media (max-width: 992px) {  .list2 {    --imgw: 3rem;    --gap: 0.24rem;  }  .list2 .cont {    padding-left: 0.2rem;  }  .list2 .cont .h6 {    margin-top: 0;  }  .list2 .cont .des {    margin-top: 0.05rem;  }  .list2 .cont .tag-box {    margin-top: 0.05rem;  }}.list3 {  --gap: 24px;  --logoboxh: 42px;}.list3 .list3-li {  padding: calc(var(--gap)*0.5);  box-sizing: border-box;}.list3 .list-box {  background: #ffffff;  box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1);  transition: all 0.3s;  background: url(../images/newbg.jpg) no-repeat  bottom;  background-size: 100% auto;}.list3 .list-box:hover {  box-shadow: 4px 4px 20px 0px rgba(43, 51, 168, 0.1); background: url(../images/newbg_hover.jpg) no-repeat  bottom #e4d0ad;background-size: 100% auto;}.list3 .list-box:hover .more-box-c .more-box {  margin-left: 0;  opacity: 1;}.list3 .img-box {  --imgpt: 56.14%;  display: block;}.list3 .cont {  padding: 10px 23px 20px;}.list3 .cont .logo {  display: flex;  height: var(--logoboxh);  align-items: center;}.list3 .cont .logo img {  display: block;  max-height: 100%;}.list3 .cont .title {  --lh: 1.67em;  margin-top: 6px;  height: calc(var(--lh)*2);  font-size: var(--fs18);  font-weight: 600;  line-height: var(--lh);  color: #181818;}.list3 .cont .title:hover {  color: var(--mcolor);}.list3 .cont p{ font-size: var(--fs14) }.list3 .cont .tag-more {  --sizew: 30px;  margin-top: 18px;  font-size: var(--fs14);  line-height: 1.57em;  color: #999999;}.list3 .cont .tag-box {  width: calc(100% - var(--sizew)*1.2);}.list3 .cont .tag-box .line {  margin: 0 0.4em;  height: 0.8em;  width: 1px;  background-color: #999999;  opacity: 0.2;}.list3 .cont .tag-box a:hover {  color: var(--mcolor);}.list3 .cont .more-box-c {  --size: var(--sizew);  position: relative;  height: 1.57em;  width: var(--size);}.list3 .cont .more-box-c .more-box {  transform: translate(0, -50%);  margin-left: calc(var(--size)*-0.5);  position: absolute;  left: 0;  top: 50%;  opacity: 0;  transition: opacity 0.3s, margin 0.3s;}@media (max-width: 1400px) {  .list3 {    --gap: 18px;  }  .list3 .cont {    padding: 10px 18px 12px;  }  .list3 .cont .tag-more {    margin-top: 10px;  }}@media (max-width: 1200px) {  .list3 {    --gap: 14px;    --logoboxh: 38px;  }  .list3 .cont {    padding: 10px 16px 10px;  }  .list3 .cont .title {    --lh: 1.4em;  }  .list3 .cont .tag-more {    line-height: 1.4em;  }  .list3 .cont .more-box-c {    height: 1.4em;  }}@media (max-width: 992px) {  .list3 {    --gap: 0.18rem;    --logoboxh: 0.5rem;  }  .list3 .cont {    padding: 0.2rem 0.2rem 0.2rem;  }  .list3 .cont .title {    --lh: 1.4em;    margin-top: 0.1rem;  }  .list3 .cont .tag-more {    --sizew: 0;    margin-top: 0.1rem;  }  .list3 .cont .more-box-c {    display: none;  }}.list4 {  --icow: 42px;  --gap: 18px;}.list4 .list4-li {  color: #181818;}.list4 .list4-li + .list4-li {  margin-top: var(--gap);}.list4 .list4-li:nth-child(1) .num {  background: rgba(216, 0, 0, 0.06);  color: #D80000;}.list4 .list4-li:nth-child(2) .num {  background: rgba(243, 150, 15, 0.06);  color: #F3960F;}.list4 .list4-li:nth-child(3) .num {  background: rgba(255, 216, 36, 0.06);  color: #FFD824;}.list4 .num {  width: var(--icow);  background: rgba(153, 153, 153, 0.06);  text-align: center;  font-size: var(--fs18);  line-height: var(--icow);  color: #B8B8B8;}.list4 .list4-title {  width: calc(100% - var(--icow));  padding-left: 10px;  font-size: var(--fs14);  line-height: 1.85em;}.list4 .list4-title:hover {  color: var(--mcolor);}@media (max-width: 1200px) {  .list4 {    --icow: 42px;    --gap: 15px;  }  .list4 .list4-title {    line-height: 1.7em;  }}@media (max-width: 992px) {  .list4 {    --icow: 0.8rem;    --gap: 0.25rem;  }  .list4 .list4-title {    padding-left: 0.15rem;  }}.list5 {  --gap: 24px;  margin: calc(var(--gap)*-0.5);}.list5 .list5-li {  padding: calc(var(--gap)*0.5);  box-sizing: border-box;}.list5 .list5-box {  background: #e4d0ad;  box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1);  height: 100%;  transition: all 0.3s;
  border-radius: 15px;
  overflow: hidden;		
}.list5 .list5-box .img-box {  --imgpt: 75%;  display: block;}.list5 .list5-box .icon-span-box {  display: flex;  position: absolute;  left: 0;  bottom: 0;  font-size: var(--fs12);  line-height: 1.83334em;  font-weight: 600;  color: #FFFFFF;}.list5 .list5-box .icon-span-box .icon-span {  padding: 0 0.5em;}.list5 .list5-box .icon-span-box .icon-span + .icon-span {  margin-left: 6px;}.list5 .list5-box .icon-span-box .hot {  background-color: #d80000;}.list5 .list5-box .icon-span-box .new {  background-color: var(--mcolor2);}.list5 .list5-box .sale {  background: #7536FF;}.list5 .list5-box:hover {  box-shadow: 0px 0px 15px 0px rgba(24, 24, 24, 0.3);  background: #3d5743;}.list5 .list5-box:hover a{  color: #fff;}.list5 .list5-box:hover .more-box-c {  transform: translate(0, 0);  opacity: 1;}.list5 .list5-cont {  position: relative;  padding: var(--gap) var(--gap) calc(var(--gap)*0.833);}.list5 .list5-cont .icon-box {  transform: translate(0, -50%);  position: absolute;  top: 0;  right: var(--gap);}.list5 .list5-cont .list5-title {  font-size: var(--fs22);  font-weight: 600;  line-height: 1.36em;  color: #181818;}.list5 .list5-cont a:hover {  color: var(--mcolor);}.list5 .tags-more {  --jtw: 30px;  --lh: 1.57145em;  margin-top: 4px;  font-size: var(--fs14);  line-height: var(--lh);}.list5 .tags {  color: #999999;}.list5 .tags .line {  margin: 0 0.4em;  height: 0.8em;  width: 1px;  background-color: #999999;  opacity: 0.2;}.list5 .more-box-c {  --size: var(--jtw);  transform: translate(-25%, 0);  margin-left: 1em;  flex-shrink: 0;  opacity: 0;  transition: all 0.3s;}.list5 .more-box-c .more-box {  position: relative;  height: var(--lh);  width: var(--lh);}.list5 .more-box-c .jt {  transform: translate(0, -45%);  position: absolute;  left: 0;  top: 50%;}@media (max-width: 1500px) {  .list5 {    --gap: 22px;  }}@media (max-width: 1400px) {  .list5 {    --gap: 20px;  }}@media (max-width: 1300px) {  .list5 {    --gap: 18px;  }}@media (max-width: 992px) {  .list5 {    --gap: 0.24rem;  }  .list5 .list5-cont .icon-box img {    width: 0.8rem;  }  .list5 .tags-more {    --jtw: 0.3rem;    margin-top: 0.1rem;  }}/*# sourceMappingURL=./list.css.map */