.box_top[data-v-72eb0163] {
  background: rgba(0, 0, 0, 0.2) no-repeat center;
}
.resData-skins-cover[data-v-72eb0163] {
  height: 130px;
}
@media (max-width: 960px) {
.resData-skins-cover[data-v-72eb0163] {
    height: 100px;
}
}
.weapon-name[data-v-72eb0163] {
  padding: 10px 0;
}
.rounded img[data-v-72eb0163] {
  transition: all 0.5s;
}
.rounded:hover img[data-v-72eb0163] {
  transform: scale(1.1);
}
.get_user[data-v-206dbbf6] {
  top: calc(30% - 15px);
  right: -8px;
  width: 30px;
  height: 30px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.weapon-name[data-v-206dbbf6] {
  padding: 10px 0;
}
@charset "UTF-8";
@media (max-width: 1000px) {
.imgs {
    height: 40px !important;
}
}
@media (max-width: 1000px) {
.mone {
    font-size: 10px;
}
}
@media (max-width: 1000px) {
.phonemo {
    width: 10px;
    height: 10px;
}
.phonemo img {
    width: 100% !important;
    height: 100% !important;
}
}
.switch {
  top: -20rem;
  right: -10rem;
}
@media (max-width: 1200px) {
.switch {
    top: -24rem;
    right: 0;
}
}
.switchs {
  top: -20rem;
  right: -20rem;
}
@media (max-width: 1200px) {
.switchs {
    top: -22rem;
    right: 0;
}
}
.el-dialog {
  width: 100%;
}
.openIndex {
  height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1000px) {
.items {
    width: 50% !important;
    margin-left: 0 !important;
}
}
.bott {
  margin-top: 4.5rem !important;
}
@media (max-width: 1000px) {
.bott {
    margin-top: 1.5rem !important;
}
}
.boxs {
  border-bottom: 0px;
  background-size: 100% 100% !important;
  height: 100px !important;
  line-height: 80px;
}
.boxs::before {
  background-color: rgba(0, 0, 0, 0) !important;
}
@media (max-width: 1200px) {
.boxs {
    width: 100%;
    height: 50px !important;
    background-size: 300% 100% !important;
    line-height: 20px !important;
}
.boxs::before {
    height: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
}
.boxss {
  border-bottom: 0px;
  background-size: 100% 100% !important;
  height: 100px !important;
  line-height: 80px;
}
.boxss::before {
  background-color: rgba(0, 0, 0, 0) !important;
}
@media (max-width: 1200px) {
.boxss {
    width: 100%;
    height: 50px !important;
    background-size: 300% 100% !important;
    line-height: 20px !important;
}
.boxss::before {
    height: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
}
.award-box {
  width: 130px;
  height: 120px;
  margin: 10px 5px;
}
@media (max-width: 1200px) {
.award-box {
    width: 30%;
    height: auto;
    margin: 10px 0.5%;
}
}
@media (max-width: 960px) {
.award-box {
    width: 30%;
    height: auto;
    margin: 10px 0.5%;
}
}
@media (max-width: 768px) {
.award-box {
    width: 30%;
    height: auto;
    margin: 10px 0.5%;
}
}
.awardListPop {
  width: 800px;
  z-index: 1001;
}
@media (max-width: 1200px) {
.awardListPop {
    width: 98%;
}
}
@media (max-width: 1200px) {
.awardListPop-box {
    /*height: 500px;*/
    /*overflow: auto;*/
    /*&::-webkit-scrollbar {display:none}*/
}
}
.openAddSum {
  border-radius: 50%;
  background-color: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,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);
}
.active_open {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAC+lBMVEUAAAAAAAAAAAAHBgIAAAAAAAAAAAAAAAD//0n//0z//1P//1BqZBvs6Fj//0QZGAb05EhlXhs9OhA5Ng/r20r380///055ciBaVBhEPxHu5VD270/07U3281Xx5ksBAQFUUBYxLg335z/w2zvy5EnOxzRWUBcAAAD88j/y3Tjv+Wzx8lpzbR5JRBQ2Mg8rKAwjIQkRDwUWEgb06EH19lX06ELt82P7+lD16EXx71Ty9V/nwDHJwTINEQRwaR1eWBlMRBNPShQAAAAAAAD7+U329lLx+mT29FD491L06EX19FXt30L2/2j0+WH29Vbz6z3n3jvf1jcBAwKXkCaFfyIAAAAhGwMAAABcWBhAOxIAAABGQhErJwogHgj48koQDgT05j719lf590/89kb78UH4+FT89ELw3Dj89kf48Uju92fv6U/lvST5/FrmwC756Ebs5T4GCgGRiSZRTBY1Mg/++0b480oLCgP57j78/U/6+VP69Uv37ED5/Vu+nyKZfxb48Eb2+l33/GDx4T7Wsyv7/Vn570T39VH260fkyzrp0z3hvCb07z8YHAO5si8zMA787jn+9Dr6+k81LQv88kJLRxT79EZ8ZxHy3jX391WQgBv58kb01yr4/2jSsSLz3jPm1Ub5/V707Ebz92Dkvifo+HLWzjT+/U//90IiIgeinClAOhB/eiBHQBIAAABPPw39/1b76TRlTw704DT680f5/mCkjC327UTz4Dn1+2Do4U3v0izmwjb//1r79kHQxjHCuDC9uTL8/1utpy+hmymdlimMhSP53yphThP98Tn7/2ZZTAv45DFXUhJ7YRyihBtoUxTx7lL+9UH//1nw8FW2jinx1CjFpRfHqivqxhyWjSn15SsoKwGyrC785Cz//k7++kOalij79kpZSw4REAdoXhIqIQb67TmQfRWMcB16ZRWVdSGefjSuhju5kjjXq0e5gj+lozH+8Tb25jg7LhWDfR90YBRfSS5aRDp0WCeacD6CXCavnRrpzS+ti3TIAAAA/nRSTlN+AHp9eHJ1cLOzs7OPCLOBCo2HhQY3s5ONiB4YFQ8NmIqGIRgEpY2DZC8lE5KJhYWDgH9LPT02LyUjGw6knpCNjIuLgGJeUE5HREM2MColrqurnZqXk5GQi4uHhYGBfXxeWldUUlFLSkk+OjAoJxUSrqKZjYeGhIB5dW9sbGReXUZFPzk4MzIsLCghIbGkoaCfkZCMh4d0b2loaFtaWEZDLi0pIRwaqaiknpublZSNhoV+d3Nwa2hXVUk8NhKzsKqko5+enpqWlY+Ni4uJhYF1b2tgXEpJPz4yMK+pqZ+enZycmJiWko+Egn58Vks5KiEds6ufj4yKhHJoZGRUPVhA33EAAAgxSURBVEjHjddlcBtHGAbg+3YPxCyjLDMzM8aMidmOmRliZobEYWZmxobKYWgYy8zMOFPJSdPUNeT9I81onn13pbvRfQSMn2H+Kc8ey1LXjeGxp2SxMH7GwzpwIiYkosC5uLDkTuidwrX31sSGgu4zYTfdtWGlHUPB8pUbggsKbvWElHVstIg8uc764ZR40+nTWXpLjZcOHPPoVRhV63kYR1odGzioOKSX5bq5YlIs6tn2NjSWr3K1BBOorhqZvXFkq65IaTLs1jq7ERYa94kmxmVwwajnWHQBKEX9f644sOTj5A+Tl8w83HV3qxGEud0M9XofhibACmhfCe945gK/f3WA/n5zhDBGGJFEkP6eFeuNYJ3Ou7KQVlCOiy0XwYXe3q2w/tquIBJJ9571maGKz9m9EkRNi7/YKTIuPv0OXC4fD7cqg5t1bsM3n+0ypyTnpgvYXA22hipcDVbNblua1L+4HtZatR4R5fwPj+gWv8pfrgude4IYA1OBhgYrzmd3oo2NZsL8Gap1WKZaFDHvukx5EN7OE1WNwVVv6JY2guz6LjpjPovNmp5g4ERTFMNQFI3tNH0EXNYrM2n9jyqgIUJv5xi8boNiR7TI+1N9hidQUb9sikLC+plpadpSB0wz9LL5rBdm0WTQvn7vzTuMok4+jb29FuZtcoOfkpgEFltwnmRIQ/9UrcBlafXay+pS/bUJiubNwphA6Qu+3egevjP2adxyy6RBBz5NYs6wWTOkFC3liW2F6HGaDLV4ZpgiMUEQyPx1UfVi2fGVT7BJn3X7Yj787sucZbNeyWacxDxDhIgnQaSjgY2UVL/F5Nw3+CYHWxSeT5otlhr1KB++yexls14mKTtNbRX9b8hMPy2EVdhR4rva2Nn6UPs/ON94Y4MMPiC0OGxTkpJoCknif0HIX4yxehly3tewyMXa5THublhrDJ3xtMQ0zomy88OIGCeYNBA/+sD8SpVX2OKwR/hEafVtI+8FxDQSOdEOmio7fkitutEtodqvdFqtByNHsUfbJzHwh77KYIRtMhExUbCfIRqtDgCPrEOb1dgtZ47czfvHaaOLm9mSxIRBQhs8+hp/f9DV2NlKhfnhyzvgfrwaYSEPE5OEtNVGBEni/Ssgr3mNDAhRcGRlDCz6jlQxZCZBk2GM/THSPuNPfzx7wFMeBgRsLjzqJXspEatwk3jSYvWxJEzCC/Op+AdGLSFRQJRbyF1MHn5Iqc8iCUSTY2RvRtmx4nBKl150uXMsoXQpugVfxqsVCqxHxBQxwLiGZW9+Q6fDoltJhIcVDUFX0uiRDIR4CovMHOj5Gmaktm6MvGSI0HHN74XVKYQqTXXEVEHaUmoWV5NeMif8eJ4nUXK8qBJu7CcQwpkGeCqMZ86kbLjn6eQKj6gyS6I8smQIDgdhR0ci47UpMZJqUzzuLDp5tnt+aBRxKjR/Exw259W8hIXPgCW2FI+jxpuKwj0I19IyI/jVPJEzHTU907ZpTW4inTxSmR9yjxhekxcBq9Pr2HFOhNbUzdr11Dmuv+oL6y4cNCb6SuSV0JViKBDY0akOeCocKKR92GnoQLV793EXQhFuEQL39Ym5bDETKEFT4CYzhF8UOKbfUARHuJoQ0c6DA6KKZPpl7jnKfsrL07COkrK30/pf8F1KLbYQEGGh+pe5QmpqTEdI7IgnxaSWIXOek8j4fh3T5qwDhDK3fLML/JYiFLACmQBbcjKLhWJExrHsySU6lZYn1gABejnNBfCVL/Uy15TGPIwnLU5jtDgv0SkrTFrb+0CF5SWKCDfZAZzGYkmYADE52Q3JI8kZ3DTGt9992CPYU4VBfuioFXwRz/hwTGnkZzihxtjGgeFxttPpV8D9EwtjUOOiSq82Xdk+ZC9g2zCOmploAot4Uir7RY16pvZBbIF3cc8ohjVXN3jC+lomkSuwYzIn0Ajx6mjSlJPABP0CXu1Xo2AUy1yed24A+DmIMuXGZVAOmnbkODbbz4ykdr+wnSTf9La+pBMTNopVyWq3Xsf/dgHKruHWODFCm1SMxtZKNSU0lcCZ68TUflktd1+kso8w38ir8Qgf7s6jMuM406UMMvBbhsknHiNkyOMJKXI358UMJuka6L2bX132D1ZVuyov6cFz8xiH6RyBmKaEqX5ado4YqUM4LBOLJYjOMOXUZDApH4FlCzTmwr8YTu+IKnWD67VU9itc9ltSimqy9U9NDbC1DTAQ+xvYI0SasTk+2UzSB1WDRkcWWyuexrmeZTu3bFV1k9ReAUdwRkoyNBLa19sZ2qs2gNW3xNwEktIXj8CdhSYhG+BpDJY7YdVRgM4F6UzGWywOyzRR2wmpg59cIjSq/cwbLuv0vTr2IW4rf9VSaOBD/0VfkpK+N1eDw2LNevonw3TKnk6w7FB8X+GhOwaDySpoLCy/Dd6de/RJyknrve1sH/qRIzGB0f5d1yogV/H+PY+V4z24Oh+BHVbrlDD7uX2+6TSFhA6PSyXENP0Fn6+HYcuc5fBqFYyH9WDpX3Mu6QQDPH/3832+SUHm01QxT09ivX6g6wFAQcwPcDWU//y4GMBdtBDaQk8WA8A3/V2rDwcGaAe8tuK54kETPcixumx1MotfNvGYsG1T9AVYPKc5uvfRXkR6IhGodlJZeCLypnIhP3TyAUU+Z22wVcuW5qhj0ZFbtnhZx+iGR7dFZekelC0a2bBtytFoQNbmllsS6VyUl1ccErGyt2X4qFez1SqX2IpnGsq2QY7xcsubcgvXXLmFvONUTndfhEzVOiEeGyt+kSLfs3Co2919wHqicfBvacEotnaZPTcAAAAASUVORK5CYII=);
}
.title_qian {
  font-size: 14px;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.title_qian2 {
  font-size: 1rem;
  color: #ddd;
  letter-spacing: 1px;
}
.bg_border_bottom_none {
  border-bottom: 1px solid #252847;
  cursor: pointer;
  color: #fff;
  opacity: 0.5;
}
.bg_border_bottom_active {
  border-bottom: 1px solid #9649ee;
  cursor: pointer;
  color: #fff;
}
@media (max-width: 1200px) {
.money-phone {
    display: none;
}
}
@media (max-width: 1600px) {
.oneaward {
    width: 100%;
    height: auto;
}
}
@media (max-width: 1600px) {
.moreaward {
    height: auto;
}
}
@media (max-width: 600px) {
.moreaward {
    height: 260px;
}
}
.awardListPop {
  width: 700px;
  left: calc(50% - 350px);
  top: 100px;
  z-index: 1001;
  position: relative;
}
@media (max-width: 1200px) {
.awardListPop {
    width: 98%;
    left: 1%;
}
}
@media (max-width: 1200px) {
.awardListPop-box {
    overflow: auto;
}
}
.awardListPop-box::-webkit-scrollbar {
  display: none;
}
.list-box {
  width: 16.5%;
  padding: 7px;
}
@media (max-width: 1200px) {
.list-box {
    width: 25%;
    padding: 0px;
}
}
@media (max-width: 960px) {
.list-box {
    width: 50%;
}
}
.scroll ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  display: none;
}
.anZhuan {
  transition: all 7s;
  transform: rotate(360000deg);
}
.side-box {
  width: 200px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content-open-box {
  background: url(../img/BotBtm.94d6f24a.png) no-repeat center;
  background-size: 100% 100% !important;
  background-position: -20px -80px;
}
@media (max-width: 1000px) {
.content-open-box {
    width: 100%;
    background-size: 200% 100% !important;
    background-position: -210px -120px !important;
}
}
@keyframes float {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-20px);
}
100% {
    transform: translateY(0px);
}
}
.content-open-box-bg {
  animation: float 4s ease-in-out infinite;
}
.content {
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1366px) {
.content {
    width: 100%;
}
.content .content-open-box-right {
    display: none;
}
.content .content-open-box-left {
    clip-path: none;
}
.content .content-open-box-bg {
    animation: float 4s ease-in-out infinite;
    width: 100%;
}
}
@media (max-width: 1366px) and (max-width: 1200px) {
.content .content-open-box-bg {
    width: 70%;
}
}
.content-open-box {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content-open-box {
    width: 100%;
}
}
.content-open-box-bg {
  height: 350px;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-open-box-bg img {
  width: 200px;
  height: 180px;
}
.content-open-box-left, .content-open-box-right {
  margin-top: 50px;
  height: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1b4b), to(#0f0e2b));
}
.content-open-box-left {
  clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);
}
.content-open-box-sum {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.content-open-box-right {
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
}
.content-open-add {
  width: 860px;
}
@media (max-width: 1366px) {
.content-open-left {
    display: none;
}
}
@media (max-width: 1366px) {
.content-open-center {
    width: 70%;
}
}
@media (max-width: 960px) {
.content-open-center {
    width: 80%;
}
}
@media (max-width: 768px) {
.content-open-center {
    width: 100%;
}
}
@media (max-width: 1366px) {
.content-open-right {
    display: none;
}
}
@media (max-width: 1366px) {
.content-open-gun {
    width: 30%;
}
}
@media (max-width: 960px) {
.content-open-gun {
    width: 40%;
}
}
@media (max-width: 768px) {
.content-open-gun {
    width: 50%;
}
}
@media (max-width: 1366px) {
.content-open-box2 {
    width: 30%;
}
}
@media (max-width: 960px) {
.content-open-box2 {
    width: 40%;
}
}
@media (max-width: 768px) {
.content-open-box2 {
    width: 50%;
}
}
.opentow-bg {
  width: 100vw;
  height: 150vh;
  position: fixed;
  background: #000000;
  opacity: 0.8;
  z-index: 3;
  top: 0;
}
.open-slot ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  display: none;
}
.open-slot-list {
  width: 1000px;
  height: 150px;
  left: 0;
  margin: 0 auto;
  position: relative;
  box-shadow: inset 0 0 10px #000;
}
.open-slot-list:before {
  content: "";
  width: 340px;
  height: 150px;
  background-image: url(../img/zhishi.41079786.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 170px);
  bottom: 0;
  z-index: 99999;
}
@media (max-width: 960px) {
.open-slot-list {
    display: none;
}
}
.open-slot-list-phone {
  width: 500px;
  height: 100px;
  left: calc(50% - 250px);
  position: relative;
  box-shadow: inset 0 0 10px #000;
  display: none;
}
.open-slot-list-phone:before {
  content: "";
  width: 20px;
  height: 100px;
  background-image: url(../img/zhishi.41079786.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(50% - 6px);
  bottom: 0;
  z-index: 99999;
}
@media (max-width: 960px) {
.open-slot-list-phone {
    display: block;
}
}
.an-multi {
  z-index: 1000;
}
/* 动画 */
.an .open-slot-list:nth-child(1) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.5, 1.01) 0s;
  transform: translateX(-6065px);
}
.an .open-slot-list:nth-child(2) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.4, 1.01) 0s;
  transform: translateX(-6065px);
}
.an .open-slot-list:nth-child(3) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.1, 1.01) 0s;
  transform: translateX(-6065px);
}
.an .open-slot-list:nth-child(4) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.2, 1) 0s;
  transform: translateX(-6065px);
}
.an .open-slot-list:nth-child(5) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.5, 1.01) 0s;
  transform: translateX(-6065px);
}
.an .open-slot-list:nth-child(6) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.1, 1.01) 0s;
  transform: translateX(-6065px);
}
.an .open-slot-list:nth-child(7) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateX(-6065px);
}

/* 手机端动画 */
.an .open-slot-list-phone:nth-child(1) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.5, 1.01) 0s;
  transform: translateX(-3530px);
}
.an .open-slot-list-phone:nth-child(2) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.4, 1.01) 0s;
  transform: translateX(-3520px);
}
.an .open-slot-list-phone:nth-child(3) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.1, 1.01) 0s;
  transform: translateX(-3530px);
}
.an .open-slot-list-phone:nth-child(4) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.2, 1) 0s;
  transform: translateX(-3510px);
}
.an .open-slot-list-phone:nth-child(5) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.5, 1.01) 0s;
  transform: translateX(-3530px);
}
.an .open-slot-list-phone:nth-child(6) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0.1, 1.01) 0s;
  transform: translateX(-3520px);
}
.an .open-slot-list-phone:nth-child(7) .an-item {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateX(-5790px);
}
.an-multi .open-multi-list .an-multi-item:nth-child(1) {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateY(-6980px);
}
.an-multi .open-multi-list .an-multi-item:nth-child(2) {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateY(-7000px);
}
.an-multi .open-multi-list .an-multi-item:nth-child(3) {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateY(-7000px);
}
.an-multi .open-multi-list .an-multi-item:nth-child(4) {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateY(-7000px);
}
.an-multi .open-multi-list .an-multi-item:nth-child(5) {
  transition: all 6.5s cubic-bezier(0, 0, 0, 1) 0s;
  transform: translateY(-7000px);
}