body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video {
    margin:0;
    padding:0;
}
h1, h2, h3, h4, h5, h6 ,i,em{ font-size: 100%; font-weight: normal;font-style:normal;}
body {
   font-size: 0.6rem;font-family:'思源黑体';background:#fff;color:#333;
    /*-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fff;*/
}
textarea {
    resize: none;
}
iframe,img {
    border:0;
}
ul,ol {
    list-style:none;
}
input,
select,
textarea {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;font-family:'思源黑体';border:none;
}
input,textarea{-webkit-appearance:none;}
input {
    border:none;
}
a{
    text-decoration: none;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a{text-decoration:none;cursor:pointer;}


/*抽奖*/
.draw{color:#333;font-size:0.75rem;}
.draw img{width:100%;display:block;}
.drawTop{position:relative;}
.drawTop a.gift{position:fixed;top:0.2rem;right:3%;width:2.275rem;height:3.225rem;z-index:9;}

 @keyframes shake 
 { 
    0% {
        transform: scale(1);
       
    }

    70%,73%{
        transform: scale(0.9) rotate(-10deg);
        
    }

    77%,83%,90%,97%  {
        transform: scale(1.1) rotate(10deg);
      
    }

    80%,87%,93%{
        transform: scale(1.1) rotate(-10deg);
        
    }

    100% {
        transform: scale(1) rotate(0);
        
    }   
 } 
 
  
 @-webkit-keyframes shake 
 { 
     0% {
        transform: scale(1);
       
    }

    70%,73%{
        transform: scale(0.9) rotate(-10deg);
        
    }

    77%,83%,90%,97%  {
        transform: scale(1.1) rotate(10deg);
      
    }

    80%,87%,93%{
        transform: scale(1.1) rotate(-10deg);
        
    }

    100% {
        transform: scale(1) rotate(0);
        
    }
 } 
 
  
 @-moz-keyframes shake 
 { 
     0% {
        transform: scale(1);
       
    }

    70%,73%{
        transform: scale(0.9) rotate(-10deg);
        
    }

    77%,83%,90%,97%  {
        transform: scale(1.1) rotate(10deg);
      
    }

    80%,87%,93%{
        transform: scale(1.1) rotate(-10deg);
        
    }

    100% {
        transform: scale(1) rotate(0);
        
    }
 } 
 
  
 @-ms-keyframes shake 
 { 
     0% {
        transform: scale(1);
       
    }

    70%,73%{
        transform: scale(0.9) rotate(-10deg);
        
    }

    77%,83%,90%,97%  {
        transform: scale(1.1) rotate(10deg);
      
    }

    80%,87%,93%{
        transform: scale(1.1) rotate(-10deg);
        
    }

    100% {
        transform: scale(1) rotate(0);
        
    }
 } 
.drawTop a.shake{
    -webkit-animation: shake 5s both infinite;
    -moz-animation: shake 5s both infinite;
    -ms-animation: shake 5s both infinite;
    animation: shake 5s both infinite;
}

/* 大转盘样式 */
.drawTop .banner{display:block;width:79%;position:absolute;top:0.8%;left:50%;margin-left:-40%;z-index:8;}
.drawTop .banner .turnplate{display:block;width:100%;position:relative;}
.drawTop .banner .turnplate canvas.item{width:100%;}
.drawTop .banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}
.drawTop h2{position:absolute;bottom:2rem;width:100%;text-align:center;}
.drawTop h2 span{color:#f5524b;font-size:1.05rem;}
.drawTop h2.ex_h2 p{padding-left:4.5rem;}
.drawTop h2 a{color:#0457ff;font-size:0.75rem;text-decoration:underline;margin-left:0.3rem;}
.drawBottom{position:relative;}
.drawBottom .winners{position:absolute;width:100%;top:2.2rem;text-align: center;height:2.2rem;overflow:hidden;line-height:2.5rem;}
.drawBottom .winners img{width:1.775rem;height:1.775rem;border:0.1rem solid #feefa0;display:inline-block;vertical-align:middle;border-radius:50%;}
.drawBottom .winners em{display:inline-block;vertical-align:middle;margin:0 1rem 0 0.5rem;}
.drawBottom .winners span{display:inline-block;vertical-align:middle;}
.drawBottom .winners .winning{}
.avtiveRule{position:absolute;left:0;top:23rem;width:100%;}
.avtiveRule p,.recommendshoper p{color:#333;font-size:0.65rem;padding:0.2rem 8% 0.2rem 8%;}
.avtiveRule p a,.recommendshoper p a{color:#0457ff;}
.recommendshoper{position:absolute;left: 0.5rem;top: 11rem;width:95%;}
.recommendshoper ul {padding-bottom:0.7rem;}
.recommendshoper ul li{float:left;width: 33%;text-align:center;margin: 0.5rem 0 0;height: 4.85rem;overflow: hidden;}
.recommendshoper ul li a{display:block;}
.recommendshoper ul li img{width:64%;margin:0 auto;}
.recommendshoper ul li span{display:block;color:#4b4946;font-size:0.6rem;}
/*阴影*/
.shadow{background:#000;opacity:0.6;height:100%;width:100%;position:fixed;z-index:10;top:0;display:block;}
/*弹窗*/
.window{position:fixed;width:13.2rem;height:7rem;left:50%;margin-left:-6.6rem;top:50%;margin-top:-6.4rem;z-index:100;padding-top:5.8rem;display:block;}
.window h2{color:#2c559a;font-size:0.8rem;text-align:center;}
.window p{color:#666;font-size:0.65rem;padding:0 5%;text-align:center;}
.window a{height:2.225rem;line-height:2.225rem;text-align:center;display:block;color:#fff;font-size:0.8rem;position:absolute;bottom:0;left:0;width:100%;}
.window.windowGift{background: url(../images/award_images/feedback_ok.png) no-repeat center center / 100% 100%;}
.window.windowGrab{background: url(../images/award_images/grab.png) no-repeat center center / 100% 100%;}

/*我的奖品*/
.myGift{margin-top:0.75rem;padding:0 4%;}
.myGift ul{padding-bottom:0.5rem;}
.myGift li{color:#fff;margin-bottom:0.75rem;padding:0;border-radius:0 0 7px 7px;position:relative;}/*background:url(../images/award_images/bgGift.png) no-repeat center top / 100% 100%;*/
.myGift li .content{background:url(../images/award_images/bgGift.png) no-repeat center top / 100% 100%;padding:0.75rem;}
.myGift .inner{padding-bottom:0.425rem;border-bottom:1px solid #fff;padding-top: 0.5rem;}
.myGift li  label{position:absolute;top:0.3rem;right:0.5rem;font-size:0.6rem;color:#fff;}

.myGift li img{display:inline-block;vertical-align:middle;width:3.325rem;height:3.325rem;border-radius:50%;border:0.15rem solid #99b0fd;margin-right:0.4rem;}
.myGift li .conRight{display:inline-block;vertical-align:middle;}
.myGift li .conRight h2{font-size:1.031rem;}
.myGift li .conRight p{font-size:0.7rem;}
.myGift li h3{margin:0.5rem 0 0.5rem 0;font-size:0.6rem;}
.myGift li h3 span{display:block;float:left;}
.myGift li h3 i{display:block;float:right;}
.myGift li .showCon{font-size:0.6rem;margin-bottom:0.5rem;display:none;padding:0 4% 1rem;background:#54b4fc;border-radius:0 0 7px 7px;margin-top:-1rem;}
.myGift li .showCon p{line-height:1.1rem;}
.myGift li  a{display:block;width:0.7rem;height:0.375rem;margin:0 auto;position:absolute;bottom:0.45rem;left:50%;margin-left:-0.35rem;}
.myGift li  a.down{background: url(../images/award_images/bg_down.png) no-repeat center top / 100% 100%;}
.myGift li  a.down.up{background: url(../images/award_images/bg_up.png) no-repeat center top / 100% 100%;}
.myGift .bottomCon{color:#a0a0a0;font-size:0.6rem;text-align:center;padding-bottom:1rem;}
.myGift .bottomCon  span{padding-right:0.5rem;}
.myGift .bottomCon a{color:#3db6fd;padding-left:0.5rem;border-left:1px solid #a0a0a0;}

.myGift li img.qrcodeShop{
	border: none;
    border-radius: 1px;
    margin-top: 0.4rem;
    margin-bottom: 0.3rem;
    width:4rem;
    height:4rem;
}

/*失效奖品*/
.myGift.myGiftOverdue li .content{background:#c8c8c8;border-radius:7px;}
.myGift.myGiftOverdue li .showCon{background:#c8c8c8;border-radius:7px;}
.myGift.myGiftOverdue li img{border:0.15rem solid #d9d9d9;}

.name{text-align:center;font-size:0.8rem;color:#134a94;height:2.125rem;line-height:2.125rem;background:#fff;opacity:0.9;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid #e5e5e5;}
a.back{position:absolute;left:4%;top:0.2rem;}
a.back{background: url(../images/award_images/bg_key.png) no-repeat center center / 100% 100%;height:0.875rem;width: 0.5rem;display:block;margin-top:0.4rem;}
.goldContent{position: absolute;top: 0.5rem;left: 2rem;}
.window.windowLimit{background: url(../images/award_images/gold2.png) no-repeat center center / 100% 100%;}
.window.windowAward{background: url(../images/gold1.png) no-repeat center center / 100% 100%;}
#goldAward p{
	position: absolute;bottom: 0.8rem;font-size: 0.8rem;padding:0;
}
#goldAward p .span1{
	color:#c8c8c8;display: block;float: left;width:7rem;
}
#goldAward p .span2{
	color:white;display: block;float: left;width:6rem;
}
.soonback,.soontext{
	position:fixed;width:13.2rem;left:50%;margin-left:-6.6rem;top:50%;margin-top:-6.4rem;z-index:100;display:block;
	color:white;text-align: center;
    line-height: 4rem;   
    font-size: 0.9rem;
    border-radius:1rem;
}
.soonback{
	    background: black;
    opacity: 0.7;
    width: 73%;
    height: 4rem;
}
.shadowsoon{background:#000;opacity:0.6;height:100%;width:100%;position:fixed;z-index:10;top:0;display:block;}