*{margin: 0 auto;padding: 0;border: 0}
html,body,ul,li,img,a,p,div,form,input,h4,span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
body, .tail{
    text-align: center;
    background: #F6FDFF;
}
button {
    list-style: none;
    outline: none;
    border: none;
    background: transparent;
}
.fz12 {font-size: 12PX;}
[data-dpr="2"] .fz12 {font-size: 24PX;}
[data-dpr="3"] .fz12 {font-size: 36PX;}
.fz13 {font-size: 13PX;}
[data-dpr="2"] .fz13 {font-size: 26PX;}
[data-dpr="3"] .fz13 {font-size: 39PX;}
.fz15 {font-size: 15PX;}
[data-dpr="2"] .fz15 {font-size: 30PX;}
[data-dpr="3"] .fz15 {font-size: 45PX;}

/* popupFlex */
.popupUse {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.popupFlex{
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* share mask  */
.hint-to-share-img {
    position: absolute;
    z-index: 998;
    top: 0.57rem;
    right: 0.57rem;
    width: 4.75rem;
    height: 4.31rem;
    background: url(/info/version3/mkm/consumerCoupon/images/hint-to-share-weixin.png);
    background-size: 100% 100%;
}
/* rule pop */
.pop-rule{
    width: 6.45rem;
    height: 8.8rem;
    padding: .9rem .55rem .65rem;
    text-align: center;
    background: url(/info/version3/marketing_2021/unionpay/images/rule6.png) no-repeat;
    background-size: 100% 100%;
}
.rtitle{
    width: 2.15rem;
    height: .6rem;
    margin: 0 auto;
    line-height: .6rem;
    color: #FFF;
    font-size: .28rem;
    text-align: center;
    background-image: linear-gradient(270deg, #FE9362 0%, #DC570E 100%);
    border-radius: .3rem;
}
.rule-ul{
    height: 6.3rem;
    padding-left: 0.45rem;
    line-height: .4rem;
    margin-top: .25rem;
    text-align: left;
    color: #666666;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.rule-ul li {
    list-style: decimal;
    text-align: justify;
    word-break: break-all;
}
.red{
    color: #FF3C3B;
}
.pop-close {
	display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url(/info/version3/marketing_2021/unionpay/images/iclose.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    margin-top: 0.3rem;
}
/*top*/
.top{
    position: relative;
	height: 33.4rem;
    margin-bottom: 0.4rem;
    background: url(/info/version3/marketing_2021/unionpay/images/top6.png) top no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}
.rule{
    position: absolute;
    top: 1.8rem;
    right: 0;
    z-index: 1;
    width: .5rem;
    height: 1.3rem;
}
.time{
    height: .48rem;
    line-height: .48rem;
    margin: 3.64rem auto 0;
    color: #fff;
    text-align: center;
}
.time span{
    display: inline-block;
    padding: 0 .2rem;
    background-image: linear-gradient(270deg, #FE9362 0%, #DC570E 100%);
    box-shadow: 0 6px 6px 0 #FE9362, inset 0 1px 5px 0 #DC570E;
    border-radius: .24rem;
}
.center{
    display: block;
    width: 6.9rem;
    height: 3.35rem;
    margin: 3.28rem auto 0.22rem;   
}
/*tail*/
.tail {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 888;
    padding: .32rem 0 .38rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;  
}
.join, .share{
    display: inline-block;
    width: 3.24rem;
    height: 1.02rem;
    overflow: hidden;
    text-align: center;
}
.join{
    background: url(/info/version3/marketing_2021/unionpay/images/join6.png) no-repeat;
    background-size: 100% 100%;
}
.share{
    background: url(/info/version3/marketing_2021/unionpay/images/share6.png) no-repeat;
    background-size: 100% 100%;
}

/* content */
.content{
    position: relative;
    height: 7.88rem;
    background: url(/info/version3/marketing_2021/unionpay/images/content.png) top no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}
.contentinner{
    position: absolute;
    top: 2.22rem;
    left: 0.4rem;
    min-height: 4.38rem;
    background: url(/info/version3/marketing_2021/unionpay/images/contentinner.png) top no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.content-txt{
    margin: 3rem 1rem 0;
    line-height: .43rem;
    text-align: left;
    color: #333;
    font-family: PingFangSC-Regular;
}

.mtitle{
    display: block;
    width: 100%;
    height: 1.45rem;
    margin: .38rem 0 0;  
}
.main{
    position: relative;
    height: 10.95rem;
    background: url(/info/version3/marketing_2021/unionpay/images/contentmerc.png) top no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}
.warning{
    text-align: left;
    color: #333;
}
.warning img{
    display: inline-block;
    width: .78rem;
    vertical-align: text-top;
    margin: 0 .02rem;
}
.logocloud{
    width: .78rem;
    height: .3rem;
    margin: 0 .05rem;
    vertical-align: text-bottom;
}
/* nav start */
.nav{
    margin: 0.7rem auto 0.55rem;
    text-align: center;
    font-size: 0;
}
.nav span{
    display: inline-block;
    width: 1.25rem;
    height: .6rem;
    margin-right: .1rem;
    line-height: .6rem;
    background-color: #FFECDF;
    border-radius: .3rem;
    text-align: center;
    color: #E77915;
    font-size: .28rem;
    font-weight: bold;
}
.nav span:last-child{
    margin-right: 0;
}
.nav .on{
    color: #fff;
	background-image: linear-gradient(270deg, #FE9362 0%, #DC570E 100%);
}
/* nav end */
.mainul{
    width: 6rem;
    margin: 0 auto;
    font-size: 0;
    text-align: left;
}
.mainul li {
    display: inline-block;
    width: 1.93rem;
    margin: 0 0 .5rem;
    color: #333333;
    font-size: .28rem;
    text-align: center;
}
.mainul li:nth-child(3n) {
    margin-right:0;
}
.mainul li img{
    display: block;
    width: 1.6rem;
    height: .8rem;    
    margin-bottom: .2rem;
}