@charset "utf-8";
@import "page.css";
#shop_lx{width:100%;padding:60px 0;}
#shop_lx .list{margin-top:30px;}
#shop_lx .list ul li{float:left;width:calc((100% - 120px) / 5);text-align:center;margin-right:30px;}
#shop_lx .list ul li:last-child{margin-right:0;}
#shop_lx .list ul li .icon i{width:80px;height:80px;line-height:80px;text-align:center;border-radius:100%;overflow:hidden;background:#84b2ff;font-size:30px;color:#fff;}
#shop_lx .list ul li:nth-child(2) .icon i{background:#ff80b3;}
#shop_lx .list ul li:nth-child(3) .icon i{background:#b288ff;}
#shop_lx .list ul li:nth-child(4) .icon i{background:#28cea0;}
#shop_lx .list ul li:nth-child(5) .icon i{background:#ff4c4e;}
#shop_lx .list ul li:nth-child(6) .icon i{background:#ff8143;}
#shop_lx .list ul li .info big{display:block;font-size:18px;margin-top:20px;}
#shop_lx .list ul li .info small{display:block;font-size:14px;margin-top:10px;line-height:24px;color:#878B99;}

#shop_cj{width:100%;padding:60px 0;background:url("../images/website/shop_cj_bg.png") no-repeat center center;background-size:cover;}
#shop_cj .list{margin-top:30px;}
#shop_cj .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;}
#shop_cj .list ul li:last-child{margin-right:0;}
#shop_cj .list ul li .img{width:100%;overflow:hidden;}
#shop_cj .list ul li .img img{width:100%;}
#shop_cj .list ul li .info{background:#fff;padding:20px;}
#shop_cj .list ul li .info big{display:block;font-size:18px;}
#shop_cj .list ul li .info small{display:block;font-size:14px;margin-top:10px;line-height:24px;color:#878B99;height:100px;}

#shop_gn{width:100%;padding:60px 0;}
#shop_gn .list .item{margin-top:30px;width:48%;background:#f8f8f8;border-radius:6px;padding:40px;position:relative;}
#shop_gn .list .item .num{position:absolute;right:40px;top:110px;font-size:160px;color:rgba(255,255,255,.6);font-style:italic;}
#shop_gn .list .item big{display:block;font-size:18px;}
#shop_gn .list .item i{font-size:14px;color:#ff502e;}
#shop_gn .list .item small{display:block;font-size:14px;color:#666;}
#shop_gn .list .item dl{margin-top:20px;height:90px;}
#shop_gn .list .item dl dd{float:left;width:20%;position:relative;padding-left:15px;}
#shop_gn .list .item dl dd:before{width:4px;height:4px;border:1px solid #ff502e;border-radius:50%;content:"";display:block;position:absolute;left:0;top:13px;}

#shop_fa{width:100%;padding:60px 0;background:#f8f8f8;}
#shop_fa .list{margin-top:30px;}
#shop_fa .list ul li{float:left;width:20%;position:relative;}
#shop_fa .list ul li .img{width:100%;overflow:hidden;}
#shop_fa .list ul li .img img{width:100%;}
#shop_fa .list ul li .info{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;}
#shop_fa .list ul li .info .text{text-align:center;margin:auto auto;}
#shop_fa .list ul li .info .text i{font-size:50px;color:#fff;}
#shop_fa .list ul li .info .text p{font-size:24px;text-align:center;color:#fff;margin-top:30px;}
#shop_fa .list ul li:hover .img img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}

#shop_zz{width:100%;padding:60px 0;}
#shop_zz .wrap{overflow:inherit;}
#shop_zz .list{position:relative;margin-top:30px;}
#shop_zz .list ul li{float:left;width:calc((100% - 120px) / 5);text-align:center;border:1px solid #e8edf2;padding:40px 20px 20px;margin-right:30px;}
#shop_zz .list ul li:last-child{margin-right:0;}
#shop_zz .list ul li .icon i{width:80px;height:80px;line-height:80px;text-align:center;border-radius:100%;overflow:hidden;border:1px solid #e8edf2;font-size:30px;color:#84b2ff;}
#shop_zz .list ul li:nth-child(2) .icon i{color:#ff80b3;}
#shop_zz .list ul li:nth-child(3) .icon i{color:#b288ff;}
#shop_zz .list ul li:nth-child(4) .icon i{color:#28cea0;}
#shop_zz .list ul li:nth-child(5) .icon i{color:#ff4c4e;}
#shop_zz .list ul li:nth-child(6) .icon i{color:#ff8143;}
#shop_zz .list ul li .info big{display:block;font-size:18px;margin-top:20px;}
#shop_zz .list ul li .info small{display:block;font-size:14px;margin-top:10px;line-height:24px;height:80px;color:#878B99;}
#shop_zz .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#shop_lx{padding:.6rem 0;}
	#shop_lx .list{margin-top:0;}
	#shop_lx .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;border:1px solid #e8edf2;padding:.3rem;display:flex;justify-content:space-between;align-items:center;text-align:left;}
	#shop_lx .list ul li .icon{width:1rem;}
	#shop_lx .list ul li .icon i{width:1rem;height:1rem;line-height:1rem;font-size:.4rem;}
	#shop_lx .list ul li .info{width:calc(100% - 1.3rem);}
	#shop_lx .list ul li .info big{font-size:.26rem;margin-top:.1rem;margin-top:0;}
	#shop_lx .list ul li .info small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;}
	
	#shop_cj{padding:.6rem 0;}
	#shop_cj .list{margin-top:0;}
	#shop_cj .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;}
	#shop_cj .list ul li .info{padding:.3rem;}
	#shop_cj .list ul li .info big{font-size:.26rem;}
	#shop_cj .list ul li .info small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;height:auto;}
	
	#shop_gn{padding:.6rem 0;}
	#shop_gn .list{margin-top:0;}
	#shop_gn .list .item{margin-top:.3rem;width:100%;border-radius:.06rem;padding:.3rem;}
	#shop_gn .list .item .num{position:absolute;right:.3rem;top:1rem;font-size:1.6rem;}
	#shop_gn .list .item big{font-size:.26rem;}
	#shop_gn .list .item i{font-size:.21rem;}
	#shop_gn .list .item small{font-size:.21rem;}
	#shop_gn .list .item dl{margin-top:.2rem;height:auto;}
	#shop_gn .list .item dl dd{width:33.33%;padding-left:.15rem;}
	#shop_gn .list .item dl dd:before{width:.04rem;height:.04rem;top:.15rem;}
	
	#shop_fa{padding:.6rem 0;}
	#shop_fa .list{margin-top:.3rem;}
	#shop_fa .list ul li{width:50%;}
	#shop_fa .list ul li .info .text i{font-size:.5rem;}
	#shop_fa .list ul li .info .text p{font-size:.26rem;margin-top:.3rem;}
	
	#shop_zz{padding:.6rem 0;}
	#shop_zz .list{margin-top:0;}
	#shop_zz .list ul li{float:inherit;width:100%;padding:.3rem;margin-right:0;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;}
	#shop_zz .list ul li .icon{width:1rem;}
	#shop_zz .list ul li .icon i{width:1rem;height:1rem;line-height:1rem;font-size:.4rem;}
	#shop_zz .list ul li .info{width:calc(100% - 1.3rem);text-align:left;}
	#shop_zz .list ul li .info big{font-size:.26rem;margin-top:0;}
	#shop_zz .list ul li .info small{font-size:.21rem;margin-top:.1rem;line-height:.34rem;height:auto;}

;}