.wrap{    
    font:16px/24px "Microsoft YaHei",Arial;
    min-width: 1000px;
    max-width: 1920px;
    position: relative;
    overflow: hidden;  
    color: #7d6585;
    background: url('../images/page.jpg') no-repeat center top; 
}
.main{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.part1{
    position: relative; 
    background: url('../images/part1.jpg') no-repeat;
    height: 1056px;
    text-align: center;
}
.logo{
    display: inline-block; 
    width: 221px; 
    position: absolute; 
    top: 18px; 
    left: 0;
    z-index: 1;
}
.link{
    position: absolute;
    top: 32px;
    right: 0;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    background: rgba(0, 0, 0, .2);    
    color: #f9b577;
    z-index: 1;
}
.link a{
    font-size: 16px;
    color: #f9b577;
    display: inline-block;    
    margin:0 5px;    
}
.link a:hover{
    text-decoration: underline;
}
.time{
    color: #fff;
    font-size: 22px;
    position: absolute;
    left: 408px;
    top: 355px;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.hb{
    padding-top: 809px;
    text-align: center;
}
.btn_get,.btn_eat{
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    text-indent: -999px;
    background: url('../images/btn.png') no-repeat;
    cursor: pointer;
    width: 326px;
    height: 105px;    
}
.btn_get{
    background-position: 0 0;    
}
.btn_get:hover{
    background-position: 0 -115px;
}
.btn_get.end,.btn_get.end:hover{
    background-position: 0 -230px;
}
.part2{
    height: 1041px;
    position: relative;
    background: url('../images/part2.jpg') no-repeat;
}
.intro{
    padding-top: 80px;
    line-height: 30px;
}
.intro span{
    display: inline-block;
    color: #ffecc6;
}
.intro a{
    display: inline-block;
    color: #f2503c;
    text-decoration: underline;
    font-weight: bold;
    font-size: 17px;
}
.notice{
    background:rgba(120, 119, 162, .6) url('../images/lb.png') no-repeat 80px center;
    height: 35px;
    border-radius:18px;
    width: 288px;
    padding: 0 20px 0 104px;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
}
.notice ul{
    text-align: left;
    height: 35px;
    line-height: 35px; 
    color: #edf3f3;
    font-size: 14px;
}

.btn_eat{
    display: block;
    margin: 340px auto 12px;
    background-position: 0 -345px;
}
.btn_eat:hover{
    background-position: 0 -460px;
}
.btn_eat.end,.btn_eat.end:hover{
    background-position: 0 -575px;
}
.num{
    color: #7877a2;
    margin-bottom: 20px;
}
.num span{
    display: inline-block;
    color: #f2503c;
    font-weight: bold;
    font-size: 28px;
}

.btn_award,.btn_edit{
    display: inline-block;
    line-height: 28px;
    border-radius: 14px;
    border: 1px solid #f2503c;
    padding: 0 30px;
    color: #f2503c;
    margin: 0 20px;
    transition: all .2s linear;

}
.btn_award:hover,.btn_edit:hover{
    background: #f2503c;
    color: #f7f8f9;
}

.side{
    position: fixed;
    right:60px;
    top: 50%;
    margin-top: -215px;
    width: 160px;
    height: 374px;
    padding-top: 8px;
    background: url('../images/side.png') no-repeat center;
    overflow: hidden;
    padding-top: 56px;
}
.side .item{
    text-align: center;
    color: #ffecc6;
    line-height: 20px;
    height: 185px;
}
.side .st{
    color: #ffe5a4;
    margin: 10px 0 5px;
}
.cyou_bottom{background: #150b46;}
.cyou_bottom_cont p,.cyou_bottom_cont a{color: #4a436d!important;}