/*方格抽奖*/
/*背景图*/

.AREA-HOT {
    background-color: rgba(255, 235, 0, 0.2) ;
    border: 1px dashed rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    opacity: 1 ;
    cursor: move;
}

.awardbox-chunk {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(226e7a0ce25e8f482455084a13a0ba6a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}

.book-template {
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.over-hidden {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  overflow: hidden;
  padding: 2% 0;
  word-break: break-word;
}
.over-hidden1 {
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-word;
  padding: 2% 0;
}

.popup-common {
    height: 100%;
    background-color: #ffffff;
    background-size: 100% 100%;
    background-clip: content-box;
}

.popup-regular {
    background-color: rgba(0,0,0,0);
    background-image: url(24307145a2d6c6f335214281a6417985.png);
}

.popup-regular-en {
    background-color: rgba(0,0,0,0);
    background-image: url(ea4957934ed32a0ad28fe5c52a81a6ac.png);
}

.popup-virtual {
    background-color: rgba(0,0,0,0);
    background-image: url(11515c88a1240b5cdabd78c9efc3fbdf.png);
}

.popup-virtual-en {
    background-color: rgba(0,0,0,0);
    background-image: url(963a9de708a22a478da91d4e70017528.png);
}

.popup-hot {
    /* position: absolute;
    width: 86px;
    height: 86px;
    top: 131px;
    left: 137px; */
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    /* background-image: url('./img/btn_ljcj.png');
    background-repeat: no-repeat;
    background-size: 100% 100%; */
}

.popup-hot-active {
    background-color: rgba(255, 235, 0, 0.2);
    border: 1px dashed rgba(0, 0, 0, 0.4);
}

.popup-hot-close {
    background-image: url(37f65fa88a2626190495111e0f6a13b1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
}






.popup-awardImg {
    /* position: absolute;
    width: 86px;
    height: 86px;
    top: 131px;
    left: 137px; */
    width: 100%;
    height: 100%;
    background-image: url(4a75081826c9a3b826129149aec44f99.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.popup-awardImg-active{ 
    background-color: rgba(255, 235, 0, 0.2) ;
    border: 1px dashed rgba(0, 0, 0, 0.4);
}






#record-list .record-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 10px;
  background-color: #dbdbdb;
  border-radius: 10px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#record-list::-webkit-scrollbar {
  display: none;
}
#record-list .get-award {
  height: 22px;
  width: 50px;
  background: url(9bb84b51470311794421e45fc07468a9.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 6px;
}
#record-list .get-award-en {
  background: url(8ab77d463c538b35d2dc4a738823fe25.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 6px;
}
#record-list .item-desc {
  font-size: 12px;
  color: #000000;
}
#record-list .item-name {
  font-size: 14px;
  color: #000000;
}
#record-list .award-img {
  width: 50px;
  height: 50px;
  margin: 6px;
  background-image: url(4a75081826c9a3b826129149aec44f99.png);
  background-size: 100% 100%;
}
#record-list .close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
#record-list {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  position: absolute;
  bottom: 0;
}
#record-list .award-content {
  font-size: 14px;
}

.popup-input {
    width: 100%;
    height: 100%;
}





.prizelist-container {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #ffc86a;
  background-color: rgba(255, 235, 0, 0.2);
}
.prizelist-list {
  position: relative;
  text-align: left;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.prizelist-list ul {
  position: absolute;
  top: 0;
  width: 100%;
}
.prizelist-list ul li {
  line-height: 2;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.prizelist-list ul li div {
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prizelist-list ul li div:nth-child(2) {
  width: 60%;
  text-align: right;
}
.animate {
  -webkit-animation: move linear infinite ;
  animation: move linear infinite;
}
.animate2 {
  -webkit-animation: move2 linear infinite ;
  animation: move2 linear infinite;
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes move {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes move2 {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.share {
    /* position: absolute;
    width: 86px;
    height: 86px;
    top: 131px;
    left: 137px; */
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    /* background-image: url('./img/btn_ljcj.png');
    background-repeat: no-repeat;
    background-size: 100% 100%; */
}

.share-fixed {
    position: fixed;
}







.landscape {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background: #26201E;
  display: none;
}
.landscape.test {
  display: none;
}
.landscape .landscape-content {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: auto 80%;
  background-position: center center;
  background-repeat: no-repeat;
}
.fixed-cover-bottom,
.fixed-cover,
.fixed-cover-top {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  display: none;
}
.fixed-cover-top {
  z-index: 20;
}
.fixed-cover-bottom {
  z-index: 3;
}
.fixed-cover {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  z-index: 500;
  display: block;
}
/*
 * 活动测试中，所有中奖信息均无效 样式设置
 */
.pageTesting {
  position: fixed;
  width: 100%;
  top: 50%;
  text-align: center;
  font-size: 16px;
  color: red;
  z-index: 10000;
  display: none;
}
.actviity-end .words {
  font-size: 15px;
  opacity: 0.5;
  color: #1a1a1a;
  width: 100%;
  text-align: center;
}
.actviity-end {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}
.actviity-end .pic {
  width: 100%;
  position: relative;
  padding-top: 61.32%;
  margin-top: -47%;
}


/*# sourceMappingURL=extend.css.map*/