html, body, header, footer, nav, section {
    display: block;
    -webkit-tap-highlight-color: transparent
}
html, body, div, span, h1, h2, h3, h4, p, em, img, b, i, ul, li, form, canvas, footer, header, nav, section, button, input, select, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}
html, body {
    font: 0.24rem/1.15 arial,"PingFang SC", 'Microsoft YaHei', Arial, sans-serif, STXihei,SimSun, Heiti, sans-serif;
    font-size-adjust: 100%;
    -wekbit-tap-highlight-color: transparent;
    min-height: calc(100%);
    background: #fff;
    width: 100% !important
}
body {
    -webkit-overflow-scrolling: touch
}
:focus {
    outline: 1
}
a {
    text-decoration: none;
    background-color: transparent
}
a:active, a:hover {
    outline-width: 0
}
i, b {
    font-style: normal;
    font-weight: 400
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}
nav ul {
    list-style: none
}
ul, li {
    box-sizing: border-box;
    list-style-type: none
}
audio, video {
    display: inline-block
}
img {
    border-style: none
}
button, input, optgroup, select, textarea {
    font-size: 100%;
    line-height: 1.15
}
input, select, textarea {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent
}
.cf:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden
}
.transition {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.f-blue {
    color: #4dbdc3 !important
}
html,body{
    width: 100%;
    height: 100%;
    background: #0D034F;
}
.wrp {
    width: 100%;
    background: #0D034F;
}
.wrp .mainImg{
    width: 100%;
    height: 11.28rem;
    background: url('./img/mayDay_mainImg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.wrp .mainImg .getCouponBtn{
    width: 5.12rem;
    height: 1.28rem;
    background: url('./img/mayDay_GetBtn1.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom:1.26rem;
    left:50%;
    transform: translateX(-50%);
}
.wrp .module.moduleScreen{
    position: relative;
    top:-0.4rem;
}
.wrp .module.moduleScreen{
    background:rgba(255,201,0,1);
    box-shadow:inset 0rem 0.04rem 0.12rem 0.02rem rgba(255,255,255,0.5),inset 0rem 0.2rem 0.1rem 0rem rgba(255,255,255,0.3);
}
.wrp .module.moduleScreen .mainContent .productList{
    box-shadow:inset 0rem 0rem 0.2rem 0rem rgba(255,0,0,0.36);
}
.wrp .module.moduleScreen .mainContent .tabList li{
    background:#FA6400;
}
.wrp .module.moduleScreen .mainContent .tabList li.active{
    background:#FF8000;
}
.wrp .module.moduleBattery{
    background:rgba(250,100,0,1);
    box-shadow:inset 0rem 0.04rem 0.12rem 0.02rem rgba(255,255,255,0.5),inset 0rem 0.2rem 0.1rem 0rem rgba(255,255,255,0.3);
    position: relative;
}
.wrp .module.moduleBattery::before,.wrp .module.moduleBack::before, .wrp .module.moduleCombo:before{
    content:'';
    position: absolute;
    width: 0.52rem;
    height: 0.7rem;
    background: url("./img/mayDay_concat.png") no-repeat;
    background-size: 100% 100%;
    left:1rem;
    top:-0.44rem;
}
.wrp .module.moduleBattery::after,.wrp .module.moduleBack::after, .wrp .module.moduleCombo::after{
    content:'';
    position: absolute;
    width: 0.52rem;
    height: 0.7rem;
    background: url("./img/mayDay_concat.png") no-repeat;
    background-size: 100% 100%;
    right:1rem;
    top:-0.44rem;
}
.wrp .module.moduleBattery .mainContent .productList{
    background:rgba(255,255,255,1);
    box-shadow:inset 0rem 0rem 0.2rem 0rem rgba(255,0,0,0.36);
}
.wrp .module.moduleBattery .mainContent .tabList li{
    background:#FFB900;
    opacity:0.8;
}
.wrp .module.moduleBattery .mainContent .tabList li.active{
    background:#FFCD42;
}
.wrp .module.moduleBack{
    background:rgba(98,54,255,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 .module.moduleBack .mainContent .productList{
    background:rgba(255,255,255,1);
    box-shadow:inset 0rem 0rem 0.2rem 0rem rgba(98,54,255,1);
}
.wrp .module.moduleBack .mainContent .tabList li{
    background:#FFB900;
}
.wrp .module.moduleBack .mainContent .tabList li.active{
    background:#FFCD42;
}
.wrp .module.moduleCombo{
    background:rgba(224,32,32,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 .module{
    width:100%;
    border-radius:0.3rem;
    padding: 0.48rem 0rem;
}
.wrp .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 .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 .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 .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 .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 .module .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 .module.moduleBack .couponWrp{
    background:rgba(0,0,0,0.5);
    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.3);
}
.wrp .module.moduleCombo .couponWrp{
    background:rgba(0,0,0,0.5);
    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.3);
}
.wrp .module .couponWrp .couponList{
}
.wrp .module .couponWrp .couponList li{
    width:7.02rem;
    height:1.88rem;
    background:url('./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 .module .couponWrp .couponList.couponList1 li{
    position: relative;
}
.wrp .module .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 .module .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 .module .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);
    padding-top:0.42rem;
}
.wrp .module .couponWrp .couponList li .price.price1{
    padding-top:0rem;
}
.wrp .module .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 .module .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 .module .couponWrp .couponList li .useTypeAdd::before{
    content:"";
    width: 3.52rem;
    height: 1.08rem;
    position: absolute;
    top:0rem;
    background: url('./img/mayDay_light.png') no-repeat;
    background-size: 100% 100%;
    left:1.4rem;
}
.wrp .module .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 .module .couponWrp .couponList li .useType.useType1{
    left:2rem;
}
.wrp .module .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 .module .couponWrp .couponList li .getBtn{
    width: 2.76rem;
    height: 1.06rem;
    background: url('./img/mayDay_GetBtn2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0.48rem;
    right:0.22rem;
}
/**/
.wrp .module .mainContent{
    width:100%;
    /*background:rgba(25,212,196,1);
     */
    /*box-shadow:0rem 0.06rem 0.1rem 0rem rgba(255,255,255,0.5);
     */
    /*padding-bottom: 0.88rem;
     */
}
.wrp .module .mainContent .tabList{
    display: block;
    margin-top:0.4rem;
    margin-left:0.4rem;
}
.wrp .module .mainContent .tabList li{
    width:3.28rem;
    height:0.94rem;
    background:#FA6400;
    border-radius:0.2rem 0.2rem 0rem 0rem;
    opacity:0.3;
    text-align: center;
    float: left;
    margin-right:0.12rem;
}
.wrp .module .mainContent .tabList li.active{
    background:#FF8000;
    border-radius:0.2rem 0.2rem 0rem 0rem;
    opacity:1;
}
.wrp .module .mainContent .tabList li.active p, .wrp .module .mainContent .tabList li.active span{
    color:rgba(255,255,255,1);
}
.wrp .module .mainContent .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 .module .mainContent .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 .module .mainContent .productWrp{
    display: none;
}
.wrp .module .mainContent .productWrp.active{
    display: block;
}
.wrp .module .mainContent .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 .module.moduleScreen .mainContent .lookMore{
    width: 4.28rem;
    height: 0.88rem;
    background: url('./img/mayDay_LookMore3.png') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.wrp .module.moduleBattery .mainContent .lookMore{
    width: 4.28rem;
    height: 0.88rem;
    background: url('./img/mayDay_LookMore1.png') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.wrp .module.moduleBack .mainContent .lookMore{
    width: 4.28rem;
    height: 0.88rem;
    background: url('./img/mayDay_LookMore2.png') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.wrp .module.moduleCombo .lookMore1{
    width: 4.28rem;
    height: 0.74rem;
    background: url('./img/mayDay_LookMore4.png') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.wrp .module.moduleCombo{
    padding-bottom: 0rem;
}
.wrp .module .mainContent .productList.active{
    display: block;
}
.wrp .module .mainContent .productList li{
    float: left;
    width: 2.8rem;
}
.wrp .module .mainContent .productList li:nth-child(odd){
    margin-right:0.68rem;
}
.wrp .module .mainContent .productList li a{
    display: block;
}
.wrp .module .mainContent .productList li .product_img{
    display: block;
    width: 2.7rem;
    height: 2.7rem;
    margin:0 auto;
}
.wrp .module .mainContent .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 .module .mainContent .productList li .line{
    width:100%;
    height:0.02rem;
    background-color:#EDEFF2;
}
.wrp .module .mainContent .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 .module .mainContent .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;
}
.wrp .module .mainContent .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 .module .mainContent .productList li .OfficialPrice span{
    text-decoration: line-through;
}
.wrp .module .mainContent .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 .moduleRules{
    margin-top:0.72rem;
    width: 100%;
    padding:0rem 0.24rem;
}
.wrp .moduleRules .title{
    font-size:0.36rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(132,117,231,0.88);
    line-height:0.5rem;
    padding-bottom: 0.68rem;
}
.wrp .moduleRules .rulesContent{
    margin-bottom: 0.6rem;
}
.wrp .moduleRules .rulesContent li{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(132,117,231,0.88);
    line-height:0.3rem;
    padding-bottom: 0.24rem;
}
.wrp .module.moduleCombo .ComboCouponList{
    /*height: 16.56rem;*/
    overflow: hidden;
    margin-bottom: 0.64rem;
}
.wrp .module.moduleCombo .ComboCouponList .combo{
    width: 7.02rem;
    height: 4.14rem;
    margin: 0 auto 0.32rem;
}
.wrp .module.moduleCombo .ComboCouponList .combo:last-child{
    margin-bottom: 0.6rem;
}
.wrp .module.moduleCombo .ComboCouponList .combo img{
    display: block;
    width: 100%;
    height: 100%;
}
.wrp .module.moduleCombo .ComboCouponList .combo img{
    display: block;
    width: 100%;
    height: 100%;
}
.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;
}