utilStyle active
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
*{
    font-family: arial,"PingFang SC", 'Microsoft YaHei',  Arial, sans-serif, STXihei,SimSun, Heiti, sans-serif !important;
}
*{  
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/  
    -webkit-user-select:none; /*webkit浏览器*/  
    -khtml-user-select:none; /*早期浏览器*/  
    -moz-user-select:none;/*火狐*/  
    -ms-user-select:none; /*IE10*/  
    user-select:none;  
} 
input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0;
    padding: 0;
    outline: none;
}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* custom */
a {
    color: #7e8c8d;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}
li {
    list-style: none;
}

html, body {
    width: 100%;
    height: 100%; 
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

 /* //使用双伪元素清除浮动 */
 .clearfix:before,.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1;
}


.wrp{
    width: 100%;height: 100%;
}
.wrp .g-content{
 width: 100%;
 height: 100%;
}

.wrp .g-content .tabList{
    top:0;
    width: 100%;
    height: 0.92rem;
    background:linear-gradient(180deg,rgba(255,56,118,1) 0%,rgba(181,21,188,1) 100%);
    padding:0.12rem  0.24rem  0.12rem  2.04rem;
    position: relative;
    box-sizing: border-box;

} 
.wrp .g-content .tabList::before{
    content: "";
    position: absolute;
    width:1.4rem;
    height:1.76rem;
    background: url(https://source1.suddenfix.com/2019/singlePage/activity/midAutumnActivity/double11AcSDFLogo.png) no-repeat;
    background-size: 100% 100%;
    border-radius:0 0 2rem 2rem;
    top:0;
    left:0.24rem;
}
.wrp .g-content .tabList li:first-child{ margin-left:0;}

.wrp .g-content .tabList li{
    text-align: center;
    float: left;
    margin-left:0.64rem;
    position: relative;
}
.wrp .g-content .tabList li::after{
    content: "";
    position: absolute;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/double11Return/arrowDefault.png) no-repeat;
    background-size: 100% 100% ;
    top:50%;
    transform:translateY(-50%) ;
    -webkit-transform:translateY(-50%) ;
    -moz-transform:translateY(-50%) ;
    -ms-transform:translateY(-50%) ;
    -o-transform:translateY(-50%) ;
    right:-0.42rem;
}
.wrp .g-content .tabList li:last-child::after { 
    content: "";
    width: 0;height: 0;
}
/* .wrp .g-content .tabList li.active::after{
    background: url(./img/arrowhHighLighnt.png) no-repeat;
    background-size: 100% 100% ;
} */
.wrp .g-content .tabList li.active .date{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(25,211,197,1);
    line-height:0.34rem;
}
.wrp .g-content .tabList li.active .title{
    font-size:0.24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(47,241,227,1);
    line-height:0.34rem;
}
.wrp .g-content .tabList li .date{
    font-size:0.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,.5);
    line-height:0.34rem;
}
.wrp .g-content .tabList li .title{
    font-size:0.24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,.5);
    line-height:0.34rem;
}
.wrp .g-content .main{
    width: 100%;
    height: 27.12rem;
    background: url(https://source1.suddenfix.com/2019/singlePage/double11AcImg/double11ReturnBg2.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box; 
    padding-top:8.52rem;
}
.wrp .g-content .main  .Titile{
    width: 4.74rem;height: 1.08rem;
    margin:0 auto  0.08rem;
    box-sizing: border-box; 
}
.wrp .g-content .main .returnAsaluteTitile{
    background: url(../img/double11Return/returnAsalute.png) no-repeat;
    background-size: 100% 100%;
  }
  .wrp .g-content .main .goOnCouponTitile{
    background: url(../img/double11Return/goOnCoupon.png) no-repeat;
    background-size: 100% 100%;
  }
  .wrp .g-content .main  .s-content{
        display: block;
        width: 7.26rem;height: 3.18rem;
        background: url(../img/double11Return/detailFrame.png) no-repeat;
        background-size: 100% 100%;
        margin:0 auto  0.76rem;
        position: relative;
  }
  .wrp .g-content .main  .s-content .leftImg{
    
  }
  .wrp .g-content .main  .s-content .leftImg.returnGift{
    width: 2.38rem;height: 2.06rem;
    background: url(../img/double11Return/returnGift.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0.48rem;
    left:0.44rem;
  }
  .wrp .g-content .main  .s-content .leftImg.againGetAcoupon{
     width: 2.3rem;height: 2.2rem;
     background: url(../img/double11Return/againGetAcoupon.png) no-repeat;
     background-size: 100% 100%;
     position: absolute;
     top:0.48rem;
     left:0.44rem;
  }
  .wrp .g-content .main  .s-content  .returnGiftText{
    width: 3.3rem;height: 1.38rem;
    background: url(../img/double11Return/returnText.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0.44rem;
    right:0.64rem;
  }
  .wrp .g-content .main  .s-content  .againText{
    width: 3.62rem;height: 1rem;
    background: url(../img/double11Return/againText.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0.44rem;
    right:0.32rem;
  }
  .wrp .g-content .main  .s-content  .returnGiftGetBtn{
    width: 3.34rem;height: 0.8rem;
    background: url(../img/double11Return/getReturnAsalute.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom:0.34rem;
    right:0.52rem;
  }
  .wrp .g-content .main  .s-content#againGetDisCoupon  .returnGiftGetBtn{
    background: url(../img/double11Return/getAcoupon.png) no-repeat;
    background-size: 100% 100%;

  }

  .wrp .g-content .main .rulesList{
        width: 7.26rem;
        /* height: 7.26rem; */
        background: url(../img/double11Return/rulesbgFrame.png) no-repeat;
        background-size: 100% 100%;
        margin:0.86rem auto 0;
        box-sizing: border-box;
        padding:0.6rem 0.52rem 0.6rem 0.6rem;
  }
  .wrp .g-content .main .rulesList .rulesTitile{
    font-size:0.48rem;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(117,255,245,1);
line-height:0.64rem;
letter-spacing:0.02rem;
text-shadow:0 0 0.1rem rgba(255,255,255,0.5);
text-align: center;
position: relative;
margin-bottom: 0.22rem;
  }
.wrp .g-content .main .rulesList .rulesTitile::before{
    content:"";
    position: absolute;
    width: 0.5rem;height: 0.64rem;
    background: url(../img/double11Return/rulesRIght.png) no-repeat;
    background-size: 100% 100%;
    left:1rem;
}
.wrp .g-content .main .rulesList .rulesTitile::after{
    content:"";
    position: absolute;
    width: 0.5rem;height: 0.64rem;
    background: url(../img/double11Return/rulesLeft.png) no-repeat;
    background-size: 100% 100%;
    right:1rem;

}
.wrp .g-content .main .rulesList  ul li{
    font-size:0.28rem;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(117,255,245,1);
line-height:0.4rem;
text-shadow:0 0 0.08rem rgba(255,255,255,0.5);
margin-bottom: 0.2rem;
}
.wrp  .getCouponPopUpWinodws{
    background:rgba(0,0,0,0.6);
    position: fixed;
    top:0;left:0;right:0;bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.wrp  .getCouponPopUpWinodws .g-wrp{
    width: 7.02rem;
    height: 8.2rem;
    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%) ;
    background: url(../img/double11Return/rulesbgFrame.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.wrp  .getCouponPopUpWinodws .g-wrp .congratulationText{
    width: 6.56rem;height: 1.06rem;
    background: url(../img/double11Return/congratulationText.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.52rem auto 0.36rem;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList{
    width: 6.36rem;
    margin:  0 auto;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li{
    width: 6.36rem;height: 1.58rem;
    background: url(../img/double11Return/redCoponBack.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-left:0.34rem;
    margin-bottom:0.28rem;
    box-sizing: border-box;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li:last-child{
    margin-bottom:0.2rem; 
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li a{
    width: 100%;height: 100%;
    display: block;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li .immediatelyUse{
    width: 1.86rem;height: 1.86rem;
    position: absolute;
    top:-0.1rem;
    right:-0.08rem;
    background: url(../img/double11Return/useBtn.png) no-repeat;
    background-size: 100% 100%;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li  .use{
    font-size:0.36rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.5rem;
    text-shadow:0 0 0.06rem rgba(255,255,255,0.5);
    padding-top: 0.38rem;text-align: left;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li  .singleUse{
    line-height: 1.58rem;
    padding-top: 0;text-align: left;
}
.wrp  .getCouponPopUpWinodws .g-wrp  .couponList li .fullReduction{
    font-size:0.24rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:0.34rem;
text-shadow:0 0 0.06rem rgba(255,255,255,0.5);
text-align: left;
}
.wrp  .getCouponPopUpWinodws .g-wrp   .periodOfValidity{
    font-size:0.28rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(117,255,245,1);
    line-height:0.4rem;
    text-shadow:0 0 0.08rem rgba(117,255,245,1);
    text-align: center;
}
.wrp  .getCouponPopUpWinodws  .g-wrp .colse{
    /*shareClose*/width: 0.82rem;
    height: 0.82rem;
    background: url(../img/double11Return/shareClose.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    bottom: -1.34rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


.wrp  .getGiftWindows{
    background:rgba(0,0,0,0.6);
    position: fixed;
    top:0;left:0;right:0;bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.wrp  .getGiftWindows .g-wrp{
    display: block;
    width: 6.68rem;
    height: 5.2rem;
    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%) ;
}

.wrp  .getGiftWindows .g-wrp  .singleGift{
    width: 3.34rem;height: 100%;
    float: left;
}
.wrp  .getGiftWindows .g-wrp  .singleGift a{display: block;width: 100%;height: 100%;}
.wrp  .getGiftWindows .g-wrp  .buckleRing{
    background: url(../img/double11Return/buckleRing.png) no-repeat;
    background-size: 100% 100%;
}
.wrp  .getGiftWindows .g-wrp  .moblieBack{
    background: url(../img/double11Return/moblieBack.png) no-repeat;
    background-size: 100% 100%;
}
.wrp  .getGiftWindows .g-wrp  .singleGift .name{
    font-size:0.36rem;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:0.5rem;
    padding-top:3.4rem;
    text-align: center;
}
.wrp  .getGiftWindows .g-wrp  .singleGift .getBtn{
    width: 2.74rem;height: 0.8rem;
    background: url(../img/double11Return/getGift.png) no-repeat;
    background-size: 100% 100%;
    margin:0 auto;
}
.wrp  .getGiftWindows .g-wrp .getGiftClose{
    position: absolute;
    width: 0.82rem;
    height: 0.82rem;
    background: url(../img/double11Return/shareClose.png) no-repeat;
    background-size: 100% 100%;
    bottom: -1.34rem;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}






















@media screen and (max-width:320px){
    .wrp .g-content .tabList li {
        margin-left: 0.5rem;

    }
}