.wrp .dialog{
    display: none;
    position: fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) ;
    height:0.58rem;
    background:rgba(0,0,0,0.85);
    border-radius:0.08rem;
    padding:0 0.24rem;
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:0.58rem;
    text-align: center;
    -webkit-transform:translate(-50%,-50%) ;
    -moz-transform:translate(-50%,-50%) ;
    -ms-transform:translate(-50%,-50%) ;
    -o-transform:translate(-50%,-50%) ;
    z-index: 106;
}
html,body{
    width: 100%;
    height: 100%;
    background-color: #0D0749;
}
.wrp{
    background-color: #0D0749;
    overflow-x: hidden;
    width: 7.5rem;
    /*width: 100%;*/
    /*width: 375px;*/
    max-width: 540px;
    margin: 0 auto;
}
.wrp .frontModle{
    width: 100%;
    /*height: 20rem;
     */
}
.wrp .frontModle .mainModle{
    width: 100%;
    height: 10.6rem;
    position: relative;
}
.wrp .frontModle .mainModle .mainImg{
    width: 100%;
    height: 11.22rem;
    background: url(https://source1.suddenfix.com/2020/h5/carnival2020618/carnival2020618_mainImg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:0;
    top:-0.62rem;
}
.wrp .frontModle .mainModle .mainImg .service{
    width: 0.92rem;
    height: 0.4rem;
    background: url(../img/2020618/carnival2020618_service.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:0.22rem;
    top:0.98rem;
    display: block;
}
.wrp .frontModle .mainModle .mainImg .infoSwiper{
    width: 1.98rem;
    height: 0.76rem;
    background: url(../img/2020618/carnival2020618_infoSwiper.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:0rem;
    top:1.62rem;
}
.wrp .frontModle .mainModle .mainImg .activitiesDate{
    text-align: center;
    font-size:0.32rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.44rem;
    text-shadow:0rem 0rem 0.06rem rgba(128,255,244,1);
    padding-top:4.4rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp{
    width: 7.32rem;
    height: 4.28rem;
    background: url("../img/2020618/carnival2020618_flopBack.png") no-repeat;
    background-size: 100% 100%;
    margin:0 auto;
    position: relative;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle{
    width: 4.16rem;
    height: 0.88rem;
    position: absolute;
    top:0.26rem;
    left:50%;
    transform: translateX(-50%);
    background: url("../img/2020618/carnival2020618_quanBack.png") no-repeat;
    background-size: 100% 100%;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusStart{
    font-size:0.46rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.88rem;
    text-align: center;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusNoStart{
    /*display: none;
     */
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusNoStart .title{
    font-size:0.28rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.4rem;
    text-align: center;
    padding-top:0.08rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusNoStart .downTime{
    width: 2.3rem;
    height: 0.28rem;
    margin:0.04rem auto 0;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusNoStart .downTime span{
    width:0.26rem;
    height:0.28rem;
    background:linear-gradient(360deg,rgba(0,15,155,1) 0%,rgba(36,0,211,1) 53%,rgba(67,0,160,1) 100%);
    box-shadow:inset 0rem 0rem 0.06rem 0rem rgba(0,0,0,0.5);
    border-radius:0.02rem;
    display: inline-block;
    color: #fff;
    line-height: 0.28rem;
    font-size: 0.24rem;
    text-align: center;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusNoStart .downTime span:nth-child(even){
    margin-right:0.16rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopTitle .statusNoStart .downTime span:last-child{
    margin-right: 0rem!important;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent{
    padding-top:1.22rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li:first-child{
    margin-left: 0.66rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li{
    width: 1.92rem;
    height: 2.38rem;
    float: left;
    margin-right: 0.12rem;
    position: relative;
    perspective: 1000;
    -webkit-perspective: 20rem;
    /*父类容器中 perspective 子类允许透视*/
    -moz-perspective: 20rem;
    -ms-perspective: 20rem;
    -o-perspective: 20rem;
    perspective: 20rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .front, .wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .back {
    backface-visibility: hidden;
    transition: 0.6s ease-out;
    -webkit-transition: .6s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .front {
    z-index: 2;
    transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    width: 100%;
    height: 100%;
    background: url(../img/2020618/carnival2020618_flopBack1.png) no-repeat;
    background-size: 100% 100%;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .back {
    z-index: 1;
    transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    width: 100%;
    height: 100%;
    background: url(../img/2020618/carnival2020618_flopFront.png) no-repeat;
    background-size: 100% 100%;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .back .price{
    font-size:0.6rem;
    font-family:PingFangTC-Semibold,PingFangTC;
    font-weight:600;
    color:rgba(255,65,65,1);
    line-height:0.84rem;
    text-align: center;
    padding:0.16rem 0;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .back .use{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(189,76,0,1);
    line-height:0.34rem;
    text-align: center;
    padding-bottom: 0.26rem;
}
.wrp .frontModle .mainModle .mainImg .flopWrp .flopContent li .back .btn{
    width: 1.36rem;
    height: 0.44rem;
    background:linear-gradient(180deg,#FFF1C6 0%,#FFD16A 100%);
    box-shadow:inset 0rem -0.04rem 0.02rem 0rem rgba(239, 146, 23);
    border-radius:0.24rem;
    margin:0 auto;
    font-size:0.24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(189,76,0,1);
    line-height:0.44rem;
    text-align: center;
}
.wrp .frontModle .mainModle .mainImg .flopWrp li.hover .back {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2;
}
.wrp .frontModle .mainModle .mainImg .flopWrp li.hover .front {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1
}
.wrp .frontModle .mainModle .mainImg .leftHeadIcon{
    width: 1.68rem;
    height: 1.48rem;
    background: url('../img/2020618/carnival2020618_Icon1.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:0.1rem;
    bottom: 0.72rem;
}
.wrp .frontModle .mainModle .mainImg .hintText{
    width: 3.02rem;
    height: 0.96rem;
    background: url('../img/2020618/carnival2020618_hintText1.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:2.04rem;
    bottom: 1.02rem;
}
.wrp .frontModle .mainModle .mainImg .hintText .toptext,.wrp .frontModle .mainModle .mainImg .hintText .bottomText{
    text-align: center;
    font-size:0.26rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:0.36rem;
}
.wrp .frontModle .mainModle .mainImg .hintText .toptext{
    padding-top:0.12rem;
}
.wrp .frontModle .mainModle .mainImg .hintText .bottomText span{
    color: #FFD86B;
}
.wrp .frontModle .mainModle .mainImg .rules{
    width: 0.68rem;
    height: 1.9rem;
    background: url('../img/2020618/carnival2020618_rules.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right:-0.08rem;
    top: 1.9rem;
}
.wrp .frontModle .mainModle .mainImg .menberGetTicketTitile{
    width: 100%;
    height: 2.9rem;
    background: url('../img/2020618/carnival2020618_show2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:0rem;
    bottom: -1.6rem;
}
.wrp .frontModle .mainModle .mainImg .menberGetTicketTitile .title{
    padding-top:1.96rem;
    text-align: center;
    font-size:0.48rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.5rem;
    text-shadow:0rem 0rem 0.06rem rgba(255,255,255,0.5);
}
.wrp .frontModle .mainModle .mainImg .menberGetTicketTitile .title span{
    color: #FFEA5C;
}
.wrp .frontModle .menberTicket{
    position: relative;
    padding-top:1.92rem;
}
.wrp .frontModle .menberTicket .menberList{
    z-index: 2;
    position: relative;
    width: 7rem;
    height: 4.44rem;
    margin:0 auto;
}
.wrp .frontModle .menberTicket .menberList li{
    width:3.38rem;
    height:1.24rem;
    background:linear-gradient(144deg,rgba(255,253,239,1) 0%,rgba(255,226,197,1) 100%);
    border-radius:0.12rem;
    float: left;
    padding:0.16rem 0rem;
    margin-bottom: 0.24rem;
    position: relative;
}
.wrp .frontModle .menberTicket .menberList li:nth-of-type(odd){
    margin-right: 0.24rem;
}
.wrp .frontModle .menberTicket .menberList li::before{
    content:"";
    width: 2.04rem;
    height: 0.6rem;
    position: absolute;
    top:0;
    z-index: 1;
    left:0.58rem;
    background: url("../img/2020618/carnival2020618_light.png") no-repeat;
    background-size: 100% 100%;
}
.wrp .frontModle .menberTicket .menberList li .price{
    height: 100%;
    width: 1.28rem;
    border-right:0.02rem dashed #D5C2A2;
    float: left;
    font-size:0.56rem;
    font-family:SuddenFixProBlack;
    color:rgba(255,0,0,1);
    line-height:0.92rem;
    text-shadow:0rem 0.02rem 0.06rem rgba(255,65,65,0.7);
    text-align: center;
}
.wrp .frontModle .menberTicket .menberList li .price span{
    font-size:0.36rem;
}
.wrp .frontModle .menberTicket .menberList li .rightText{
    width:3.38rem;
    height:1.24rem;
    position: absolute;
    top:0rem;
    left:0rem;
    padding-left: 1.44rem;
    padding-top:0.1rem;
}
.wrp .frontModle .menberTicket .menberList li .rightText .useType{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(189,76,0,1);
    line-height:0.26rem;
    transform: scale(0.85);
}
.wrp .frontModle .menberTicket .menberList li .rightText .useCondition{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(189,76,0,1);
    line-height:0.26rem;
    transform: scale(0.85);
}
.wrp .frontModle .menberTicket .menberList li .rightText .btn{
    position: absolute;
    left:1.56rem;
    bottom: 0.1rem;
    width:1.36rem;
    height:0.44rem;
    background:rgba(255,8,8,1);
    box-shadow:inset 0rem 0.06rem 0.08rem -0.04rem rgba(255,0,0,0.75),inset 0rem -0.04rem 0.02rem 0rem rgba(224,32,32,1);
    border-radius:0.24rem;
    font-size:0.24rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.44rem;
    text-align: center;
}
.wrp .frontModle .menberTicket .menberGetTicketTitile2{
    width: 100%;
    height: 3.68rem;
    background: url("../img/2020618/carnival2020618_show1.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
    left:0;
    bottom: 0.6rem;
}
.wrp .frontModle .menberTicket .menberGetTicketTitile2 .title,.wrp .frontModle .menberTicket .menberGetTicketTitile2 .title1{
    text-align: center;
    font-size:0.48rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.5rem;
    text-shadow:0rem 0rem 0.06rem rgba(255,255,255,0.5);
}
.wrp .frontModle .menberTicket .menberGetTicketTitile2 .title{
    padding-top:2.32rem;
}
.wrp .frontModle .menberTicket .menberGetTicketTitile2 .title span{
    color: #FFEA5C;
}
.wrp .frontModle .menberTicket2{
    width: 100%;
    height: 9.64rem;
    background: url("https://source1.suddenfix.com/2020/h5/carnival2020618/carnival2020618_ getTicketBack.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top:-0.2rem;
}
.wrp .frontModle .menberTicket2Wrp{
    position: relative;
    z-index: 2;
}
.wrp .frontModle .menberTicket2 .title{
    padding-top:1.02rem;
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:0.4rem;
    text-shadow:0rem 0rem 0.02rem rgba(255,255,255,1);
    text-align: center;
}
.wrp .frontModle .menberTicket2 .everyDayList{
    height: 0.74rem;
    width: 5.8rem;
    margin: 0 auto;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    margin-top:0.32rem;
}
.wrp .frontModle .menberTicket2 .everyDayList::-webkit-scrollbar{
    display:none;
}
.wrp .frontModle .menberTicket2 .everyDayList li{
    padding-right: 0.28rem;
    display: inline-block;
}
.wrp .frontModle .menberTicket2 .everyDayList li .date{
    font-size:0.28rem;
    font-family:SuddenFixProRegular;
    color:rgba(255,255,255,0.64);
    line-height:0.34rem;
}
.wrp .frontModle .menberTicket2 .everyDayList li .status{
    font-size:0.28rem;
    font-family:SuddenFixProRegular;
    color:rgba(255,255,255,0.64);
    line-height:0.34rem;
    text-align: center;
}
.wrp .frontModle .menberTicket2 .everyDayList li.active .date{
    width:1.48rem;
    height:0.42rem;
    background:rgba(255,255,255,1);
    border-radius:0.22rem;
    font-size:0.28rem;
    font-family:SuddenFixProRegular;
    color:rgba(47,73,166,1);
    line-height:0.42rem;
    text-align: center;
}
.wrp .frontModle .menberTicket2 .everyDayList li.active .status{
    color:rgba(255,255,255,1);
}
.wrp .frontModle .menberTicket2 .downTimeTitle{
}
.wrp .frontModle .menberTicket2 .downTimeTitle{
    width: 4.18rem;
    height: 0.88rem;
    background: url("../img/2020618/carnival2020618_flopTitle.png") no-repeat;
    background-size: 100% 100%;
    margin: 0.1rem auto 0;
}
.wrp .frontModle .menberTicket2 .downTimeTitle .statusStart{
    display: none;
    font-size:0.46rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.88rem;
    text-align: center;
}
.wrp .frontModle .menberTicket2 .downTimeTitle .statusNoStart .title{
    font-size:0.28rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.4rem;
    text-align: center;
    padding-top:0.08rem;
}
.wrp .frontModle .menberTicket2 .downTimeTitle .statusNoStart .downTime{
    width: 2.3rem;
    height: 0.28rem;
    margin:0.04rem auto 0;
}
.wrp .frontModle .menberTicket2 .downTimeTitle .statusNoStart .downTime span{
    width:0.26rem;
    height:0.28rem;
    background:linear-gradient(360deg,rgba(0,15,155,1) 0%,rgba(36,0,211,1) 53%,rgba(67,0,160,1) 100%);
    box-shadow:inset 0rem 0rem 0.06rem 0rem rgba(0,0,0,0.5);
    border-radius:0.02rem;
    display: inline-block;
    color: #fff;
    line-height: 0.28rem;
    font-size: 0.24rem;
    text-align: center;
}
.wrp .frontModle .menberTicket2 .downTimeTitle .statusNoStart .downTime span:nth-child(even){
    margin-right:0.16rem;
}
.wrp .frontModle .menberTicket2 .downTimeTitle .statusNoStart .downTime span:last-child{
    margin-right: 0rem!important;
}
.wrp .frontModle .menberTicket2 .productContent{
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList{
    display: none;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList.active{
    display: block;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList li{
    width: 5.68rem;
    height: 2.1rem;
    background: url("../img/2020618/carnival2020618_couponBack.png") no-repeat;
    background-size: 100% 100%;
    margin: 0.24rem auto 0rem;
    padding:0.18rem 0.4rem 0.24rem;
    position: relative;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList li .price{
    font-size:0.72rem;
    font-family:SuddenFixProBlack;
    color:rgba(48,49,51,1);
    line-height:0.88rem;
    /*text-shadow:0rem 0.04rem 0.08rem rgba(0,0,0,0.25);
     */
    background:linear-gradient(12deg, rgba(255,238,192,1) 0%, rgba(255,254,230,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight: 600;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList li .price span{
    font-size:0.36rem;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList li .useType{
    padding-top:0.12rem;
    font-size:0.28rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,227,113,1);
    line-height:0.4rem;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList li .use{
    font-size:0.2rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,227,113,1);
    line-height:0.28rem;
}
.wrp .frontModle .menberTicket2 .productContent .couponTicketList li .originalPrice{
    width:1.12rem;
    height:0.5rem;
    background:url('../img/2020618/carnival2020618_smallIcon.png') no-repeat;
    background-size: 100% 100%;
    border-radius:0.08rem;
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(214,61,61,1);
    line-height:0.5rem;
    text-align: center;
    text-decoration: line-through;
    position: absolute;
    top:0.46rem;
    left:2.12rem;
}
.wrp .frontModle .menberTicket2 .vDate{
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:0.4rem;
    text-align: center;
    padding-top:0.44rem;
}
.wrp .frontModle .discountCouponBack{
    width: 100%;
    height: 10.72rem;
    background: url(https://source1.suddenfix.com/2020/h5/carnival2020618/carnival2020618_discountCouponBack_v2.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top:-0.92rem;
    display: block;
}
.wrp .frontModle .discountCouponBack .Titile{
    padding-top:1.92rem;
}
.wrp .frontModle .discountCouponBack .Titile .title {
    text-align: center;
    font-size:0.64rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:#FFEA5C;
    line-height:0.5rem;
    text-shadow:0rem 0rem 0.06rem rgba(255,255,255,0.5);
}
.wrp .frontModle .discountCouponBack .Titile .title1 {
    font-size:0.36rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.54rem;
    text-shadow:0rem 0rem 0.06rem rgba(255,255,255,0.5);
    text-align: center;
}
.wrp .frontModle .discountCouponBack .hintText{
    position: absolute;
    width: 4.6rem;
    height: 2.8rem;
    background: url('../img/2020618/carnival2020618_hintText2.png') no-repeat;
    background-size: 100% 100%;
    bottom: 1.36rem;
    right:0.24rem;
}
.wrp .frontModle .discountCouponBack .hintText .text{
    padding-top:0.34rem;
}
.wrp .frontModle .discountCouponBack .hintText .text,.wrp .frontModle .discountCouponBack .hintText .text2{
    font-size:0.28rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.48rem;
    text-align: center;
}
.wrp .frontModle .discountCouponBack .hintText .text .bigWhite{
    font-size:0.42rem;
}
.wrp .frontModle .discountCouponBack .hintText .text .BigGold{
    color: #FFEA5D;
    font-size:0.42rem;
}
.wrp .frontModle .discountCouponBack .hintText .btn{
    width: 3.48rem;
    height: 1.52rem;
    background: url(../img/2020618/carnival2020618_getBtn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
}
.wrp .frontModle .discountCouponBack .coupon{
    width: 1.76rem;
    height: 2rem;
}
.wrp .frontModle .discountCouponBack .coupon .title{
    padding-top:0.18rem;
    font-size:0.3rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,216,107,1);
    line-height:0.42rem;
    text-align: center;
}
.wrp .frontModle .discountCouponBack .coupon .price{
    text-align: center;
    font-size:0.64rem;
    padding-top:0.42rem;
    font-family:SuddenFixProMedium;
    color:rgba(255,216,107,1);
    font-weight: 600;
    line-height:0.56rem;
    text-shadow: inset 0.02rem 0.02rem 0rem rgba(0,0,0,0.5);
    background:linear-gradient(347deg, rgba(255,238,192,1) 0%, rgba(255,254,230,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.wrp .frontModle .discountCouponBack .coupon .price span{
    font-size:0.48rem;
}
.wrp .frontModle .discountCouponBack .coupon1 {
    position: absolute;
    top: 3.6rem;
    left: 0.64rem;
}
.wrp .frontModle .discountCouponBack .coupon2{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top: 4.04rem;
    /*left: 2.86rem;
     */
}
.wrp .frontModle .discountCouponBack .coupon3{
    position: absolute;
    top: 3.48rem;
    right: 0.64rem;
}
/**/
.wrp .beHintModle{
    width: 100%;
    position: relative;
    top:-1.2rem;
}
.wrp .beHintModle .orderModel.moduleBattery{
    margin:0rem auto 0;
}
.wrp .beHintModle .orderModel{
    width: 100%;
    /*height:15.96rem;
     */
    padding:0.52rem 0rem;
    background:linear-gradient(342deg,rgba(0,15,155,1) 0%,rgba(0,71,145,1) 100%);
    box-shadow:inset 0rem 0.06rem 0.1rem 0rem rgba(255,255,255,0.5);
    border-radius: 0.4rem 0.4rem 0.2rem 0.2rem;
    /*border-radius: 0.4rem;
     */
    margin:0.4rem auto 0;
    position: relative;
}
.wrp .beHintModle .orderModel .topTitle{
    padding:0rem 0.36rem;
    margin-bottom: 0.4rem;
}
.wrp .beHintModle .orderModel .topTitle .leftTittle{
    font-size:0.42rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:0.58rem;
    text-shadow:0rem 0rem 0.12rem rgba(255,255,255,1);
    display: inline-block;
    text-align: left;
}
.wrp .beHintModle .orderModel .topTitle .lookMore{
    font-size:0.32rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:0.44rem;
    display: inline-block;
    float: right;
    text-decoration: underline;
    padding-top:0.1rem;
}
.wrp .beHintModle .orderModel .tabList{
    display: block;
    margin-top:0.4rem;
    margin-left:0.4rem;
}
.wrp .beHintModle .orderModel .tabList li{
    width:3.28rem;
    height:0.94rem;
    text-align: center;
    float: left;
    margin-right:0.12rem;
    background:rgba(0,0,0,0.5);
    border-radius:0.2rem 0.2rem 0rem 0rem;
    opacity:0.3;
}
.wrp .beHintModle .orderModel .tabList li.active{
    background: linear-gradient(320deg,rgba(38,57,232,1) 0%,rgba(60,144,229,1) 100%),linear-gradient(198deg,rgba(155,102,255,1) 0%,rgba(67,31,197,1) 100%);
    border-radius:0.2rem 0.2rem 0rem 0rem;
    opacity:1;
}
.wrp .beHintModle .orderModel .tabList li.active p, .wrp .beHintModle .orderModel .tabList li.active span{
    color:rgba(255,255,255,1);
}
.wrp .beHintModle .orderModel .tabList li p{
    font-size:0.32rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,.5);
    line-height:0.44rem;
    padding-top:0.08rem;
}
.wrp .beHintModle .orderModel .tabList li span{
    font-size:0.24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,.5);
    line-height:0.34rem;
}
.wrp .beHintModle .orderModel .productWrp{
    display: none;
}
.wrp .beHintModle .orderModel .productWrp.active{
    display: block;
}
.wrp .beHintModle .orderModel .productList{
    width:7.16rem;
    background:rgba(255,255,255,1);
    /*box-shadow:inset 0rem 0rem 0.2rem 0rem rgba(255,0,0,0.36);
     */
    border-radius:0.08rem;
    margin: 0 auto;
    padding:0.5rem 0.42rem 0rem 0.42rem;
    -webkit-border-radius:0.08rem;
    -moz-border-radius:0.08rem;
    -ms-border-radius:0.08rem;
    -o-border-radius:0.08rem;
    /*height: 14.1rem;
     */
    overflow: hidden;
}
.wrp .beHintModle .orderModel .productList li{
    float: left;
    width: 2.8rem;
}
.wrp .beHintModle .orderModel .productList li:nth-child(odd){
    margin-right:0.68rem;
}
.wrp .beHintModle .orderModel .productList li a{
    display: block;
}
.wrp .beHintModle .orderModel .productList li .product_img{
    display: block;
    width: 2.7rem;
    height: 2.7rem;
    margin:0 auto;
}
.wrp .beHintModle .orderModel .productList li .modelName{
    font-size:0.3rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(96,98,102,1);
    line-height:0.42rem;
    text-align: center;
    padding-top:0.2rem;
    padding-bottom:0.1rem;
}
.wrp .beHintModle .orderModel .productList li .line{
    width:100%;
    height:0.02rem;
    background-color:#EDEFF2;
}
.wrp .beHintModle .orderModel .productList li .type{
    font-size:0.3rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(96,98,102,1);
    line-height:0.42rem;
    text-align: center;
    padding:0.1rem 0rem 0.16rem 0rem;
}
.wrp .beHintModle .orderModel .productList li .price{
    font-size:0.36rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:500;
    color:rgba(255,65,65,1);
    text-align: center;
    line-height:0.5rem;
    position: relative;
}
.wrp .beHintModle .orderModel .productList li .price::before{
    content:"需购红包";
    width:1.04rem;
    height:0.28rem;
    background:linear-gradient(223deg,rgba(255,138,104,1) 0%,rgba(255,50,70,1) 100%);
    border-radius:0.04rem;
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(237,239,242,1);
    line-height:0.28rem;
    text-align: center;
    position: absolute;
    top:-0.02rem;
    right:0rem;
    transform: scale(0.8);
}
.wrp .beHintModle .orderModel .productList li .OfficialPrice{
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    text-align: center;
    color:rgba(191,194,204,1);
}
.wrp .beHintModle .orderModel .productList li .OfficialPrice span{
    text-decoration: line-through;
}
.wrp .beHintModle .orderModel .productList li .order{
    width:2.24rem;
    height:0.5rem;
    background:linear-gradient(180deg,rgba(255,225,104,1) 0%,rgba(255,193,0,0.99) 100%);
    box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(247,89,0,0.48),inset 0rem -0.02rem 0.06rem 0rem rgba(247,89,0,0.48);
    border-radius:0.26rem;
    font-size:0.24rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.5rem;
    text-align: center;
    margin: 0.3rem auto 1.08rem;
}
.wrp .beHintModle .moduleCombo{
    width:100%;
    border-radius:0.3rem;
    padding: 0.48rem 0rem;
    background: rgba(0, 39, 150,1);
    box-shadow: inset 0rem 0.04rem 0.12rem 0.02rem rgba(255,255,255,0.5), inset 0rem 0.24rem 0.1rem 0rem rgba(255,255,255,0.3);
    position: relative;
    margin-top:0.4rem;
}
.wrp .beHintModle .moduleCombo .allTitle{
    width: 100%;
    height: 0.74rem;
    padding:0rem 0.24rem;
    font-size:0.52rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.74rem;
    text-shadow:0rem 0.02rem 0.04rem rgba(0,0,0,0.25);
    text-align: center;
    position: relative;
}
.wrp .beHintModle .moduleCombo .hintTextCombo{
    font-size: 0.28rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 0.4rem;
    text-align: center;
    padding-bottom: 0.24rem;
}
.wrp .beHintModle .moduleCombo .allTitle .leftLine{
    width:2.04rem;
    height:0.04rem;
    position: absolute;
    left:0.24rem;
    top:50%;
    transform: translateY(-50%);
    box-shadow:inset 0rem 0.02rem 0.06rem 0rem rgba(0,0,0,0.25);
}
.wrp .beHintModle .moduleCombo .allTitle .leftLine::before,.wrp .allTitle .rightLine::before{
    content:"";
    position: absolute;
    height:0.04rem;
    width:2.04rem;
    box-shadow:inset 0rem 0.02rem 0.06rem 0rem rgba(0,0,0,0.25);
    left:0;
    top:0.12rem;
}
.wrp .beHintModle .moduleCombo .allTitle .leftLine::after,.wrp .allTitle .rightLine::after{
    content:"";
    position: absolute;
    height:0.04rem;
    width:2.04rem;
    box-shadow:inset 0rem 0.02rem 0.06rem 0rem rgba(0,0,0,0.25);
    left:0;
    bottom:0.12rem;
}
.wrp .beHintModle .moduleCombo.allTitle .rightLine{
    width:2.04rem;
    height:0.04rem;
    position: absolute;
    right:0.24rem;
    top:50%;
    transform: translateY(-50%);
    box-shadow:inset 0rem 0.02rem 0.06rem 0rem rgba(0,0,0,0.25);
}
.wrp .beHintModle .moduleCombo .couponWrp{
    margin:0.18rem auto 0.44rem;
    width:7.3rem;
    background:rgba(0,0,0,0.1);
    box-shadow:0rem 0.04rem 0.08rem 0rem rgba(255,255,255,0.5),inset 0rem 0.22rem 0rem 0rem rgba(0,0,0,0.25),inset 0rem 0.02rem 0.52rem 0rem rgba(0,0,0,0.1);
    padding:0.44rem 0rem;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li{
    width:7.02rem;
    height:1.88rem;
    background:url('../2020MayDay/img/mayDay_couponBack.png') no-repeat;
    /*background: #FFE2C5;
     */
    background-size: 100% 100%;
    margin:0 auto;
    border-radius:0.16rem;
    position: relative;
    margin-bottom: 0.18rem;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList.couponList1 li{
    position: relative;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList.couponList1 li::before{
    content:"";
    width: 0.04rem;
    height: 0.34rem;
    background-color: #FFA400;
    position: absolute;
    top:-0.26rem;
    right:1rem;
    border-radius: 1%;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList.couponList1 li::after{
    content:"";
    width: 0.04rem;
    height: 0.34rem;
    background-color: #FFA400;
    position: absolute;
    top:-0.26rem;
    left:1rem;
    border-radius: 1%;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .price{
    font-size:0.6rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    padding-left:0.34rem;
    color:rgba(255,0,0,1);
    line-height:0.84rem;
    text-shadow:0rem 0.02rem 0.04rem rgba(255,0,0,0.36);
}
.wrp .beHintModle .orderMode .moduleCombo .couponWrp .couponList li .price.price1{
    padding-top:0rem;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .use{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    /*padding-left:0.2rem;
     */
    color:rgba(132,113,100,0.64);
    line-height:0.28rem;
    transform: scale(0.9);
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .useTypeAdd{
    font-size:0.3rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(189,76,0,1);
    line-height:0.42rem;
    padding-left:0.34rem;
    padding-top:0.2rem;
    position: relative;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .useTypeAdd::before{
    content:"";
    width: 3.52rem;
    height: 1.08rem;
    position: absolute;
    top:0rem;
    background: url('../2020MayDay/img/mayDay_light.png') no-repeat;
    background-size: 100% 100%;
    left:1.4rem;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .useType{
    height:0.44rem;
    background:rgba(247,181,0,1);
    border-radius:0.08rem;
    padding:0 0.3rem;
    text-align: center;
    line-height: 0.44rem;
    position: absolute;
    top:0.2rem;
    left:1.8rem;
    font-size:0.24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(189,76,0,1);
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .useType.useType1{
    left:2rem;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .useType::before{
    content:"";
    width: 3.52rem;
    height: 1.08rem;
    position: absolute;
    top:-0.18rem;
    background: url('./img/mayDay_light.png') no-repeat;
    background-size: 100% 100%;
    left:-0.78rem;
}
.wrp .beHintModle .moduleCombo .couponWrp .couponList li .getBtn{
    width: 2.76rem;
    height: 1.06rem;
    background: url('../2020MayDay/img/mayDay_GetBtn2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0.48rem;
    right:0.22rem;
}
.wrp .beHintModle .moduleCombo .ComboCouponList{
    /*height: 16.56rem;
     */
    overflow: hidden;
}
.wrp .beHintModle .moduleCombo .ComboCouponList .combo{
    width: 7.02rem;
    height: 4.14rem;
    margin: 0 auto 0.32rem;
}
.wrp .beHintModle .moduleCombo .ComboCouponList .combo:last-child{
    /*margin-bottom: 0.6rem;
     */
}
.wrp .beHintModle .moduleCombo .ComboCouponList .combo img{
    display: block;
    width: 100%;
    height: 100%;
}
.wrp .beHintModle .moduleCombo .ComboCouponList .combo img{
    display: block;
    width: 100%;
    height: 100%;
}
.wrp .beHintModle .moduleCombo::before,.wrp .beHintModle .moduleScreen::before, .wrp .beHintModle .moduleBack::before{
    content: '';
    position: absolute;
    width: 0.52rem;
    height: 0.7rem;
    background: url("../2020MayDay/img/mayDay_concat.png") no-repeat;
    background-size: 100% 100%;
    left: 1rem;
    top: -0.44rem;
}
.wrp .beHintModle .moduleCombo::after,.wrp .beHintModle .moduleScreen::after, .wrp .beHintModle .moduleBack::after{
    content: '';
    position: absolute;
    width: 0.52rem;
    height: 0.7rem;
    background: url('../2020MayDay/img/mayDay_concat.png') no-repeat;
    background-size: 100% 100%;
    right: 1rem;
    top: -0.44rem;
}
.wrp .share{
    width: 2.04rem;
    height: 1.94rem;
    background: url('https://source1.suddenfix.com/2020/h5/carnival2020618/carnival2020618_fixedIcon.png') no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right:-1.98rem;
    bottom: 2rem;
    z-index: 99;
    /* display: none;
     */
}
.wrp .share.shareout{
    animation:shareout 0.5s linear;
    -webkit-animation:shareout 0.5s linear;
    right:0;
}
@keyframes shareout{
    0%{
        right: -1.98rem;
    }
    100%{
        right:0;
    }
}
@-webkit-keyframes shareout{
    0%{
        right: -1.98rem;
    }
    100%{
        right:0;
    }
}
.wrp .share{
    animation:shareenter .2s linear;
    -webkit-animation:shareenter .2s linear;
}
@keyframes shareenter{
    0%{
        right:0;
    }
    100%{
        right: -1.98rem;
    }
}
@-webkit-keyframes shareenter{
    0%{
        right:0;
    }
    100%{
        right: -1.98rem;
    }
}
/* 活动规则 */
.rulesDetail{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.rulesDetail .rulesUlWrp{
    width:6.38rem;
    height:9.3rem;
    background:rgba(255,255,255,1);
    border-radius:0.08rem;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) ;
    -webkit-transform:translate(-50%,-50%) ;
    -moz-transform:translate(-50%,-50%) ;
    -ms-transform:translate(-50%,-50%) ;
    -o-transform:translate(-50%,-50%) ;
    box-sizing: border-box;
    padding:1.2rem 0.46rem 0.52rem 0.48rem ;
}
.rulesDetail .rulesUlWrp .rulesTitle{
    width: 3.04rem;
    height: 0.5rem;
    background: url(../img/2020618/rulesOm.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0.44rem;
    left:50%;
    transform:translateX(-50%) ;
    -webkit-transform:translateX(-50%) ;
    -moz-transform:translateX(-50%) ;
    -ms-transform:translateX(-50%) ;
    -o-transform:translateX(-50%) ;
}
.rulesDetail .rulesUlWrp .colseRulesDia{
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    background: url(../img/2020618/close.png) no-repeat;
    background-size: 100% 100%;
    bottom: -1.14rem;
;
    left:50%;
    transform:translateX(-50%) ;
    -webkit-transform:translateX(-50%) ;
    -moz-transform:translateX(-50%) ;
    -ms-transform:translateX(-50%) ;
    -o-transform:translateX(-50%) ;
}
.rulesDetail .rulesUlWrp .rulesUl{
    width: 100%;
    height: 100%;
    overflow: scroll;
}
.rulesDetail .rulesUlWrp .rulesUl li{
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(74,74,74,1);
    line-height:0.4rem;
}
.rulesDetail .rulesUlWrp .rulesUl li.subLi{
    padding-bottom: 0.4rem;
;
}
.orderWeflare{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.7);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.orderWeflare .orderWeflareContent{
    width:100%;
    height:9.26rem;
    background:url('https://source1.suddenfix.com/2020/h5/carnival2020618/orderWeflareBg.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) ;
    -webkit-transform:translate(-50%,-50%) ;
    -moz-transform:translate(-50%,-50%) ;
    -ms-transform:translate(-50%,-50%) ;
    -o-transform:translate(-50%,-50%) ;
}
.orderWeflare .orderWeflareContent .colseRulesDia{
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    background: url(../img/2020618/close.png) no-repeat;
    background-size: 100% 100%;
    bottom: -1.14rem;
;
    left:50%;
    transform:translateX(-50%) ;
    -webkit-transform:translateX(-50%) ;
    -moz-transform:translateX(-50%) ;
    -ms-transform:translateX(-50%) ;
    -o-transform:translateX(-50%) ;
}
.orderWeflare .orderWeflareContent .topTitle{
    font-size:0.42rem;
    font-family:HappyZcool-2016,HappyZcool;
    font-weight:normal;
    color:rgba(255,255,255,1);
    line-height:0.48rem;
    letter-spacing:0.02rem;
    text-shadow:0rem 0rem 0.1rem rgba(255,255,255,0.5);
    text-align: center;
    padding-top:2.52rem;
}
.orderWeflare .orderWeflareContent .getOrderRules{
    padding-top:1.28rem;
}
.orderWeflare .orderWeflareContent .getOrderRules li{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(48,49,51,1);
    line-height:0.34rem;
    text-align: center;
}
.orderWeflare .orderWeflareContent .sdfQrCode{
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin:0.94rem auto 0;
}
.orderWeflare .orderWeflareContent .sdfQrCode img{
    display: block;
    width: 100%;
    height: 100%;
}
.orderWeflare .orderWeflareContent .hintUl{
    margin-top:0.16rem;
}
.orderWeflare .orderWeflareContent .hintUl li{
    font-size:0.28rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.4rem;
    text-shadow:0rem 0rem 0.06rem rgba(255,255,255,0.5);
    text-align: center;
}
.orderWeflare .orderWeflareContent .hintUl li span{
    color:#FFDB79;
}
.wrp .dialog{
    display: none;
    position: fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) ;
    height: auto;
    /*min-height:0.58rem;
     */
    background:rgba(0,0,0,0.85);
    border-radius:0.08rem;
    padding:0 0.24rem;
    font-size:0.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    /*line-height:0.58rem;
     */
    text-align: center;
    -webkit-transform:translate(-50%,-50%) ;
    -moz-transform:translate(-50%,-50%) ;
    -ms-transform:translate(-50%,-50%) ;
    -o-transform:translate(-50%,-50%) ;
    z-index: 106;
}