.top-bar-nav{display:none;height:60px;width:100%;position:fixed;top:60px;left:0;z-index:900;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:50%;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.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:url(/images/rank/pro-top-bg.png) top/1920px 1080px no-repeat #000}.main .main-area{width:1200px;margin:0 auto;padding-bottom:112px}.main .main-area .top{width:1200px;height:553px;border-radius:10px;margin-bottom:10px;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:#fff;background:red;border-radius:13px;position:absolute;right:278px;top:205px}.main .main-area .top .up-time::after{content:'';width:0;height:0;border-left:6px solid red;border-top:4px solid red;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:100px;padding:0 160px}.main .main-area .top .nav-area .nv-item{width:400px;height:178px;transition:all .5s;cursor:pointer}.main .main-area .top .nav-area .nv-item.nav-pro{background:url(/images/rank/t-nos-pro.png) center/400px 178px no-repeat}.main .main-area .top .nav-area .nv-item.nav-pro.selected,.main .main-area .top .nav-area .nv-item.nav-pro:hover{position:relative;transform:translate(0,-29px);background:url(/images/rank/t-s-pro.png) center/400px 178px no-repeat}.main .main-area .top .nav-area .nv-item.nav-supplier{background:url(/images/rank/t-nos-supplier.png) center/400px 178px no-repeat}.main .main-area .top .nav-area .nv-item.nav-supplier.selected,.main .main-area .top .nav-area .nv-item.nav-supplier:hover{position:relative;transform:translate(0,-29px);background:url(/images/rank/t-s-supplier.png) center/400px 178px no-repeat}.main .main-area .top .top-bottom{width:1200px;height:110px;background:linear-gradient(90deg,#FBBC6F,#CBAE8C,#FEEED7);border-radius:10px 10px 0 0;z-index:2}.main .main-area .top .top-bottom .sub-nav{height:70px;border-radius:10px 10px 0 0;background:#FFF6EA;display:flex;justify-content:space-around;align-items:center}.main .main-area .top .top-bottom .sub-nav .sub-nav-item{flex-grow:1;line-height:70px;text-align:center;height:100%;font-size:18px;font-weight:400;color:#000;cursor:pointer;border-right:2px solid #CBAE8C}.main .main-area .top .top-bottom .sub-nav .sub-nav-item:first-child{border-radius:10px 0 0}.main .main-area .top .top-bottom .sub-nav .sub-nav-item:last-child{border-right:none;border-radius:0 10px 0 0}.main .main-area .top .top-bottom .sub-nav .sub-nav-item.selected{background-color:#CBAE8C}.main .main-area .top .top-bottom .sub-nav .sub-nav-item:hover{background:#C9AC8B}.main .main-area .top .top-bottom .t-tips{height:40px;text-align:center;line-height:40px;font-size:14px;font-weight:400;color:#000}.main .main-area .pro-area{background-color:rgba(236,228,217,.9);border-radius:0 0 10px 10px;padding:0 20px}.main .main-area .pro-area .cate-search{display:flex;font-size:16px;font-weight:700;border-bottom:1px solid #A58D72;height:60px;align-items:center}.main .main-area .pro-area .cate-search .cate-label{margin-right:40px;position:relative;color:#333}.main .main-area .pro-area .cate-search .cate-label::after{display:block;content:"";width:1px;height:20px;background:#A58D72;position:absolute;bottom:0;right:-40px}.main .main-area .pro-area .cate-search .cate-box{display:flex}.main .main-area .pro-area .cate-search .cate-box .cate-item{padding:0 25px;position:relative;color:#8F8C89;cursor:pointer}.main .main-area .pro-area .cate-search .cate-box .cate-item.selected,.main .main-area .pro-area .cate-search .cate-box .cate-item:hover{color:#333}.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:#633A16;position:absolute;bottom:-16px;left:calc(50% - 13px)}.main .main-area .pro-area .pro-main{margin-top:20px;padding-bottom:30px}.main .main-area .pro-area .pro-main .pro-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}.main .main-area .pro-area .pro-main .pro-list .img-box{position:relative;overflow:hidden}.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:160px;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 .a_more{position:absolute;top:0;left:0;width:1160px;height:200px}.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 .top-icon{width:65px;height:85px;position:absolute;left:47px;top:0}.main .main-area .pro-area .pro-main .pro-list .pro-item .rank-num{position:absolute;left:0;top:0;width:160px;height:200px;text-align:center;line-height:200px;font-size:60px;font-weight:700;font-style:italic;color:#ccc}.main .main-area .pro-area .pro-main .pro-list .pro-item .ad-supplier{font-size:14px;color:#999;position:absolute;left:0;top:0;width:160px;height:200px;text-align:center;line-height:200px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c{width:376px;height:164px;border-radius:10px;display:flex}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .info1{display:flex;align-items:center}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .info1 .care,.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .info1 .cared{display:inline-block;padding:0 12px;height:25px;border:1px solid #FF6C00;border-radius:13px;text-align:center;line-height:23px;margin-left:20px;user-select:none;cursor:pointer}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .info1 .care{background:#FF6C00;font-size:14px;font-family:PingFang SC;font-weight:400;color:#FFF;z-index:2;position:relative}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .info1 .cared{color:#FF6C00}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .pro-name{text-overflow:ellipsis;max-width:250px;overflow:hidden;font-size:18px;font-weight:700;color:#000;white-space:nowrap}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info{width:194px;height:30px;background:linear-gradient(90deg,rgba(234,182,107,.4) 0,rgba(250,242,231,0) 100%);border-radius:5px 30px 30px 5px;padding:6px 0 0 10px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info .sale-num{display:flex;font-size:14px;font-weight:700;color:#452C18;align-items:center}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info.fhb{width:390px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info .data-fh{display:flex;align-items:center}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .sale-info .data-fh .are{font-size:12px;font-weight:400;color:#000}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .tag-list{display:flex;font-size:12px;font-weight:400;color:#FFF;margin:18px 0 16px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .tag-list .tag-it{height:20px;margin-right:10px;padding:0 8px;line-height:18px;border-radius:3px;border:1px solid #4FBBC8}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .tag-list .tag-it.tag-sl{background:#4FBBC8}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .tag-list .tag-it.tag-gj{color:#4FBBC8}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .tag-list .tag-it.tag-cx,.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .tag-list .tag-it.tag-sc{color:#F60;border:1px solid #F60}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .shop-info{font-size:12px;font-weight:400;color:#000;margin-bottom:14px}.main .main-area .pro-area .pro-main .pro-list .pro-item .left-c .info .shop-info .address{text-overflow:ellipsis;width:370px;overflow:hidden;white-space:nowrap}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c{display:flex;margin-left:18px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro{width:514px;height:164px;display:flex;align-items:center;justify-content:space-between}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro .img-box{border-radius:10px;cursor:pointer;z-index:2;position:relative}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-pro .img-box img{width:164px;height:164px}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info{text-align:center;margin-left:10px}.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:70px;height:165px;background:#DFCFB6;border-radius:10px;font-size:16px;font-weight:400;color:#000;text-align:center;writing-mode:vertical-lr;padding-left:23px;z-index:2;position:relative}.main .main-area .pro-area .pro-main .pro-list .pro-item .right-c .t-info .see-more:hover{background:#998E7D}.main .main-area .pro-area .pro-main .pro-list .pro-item:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.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}