.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}
img{width:100%;height:auto;}
.bdb{border-bottom: 10px solid #f4f4f4;}
.w20{margin:0 3%;}
.list_nav{text-align: center;}
.list_nav li{width:33%; height:0.7rem; text-align:center; float: left; line-height:0.68rem;}
.list_nav li a{font-size: 0.28rem; color:#060606; padding-bottom: 10%;}
.list_nav li.on a{border-bottom:2px solid #b910c8;}
.list_xm{padding:1% 3% 3% 3%;}
.list_xm ul li{width:18%; border: 1px solid #8f59b8; float: left; margin-right:1.6%; margin-top:3%; height:0.46rem; line-height:0.46rem; font-size: 0.24rem; text-align:center; color:#8f59b8; position:relative; border-radius:6px; cursor:pointer;}
.list_xm ul li i{position:absolute; width:0.25rem; right: 2%; top: -12%;}
.list_xm ul li:nth-child(5n){margin-right:0;}
.list_xm ul li.on{background:#8f59b8; color:#fff;}
.case_c{padding: 3%;}
.case_c dl{overflow:hidden; padding:0 0 2% 2%;}
.case_c dl dt{width:13.6%;}
.case_c dl dd{width:81%; float: right;}
.case_c dl dd h3{font-size: 0.3rem; color:#000; line-height:1.3; text-align:left;}
.case_c dl dd p{font-size: 0.21rem; color:#a879d0;}
.case_c dl dd p img{width:0.27rem;vertical-align: middle; padding: 0 3% 2px 0;}
.case_c1{padding-bottom:1%;}
.case_c1 img{width:32%; margin-right:1%;}
.case_c1 img:nth-child(3){margin-right:0;}
.case_c2{font-size: 0.21rem; color:#333; line-height:1.5; padding: 1%;}
.case_c2 a{color:#a879d0;}

.case_b{padding: 3% 0; border-bottom: 1px solid #e3e3e3; border-top: 10px solid #f4f4f4;}
.case_b dl{overflow:hidden; padding:0 0 2% 2%;}
.case_b dl dt{width:16.6%;}
.case_b dl dd{width:81%; float: right;}
.case_b dl dd h3{font-size: 0.3rem; color:#000; line-height:1.3; text-align:left;font-weight:normal; padding-bottom:1%;}
.case_b dl dd h3 span{font-size: 0.24rem; color:#666; }
.case_b dl dd p{font-size: 0.18rem; color:#9661c2;}
.case_b dl dd p span{color:#666; margin-right:3%;}
.case_b dl dd p img{width:0.27rem;vertical-align: middle; padding: 0 1% 2px 0;}
.case_b .case_b1{height:0.36rem;}
.case_b .case_b1 span{font-size: 0.21rem; color:#a879d0; display:inline-block; height:0.35rem; line-height: 0.35rem; background:#f1f1f1; margin-right: 1%; padding:0 3%; border-radius:6px;}
.case_b2{padding: 3% 0;}
a.btn{width:65%; height: 0.6rem; line-height:0.6rem; text-align: center; border:1px solid #c2c2c2; margin: 3% auto 0; display:block; font-size: 0.24rem; color:#2cc7c5; border-radius:0.3rem;}
.case_b2_s{margin-bottom:1%;}
.case_b2_s span{display:block; width:1.48rem; height:0.34rem; line-height:0.34rem; color:#fff; background:url(/images/case_new/case_tit.png) no-repeat; background-size:100%; font-size: 0.21rem; text-align:center;}
.demo-gallery img{margin-bottom:2%;}
.case_b2 p{font-size: 0.18rem; line-height:1.5; color: #666666; padding-bottom:2%;}
.case_hot{padding:3% 0; border-bottom:1px solid #e3e3e3;}
.case_hot h2{font-size: 0.36rem; color:#333; padding-bottom:5%; line-height:1.3;}
.case_hot h2 p{font-size: 0.3rem; font-weight:normal;}
.case_hot ul li{width:1.78rem; height:1.78rem; margin-right:0.32rem; float: left; margin-bottom: 3%; background:#f66397; border-radius:50%; text-align:center;}
.case_hot ul li:nth-child(3n){margin-right:0;}
.case_hot ul li a{display:block; width:100%; height:70%; padding-top:30%; color:#fff; font-size: 0.21rem; line-height: 1.3;}
.pad20{padding: 3%; border-bottom:1px solid #e3e3e3;}
.pad20 h3{text-align: left; font-size:0.3rem; color: #333; font-weight:normal;}

.eyeDiary ul{overflow: hidden;padding-top: 0.2rem;}
.eyeDiary ul li{float:left;text-align: center;line-height: 1.2;margin:0 0 0 0.16rem;}
.eyeDiary ul li .tu{position: relative;width: 0.96rem;}
.eyeDiary ul li .tu span{width: 0.96rem;height: 0.96rem;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}
.eyeDiary ul li .tu:before{position: absolute;content: "";width: 0.15rem;height: 0.15rem;background: url("/images/case_new/gou.png") no-repeat;background-size: cover;right: 13%; bottom: 8%;}

.swiper-container{width:100%;}
.eyeZj .zjList .swiper-slide{padding-right:0.2rem; box-sizing:border-box;width: 20%;}
.eyeZj .zjList .swiper-slide a{display: block;position: relative;}
.eyeZj .zjList .swiper-slide a span{position: absolute;width: 100%;background-color: #262433;left: 0;bottom: -0.38rem;color: #fff;text-align: center;line-height: 1.6; font-size: 0.21rem}
.eyeZj .swiper-main{padding-top: 0.2rem;}
.eyeZj .zjList{height: 1.58rem;}
.swiper-container{overflow:hidden;}
.porRecom .porList .swiper-slide{padding:0 0.1rem;}
.porRecom .porList a{display: block;position: relative;width: 1.84rem; margin:0; padding:0;}
.porRecom .porList .swiper-slide a span{position: absolute;width: 90%;background-color: #53cac1;padding:0.06rem 0;left:5%;bottom: -2%;color: #fff;text-align: center;line-height: 1.4;font-weight: bold; font-size: 0.2rem;}
.porRecom .swiper-main{padding-top: 0.2rem;}
.porRecom .porList{height: 2rem;}