html,body,#app {padding: 0;margin: 0;width: 100%;height: 100%;font-size: 0;font-family: Arial;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;position: absolute;overflow-x: hidden;overflow-y: scroll;	background-color: #ef3e56;}
#app{
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
    overflow-x: hidden;
    overflow-y: auto;
}
#app::-webkit-scrollbar {
  display: none; /* Chrome Safari */

}
.load {height: 100%;width: 100%;}
.load span {display: inline-block;width: 16px;height: 16px;margin: 2px 5px 0 0;border-left: 2px solid #FF3A80;border-top: 2px solid #FF3A80;border-radius: 50%;animation: rotate 1s infinite linear;-webkit-animation: rotate 1s infinite linear;vertical-align: top;z-index: 999;}
.load p {width: 100%;font-size: 20px;color: #FF3A80;position: absolute;top: 50%;height: 22px;line-height: 22px;margin-top: 3px;text-align: center;}
.header{height: .55rem;width: 100%;background-image: url(../../assets/image/bg_header.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.kefu{width: 2rem;height: .8rem;display: block;position: absolute;top: 1.2rem;right: 0px;z-index: 100;}
.kefu img{width: 2rem;height: .8rem;}
.allContent {height: 92%;width: 100%;position: absolute;left: 0;top: 1.08rem;padding: 0;margin: 0;}
.lucky-wheel {width: 100%;height: 9.6rem;background-image:url("../../assets/image/bg.png?i=1");background-size: cover;	background-repeat: no-repeat;	background-position: center;display: inline-block;margin: 0;padding: 0;position: absolute;}
.wheel-main {margin: 0 auto;display: block;position: relative;margin-top: 2rem;}
.wheel-bg {width: 7rem;height: 7rem;background-image: url("../../assets/image/zp.png");background-size: cover;	
          background-repeat: no-repeat;	background-position: center;color: #fff;font-weight: 500;margin: 0 auto;transition: transform 3s ease;}
.wheel-pointer-box {position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -60%);width: 1.5rem;height: 1.5rem;}
.wheel-pointer {width: 1.5rem;height: 1.5rem;background-image: url("../../assets/image/draw_btn.png");background-size: 100%;transform-origin: center 60%;background-repeat: no-repeat;background-position: center;}
.wheel-bg div {text-align: center;}
.prize-list {width: 100%;height: 100%;position: relative;}
.prize-list .prize-item {position: absolute;top: 0;left: 0;z-index: 2;word-break: break-all;text-align: center;color: #fe7300;font-weight: bold;font-size: .24rem;line-height: 1.5rem;top: 0.56rem;}
.prize-list .prize-item:first-child {
    left: 2.52rem;
    transform-origin: 50% 100%;
    transform: rotate(25deg);
}
.prize-list .prize-item:nth-child(2) {
    left: 2.63rem;
    transform-origin: 50% 100%;
    transform: rotate(69deg);
}
.prize-list .prize-item:nth-child(3) {
    left: 2.6rem;
    transform-origin: 50% 100%;
    transform: rotate(-245deg);
}
.prize-list .prize-item:nth-child(4) {
    left: 2.68rem;
    transform-origin: 50% 100%;
    transform: rotate(-200deg);
}
.prize-list .prize-item:nth-child(5) {
    top: 0.7rem;
    left: 2.7rem;
    transform-origin: 50% 100%;
    transform: rotate(-155deg);
}
.prize-list .prize-item:nth-child(6) {
    top: 0.6rem;
    left: 2.68rem;
    transform-origin: 50% 100%;
    transform: rotate(-113deg);
}
.prize-list .prize-item:nth-child(7) {
    left: 2.65rem;
    transform-origin: 50% 100%;
    transform: rotate(-70deg);
}
.prize-list .prize-item:nth-child(8) {
    left: 2.6rem;
    transform-origin: 50% 100%;
    transform: rotate(-24deg);
}
.prize-item {width: 1.8rem;height: 2.8rem;}
.prize-pic img {width: 1.06rem;height: .8rem;margin-top: 0.28rem;}
.prize-count {font-size: 0.140rem;}
.prize-type {font-size: 0.10rem;;color: #919191;}
.main {position: absolute;width: calc(100% - .4rem);background: #d05351;margin-bottom: .2rem;border-radius: 0.05rem;margin-left: .2rem;margin-top: 0.4rem;}
.tip {position: relative;margin: 0.3rem auto 0;width: 2.975rem;}
.tip-title {position: absolute;top: -0.17rem;left: 50%;transform: translate(-50%, 0);font-size: 0.17rem;color: #ffffff;padding: 0.053rem 0.106rem;}
.tip-content {padding: 0.266rem 0.106rem;font-size: 0.149rem;color: #ffffff;line-height: 1.5;margin-top: .2rem;}
.toast-mask {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);z-index: 888;width: 100%;height: 100%;}
.toast {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 999;width: 2.624rem;height: auto;margin: auto;margin-top: 2rem;}
.toast-container {position: relative;width: 100%;height: auto;border: 1px dotted #fccc6e;border-radius: 0.053rem;padding-right: 0.053rem;background-color: rgb(252, 244, 224);}
.toast-picture {position: absolute;top: -1.105rem;left: -0.255rem;width: 3.188rem;height: 1.456rem;}
.toast-content {display: block;padding-top: .3rem;min-height: .4rem;}
.toast-qr {width: 1rem;height: 1rem;display: block;margin: .1rem auto;}
.toast-title {font-size: 0.17rem;color: #fc7939;text-align: center;margin-left: .2rem;margin-right: .2rem;}
.toast-btn {display: flex;align-items: center;justify-content: center;margin-top: .15rem;margin-bottom: .15rem;}
.toast-btn span {width: 0.797rem;height: 0.319rem;border-radius: 0.319rem;text-align: center;line-height: 0.319rem;color: #fff;background: #ecb245;font-size: .16rem;}
.close {position: absolute;top: -0.159rem;right: -0.159rem;width: 0.34rem;height: 0.34rem;background: url("../../assets/img/close_store.png") no-repeat center top;background-size: 100%;}
.el-carousel__item h3 {color: #475669;font-size: 14px;opacity: 0.75;line-height: 150px;margin: 0;}
.el-carousel__item:nth-child(2n) {background-color: #99a9bf;}
.el-carousel__item:nth-child(2n+1) {background-color: #d3dce6;}
.conn{width: 60px;height: 30px;display: block;text-align: center;line-height: 30px;background-color: #fccc6e;color: #da244b;position: absolute;right: 0px;bottom: 10px;z-index: 1000;
 border-radius: 10px 0px 0px 10px;font-size: 12px;}
.el-dialog {width: 90%;font-size: 12px;}
.el-form-item {margin-bottom: 10px;}

#messageqee{
    font-size: .15rem;
    font-weight: 100;
    z-index: 99;
    position: absolute;
    top: .58rem;
    height: .5rem;
    line-height: .5rem;
    left: 0;
    color: yellow;
}
.el-carousel{
    overflow: hidden;
}