body,html{background:#F6F6F6}body ::-webkit-progress-bar,html ::-webkit-progress-bar{width:1px}.nav-area{margin-bottom:0}.pagemain{padding:40px 0;background:#fff}.pagemain .bannisnnd{position:relative;width:1270px;height:700px;margin:0 auto 80px;padding:96px 0 0 375px;overflow:hidden;border-radius:30px}.pagemain .bannisnnd:last-child{margin-bottom:0}.pagemain .bannisnnd .vhlink{position:absolute;width:100%;height:100%;top:0;left:0}.pagemain .bannisnnd .vhlink img{transition:all 1s}.pagemain .bannisnnd .vhlink .more-a{position:absolute;top:20px;right:20px;z-index:2;display:inline-block;width:200px;height:60px}.pagemain .bannisnnd .bing{display:flex;flex-wrap:wrap}.pagemain .pro-item{position:relative;width:200px;height:270px;margin-right:20px;margin-bottom:20px;background:#fff;border-radius:12px;overflow:hidden}.pagemain .pro-item .img-box{width:200px;height:200px;overflow:hidden;background:#CFCFCF}.pagemain .pro-item .img-box img{width:100%;height:100%;transition:all 1s}.pagemain .pro-item .name{display:flex;align-items:center;height:28px;padding:0 10px;margin-bottom:5px;font-size:12px;color:#333;line-height:28px;overflow:hidden}.pagemain .pro-item .name img{position:relative;z-index:2;width:14px;margin-right:2px}.pagemain .pro-item .name span{max-width:calc(100% - 20px);overflow:hidden}.pagemain .pro-item .price-wrap{display:flex;justify-content:space-between;align-items:center;line-height:28px;padding:0 10px}.pagemain .pro-item .price-wrap .price{font-size:18px;color:#333}.pagemain .pro-item .price-wrap .price small{font-size:12px}.pagemain .pro-item .price-wrap .num{font-size:12px;color:#999}.pagemain .pro-item:hover .img-box img{transform:scale(1.1)}.dingbar{position:fixed;right:calc(50% - 700px - 152px);bottom:70px;z-index:9;width:140px;padding:12px 10px;background:#9CBFFF;border-radius:12px;transition:all .5s}.dingbar .top-img{position:absolute;width:106px;height:36px;top:-24px;left:calc(50% - 53px)}.dingbar ul{width:120px;padding:6px 0;background:#FFF;border-radius:12px;font-size:15px;line-height:29px;color:#666;text-align:center}.dingbar ul .ding-item{position:relative;cursor:pointer;user-select:none}.dingbar ul .ding-item span{position:relative;z-index:1}.dingbar ul .active{font-size:19px;font-weight:700;color:#000}.dingbar ul .active::after{content:'';position:absolute;bottom:0;left:calc(50% - 50px);width:100px;height:11px;background:#CAFF37;border-radius:5px}.dingbar .tips-wx-code{width:120px;height:152px;padding-top:5px;margin-top:7px;color:#4A71B9;line-height:1;text-align:center;background:#FFF;border-radius:12px}.dingbar .tips-wx-code img{width:103px;margin-bottom:5px}.dingbar .tips-wx-code .para-1{margin-bottom:4px;font-size:15px;font-weight:700}.dingbar .tips-wx-code .para-2{font-size:12px}@media screen and (max-width:1704px){.dingbar{right:0}}@media screen and (max-width:1490px){.dingbar{right:-7px;transform:scale(.9) translateY(-50%)}}@media screen and (max-width:1360px){.dingbar{right:-18px;transform:scale(.75) translateY(-50%)}}