.guagua-bg{
    background: url("../images/bg-gua.png") no-repeat;
    background-size: 100% auto;
    padding-bottom: 111px;
}
.Activity-des{
    height:30px;
    background:rgba(181,73,222,1);
    border-radius:21px 0px 0px 21px;
    top:15px;
    position: absolute;
    right: 0;
    z-index: 99;
    font-size:14px;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:16px;
    padding: 7px 14px;
}
.act-logo{
    display: block;
    padding-top: 40px;
    width: 100%;
    height: auto;
}
.container-fluid{
    width: 295px;
    padding: 20px 15px;
    background: url("../images/gua-bg.png") no-repeat;
    background-size: 100% 100%;
    height: 180px;
    margin: -36px auto 0;
}
#scratch_mod_container{
    position: relative;
    z-index:2;
    width:265px;height: 140px;padding:0 !important;float: none
}
.Scratch-p{
    font-size:16px;
    margin-top: 20px;
    text-align: center;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:22px;
}
.gundongAreaMain{
    position: relative;
    margin: 30px 40px 0;
    height:32px;
    background:linear-gradient(270deg,rgba(255,143,41,1) 0%,rgba(255,52,85,1) 100%);
    box-shadow:0px 2px 6px 0px rgba(255,132,54,0.3);
    border-radius:16px;
}
.gundongAreaMain::before{
    content: "";
    position: absolute;
    left: -7px;
    top: 0;
    background: url("../images/tong.png") no-repeat;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
    z-index: 99;
}
.notification-box{
    background:rgba(202,35,62,1);
    box-shadow:0px 2px 6px 0px rgba(255,132,54,0.3);
    border-radius:4px;
    padding: 39px 0;
    margin: 20px 42px;
}
.notification-Sign{
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:22px;
}
.notification-Sign a{
    color: #FFFD8F !important;
}
.gua-Result{
    position: absolute;
    width: 265px;
    height: 140px;
    background: url("../images/gua.png") no-repeat;
    background-size: 100% auto;
    z-index: 1;
}
.gua-Result p{
    color: #222;
    font-size: 20px;
}
.btn-gua{
    position: absolute;
    width: 265px;
    background: url("../images/gua.png") no-repeat;
    background-size: 100% auto;
    height: 140px;
    z-index: 3;
}
.btn-gua div{
    width:163px;
    height:48px;
    background:linear-gradient(270deg,rgba(255,143,41,1) 0%,rgba(255,52,85,1) 100%);
    box-shadow:0px 2px 6px 0px rgba(255,132,54,0.3);
    border-radius:24px;
    display: block;
    font-size:16px;
    text-align: center;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:48px;
}
.flex-rule{
    background:rgba(255,255,255,1);
    border-radius:14px;
    width: 70%;
    padding: 30px 0 30px 25px;
}
.act-rule{
    font-size:16px;
    color:rgba(34,34,34,1);
    line-height:16px;
    font-weight: bold;
}
.act-p{
    font-size:14px;
    margin-top: 10px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:22px;
}
.rule-close{
    width: 100%;
    position: relative;
}
.rule-close>div{
    background: url("../images/cl.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:-70px;
    width: 30px;
    height: 30px;
    right: 0;
}
.rule-close::after{
    position: absolute;
    clear: both;
    content: "";
    right: 14px;
    top: -40px;
    width:1px;
    height:10px;
    background:rgba(255,255,255,1);
}
.rule-close-sty{
    position: relative;
    overflow-y: auto;
    padding: 0 25px 0 0;
    max-height: 300px;
}