.recommend-wrapper .wrap .box-footer,.recommend-wrapper .wrap .box-footer .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.recommend-wrapper{background-color:#f5f5f5}.recommend-wrapper .wrap{width:1226px;margin:0 auto;padding-bottom:100px}.recommend-wrapper .wrap .box-header:after,.recommend-wrapper .wrap .box-header:before{position:absolute;content:"";border-top:1px solid #e0e0e0;top:50%;width:30%}.recommend-wrapper .wrap .box-header{position:relative;text-align:center;margin-bottom:20px}.recommend-wrapper .wrap .box-header .title{height:50px;font-size:30px;font-weight:400;color:#757575}.recommend-wrapper .wrap .box-header:before{left:0}.recommend-wrapper .wrap .box-header:after{right:0}.recommend-wrapper .wrap .box-header.noline:after,.recommend-wrapper .wrap .box-header.noline:before{border-top:none}.recommend-wrapper .wrap .box-body{width:1226px;overflow:hidden}.recommend-wrapper .wrap .box-body .goodsList-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods{-ms-flex-negative:0;flex-shrink:0;width:232px;height:300px;margin-right:14px;margin-bottom:14px;background-color:#fff;text-align:center}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods:hover .comment-count{display:none}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods:hover .btn-addcart{display:block}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods .thumb{width:140px;height:140px;cursor:pointer;padding:40px 0 15px;height:145px}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods .name{color:#333;max-width:210px;margin-bottom:10px;font-weight:400;cursor:pointer;padding:0 10px}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods .price{margin-bottom:10px;color:#ff6700}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods .comment-count{color:#757575}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods .btn-addcart{border:1px solid #ff6700;background-color:#fff;color:#ff6700;width:120px;height:28px;line-height:28px;font-size:12px;margin:0 auto;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;display:none}.recommend-wrapper .wrap .box-body .goodsList-wrap .goods .btn-addcart:hover{background-color:#ff6700;color:#fff}.recommend-wrapper .wrap .box-footer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}.recommend-wrapper .wrap .box-footer .item{width:30px;height:30px;cursor:pointer;margin:0 10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.recommend-wrapper .wrap .box-footer .item:hover .pager{background-color:#ff6700}.recommend-wrapper .wrap .box-footer .item.active{cursor:default}.recommend-wrapper .wrap .box-footer .item.active .pager{background-color:transparent;border:2px solid #ff6700}.recommend-wrapper .wrap .box-footer .item .pager{width:5px;height:5px;background-color:#b0b0b0;border-radius:50%}.wrapper{background-color:#f5f5f5;padding:40px 0 60px}.wrapper .wrap{width:1226px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:400px}.wrapper .wrap .left{width:506px;background-color:#83c44e;text-align:center}.wrapper .wrap .left .title{font-size:48px;color:#fff;line-height:1;margin-top:70px;margin-bottom:10px}.wrapper .wrap .left .amount{margin:20px 0 30px;color:#ff0}.wrapper .wrap .left .amount .value{font-size:24px}.wrapper .wrap .left .btn-detail{margin:0 auto 42px;border:1px solid #fff;background:transparent;color:#fff;width:158px;height:38px;line-height:38px;text-align:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.wrapper .wrap .left .btn-detail:hover{opacity:.8}.wrapper .wrap .left .tips{font-size:12px}.wrapper .wrap .left .tips span{display:block}.wrapper .wrap .right{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;padding:50px 60px;position:relative}.wrapper .wrap .right .detail-item{line-height:24px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.wrapper .wrap .right .detail-item .name{color:#b0b0b0}.wrapper .wrap .right .detail-item .value{max-width:420px;max-height:240px;overflow:hidden;color:#757575}.wrapper .wrap .right .detail-item .value span{display:block}.wrapper .wrap .right .qrcode-wrap{width:94px;position:absolute;right:40px;bottom:25px;text-align:center}.wrapper .wrap .right .qrcode-wrap .qrcode{width:86px;height:86px}.wrapper .wrap .right .qrcode-wrap .tips{margin-top:5px;font-size:12px}