@-webkit-keyframes bounce-in{0%{opacity:0}100%{opacity:1}}@keyframes bounce-in{0%{opacity:0}100%{opacity:1}}.navTabBox{width:750rpx;padding:0 40rpx;color:#fff;position:relative}.navTabBox .tabs-box{position:absolute;top:0;display:flex;flex-direction:column;width:90%;background-color:#fff;border-radius:24rpx;z-index:999;-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.navTabBox .tabs-box .box-top{padding:30rpx 20rpx 10rpx 20rpx;display:flex;justify-content:space-between;color:#666;font-size:28rpx}.navTabBox .tabs-box .all-tabs{display:flex;flex-wrap:wrap;padding:20rpx 0;font-size:24rpx}.navTabBox .tabs-box .all-tabs .tabs-style{display:flex;justify-content:center;background:#f2f2f2;border-radius:29px;color:#282828;width:22%;padding:10rpx 20rpx;white-space:nowrap;border-radius:30px;margin:10rpx}.navTabBox .tabs-box .all-tabs .active{background:#fff4f3;color:#e93323;border:1px solid #e93323}.navTabBox .nav_toggle{position:absolute;top:8rpx;right:20rpx}.navTabBox .click{color:#fff}.navTabBox .longTab{display:flex;width:95%;height:100rpx;padding-top:12rpx;padding-bottom:12rpx}.navTabBox .longTab .longItem{height:50rpx;display:inline-block;line-height:50rpx;text-align:center;font-size:30rpx;color:#333;max-width:160rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.navTabBox .longTab .longItem.click{font-weight:700;font-size:30rpx;color:#0fc9c9}.navTabBox .longTab .underlineBox{height:3px;width:20%;display:flex;align-content:center;justify-content:center;transition:.5s}.navTabBox .longTab .underlineBox .underline{width:60rpx;height:4rpx}.bg-color-white{background-color:#0fc9c9}.child-box{width:100%;position:relative;background-color:#fff;box-shadow:0 2rpx 3rpx 1rpx #f9f9f9}.child-box .wrapper{display:flex;align-items:center;padding:20rpx 0;background:#fff}.child-box .child-item{flex-shrink:0;width:140rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:10rpx}.child-box .child-item image{width:90rpx;height:90rpx;border-radius:50%}.child-box .child-item .txt{font-size:24rpx;color:#282828;text-align:center;margin-top:10rpx}.child-box .child-item.on image{border:1px solid rgba(233,51,35,.6)}.child-box .child-item.on .txt{color:#ff7517}.brand-wrapper{flex:1;overflow:hidden;width:690rpx;margin:0 auto;background:#fff;border-radius:12rpx;padding:25rpx}.brand-wrapper .wrapper{display:flex;flex-wrap:wrap;padding-bottom:20rpx}.brand-wrapper .item{display:block;width:146rpx;height:58rpx;line-height:58rpx;text-align:center;background:#f2f2f2;border-radius:28rpx;margin-top:25rpx;padding:0 10rpx;margin-right:19rpx;color:#282828;font-size:24rpx}.brand-wrapper .item:nth-child(4n){margin-right:0}.brand-wrapper .item.on{background:#fff4f3;border:1px solid #e93323;color:#e93323}.brand-wrapper .btns{display:flex;align-items:center;justify-content:center;padding-top:10rpx;font-size:22rpx;color:#999}.brand-wrapper .btns .iconfont{margin-left:10rpx;margin-top:5rpx;font-size:20rpx}.brand-wrapper .mask{z-index:300!important}.brand-wrapper .icon-xiangxia{font-size:20px}