.shop-container{background:#f7f7f7}
.shop-container .w1180{width:1180px;min-width:1180px;margin:0 auto}
.shop-container .jp-box{padding:30px 0}
.shop-container .jp-box .tit{text-align:center}
.shop-container .jp-box .tit strong{font-size:24px}
.shop-container .jp-box .tit p{font-size:12px;color:#666;line-height:40px;margin-bottom:30px}
.shop-container .jp-box ul{display:flex;flex-wrap:wrap;margin-bottom:10px}
.shop-container .jp-box ul li{width:286px;margin-right:12px;height:320px;background:#fff;margin-bottom:20px}
.shop-container .jp-box ul li:nth-of-type(4n){margin-right:0}
.shop-container .jp-box ul li img{display:block;background:blue;width:100%;height:150px;margin-bottom:15px}
.shop-container .jp-box ul li p{font-weight:600;padding:0 20px;height:70px;font-size:16px}
.shop-container .jp-box ul li .btns{padding:15px 20px;display:flex;justify-content:space-between}
.shop-container .jp-box ul li .btns .freeBtn{display:block;background:red;color:#fff;width:42%;text-align:center;font-size:12px;padding:10px 0;cursor:pointer}
.shop-container .jp-box ul li .btns .askBtn{display:block;background:#fff;color:red;width:46%;text-align:center;font-size:12px;padding:10px 0;border:1px solid red;box-sizing:border-box;cursor:pointer}
.shop-container .jp-box .call{display:block;background:#fff;color:red;text-align:center;font-size:12px;padding:7px 0;border:1px solid red;box-sizing:border-box;cursor:pointer;margin:0 auto;border-radius:20px;width:160px}
.shop-container .star-box{padding:30px 0;background:#fff}
.shop-container .star-box .tit{text-align:center}
.shop-container .star-box .tit strong{font-size:24px}
.shop-container .star-box .tit p{font-size:12px;color:#666;line-height:40px;margin-bottom:30px}
.shop-container .star-box ul{display:flex;flex-wrap:wrap;margin-bottom:10px}
.shop-container .star-box ul li{background:#666;width:286px;margin-right:12px;height:350px;margin-bottom:20px;padding:15px;box-sizing:border-box;position:relative;background-size:cover}
.shop-container .star-box ul li:nth-of-type(4n){margin-right:0}
.shop-container .star-box ul li .info{color:#fff;position:absolute;bottom:5px;height:80px}
.shop-container .star-box ul li .info strong{font-size:20px;margin-bottom:10px;display:block}
.shop-container .star-box ul li .info p{font-size:12px;border-left:1px solid #fff;padding-left:10px}
.shop-container .response-box{padding:30px 0;background:#f7f7f7}
.shop-container .response-box .tit{text-align:center}
.shop-container .response-box .tit strong{font-size:24px}
.shop-container .response-box .tit p{font-size:12px;color:#666;line-height:40px;margin-bottom:30px}
.shop-container .response-box>ul{margin-bottom:40px}
.shop-container .response-box>ul li{padding:15px;background:#fff;display:flex;margin-bottom:20px}
.shop-container .response-box>ul li img{background:#666;height:160px;width:240px;margin-right:20px}
.shop-container .response-box>ul li .detail{flex:1}
.shop-container .response-box>ul li .detail strong{font-size:20px}
.shop-container .response-box>ul li .detail .info{line-height:40px}
.shop-container .response-box>ul li .detail .info span{color:#666}
.shop-container .response-box>ul li .detail p{line-height:30px;width:700px;word-wrap:break-word}
.shop-container .response-box .history{background:#5e5e5e;padding-top:50px}
.shop-container .response-box .history p a{color:#fff}
.shop-container .response-box .history strong{font-size:40px;color:#fff;display:block;text-align:center;margin-bottom:20px}
.shop-container .response-box .history .his-detail{padding:60px 30px;box-sizing:border-box;display:flex;justify-content:space-between}
.shop-container .response-box .history .his-detail .l{width:428px;margin-right:66px}
.shop-container .response-box .history .his-detail .l p{color:#E3E3E3;font-size:14px;line-height:30px;display:flex;align-items:center}
.shop-container .response-box .history .his-detail .l p img{display:block;width:16px;height:16px;margin-right:20px}
.shop-container .response-box .history .his-detail .r{flex:1}
.shop-container .response-box .history .his-detail ul{display:flex;flex-wrap:wrap}
.shop-container .response-box .history .his-detail ul li{margin-right:10px;border:1px solid #dedede;margin-bottom:10px}
.shop-container .response-box .history .his-detail ul li:nth-of-type(3n){margin-right:0}
.shop-container .response-box .history .his-detail ul li img{width:200px;height:200px;display:block}
.shop-container .response-box .history .about{font-size:16px;color:#fff;text-align:center}
.wx-dialog{position:fixed;z-index:9999;background:rgba(0,0,0,.2);left:0;top:0;right:0;bottom:0}
.wx-dialog .inner{width:420px;height:446px;background:#fff;position:fixed;left:50%;margin-left:-250px;top:50%;margin-top:-180px;border-radius:10px;z-index:9999999999}
.wx-dialog .inner .t{text-align:center;height:60px;line-height:72px;border-bottom:1px solid #eee;width:340px;margin:0 auto;position:relative}
.wx-dialog .inner .n{text-align:center}
.wx-dialog .wx-code{display:block;width:320px;height:430px;margin:30px auto}
.wx-dialog .close{width:18px;height:18px;right:-68px;position:absolute;top:10px;cursor:pointer}
.video-dialog{position:fixed;z-index:9999;background:rgba(0,0,0,.2);left:0;top:0;right:0;bottom:0}
.video-dialog .inner{width:900px;height:600px;background:#fff;position:fixed;left:50%;margin-left:-450px;top:50%;margin-top:-300px;z-index:9999999999}
.video-dialog .inner .t{height:40px;border-bottom:1px solid #eee;margin:0 auto;position:relative;line-height:40px;padding-left:15px}
.video-dialog .close{width:18px;height:18px;right:10px;position:absolute;top:10px;cursor:pointer}
.ask-dialog{position:fixed;z-index:9999;background:rgba(0,0,0,.2);left:0;top:0;right:0;bottom:0}
.ask-dialog .inner{width:480px;height:230px;background:#fff;position:fixed;left:50%;margin-left:-240px;top:50%;margin-top:-115px;z-index:9999999999}
.ask-dialog .inner .t{height:80px;margin:0 auto;position:relative;line-height:80px;padding-left:15px;text-align:center;font-size:18px;font-weight:600}
.ask-dialog .inner .m{color:#666;font-size:14px;text-align:center;padding:0 58px;line-height:24px;margin-bottom:30px}
.ask-dialog .close{width:18px;height:18px;right:10px;position:absolute;top:10px;cursor:pointer}
.ask-dialog .inner .ok-btn{background:red;color:#fff;width:90px;height:30px;text-align:center;line-height:30px;margin:0 auto;cursor:pointer}
.video-root-box{height:150px;background:#262626;padding:20px 30px;box-sizing:border-box;justify-content:center;display:flex;align-items:center}
.video-root-box-cent {
    padding: 20px 5px;
    width: 1500px;
    background: #4c4c4c;
    display: flex;
    justify-content: space-between;
}
.video-root-box .l p{font-size:20px;color:#fff;margin-bottom:15px}
.video-root-box .l .info {
    font-size: 14px;
    color: #8F8F8F;
    display: flex;
    align-items: center;
    padding-top: 15px;
}
.video-root-box .l .info span{margin-right:40px}
.video-root-box .l .info strong{margin-right:30px;margin-top:-3px}
.video-root-box .l .info a{color:#8F8F8F;margin-right:30px;display:flex;align-items:center}
.video-root-box .l .info a img{width:20px;margin-right:5px}
.video-root-box .r .root{width:490px;height:96px;background:#FD4E4E;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-right:15px;box-sizing:border-box}
.video-root-box .r .root img{width:60px;height:60px}
.video-root-box .r .root .price{color:#fff;line-height:30px}
.video-root-box .r .root .price strong{font-size:20px;display:block}
.video-root-box .r .root .price span{font-size:16px}
.video-root-box .r .root .free{width:210px;height:50px;background:#fff;text-align:center;line-height:57px;color:#FD4E4E;font-size:16px}