.ranking-list{padding:30px 0 50px}.ranking-list .platform-width .content .content-left .platform .platform-area .platform-list,.ranking-list .platform-width .content .content-left .platform .platform-global .platform-list,.ranking-list .platform-width .mobile-tab-box{padding:0 20px}.ranking-list .tab-box .article-tab .tab{box-shadow:inset 0 -1px 0 rgba(0,0,0,.05)}.ranking-list .tab-box .article-tab .tab .tab-l .father-position .position{padding:12px 0}.ranking-list .tab-box .article-tab .tab .tab-l .father-position .position .active:after{bottom:-12px}.ranking-list .tab-box .article-tab .tab .tab-l .father-position .position a{margin-right:42px;position:relative}.ranking-list .tab-box .article-tab .tab .tab-l .father-position .position a:hover{color:#3d3d3d}.ranking-list .tab-box .article-tab .tab .tab-l .father-position .position a:hover:after{background-color:#3d3d3d;bottom:-11px;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.ranking-list .content{align-items:flex-start;display:flex}.ranking-list .content .content-left{flex:1}.ranking-list .content .content-left .list-box{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:2px;margin-bottom:10px;padding:20px}.ranking-list .content .content-left .list-box.platform{background:none;border:none;border-radius:8px;padding:0}.ranking-list .content .content-left .list-box.platform .platform-head{height:70px;padding:0 20px;width:100%}.ranking-list .content .content-left .list-box.platform .platform-head .head-tit{color:#856020;font-size:18px;font-style:normal;line-height:70px}.ranking-list .content .content-left .list-box.platform .platform-area{margin-bottom:22px}.ranking-list .content .content-left .list-box.platform .platform-area,.ranking-list .content .content-left .list-box.platform .platform-global{background:#fff;border:1px solid rgba(0,0,0,.05)}.ranking-list .content .content-left .list-box.platform .platform-area .platform-list,.ranking-list .content .content-left .list-box.platform .platform-global .platform-list{padding:0 20px 20px}.ranking-list .content .content-left .list-box.platform .platform-area .platform-list .list-box-item,.ranking-list .content .content-left .list-box.platform .platform-global .platform-list .list-box-item{background:#fff;margin-bottom:0;padding-top:20px}.ranking-list .content .content-left .list-box.platform .platform-area .platform-list .list-box-item:hover,.ranking-list .content .content-left .list-box.platform .platform-global .platform-list .list-box-item:hover{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fefaf4);cursor:pointer;filter:drop-shadow(0 1px 0 #F0F2F5)}.ranking-list .content .content-left .list-box.platform .platform-global{background:linear-gradient(180deg,#fff5ee 65px,#fff 95px)}.ranking-list .content .content-left .list-box .tag-box{display:flex;flex-wrap:wrap;margin-bottom:20px}.ranking-list .content .content-left .list-box .tag-box p{border:1px solid #dedede;border-radius:4px;color:#3d3d3d;cursor:pointer;font-size:14px;margin:0 10px 12px 0;padding:2px 12px}.ranking-list .content .content-left .list-box .tag-box .p-active{background:#3d3d3d;color:#fff}.ranking-list .content .content-left .list-box .mobile-tag-box{display:none}.ranking-list .content .content-left .list-box .list-box-item{border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;position:relative}.ranking-list .content .content-left .list-box .list-box-item .item-left{align-items:flex-start;display:flex;margin-right:20px}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box{border:1px solid #eee;border-radius:6px;height:78px;margin-right:20px;overflow:hidden;position:relative;width:142px}@keyframes vranimate{0%{background-position:0 0}to{background-position:-544px 0}}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box .vr-box{animation:vranimate 2.04s steps(16) 0s infinite;background:url(https://resources1.interface003.com/web20/img/rankingList/vr-icon.png) 0 0 no-repeat;background-size:auto 34px;bottom:2px;height:34px;position:absolute;right:2px;width:34px}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box .tag{background-color:#2bb351;border-radius:4px 0;color:#fff;font-size:12px;left:0;max-width:142px;overflow:hidden;padding:2px 6px;position:absolute;top:0}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box .icon-bg{display:block;height:80px;left:-2px;position:absolute;top:78px;transition:all .5s;width:146px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box{width:480px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .title{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box{align-items:center;display:flex;margin-bottom:8px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .flag{height:17px;margin-right:6px;width:26px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .flagship{align-items:center;border:1px solid #f16816;border-radius:4px;display:flex;height:18px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .flagship .flagship-left{align-items:center;background-color:#f16816;border-radius:4px 0 0 4px;display:flex;height:18px;justify-content:center;left:-1px;position:relative;width:17px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .flagship .flagship-left p{color:#fff;font-size:12px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .flagship .flagship-right{color:#f16816;font-size:12px;padding:0 5px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .guarantee{margin-left:6px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box{display:none}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .tag{color:#a3a7b2;font-size:14px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .tag .label-common .trader-list-add .list-add-label{font-size:12px}.ranking-list .content .content-left .list-box .list-box-item .item-right{align-items:center;display:flex}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:43px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .text{color:#f16816;font-size:14px;text-align:center}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .num{color:#f16816;font-family:DIN-Medium;font-size:36px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .rate{color:#f16816}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .rate .iconfont{font-size:14px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .score-num-commen .r-score-star{height:39px;width:62px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .score-num-commen .r-score-star .r-score-star-num{bottom:-2px;font-size:32px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left .score-txt{font-size:14px;margin-top:6px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-ind div{background:#fafafa;border-radius:4px;color:#a3a3a3;font-family:DIN-Medium;font-size:18px;padding:4px 0;text-align:center;width:34px}.ranking-list .content .content-left .list-box .list-box-item .browse{background:#d08d1d;border-radius:4px;color:#fff;font-size:16px;padding:1px 8px;position:absolute;right:10px;top:0}.ranking-list .content .content-left .list-box .list-box-item-active:hover .item-left .img-box .icon-bg{top:-3px}.ranking-list .content .content-left .list-box .list-box-list:last-child{border:none;margin-bottom:0}.ranking-list .content .content-left .list-box .list-box-item:hover{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fefaf4);cursor:pointer;filter:drop-shadow(0 1px 0 #F0F2F5)}.ranking-list .content .content-left .wikifxranking-no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px}.ranking-list .content .content-left .wikifxranking-no-data p{color:#ccc;font-size:14px;margin-top:50px}.ranking-list .content .content-left .more{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:2px;color:#3d3d3d;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:12px 0}.ranking-list .content .content-left .more p{color:#000;font-size:16px;font-weight:600}.ranking-list .content .content-left .more:hover,.ranking-list .content .content-left .more:hover p{color:#f16816}.ranking-list .content .content-right{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:4px;margin-left:20px;padding:20px;width:304px}.ranking-list .content .content-right .title{color:#000;font-size:16px;font-weight:600;margin-bottom:14px}.ranking-list .content .content-right .list-box a{align-items:center;background:#f2f5f8;color:#000;cursor:pointer;display:flex;font-size:16px;margin-bottom:10px;padding:8px 10px}.ranking-list .content .content-right .list-box a:hover{color:#b38936;text-decoration:underline}.ranking-list .content .content-right .list-box a img{border-radius:2px;height:26px!important;margin-right:8px;width:26px!important}.ranking-list .content .content-right .list-box p:last-child{margin-bottom:0}@media screen and (max-width:1199px){.ranking-list .tab-box .article-tab .tab .tab-l .father-position .position a{font-size:18px}.ranking-list .tab-box .ranking-list .tab-box .article-tab .tab .tab-l .father-position .position .active:after{bottom:-13px}.ranking-list .content .content-left .mobile-flag-box,.ranking-list .content .content-left .mobile-tag-box,.ranking-list .content .content-right,.ranking-list .mobile-tab-box{display:none}}@media screen and (max-width:999px){.ranking-list .tab-box{margin-left:0;margin-right:0}.ranking-list .tab-box .box{width:710px}.ranking-list .tab-box .box .box-item{font-size:18px}.ranking-list .mobile-tab-box{display:none}.ranking-list .content .content-left{max-width:760px;padding:0}.ranking-list .content .content-left .mobile-tag-box{display:none}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box{width:365px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box,.ranking-list .content .content-right{display:none}}@media screen and (max-width:799px){.ranking-list{min-height:70vh;padding:0 0 30px}.ranking-list .el-dialog__wrapper{background-color:rgba(0,0,0,.4)}.ranking-list .rankingList-dialog{background:#fff;border-radius:16px;box-shadow:0 16px 32px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.05);width:80%}.ranking-list .rankingList-dialog .el-dialog__header{padding-top:18px}.ranking-list .rankingList-dialog .el-dialog__title{color:#3d3d3d;display:block;font-size:18px;font-weight:600;margin:0 auto;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:75%}.ranking-list .rankingList-dialog .el-dialog__headerbtn{left:20px;right:auto}.ranking-list .rankingList-dialog .el-dialog__headerbtn:focus .el-dialog__close,.ranking-list .rankingList-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#f16816}.ranking-list .rankingList-dialog .el-dialog__body{display:flex;flex-wrap:wrap;padding:20px}.ranking-list .rankingList-dialog .el-dialog__body p{background:#f7f7f7;border:none;color:#7a7a7a;cursor:pointer;margin:0 5px 6px 0;padding:5px 12px}.ranking-list .rankingList-dialog .el-dialog__body .p-active{background:#3d3d3d;color:#fff}.ranking-list .tab-box{margin:0 16px}.ranking-list .tab-box .article-tab .tab-m{box-shadow:inset 0 -1px 0 rgba(0,0,0,.05);margin-top:0}.ranking-list .tab-box .article-tab .tab-m .tab-title .father-position .position{padding:15px 0 4px}.ranking-list .tab-box .article-tab .tab-m .tab-title .father-position .position .active:after{bottom:-8px}.ranking-list .mobile-tab-box{border-bottom:1px solid rgba(0,0,0,.1);display:block;margin:0 0 10px}.ranking-list .mobile-tab-box .tab-m{margin-top:0}.ranking-list .mobile-tab-box .tab-m .tab-title .father-position .position{padding:15px 0 4px}.ranking-list .mobile-tab-box .fixed-nav{-webkit-overflow-scrolling:touch;overflow-x:scroll}.ranking-list .mobile-tab-box .fixed-nav .fixed-nav-content{display:flex}.ranking-list .mobile-tab-box .fixed-nav .fixed-nav-content .tab-title{color:#7a7a7a;font-size:16px;font-weight:400;height:44px;line-height:44px;margin-right:22px;white-space:nowrap}.ranking-list .mobile-tab-box .fixed-nav .fixed-nav-content .tab-title-active{border-bottom:1px solid #292929;color:#292929;font-weight:600}.ranking-list ::-webkit-scrollbar{display:none;opacity:0;width:0}.ranking-list ::-webkit-scrollbar-track{background-color:#fff;opacity:0}.ranking-list ::-webkit-scrollbar-thumb{border-radius:0;opacity:0;width:0}.ranking-list .content .content-left{width:100%}.ranking-list .content .content-left .list-box{background-color:#fcfcff;border:none;margin-bottom:0;padding:0}.ranking-list .content .content-left .list-box.platform .platform-area,.ranking-list .content .content-left .list-box.platform .platform-global{background:linear-gradient(180deg,#fff9ee 45px,#fff 80px);border:none}.ranking-list .content .content-left .list-box.platform .platform-area .platform-list .list-box-item,.ranking-list .content .content-left .list-box.platform .platform-global .platform-list .list-box-item{background-color:#fff}.ranking-list .content .content-left .list-box.platform .platform-area .platform-list .list-box-item .item-left .text-box .mobile-flag-box .rate,.ranking-list .content .content-left .list-box.platform .platform-global .platform-list .list-box-item .item-left .text-box .mobile-flag-box .rate{color:#f5bc49}.ranking-list .content .content-left .list-box .tag-box{display:none;margin-bottom:0}.ranking-list .content .content-left .list-box .tag-box p{background:#f7f7f7;border:none;color:#7a7a7a;margin:0 5px 6px 0;padding:5px 12px}.ranking-list .content .content-left .list-box .tag-box .p-active{background:#3d3d3d;color:#fff}.ranking-list .content .content-left .list-box .mobile-tag-box{align-items:center;display:flex;height:70px;overflow:hidden}.ranking-list .content .content-left .list-box .mobile-tag-box p span{color:#3d3d3d}.ranking-list .content .content-left .list-box .list-box-item{border-color:rgba(0,0,0,.05);margin-bottom:0;padding:14px 0}.ranking-list .content .content-left .list-box .list-box-item .item-left{align-items:start;flex:1;margin-right:0;overflow:hidden}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box{height:60px;margin-right:12px;width:96px}@keyframes vranimate{0%{background-position:0 0}to{background-position:-448px 0}}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box .vr-box{background-size:auto 28px;height:28px;width:28px}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box .icon-bg{height:60px;top:67px;width:96px}.ranking-list .content .content-left .list-box .list-box-item .item-left .img-box .tag{max-width:94px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box{flex:1;margin-top:-4px;overflow:hidden;width:auto}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .title{font-size:15px;margin-bottom:5px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box{display:none}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box{align-items:center;display:flex;margin-bottom:5px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box .text{color:#3d3d3d;font-size:12px;margin-right:5px;white-space:nowrap}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box .rate{color:#f16816;margin-right:5px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box .rate .iconfont{font-size:13px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box .num{background:#ffd733;border:.5px solid rgba(51,15,21,.2);border-radius:2px;color:#330f15;font-family:DIN-Medium;font-size:14px;padding:1px 6px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .tag{color:#a3a7b2;font-size:12px}.ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .tag .label-common .trader-list-add .list-add-label{font-size:11px}.ranking-list .content .content-left .list-box .list-box-item .item-right{align-items:center;display:flex}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left{display:none}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-ind div{background:#f5f5f5;border-radius:2px;font-size:14px;padding:2px 7px}.ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-ind img{width:26px}.ranking-list .content .content-left .list-box .list-box-item .browse{font-size:12px;right:0;top:14px}.ranking-list .content .content-left .list-box .list-box-list:last-child{border:none}.ranking-list .content .content-left .list-box.platform .platform-head{height:44px;margin-bottom:0;padding:0 16px}.ranking-list .content .content-left .list-box.platform .platform-head .head-tit{color:#856020;font-size:16px;line-height:44px}.ranking-list .content .content-left .list-box.platform .platform-list{padding:0}.ranking-list .content .content-left .more,.ranking-list .content .content-right{display:none}}html[dir=rtl] .ranking-list .ranking-list .tab-box .article-tab .tab .tab-l .father-position .position a,html[dir=rtl] .ranking-list .tab-box .box .box-item{margin-left:42px;margin-right:0}html[dir=rtl] .ranking-list .content .content-right{margin-left:0;margin-right:20px}html[dir=rtl] .ranking-list .content .content-right .list-box a img{margin-left:8px;margin-right:0}html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-left,html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-left .img-box{margin-left:20px;margin-right:0}html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .browse{left:10px;right:auto}html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .flag-box .flag{margin-left:6px;margin-right:0}html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-right .item-right-left{margin-left:37px;margin-right:0}@media screen and (max-width:799px){html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-left{margin-left:0}html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box .rate,html[dir=rtl] .ranking-list .content .content-left .list-box .list-box-item .item-left .text-box .mobile-flag-box .text{margin-left:5px;margin-right:0}html[dir=rtl] .ranking-list .article-tab .tab-m .tab-title .father-position .position a{margin-left:30px;margin-right:0}}.ranking-list .skybg{background:url(https://resources1.interface003.com/web20/img/home/skylineb.svg) no-repeat 50%}.ranking-list .skybg:hover{background:url(https://resources1.interface003.com/web20/img/home/skylinea.svg) no-repeat 50%}.ranking-list .skytab{background:linear-gradient(180deg,#e5e5e5,#fff)}.ranking-list .skytab .skytab-text{background:linear-gradient(180deg,#e0e0e0,#f4f4f4)}.ranking-list .skytab .skytabimg{display:flex}.ranking-list .skytab .skytabimgactive{display:none}.ranking-list .skytab:hover{background:linear-gradient(180deg,#4a2b00,#8b5f00);border:1px solid #e1b083}.ranking-list .skytab:hover .skytab-text{background:linear-gradient(180deg,#603d02,#8b5f00);border:.5px solid #9a7656}.ranking-list .skytab:hover .skytab-span{color:#f0d3b8}.ranking-list .skytab:hover .skytabimg{display:none}.ranking-list .skytab:hover .skytabimgactive{display:flex}.ranking-list .skytabactive{background:linear-gradient(180deg,#4a2b00,#8b5f00);border:1px solid #e1b083}.ranking-list .skytabactive .skytab-text{background:linear-gradient(180deg,#603d02,#8b5f00);border:.5px solid #9a7656}.ranking-list .skytabactive .skytab-span{color:#f0d3b8}.ranking-list .skytabactive .skytabimg{display:none}.ranking-list .skytabactive .skytabimgactive{display:flex}.ranking-list .overflow-auto::-webkit-scrollbar{height:0}@media screen and (max-width:799px){.ranking-list .label-common .trader-list-add .iconfont{font-size:14px;height:14px;width:14px}}