@charset "UTF-8";
.yoyo-box[data-v-19f532c8] {
  border: 1px solid #353535;
  padding: 10px;
}
.dollor[data-v-19f532c8] {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 15px;
}
.gunboxtext[data-v-19f532c8] {
  font-size: 12px;
  position: absolute;
  top: 10px;
  color: #ddd;
}
.active_light[data-v-19f532c8] {
  position: relative;
}
.active_light[data-v-19f532c8]::before {
  content: "";
  /*background-image: url("../../assets/img/pk/bg.png");*/
  width: 100%;
  left: 0 !important;
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: -1;
  animation: light-19f532c8 1s;
  box-shadow: 0 0 50px 20px rgba(255, 0, 0, 0.8);
  animation-iteration-count: 2;
  opacity: 0;
}
.active_light_err[data-v-19f532c8] {
  position: relative;
}
.active_light_err[data-v-19f532c8]::before {
  content: "";
  background-size: 80%;
  width: 100%;
  left: 0 !important;
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: -1;
  animation: light-19f532c8 1s;
  box-shadow: 0 0 50px 20px rgba(63, 63, 63, 0.8);
  animation-iteration-count: 2;
  opacity: 0;
}
.successAndErr[data-v-19f532c8] {
  display: none;
}
.loading-zhuan[data-v-19f532c8] {
  animation: clockwise_rotation 2.5s linear infinite;
}

/* 定义动画 */
.an .an-item[data-v-19f532c8] {
  transition: all 7s cubic-bezier(0, 0, 0, 1) 0.1s;
  transform: translateY(-7800px);
}
.content[data-v-19f532c8] {
  width: 90%;
  margin: 0 auto;
  font-size: 12px;
}
@media (max-width: 1200px) {
.content[data-v-19f532c8] {
    width: 96%;
    left: 2%;
}
}
.content-bout[data-v-19f532c8] {
  width: 96%;
  padding: 10px 15px;
}
.content-bout-sum[data-v-19f532c8] {
  padding: 0 20px 0 0px;
}
@media (max-width: 1200px) {
.content-bout-sum[data-v-19f532c8] {
    display: none;
}
}
.content-bout-box-item[data-v-19f532c8] {
  margin: 0 10px;
}
@media (max-width: 1200px) {
.content-bout-box-item img[data-v-19f532c8] {
    width: 60px !important;
}
}
.content-bout-box-item div[data-v-19f532c8] {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 12px;
}
.content-bout-box .active img[data-v-19f532c8] {
  transform: scale(1.4);
  transition: all 0.5s;
}
@media (max-width: 1200px) {
.content-bout-add-pk[data-v-19f532c8] {
    display: none;
}
}
.content-pk-item[data-v-19f532c8] {
  margin-top: 0px;
}
.content-pk-item-sum[data-v-19f532c8] {
  padding: 10px 30px;
}
@media (max-width: 1200px) {
.content-pk-item-sum[data-v-19f532c8] {
    padding: 5px 2px;
    font-size: 10px;
    text-align: center;
}
}
.content-pk-item-pk[data-v-19f532c8] {
  overflow: hidden;
  padding: 10px 0px;
  height: 130px;
  position: relative;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.content-pk-item-pk[data-v-19f532c8]::before {
  /* 中将标识 */
  /*content: url("../../assets/img/aysmk.png");*/
}
.content-pk-item-pk-box[data-v-19f532c8] {
  height: 130px;
}
.content-pk-item-pk-box-item[data-v-19f532c8] {
  /*border-top: 1px solid rgba(251,202,1,1);*/
  /*background-image: linear-gradient(0deg,rgba(251,202,1,1), rgba(0,0,0,0));*/
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  /*padding: 10px 30px;*/
  height: 130px;
  margin: 0px 0px;
}
.content-pk-item-pk-box-item-gun[data-v-19f532c8] {
  /*padding: 20px;*/
}
@media (max-width: 1200px) {
.content-pk-item-pk-box-item-gun[data-v-19f532c8] {
    width: 80%;
    text-align: center;
}
}
.content-pk-item-pk-bg[data-v-19f532c8] {
  background-size: 80%;
}
.content-pk-item .active[data-v-19f532c8] {
  /*background-image: url("../../assets/img/success.png");*/
  background-size: 100%;
}
.content-pk-item .error[data-v-19f532c8] {
  /*background-image: url("../../assets/img/error.png");*/
  background-size: 100%;
}
.content-award[data-v-19f532c8] {
  /*background-image: linear-gradient(0deg,rgba(251,202,1,1), rgba(0,0,0,0));*/
  /*margin: 0 2px;*/
  /*border-top: 2px solid rgba(251,202,1,1);*/
  /*width: 230px;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  /*    @media (max-width:1600px) {*/
  /*        width: 190px;*/
  /*    }*/
  /*    @media (max-width:1366px) {*/
  /*        width: 240px;*/
  /*    }*/
  /*    @media (max-width:1200px) {*/
  /*        width: 200px;*/
  /*    }*/
  /*    @media (max-width:960px) {*/
  /*        width: 200px;*/
  /*    }*/
  /*    @media (max-width:875px) {*/
  /*    width: 250px;*/
  /*}*/
}
.content-award-active[data-v-19f532c8]::before {
  content: "";
  /*background-image: url("../../assets/img/pk/bg.png");*/
  width: 50%;
  left: 25%;
  height: 1px;
  background-size: 50% 50%;
  position: absolute;
  top: 0px;
  background-color: red;
  z-index: -1;
  animation: light-19f532c8 1s;
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5);
  animation-iteration-count: 2;
  opacity: 0;
}
@keyframes light-19f532c8 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.content-pop[data-v-19f532c8] {
  width: 800px;
  left: calc(50% - 350px);
  top: 100px;
  height: 650px;
}
.content-pop-box[data-v-19f532c8] {
  height: 450px;
  width: 720px;
  margin: 0 auto;
  overflow: scroll;
  overflow-x: hidden;
}
.content-pop-box[data-v-19f532c8]::-webkit-scrollbar {
  display: none;
}
.content-pop-box-item[data-v-19f532c8] {
  border: 1px solid #000000;
  width: 160px !important;
  background-color: #090827;
}
.content-pop-box-item:hover .content-pop-box-item-add[data-v-19f532c8] {
  display: block;
}
.content-pop-box-item-add[data-v-19f532c8] {
  display: none;
}
.content-pop-box .active[data-v-19f532c8] {
  background-color: var(--main-yellow);
}
.content-pop-lock[data-v-19f532c8] {
  margin-top: 20px;
  height: 550px;
  overflow: scroll;
  overflow-x: hidden;
}
.content-pop-lock-item[data-v-19f532c8] {
  position: relative;
  background-color: var(--f-main);
  border: 1px solid #000;
}
@media (max-width: 960px) {
.content-pop[data-v-19f532c8] {
    width: 100%;
    left: 0;
    height: 650px;
}
}
@charset "UTF-8";
.imgss[data-v-898c33a4] {
  height: 130px;
  width: 90%;
}
.dollor[data-v-898c33a4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.userImage[data-v-898c33a4] {
  display: none;
}
.pk_win_bg[data-v-898c33a4] {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid green;
  background-image: linear-gradient(180deg, rgba(57, 133, 89, 0) 20%, rgba(57, 133, 69, 0.15));
}
.pk_win_bg .userImages[data-v-898c33a4] {
  z-index: -1;
  padding: 15px;
  position: relative;
}
.pk_win_bg .userImages .userImage[data-v-898c33a4] {
  display: block;
  position: absolute;
  left: -15%;
  top: -5%;
}
.pk_lose_bg[data-v-898c33a4] {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid red;
  background-image: linear-gradient(180deg, rgba(133, 57, 57, 0) 20%, rgba(117, 53, 53, 0.15));
}
.pk_lose_bg .userImages[data-v-898c33a4] {
  padding: 15px;
}
.pk_lose_bg .userImages .userImage[data-v-898c33a4] {
  display: none;
}
.content-award-item[data-v-898c33a4] {
  height: 146px;
}
.content-award-img[data-v-898c33a4] {
  height: 70px !important;
}
.yoyo-box[data-v-898c33a4] {
  border: 1px solid #353535;
  padding: 10px;
}
.gunboxtext[data-v-898c33a4] {
  font-size: 12px;
  position: absolute;
  top: 10px;
  color: #ddd;
}
.active_light[data-v-898c33a4] {
  position: relative;
}
.active_light[data-v-898c33a4]::before {
  content: "";
  /*background-image: url("../../assets/img/pk/100skins-yes.png");*/
  width: 100%;
  left: 0 !important;
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: -1;
  animation: light-898c33a4 1s;
  box-shadow: 0 0 50px 20px rgba(255, 0, 0, 0.8);
  animation-iteration-count: 2;
  opacity: 0;
}
.active_light_err[data-v-898c33a4] {
  position: relative;
}
.active_light_err[data-v-898c33a4]::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  left: 0 !important;
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: -1;
  animation: light-898c33a4 1s;
  box-shadow: 0 0 50px 20px rgba(63, 63, 63, 0.8);
  animation-iteration-count: 2;
  opacity: 0;
}
.successAndErr[data-v-898c33a4] {
  display: none;
}
.loading-zhuan[data-v-898c33a4] {
  animation: clockwise_rotation 2.5s linear infinite;
}

/* 定义动画 */
.an .an-item[data-v-898c33a4] {
  transition: all 7s cubic-bezier(0, 0, 0, 1) 0.1s;
  transform: translateY(-21000px);
}
.content[data-v-898c33a4] {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-898c33a4] {
    width: 96%;
    left: 2%;
}
}
.content-bout[data-v-898c33a4] {
  height: 150px;
  width: 100%;
  padding: 0 15px;
}
.content-bout-sum[data-v-898c33a4] {
  padding: 0 20px 0 0px;
}
@media (max-width: 1200px) {
.content-bout-sum[data-v-898c33a4] {
    display: none;
}
}
.content-bout-box-item[data-v-898c33a4] {
  margin: 0 10px;
}
@media (max-width: 1200px) {
.content-bout-box-item img[data-v-898c33a4] {
    width: 70px !important;
}
}
.content-bout-box-item-index[data-v-898c33a4] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  background-color: rgb(114, 123, 140);
}
.content-bout-box .active img[data-v-898c33a4] {
  transform: scale(1.4);
  transition: all 0.5s;
}
@media (max-width: 1200px) {
.content-bout-add-pk[data-v-898c33a4] {
    display: none;
}
}
.content-pk-item[data-v-898c33a4] {
  border-right: 2px solid #000;
  /*margin-top: 50px;*/
}
.content-pk-item-sum[data-v-898c33a4] {
  height: 80px;
  padding: 0 30px;
}
.content-pk-item-pk[data-v-898c33a4] {
  /*background-color: rgba(42,42,42,.2);*/
  overflow: hidden;
  height: 350px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.content-pk-item-pk[data-v-898c33a4]::before {
  /* 中将标识 */
  /*content: url("../../assets/img/aysmk.png");*/
}
.content-pk-item-pk-box[data-v-898c33a4] {
  height: 250px;
}
.content-pk-item-pk-box-item[data-v-898c33a4] {
  background-color: rgba(47, 39, 66, 0.2);
  /*border-top: 1px solid rgba(251,202,1,1);*/
  /*background-image: linear-gradient(0deg,rgba(251,202,1,1), rgba(0,0,0,0));*/
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  padding: 10px 30px;
  height: 350px;
  /*margin: 0 5px;*/
}
.content-pk-item-pk-box-item-gun[data-v-898c33a4] {
  height: 150px;
}
@media (max-width: 1200px) {
.content-pk-item-pk-box-item-gun[data-v-898c33a4] {
    width: 100%;
}
}
.content-pk-item .active[data-v-898c33a4] {
  /*background-image: url("../../assets/img/success.png");*/
  background-size: 100%;
}
.content-pk-item .error[data-v-898c33a4] {
  /*background-image: url("../../assets/img/error.png");*/
  background-size: 100%;
}
.content-award[data-v-898c33a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-award-img[data-v-898c33a4] {
  height: 80px;
}
@media (max-width: 1500px) {
.content-award-img[data-v-898c33a4] {
    width: 96%;
    height: auto;
}
}
.content-award-active[data-v-898c33a4]::before {
  content: "";
  width: 50%;
  left: 25%;
  height: 1px;
  background-size: 100%;
  position: absolute;
  top: 0px;
  background-color: red;
  z-index: -1;
  animation: light-898c33a4 1s;
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5);
  animation-iteration-count: 2;
  opacity: 0;
}
.pk-top-header[data-v-898c33a4] {
  border-bottom: 2px solid #000000;
  background-color: rgb(40, 40, 59);
}
.pk_pk_pk[data-v-898c33a4] {
  /*background: linear-gradient(rgba(15, 14, 43,1),rgba(31, 28, 79,1));*/
}
@keyframes light-898c33a4 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.PK_gun_index[data-v-898c33a4] {
  background-color: #0e0e1e;
  --gradient-color: 255, 255, 255;
  --gradient-opacity: 0.2;
  border-style: solid;
  border-width: 1px;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, rgba(var(--gradient-color), 0), rgba(var(--gradient-color), 0) 28%, rgba(var(--gradient-color), var(--gradient-opacity)) 50%, rgba(var(--gradient-color), 0) 74%, rgba(var(--gradient-color), 0) 0%);
}
.content-pop[data-v-898c33a4] {
  width: 800px;
  left: calc(50% - 350px);
  top: 100px;
  height: 650px;
}
.content-pop-box[data-v-898c33a4] {
  height: 450px;
  width: 720px;
  margin: 0 auto;
  overflow: scroll;
  overflow-x: hidden;
}
.content-pop-box[data-v-898c33a4]::-webkit-scrollbar {
  display: none;
}
.content-pop-box-item[data-v-898c33a4] {
  border: 1px solid #000000;
  width: 160px !important;
  background-color: #090827;
}
.content-pop-box-item:hover .content-pop-box-item-add[data-v-898c33a4] {
  display: block;
}
.content-pop-box-item-add[data-v-898c33a4] {
  display: none;
}
.content-pop-box .active[data-v-898c33a4] {
  background-color: var(--main-yellow);
}
.content-pop-lock[data-v-898c33a4] {
  margin-top: 20px;
  height: 550px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 30px;
}
.content-pop-lock-item[data-v-898c33a4] {
  position: relative;
  background-color: var(--f-main);
  border: 1px solid #000;
  /*border: 1px solid var(--main-brown);*/
}
@media (max-width: 960px) {
.content-pop[data-v-898c33a4] {
    width: 100%;
    left: 0;
    height: 650px;
}
}
@media (max-width: 960px) {
.web[data-v-3f170182] {
    display: none;
}
}
.phone[data-v-3f170182] {
  display: none;
}
@media (max-width: 960px) {
.phone[data-v-3f170182] {
    display: block;
}
}