*{
padding: 0;
margin: 0;
}
html{
font-family:思源黑体 CN;
width: 100%;
height: 100%;
font-size: 100px;
}
body{
width: 100%;
height: 100%;
margin: 0 auto;
}
.page{
width: 100%;
height: 100%;
}
#app{
width: 100%;
height: 100%;
}
.logo{
width: 3.10rem;
height: .36rem;
position: absolute;
left: .55rem;
top: 3%;
}
/*********** 授权页 ************/
.Accredit{
width: 100%;
height: 100%;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/accredit-bg.png) no-repeat;
background-size: cover;
background-position: center center;
}
.accredit{
width: 7.5rem;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.accredit-pop{
width: 5.14rem;
height: 6.80rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/accredit-pop.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 36%;
left: 0;
right: 0;
margin:0 auto;
}
.accredi-btn{
width: 3.8rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 4.8rem;
left: 0;
right: 0;
margin:0 auto;
}
.accredit-Ybtn{
width: 1.90rem;
height: .80rem;
}
.accredit-Nbtn{
width: 1.90rem;
height: .80rem;
}
/*********** 首页 ************/
.Homepage{
width: 100%;
height: 100%;
min-height: 13.34rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/homepage-bg.png) no-repeat;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden;
}
.homepage{
width: 7.5rem;
height: 100%;
margin: 0 auto;
position: relative;
}
.homepage-rulesBtn{
width: 1.72rem;
height: .77rem;
position: absolute;
top: 2%;
right: 2.1rem;
}
.homepage-prizeBtn{
width: 1.72rem;
height: .77rem;
position: absolute;
top: 2%;
right: .55rem;
}
.title{
width: 6.30rem;
height: 3.06rem;
position: absolute;
top: 12.7%;
left: 0;
right: 0;
margin: 0 auto;
margin-left: .95rem;
}
.homepage-people{
width: 6.66rem;
height: 6.77rem;
position: absolute;
top: 44.9%;
left: 0;
right: 0;
margin: 0 auto;
margin-left: .75rem;
}
.homepage-startBtn{
width: 4.84rem;
height: 1.11rem;
position: absolute;
top: 86%;
left: 0;
right: 0;
margin: 0 auto;
}
.rulespage{
min-width: 7.5rem;
min-height: 18.01rem;
margin: 0 auto;
position: relative;
overflow: hidden;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/rulespage.png) no-repeat;
background-size: cover;
background-position: center center;
}
.rules{
width: 6.44rem;
height: 15.44rem;
position: absolute;
top: 1.2rem;
left: 0;
right: 0;
margin: 0 auto;
}
.back{
width: 4.84rem;
height: 1.11rem;
position: absolute;
top: 16.7rem;
left: 0;
right: 0;
margin: 0 auto;
}
.yh{
width: 2.36rem;
height: 2.41rem;
position: absolute;
left: 1.7rem;
top: 42%;
opacity:0;
animation:yh 3s ease-out forwards .4s infinite;
}
.yh1{
width: 1.36rem;
height: 1.49rem;
position: absolute;
left: 1.4rem;
top: 18%;
opacity:0;
animation:yh 3s ease-out forwards 1.5s infinite;
}
.yh2{
width: 2.39rem;
height: 2.63rem;
position: absolute;
right: -1.4rem;
top: 26%;
opacity:0;
animation:yh 3s ease-out forwards 1s infinite;
}
.yh3{
width: 1.38rem;
height: 1.41rem;
position: absolute;
left: -.5rem;
top: 55%;
opacity:0;
animation:yh 3.5s ease-out forwards 1.2s infinite;
}
.yh4{
width: 1.38rem;
height: 1.41rem;
position: absolute;
right: -.7rem;
top: 67%;
opacity:0;
animation:yh 3.1s ease-out forwards 2s infinite;
}
@keyframes yh {
0% {
transform: scale(.4,.4);
opacity:0;
}
35%{
transform: translate(0px,-50px);
opacity:1;
}
100%{
transform: translate(0px,-50px);
opacity:0;
}
}
.qq1{
width: 2.44rem;
height: 3.31rem;
position: absolute;
left: -.5rem;
top: 29%;
animation:qq 3.1s linear forwards infinite;
}
.qq2{
width: .71rem;
height: .91rem;
position: absolute;
right: .35rem;
top: 17%;
animation:qq2 2s linear forwards infinite;
}
.qq3{
width: 1.08rem;
height: .61rem;
position: absolute;
right: 2.3rem;
top: 54%;
animation:qq3 10s ease-out forwards 1;
}
.qq4{
width: .92rem;
height: .61rem;
position: absolute;
right: 3.1rem;
top: 57%;
animation:qq3 10s ease-out forwards 1;
}
.qq5{
width: .69rem;
height: 1.04rem;
position: absolute;
right: .15rem;
top: 39%;
}
@keyframes qq {
0% {
}
50%{
transform: translate(0px,.2rem);
}
100%{
}
}
@keyframes qq2 {
0% {
}
50%{
transform: translate(0px,.1rem);
}
100%{
}
}
@keyframes qq3 {
0% {
}
100%{
transform: translate(1rem,-2.5rem);
}
}
.bird1{
width: .96rem;
height: .94rem;
position: absolute;
left: .20rem;
top: 7%;
animation:bird1 4s linear forwards infinite;
}
.bird2{
width: .91rem;
height: .65rem;
position: absolute;
right: 4rem;
top: 39%;
animation:bird2 10s linear forwards 1;
}
.bird3{
width: 1.30rem;
height: 1.19rem;
position: absolute;
right: .3rem;
top: 31%;
animation:bird3 4s linear forwards infinite;
}
@keyframes bird1 {
0% {
}
50%{
transform: translate(.3rem,-.05rem);
}
100%{
}
}
@keyframes bird2 {
0% {
}
50%{
}
100%{
transform: translate(1.8rem,-.80rem);
}
}
@keyframes bird3 {
0% {
}
50%{
transform: translate(.2rem,-.20rem);
}
100%{
}
}
/*********** 选择心愿清单页 ************/
.Selectwish{
width: 100%;
height: 100%;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-bg.png) no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.selectwish{
width: 7.5rem;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.selectwish .title,.playgame .title{
top: 3%;
}
.selectwish-k{
width: 6.44rem;
height: 8.71rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-k.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 23.5%;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
padding-top:.90rem;
box-sizing: border-box;
}
.selectwish-ok,.gamestartBtn{
width: 4.84rem;
height: 1.11rem;
position: absolute;
top: 89%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 11;
}
.selectwish-game1,.selectwish-game2,.selectwish-game3{
width: 5.64rem;
height: 1.97rem;
margin-bottom: .40rem;
transition: transform .3s;
}
.selectwish-game1{
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-game1.png) no-repeat;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
}
.selectwish-game2{
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-game2.png) no-repeat;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
}
.selectwish-game3{
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-game3.png) no-repeat;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
}
.isBig1{
-ms-transform:scale(1.15,1.15);
-webkit-transform: scale(1.15,1.15);
transform: scale(1.15,1.15);
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-game11.png) no-repeat;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
}
.isBig2{
-ms-transform:scale(1.15,1.15);
-webkit-transform: scale(1.15,1.15);
transform: scale(1.15,1.15);
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-game22.png) no-repeat;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
}
.isBig3{
-ms-transform:scale(1.15,1.15);
-webkit-transform: scale(1.15,1.15);
transform: scale(1.15,1.15);
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-game33.png) no-repeat;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
}
.isD{
animation:skyLantern2 1.1s linear forwards infinite;
}
@keyframes skyLantern2 {
0% {
-ms-transform:scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
50%{
-ms-transform:scale(1.02,1.02);
-webkit-transform: scale(1.02,1.02);
transform: scale(1.02,1.02);
}
100%{
-ms-transform:scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}
.selectwish-text{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
bottom: .45rem;
width: 3rem;
color: #DF1F13;
font-size: .32rem;
font-weight: 600;
}
/*********** 游戏页面 ************/
.Playgame{
width: 100%;
height: 100%;
min-height: 13.34rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-bg.png) no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.playgame{
width: 7.5rem;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.timeimg{
width: 1.92rem;
height: .84rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/timeimg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: .70rem;;
top: 1.5%;
color: #ff3e3c;
font-size: .32rem;
box-sizing: border-box;
/* padding: .21rem .30rem; */
}
.timeimg>div{
width: 1rem;
position: absolute;
top: 29.2%;
left: .45rem;
}
.Playgame-k{
width: 6.44rem;
height: 8.71rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/selectwish-k.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 23.5%;
left: 0;
right: 0;
margin: 0 auto;
}
.reverseImgZ,.reverseImgF{
width: 1.56rem;
height: 2.26rem;
position: absolute;
left: 0;
top: 0;
}
.pais{
width: 5.2rem;
position: absolute;
top: .7rem;
left: 0;
right: 0;
margin: 0 auto
}
.pai{
width: 1.56rem;
height: 2.26rem;
position: relative;
}
.reverseImgF{
z-index: 2;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.reverseImgZ{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
font-size: .42rem;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
font-family: chengxing;
writing-mode:vertical-lr;
}
/*********** 弹窗 ************/
.pop{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/pop.png) no-repeat;
background-size: 100% 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 15;
}
.login-pop{
width: 5.91rem;
height: 5.96rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/login-pop.png) no-repeat;
background-size: 100% 100%;
margin-top: -2.90rem;
position: relative;
}
.login-submit{
width: 2.62rem;
height: .80rem;
position: absolute;
bottom: .25rem;
left: 0;
right: 0;
margin: 0 auto;
}
.login-pop>input{
outline: none;
border: none;
background-color: transparent;
}
.phone{
width: 4.6rem;
position: absolute;
top: 2.7rem;
left: .65rem;
}
.yzm{
width: 3.4rem;
position: absolute;
top: 3.5rem;
left: .65rem;
}
.yanzheng{
width: 1.12rem;
height: .62rem;
position: absolute;
top: 3.32rem;
left: 4.35rem;
}
.yzmno-pop{
width: 5.91rem;
height: 5.25rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/yzmno-pop.png) no-repeat;
background-size: 100% 100%;
margin-top: -2.90rem;
position: relative;
margin-bottom: .20rem;
}
.logintext{
width: 5.5rem;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: .65rem;
text-align: center;
font-size: .36rem;
font-weight: 600;
color: #cf2310;
}
.close{
width: .73rem;
height: .73rem;
}
.gamewin-pop{
width: 5.91rem;
height: 6.25rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/gamewin-pop.png) no-repeat;
background-size: 100% 100%;
margin-top: -2.90rem;
position: relative;
}
.choujiang{
width: 3.14rem;
height: .90rem;
position: absolute;
left: 0;
right: 0;
bottom: .2rem;
margin: 0 auto;
}
.gameover-pop{
width: 5.91rem;
height: 7.83rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/gameover-pop.png) no-repeat;
background-size: 100% 100%;
margin-top: -2.90rem;
position: relative;
margin-bottom: .20rem;
}
.ewm{
width: 1.72rem;
height: 2.11rem;
position: absolute;
left: 0;
right: 0;
bottom: .4rem;
margin: 0 auto;
}
.statepop{
width: 5.91rem;
height: 6.57rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/statepop.png) no-repeat;
background-size: 100% 100%;
margin-top: -2.90rem;
position: relative;
margin-bottom: .20rem;
}
.statepop-text{
width: 4rem;
height: 1rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: .42rem;
position: absolute;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
top: 2.7rem;
}
.jiangli1{
width: 5.91rem;
height: 11.91rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/jiangli1.png) no-repeat;
background-size: 100% 100%;
margin-top: -.70rem;
position: relative;
margin-bottom: .20rem;
}
.jiangli2{
width: 5.91rem;
height: 11.91rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/jiangli2.png) no-repeat;
background-size: 100% 100%;
margin-top: -.70rem;
position: relative;
margin-bottom: .20rem;
}
.jliput1{
width: 3.75rem;
position: absolute;
left: 1.5rem;
bottom: 4.76rem;
border: none;
outline: none;
background-color: transparent;
font-size: .24rem;
}
.jliput2{
width: 3.15rem;
position: absolute;
left: 2.1rem;
bottom: 4.03rem;
border: none;
outline: none;
background-color: transparent;
font-size: .24rem;
}
.jliput3{
width: 3.75rem;
position: absolute;
left: 1.5rem;
bottom: 3.3rem;
border: none;
outline: none;
background-color: transparent;
font-size: .24rem;
}
.tijiao{
width: 2.62rem;
height: .80rem;
}
.lianglihb{
width: 5.91rem;
height: 9.53rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/lianglihb.png) no-repeat;
background-size: 100% 100%;
margin-top: -.70rem;
position: relative;
margin-bottom: .20rem;
}
.lianglihb-text{
width: 3rem;
color: #df1f13;
position: absolute;
left: 0;
right: 0;
font-size: .46rem;
text-align: center;
margin: 0 auto;
top: 3.5rem;
font-weight: 600;
}
.jiangpintk{
/* width: 5.91rem;
height: 6.93rem; */
/* background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/jiangpintk.png) no-repeat; */
width: 5.91rem;
height: 7.83rem;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/jiangpintk.png);
background-size: 100% 100%;
margin-top: -.70rem;
position: relative;
margin-bottom: .20rem;
}
.jiangpin-kk{
width: 2.78rem;
height: 2.75rem;
position: absolute;
left: 0;
right: 0;
top: 3.5rem;
margin: 0 auto;
}
.xgAddressBtn{
width: 2.62rem;
height: .80rem;
position: absolute;
left: 0;
right: 0;
top: 6.1rem;
margin: 0 auto;
}
.xgAddresstext{
width: 1.03rem;
height: .18rem;
position: absolute;
left: 0;
right: 0;
top: 6.74rem;
margin: 0 auto;
}
.zhe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.starttext{
width: 3.10rem;
height: .74rem;
}
.jiangpin-sh{
width: 3.19rem;
height: 2.96rem;
position: absolute;
left: 0;
right: 0;
top: 3rem;
margin: 0 auto;
}
.jiangpin-ej{
width: 2.85rem;
height: 2.92rem;
position: absolute;
left: 0;
right: 0;
top: 3rem;
margin: 0 auto;
}
.hongbao{
width: 2.78rem;
height: 2.34rem;
position: absolute;
background: url(https://start20190601.oss-cn-qingdao.aliyuncs.com/hongbao/gongyin/20220923/images/hongbao.png) no-repeat;
background-size: 100% 100%;
left: 0;
right: 0;
top: 3rem;
margin: 0 auto;
margin-left: 1.4rem;
}
.hongbao>div{
width: 3.5rem;
color: #df1f13;
font-size: .38rem;
position: absolute;
top: 2.1rem;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
margin-left: -.15rem;
}
/*********** loading ************/
.loadingbox {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.loadings {
width: 100px;
height: 100px;
position: fixed;
left: 50%;
top: 50%;
z-index: 999;
border-radius: 10px;
margin: -50px 0 0 -50px;
background: rgba(0, 0, 0, 0.4);
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
color: #ffffff;
}
.weui-loading {
width: 60px;
height: 60px;
display: inline-block;
vertical-align: middle;
-webkit-animation: weuiLoading 1s steps(12, end) infinite;
animation: weuiLoading 1s steps(12, end) infinite;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
background-size: 100%;
}