/* 公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式公共样式 */
.list8Box{margin: -.3rem -.1rem;padding: .3rem .1rem;}
.list8 .a{ position: relative; z-index: 1;}
.list8 .box2{box-shadow: 2.837px 0.977px .2rem 0px rgba(124, 13, 8, 0.08);padding: 0 .45rem;height: 5.6rem;border-radius: .3rem;display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center; position:relative; z-index: 1; overflow: hidden;}
.list8 .box2::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; z-index: -1; transition: .5s; height: 0;}
.list8 .box2::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; z-index: -1; transition: .5s; width: 0;}
.list8 .imgW{width: 1.9rem;margin: 0 auto .38rem; position: relative;}
.list8 .imgW:before{ content: ""; position: absolute; top: -.16rem; right: -.16rem; bottom: -.16rem; left: -.16rem; border: #a9322c 1px solid; border-radius: .2rem; transition: .5s;}
.list8 .imgBox{ border-radius: 0;}
.list8 .imgBox .img{ padding-bottom: 142%;}
.list8 h3{ font-size: .28rem; color: #333333; transition: .5s;}
.list8 h4{font-size: .18rem;color: #c29c5d;line-height: 1.5;margin: .08rem 0 0; transition: .5s;}
.list8 .p{border-top: #eed6d5 1px solid;padding: .22rem 0 0;margin-top: .16rem;transition: .5s;}
.list8 .p p{ text-align: left;}