.top-bar-nav{display:none;height:60px;width:100%;position:fixed;top:60px;left:0;z-index:999;transform:translate(0,-132px);transition:transform .3s}.top-bar-nav .main,.top-bar-nav .tab1{width:1250px;border-radius:0 0 10px 10px}.top-bar-nav.animated{transform:translate(0,0)}.top-bar-nav .main{margin:0 auto;background:#FFF6EA;box-shadow:0 10px 9px 1px rgba(102,102,102,.1)}.top-bar-nav .tab1{height:60px;background:#FFF2DE;display:flex;align-items:center;justify-content:space-around}.top-bar-nav .tab1 .tab1-item{width:33.334%;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:all .25s;font-size:20px;color:#333;position:relative;border-radius:0 0 10px 10px}.top-bar-nav .tab1 .tab1-item img{width:30px;height:30px;margin-right:10px}.top-bar-nav .tab1 .tab1-item.active{font-weight:700;background:#D3BB9F}.top-bar-nav .tab1 .tab1-item.active::after{content:'';width:0;height:0;border-left:12px solid transparent;border-top:12px solid #D3BB9F;border-right:12px solid transparent;position:absolute;bottom:-11px;left:calc(50% - 6px)}.top-bar-nav .tab1 .tab1-item:hover{font-weight:700}.main{background-color:#000}.main .main-area{width:1200px;margin:0 auto;padding-bottom:112px}.main .main-area .top{width:1200px;height:481px;border-radius:10px;margin-bottom:10px;background:url(/images/rank/ecommerce-topbg.png) center/1200px 481px no-repeat;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.main .main-area .top .up-time{padding:6px 9px;font-size:12px;font-weight:400;color:#000;background:#E9A823;border-radius:13px;position:absolute;right:225px;top:196px}.main .main-area .top .up-time::after{content:'';width:0;height:0;border-left:6px solid #E9A823;border-top:4px solid #E9A823;border-bottom:4px solid transparent;border-right:6px solid transparent;position:absolute;bottom:-6px;left:25px}.main .main-area .top .nav-area{display:flex;justify-content:space-around;position:relative;top:53px}.main .main-area .top .nav-area .nv-item{width:400px;height:110px;transition:all .5s;cursor:pointer}.main .main-area .top .nav-area .nv-item.nav-dy{background:url(/images/rank/ec-nav-nos-top1.png?0312) center/400px 110px no-repeat}.main .main-area .top .nav-area .nv-item.nav-dy.selected,.main .main-area .top .nav-area .nv-item.nav-dy:hover{position:relative;transform:translate(0,-29px);background:url(/images/rank/ec-nav-s-top1.png?0312) center/400px 110px no-repeat}.main .main-area .top .nav-area .nv-item.nav-tb{background:url(/images/rank/ec-nav-nos-top2.png?0312) center/400px 110px no-repeat}.main .main-area .top .nav-area .nv-item.nav-tb.selected,.main .main-area .top .nav-area .nv-item.nav-tb:hover{position:relative;transform:translate(0,-29px);background:url(/images/rank/ec-nav-s-top2.png?0312) center/400px 110px no-repeat}.main .main-area .top .t-tips{width:1200px;height:53px;background:#1C1C1C;border-radius:10px;text-align:center;line-height:53px;font-size:14px;font-weight:400;color:#FFF;z-index:1}.main .main-area .pro-area{background:#1C1C1C}.main .main-area .pro-area .cate-search{display:flex;font-size:16px;font-weight:700;color:#FFF;height:60px;align-items:center;padding-left:20px}.main .main-area .pro-area .cate-search .cate-label{margin-right:40px;position:relative}.main .main-area .pro-area .cate-search .cate-label::after{display:block;content:"";width:1px;height:20px;background:#FFF6A1;position:absolute;bottom:0;right:-40px}.main .main-area .pro-area .cate-search .cate-box{display:flex;width:1080px;height:60px;align-items:center;overflow:hidden}.main .main-area .pro-area .cate-search .cate-box .cate-item{padding:0 25px;height:20px;position:relative;flex-shrink:0;cursor:pointer}.main .main-area .pro-area .cate-search .cate-box .cate-item.selected::after,.main .main-area .pro-area .cate-search .cate-box .cate-item:hover::after{display:block;content:"";width:26px;height:3px;background:#FFF6A1;position:absolute;bottom:-16px;left:calc(50% - 13px)}.main .main-area .pro-area .pro-main{margin-top:15px;padding-bottom:30px}.main .main-area .pro-area .pro-main .pro-top{display:flex;justify-content:space-around;font-size:16px;font-weight:400;color:#000;padding-top:16px;width:1160px;height:73px;background:#F0C892;border-radius:10px 10px 0 0;margin:0 auto}.main .main-area .pro-area .pro-main .pro-list{position:relative;top:-23px}.main .main-area .pro-area .pro-main .pro-list .img-box{position:relative;overflow:hidden;border-radius:10px}.main .main-area .pro-area .pro-main .pro-list .img-box img{width:100%;height:100%;transition:all 1s}.main .main-area .pro-area .pro-main .pro-list .img-box:hover img{transform:scale(1.1)}.main .main-area .pro-area .pro-main .pro-list .pro-item{width:1160px;height:200px;margin:0 auto 20px;border-radius:10px;display:flex;align-items:center;padding-left:70px;position:relative;background:url(/images/rank/ecommerce-pro-notop3.png) center/1160px 200px no-repeat}.main .main-area .pro-area .pro-main .pro-list .pro-item.top3{background:url(/images/rank/ecommerce-pro-top3.png) center/1160px 200px no-repeat}.main .main-area .pro-area .pro-main .pro-list .pro-item.top3 .left-c{background:#F0D5B0}.main .main-area .pro-area .pro-main .pro-list .pro-item .top-icon{width:65px;height:85px;position:absolute;left:2px;top:0}.main .main-area .pro-area .pro-main .pro-list .pro-item .rank-num{position:absolute;left:0;top:0;width:70px;height:200px;text-align:center;line-height:200px;font-size:32px;margin-left:-3px;font-weight:700;font-style:italic;color:#999}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c{width:395px;height:164px;background:rgba(240,213,176,.3);border-radius:10px;display:flex}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .img-box{width:164px;height:164px;margin-right:15px;cursor:pointer;border-radius:10px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info{padding-top:11px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .pro-name{text-overflow:ellipsis;width:188px;overflow:hidden;-webkit-line-clamp:2;font-size:14px;font-weight:700;color:#000;line-height:15px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .price{font-size:20px;font-weight:700;color:#000;margin:16px 0 11px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .price span{font-size:14px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info{width:194px;background:linear-gradient(90deg,rgba(234,182,107,.4) 0,rgba(250,242,231,0) 100%);border-radius:5px 30px 30px 5px;padding:7px 0 10px 10px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info .sale-num{display:flex;font-weight:400;color:#452C18;align-items:center}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info .sale-num .label{font-size:12px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info .sale-num .data{font-size:16px}.main .main-area .pro-area .pro-main .pro-list .pro-item .arrow{margin:0 18px;width:40px;height:20px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c{display:flex}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro{width:500px;height:164px;background:rgba(240,213,176,.3);border-radius:10px;display:flex;align-items:center;padding:0 15px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro .img-box{margin-right:25px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro .img-box:last-child{margin-right:0}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro img{width:140px;height:140px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info{text-align:center;padding-top:42px;margin-left:15px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info .tx1{font-size:14px;color:#000}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info .tx1 span{font-weight:700}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info .see-more{display:block;width:90px;height:40px;background:#F9F9F9;border:1px solid #F0C892;line-height:38px;border-radius:20px;font-size:14px;font-weight:400;color:#322F2B;text-align:center;margin-top:14px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info .see-more:hover{background:#F0C892}.main .main-area .pro-area .pro-main .pro-list .pro-item:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.4)}.main .main-area .pro-area .pro-main .more-btn{margin:0 auto;cursor:pointer;width:220px;height:60px;text-align:center;line-height:60px;font-size:18px;font-weight:400;color:#FFF;background:url(/images/rank/see-morebg.png) center/220px 60px no-repeat}.footer-01{margin-top:0!important}