.box-container{background:#ebeef1}.box-container *{-moz-box-sizing:border-box;box-sizing:border-box}.box-container img{vertical-align:top}.box-container .box-banner img{width:100%}.box-container .box-wrapper{position:relative;padding-bottom:100px}.box-container .box-wrapper::before{content:url(../assets/images/bg-left-top.png);position:absolute;top:0;left:0}.box-container .box-wrapper::after{content:url(../assets/images/bg-right-bottom.png);position:absolute;bottom:0;right:0}.box-container .box-main-wrapper{width:1200px;margin:auto;position:relative;z-index:1}.box-container .box-main-wrapper>.nav *{color:#151f2c}.box-container .nav{font-size:12px;color:#151f2c;padding:24px 0 30px}.box-container .box-1-wrapper .title-wrapper{height:85px;background:-webkit-radial-gradient(circle,#7a8ca2 50%,#3f4853);background:radial-gradient(circle,#7a8ca2 50%,#3f4853);border-radius:6px 6px 0 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.box-container .box-1-wrapper .title-wrapper .title{position:relative;background-color:#8697aa;border-radius:25px;border:solid 2px #9fadbd;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.box-container .box-1-wrapper .title-wrapper .title i{background-color:#40566e;border-radius:25px;width:250px;height:46px;position:absolute;top:0;left:0;-webkit-transition:all .2s;transition:all .2s}.box-container .box-1-wrapper .title-wrapper .title i.active{left:250px}.box-container .box-1-wrapper .title-wrapper .title span{position:relative;width:250px;height:46px;font-size:16px;color:#fff;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.box-container .box-1-wrapper .box-content-wrapper{background:-webkit-linear-gradient(319deg,#2c3746 50%,#777776);background:linear-gradient(131deg,#2c3746 50%,#777776);box-shadow:0 0 0 0 #000;border-radius:0 0 6px 6px}.box-container .box-1-wrapper .box-content-wrapper .box-content{height:700px;padding:30px 10px}.box-container .box-1-wrapper .box-content-wrapper .box-content .scroll-content{height:100%;width:100%;padding:0 17px;overflow-y:auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item{width:160px;margin:0 14px 30px 15px;position:relative}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item .item-top{height:100px;background-image:-webkit-linear-gradient(bottom,#adadaa 0,#757574 50%,#424244 100%),-webkit-linear-gradient(#274060,#274060);background-image:linear-gradient(0deg,#adadaa 0,#757574 50%,#424244 100%),linear-gradient(#274060,#274060);background-blend-mode:normal,normal;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item .item-top .placeholder{width:6px;height:100%}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item .item-top .img{-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:100%;padding:12px 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item .item-top .img img{max-width:100%;height:100%;object-fit:contain;-webkit-filter:drop-shadow(0 7px 3px #797878);filter:drop-shadow(0 7px 3px #797878)}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item p{margin-top:12px;font-size:14px;color:#fff;word-break:keep-all}.box-container .box-1-wrapper .box-content-wrapper .box-content .box-content-item:hover .item-top{box-shadow:5px 4px 8px 0 rgba(0,0,0,.6)}.box-container .box-2-wrapper{border-radius:6px;background:-webkit-linear-gradient(top,#607792,#4f5b6b,#2e3745,#36373b);background:linear-gradient(180deg,#607792,#4f5b6b,#2e3745,#36373b);padding:24px 30px 48px;margin-top:20px}.box-container .box-2-wrapper>.row-title{font-size:18px;color:#fff;font-weight:700;padding-bottom:24px;border-bottom:1px solid #ffffff38;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.box-container .box-2-wrapper>.row-title a{color:#fff;font-size:14px}.box-container .box-2-wrapper>.row-title>span>span{font-size:14px;color:rgba(255,255,255,.2);margin-left:26px;cursor:pointer;position:relative}.box-container .box-2-wrapper>.row-title>span>span.active{font-weight:700;color:#fff}.box-container .box-2-wrapper>.row-title>span>span.active::after{content:'';position:absolute;width:21px;height:5px;background-color:#028eea;border-radius:3px;bottom:-2px;left:5px}.box-container .box-2-wrapper .im-king{height:140px;margin-top:25px;margin-bottom:60px;overflow:hidden;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex}.box-container .box-2-wrapper .im-king ul{position:absolute;top:0;left:0;display:-webkit-flex;display:-ms-flexbox;display:flex}.box-container .box-2-wrapper .im-king .box-item{width:318px;background-color:rgba(255,255,255,.2);box-shadow:5px 4px 8px 0 rgba(0,0,0,.2);border-radius:0 3px 3px 0;display:-webkit-flex;display:-ms-flexbox;display:flex;float:left;margin-right:30px}.box-container .box-2-wrapper .im-king .box-item .placeholder{width:6px;height:140px}.box-container .box-2-wrapper .im-king .box-item .item-content{-webkit-flex:1;-ms-flex:1;flex:1;width:0;padding:12px 0 20px 12px;position:relative}.box-container .box-2-wrapper .im-king .box-item .item-content .time{font-size:12px;color:#e3e3e3;text-align:right;font-weight:100;padding-right:10px}.box-container .box-2-wrapper .im-king .box-item .item-content .bg{position:absolute;opacity:.3;height:112px;max-width:100%;display:block;object-fit:contain;top:52%;right:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.box-container .box-2-wrapper .im-king .box-item .item-content .info{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:5px;height:78px;background-repeat:no-repeat;position:relative}.box-container .box-2-wrapper .im-king .box-item .item-content .info .user{width:71px;padding-right:8px;border-right:1px solid #667e9994;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.box-container .box-2-wrapper .im-king .box-item .item-content .info .user img{width:50px;height:50px;border-radius:100%}.box-container .box-2-wrapper .im-king .box-item .item-content .info .user p{font-size:14px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.box-container .box-2-wrapper .im-king .box-item .item-content .info .gun{margin-left:10px;-webkit-flex:1;-ms-flex:1;flex:1;width:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative}.box-container .box-2-wrapper .im-king .box-item .item-content .info .gun .name{font-size:16px;line-height:18px;color:#fff;word-break:break-all;font-weight:700;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.box-container .box-2-wrapper .im-king .box-item .item-content .info .gun .skin{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.box-container .box-2-wrapper .im-king .box-item .item-content .info .gun .skin img{width:23px;max-height:20px;margin-right:10px}.box-container .box-2-wrapper .im-king .box-item .item-content .info .gun .skin p{font-size:14px;color:#e3e3e3;font-weight:100;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.box-container .box-2-wrapper .list-rank{margin-top:30px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.box-container .box-2-wrapper .list-rank li{border-right:1px solid rgba(255,255,255,.2);padding:0 15px}.box-container .box-2-wrapper .list-rank li:first-child{padding-left:0}.box-container .box-2-wrapper .list-rank li:last-child{border:0;padding-right:0}.box-container .box-2-wrapper .list-rank .li-content{width:360px;min-height:730px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.box-container .box-2-wrapper .list-rank .list-title{padding-bottom:10px;text-align:center;font-size:16px;color:#fff}.box-container .box-2-wrapper .list-rank .list-item{margin-top:25px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.box-container .box-2-wrapper .list-rank .list-item .index{margin-left:16px;font-size:14px;color:#fff;width:20px;text-align:center}.box-container .box-2-wrapper .list-rank .list-item .avator{width:28px;height:28px;border-radius:100%;object-fit:cover;margin-left:28px}.box-container .box-2-wrapper .list-rank .list-item .name{font-size:14px;color:#fff;margin-left:11px}.box-container .box-2-wrapper .list-rank .list-item .total{margin-left:auto;margin-right:19px}.box-container .box-2-wrapper .list-rank .list-item[class*=list-item_]{height:100px;background-color:rgba(255,255,255,.2);box-shadow:5px 4px 8px 0 rgba(0,0,0,.2);border-radius:6px;margin-top:10px}.box-container .box-2-wrapper .list-rank .list-item[class*=list-item_] .icon{margin-left:13px;width:30px;height:29px}.box-container .box-2-wrapper .list-rank .list-item[class*=list-item_] .avator{width:50px;height:50px;margin-left:15px}.box-container .box-2-wrapper .list-rank .list-item[class*=list-item_] .name{font-size:14px}.box-container .box-2-wrapper .list-rank .list-item[class*=list-item_] .total{font-size:22px}.box-container .box-2-wrapper .list-rank .list-item.list-item_top .total{color:#ffd200}.box-container .box-2-wrapper .list-rank .list-item.list-item_normal .total{color:#d9d9d9}.box-container .box-2-wrapper .list-rank .list-item.list-item_mark .total{color:#dc942a}.box-container .box-2-wrapper .today-recommend-title{margin-top:62px}.box-container .box-2-wrapper .today-recommend{margin-top:24px;height:240px}.box-container .box-2-wrapper .today-recommend .swiper-slide{width:200px}.box-container .box-2-wrapper .today-recommend .item-top{width:200px;height:123px;background:-webkit-linear-gradient(bottom,#adadaa 0,#757574 50%,#424244 100%);background:linear-gradient(0deg,#adadaa 0,#757574 50%,#424244 100%);box-shadow:5px 4px 8px 0 rgba(0,0,0,.2);padding:25px ​20px 15px;position:relative;border-bottom:2px solid;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.box-container .box-2-wrapper .today-recommend .item-top img{width:75%;max-height:100%;object-fit:contain}.box-container .box-2-wrapper .today-recommend .item-top .money{position:absolute;top:5px;left:0;padding:0 5px;height:18px;line-height:18px;background-color:rgba(0,0,0,.4);border-radius:0 8px 8px 0;font-size:12px;color:#e5e4e4;padding-left:5px}.box-container .box-2-wrapper .today-recommend .item-top .money em{font-weight:400;font-style:normal;color:#ffba00}.box-container .box-2-wrapper .today-recommend .item-bottom{width:200px;height:67px;background-color:rgba(0,0,0,.1);padding:9px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.box-container .box-2-wrapper .today-recommend .item-bottom .title{font-size:14px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.box-container .box-2-wrapper .today-recommend .item-bottom .info{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.box-container .box-2-wrapper .today-recommend .item-bottom .info .money{font-size:14px;color:#ffba00}.box-container .box-2-wrapper .today-recommend .item-bottom .info .solder{font-size:12px;color:#e5e4e4}.box-container .box-2-wrapper .today-recommend .today-recommend-pagination .page-item-bullet{width:22px;height:6px;background-color:#fff;border-radius:3px;display:inline-block;margin:0 10px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.box-container .box-2-wrapper .today-recommend .today-recommend-pagination .page-item-bullet.page-item-bullet-active{width:58px;background-color:#028eea}