html,body { width: 100%; height: 100%; background-color: #fff; margin: 0; padding: 0; font-family: "微软雅黑";} 
.header { width: 100%; height: .88rem; font-size: .36rem; line-height: .88rem; text-align: center;}
.swiper-container1 .swiper-slide { line-height: 0;}
.swiper-container1 .swiper-slide img { width: 100%;}
.container { padding-bottom: 1rem;}
.case { padding: 0 .2rem; padding-top: .4rem;}
.case .title { font-size: .3rem; line-height: 1; color: #323232; text-align: center;}
.case .stitle { font-size: .24rem; line-height: 1; color: #323232; margin-top: .2rem; text-align: center; padding-bottom: .3rem;}
.swiper-container2 .cont { width: 1.96rem; padding: 0 .2rem;}
.swiper-container2 .cont .imgBox { width: 1.96rem; height: 1.96rem; position: relative; overflow: hidden;}
.swiper-container2 .cont .goods { width: 100%; }
.swiper-container2 .cont .right { width: .76rem; height: .76rem; position: absolute; top: 0; right: 0;}
.swiper-container2 .cont .goodsname {  font-size: .2rem; line-height: .28rem; color: #323232; margin-top: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recyclingbroadcast { padding: 0 .4rem; padding-top: .4rem; position: relative;}
.recyclingbroadcast .title { font-size: .3rem; line-height: 1; color: #323232; text-align: center;}
.recyclingbroadcast .stitle { font-size: .24rem; line-height: 1; color: #323232; margin-top: .2rem; text-align: center; padding-bottom: .3rem;}
.recyclingbroadcast .cont { padding: .15rem 0; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;}
.recyclingbroadcast .cont .ctitle { font-size: .26rem; line-height: 1; color: #747474; padding: .15rem 0 .25rem; font-weight:normal; text-align: center; display: flex; display: -webkit-flex;}
.swiper-container3 { height: 2.84rem !important;;}
.swiper-container3 .swiper-slide { height: .26rem !important; font-size: .26rem; line-height: 1; color: #999999; padding: .15rem 0; text-align: center; display: flex; display: -webkit-flex;}
.swiper-container3 .swiper-slide div:first-child,.swiper-container3 .swiper-slide div:last-child { width: 20%;}
.swiper-container3 .swiper-slide div:nth-child(2),.swiper-container3 .swiper-slide div:nth-child(3) { width: 30%;}
.swiper-container3 .swiper-slide div:nth-child(2),.swiper-container3 .swiper-slide div:nth-child(4) { font-size: .26rem; line-height: 1; color: #323232; text-align: center;}
.swiper-container3 .swiper-slide div:nth-child(3) { max-width: 2rem; table-layout:fixed; word-break:break-all; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recyclingbroadcast .table { width: 100%;}
.recyclingbroadcast .table tr th { font-size: .26rem; line-height: 1; color: #747474; padding: .15rem 0 .25rem; font-weight:normal; text-align: center;}
.recyclingbroadcast .table tr td { font-size: .26rem; line-height: 1; color: #999999; padding: .15rem 0; text-align: center;}
.recyclingbroadcast .table tr td:nth-child(2),.recyclingbroadcast .table tr td:nth-child(4) { font-size: .26rem; line-height: 1; color: #323232; text-align: center;}
.recyclingbroadcast .table tr td:nth-child(3) { max-width: 2rem; table-layout:fixed; word-break:break-all; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.proces { padding: 0 .38rem; padding-top: .4rem;}
.proces .title { font-size: .3rem; line-height: 1; color: #323232; text-align: center;}
.proces .stitle { font-size: .24rem; line-height: 1; color: #323232; margin-top: .2rem; text-align: center; padding-bottom: .3rem;}
.proces .cont .item { width: 1.4rem; line-height: 0; float: left; margin-right: .38rem;}
.proces .cont .item:nth-child(4n) { margin-right: 0;}
.proces .cont .item img { width: 1.36rem;}
.proces .cont .item p { font-size: .28rem; line-height: 1; color: #323232; margin-top: .28rem; }
.proces:after { content:""; clear: both; display: block;} 
.recyle { width: 1.28rem; height: 1.28rem; line-height: 0; position: absolute; top: .4rem; right: .4rem;}
.recyle img { width: 100%;}
/* footer */
.footer { width: 100%; height: .98rem;border-top: 1px solid #E9E9E9 !important; background-color: #fff; position: fixed; bottom: 0; left: 0; display: flex; display: -webkit-flex;}
.footer .item { flex: 1; text-align: center;}
.footer .item a { display: inline-block; height: 100%;}
.footer .item div { display: inline-block; height: 100%; float: left; line-height: 0;}
.footer .item div img { height: .42rem; margin-top: .1rem;}
.footer .item div p { font-size: .2rem; line-height: .24rem; color: #747474; margin-top: .1rem;}
.footer .item.act div p { color: #323232;}