@charset "gb2312";
*{-webkit-tap-highlight-color:transparent;outline:0;vertical-align:baseline;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;vertical-align:baseline;}
html,body{height:100%;}
body{margin:0 auto;min-width:320px;max-width:750px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;line-height:1;color:#333;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}
img{border:0 none;vertical-align:top;}
i,em,strong{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
input,select,button,h1,h2,h3,h4,h5,h6{font-size:100%;font-family:inherit;}
input{border-radius:0;box-shadow:none;}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance:none;}
textarea{-webkit-appearance:none;overflow-y:auto;overflow-x:hidden;resize:none;} 
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:inherit;}
/* 不同的屏幕的大小，为html设置不同的字体大小 */
html{font-size:16px;}
@media screen and (min-width:375px){html{/* iPhone6的375px尺寸作为16px基准，414px正好18px大小,600 20px */font-size:calc(100% + 2 * (100vw - 375px) / 39);font-size:calc(16px + 2 * (100vw - 375px) / 39);}}
@media screen and (min-width:414px){html{/* 414px-1000px每100像素宽字体增加1px(18px-22px) */font-size:calc(112.5% + 4 * (100vw - 414px) / 586);font-size:calc(18px + 4 * (100vw - 414px) / 586);}}
@media screen and (min-width:600px){html{/* 600px-1000px每100像素宽字体增加1px(20px-24px) */font-size:calc(125% + 4 * (100vw - 600px) / 400);font-size:calc(20px + 4 * (100vw - 600px) / 400);}}
@media screen and (min-width:1000px){html{/* 1000px往后是每100像素0.5px增加 */font-size:calc(137.5% + 6 * (100vw - 1000px) / 1000);font-size:calc(22px + 6 * (100vw - 1000px) / 1000);}}
body{max-width: 640px;margin: 0 auto;background-color:#fa213a;}
.img{width: 100%;display: block;}
.pr{position: relative;}
.pa{position: absolute;}
.grab{display: block;text-align: center;margin-top: 1rem;margin-bottom: 1rem;}
.grab img{width: 40%;display: inline-block;}
.time{font-size: 0.9375rem;color: #fff;line-height: 1.125rem;}
.time-con{display: flex;justify-content: space-around;}
.gift-con{display: flex;justify-content: center;}
.gift-con div:first-child{margin-right: 0.5rem;}
.gift-con div{background-color: #fff;border: 4px solid #00f;border-radius: .8rem;width: 40%;margin-top: 0.84375rem;margin-bottom: 1.25rem; display: flex;flex-direction: column;justify-content: space-between;}
.gift-con div img{display: block;margin: 0 auto;margin-top: 0.625rem;}
.gift-con div .img1{width: 5.4375rem;}
.gift-con div .img2{width: 4.09375rem;}
.gift-con div .img3{width: 4.6875rem;}
.gift-con div .img4{width: 6.03125rem;}
.gift-con div .img5{width: 7.90625rem;}
.gift-con div .img6{width: 3.625rem;}
.gift-con div h4{font-size: 0.75rem;color: #fff;background-color: #d607d6;width: 81%;margin-left: -4px;line-height: 1.4375rem;text-align: center;border-top-right-radius: .3rem;border-bottom-right-radius: .3rem;margin-bottom: 0.5625rem;}
.bg1{left: 0;top: 0;width: 3.65625rem;z-index: -1;}
.bg2{right: 0;top: -33%;width: 5.21875rem;z-index: -1;}
.bg3{right: 0;bottom: -85%;width: 3.15625rem;z-index: -1;}
.bg4{left: 0;top: 60%;width:5.40625rem;z-index: -1;}
.enjoy-img{display: block;margin: 0 auto;width: 9.5rem;margin-bottom: 0.625rem;}
.enjon-div{background-color: #fff;border: 4px solid #00f;border-radius: .8rem;width: 80%;margin: 0 auto;}
.enjon-div img{width: 3.09375rem;margin-left: 0.3125rem;}
.enjon-div h3{font-size: 1.25rem;color: #fff;background-color: #fc4070;width: 60%;text-align: center;border-radius: 1rem;line-height: 1.5625rem;margin-top: -1.5625rem;margin-left: 1.5rem;}
.enjon-div p{font-size: 1.125rem;color: #000;line-height: 1.4375rem;margin-top: 0.375rem;margin-bottom: 0.625rem;margin-left: 0.8125rem;}
.code{background: url(imgbg5.png) no-repeat center;background-size: 100% 100%;margin-top: -0.625rem;}
.code img{width: 40%;margin: 0 auto;display: block;padding-top: 1.25rem}
.code p{font-size: 0.875rem;color: #fff;padding-top: 0.3125rem;text-align: center; }
.copyright{font-size: 0.625rem;text-align: center;background-color: #b50922;padding-bottom: 0.5rem;padding-top: 0.3125rem;color: #fff;}