.wrap{    
    font:14px/24px "Microsoft YaHei",Arial;
    min-width: 1000px;
    max-width: 1920px;
    position: relative;
    overflow: hidden;  
    background: url('../images/page.jpg') no-repeat center top; 
}
.main{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.logo{
    display: inline-block; 
    width: 221px; 
    position: absolute; 
    top: 18px; 
    left: 28px;
    z-index: 1;
}
.link{
    position: absolute;
    top: 32px;
    right: 24px;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    background: rgba(0, 0, 0, .2);
    text-align: center;
    color: #c7915f;
    z-index: 1;
}
.link a{
    font-size: 16px;
    color: #c7915f;
    display: inline-block;    
    margin:0 5px;    
}
.link a:hover{
    text-decoration: underline;
}
.part1{
    height:923px; 
    position: relative; 
    background: url('../images/head.jpg') no-repeat;
    font-size: 16px;
}
.time{
    color: #390c02;
    position: absolute;
    left: 173px;
    top: 400px;
}
.gift_pack{
    position: absolute;
    left: 210px;
    top: 434px;
    width: 230px;
}
.gift_pack ul{
    height:260px;
    display: flex;
    justify-content: center;
}
.gift_pack li{
    width: 146px;
    margin: 0 23px;    
}
.gift_pack p{
    color: #fbea8f;
    line-height: 1.8;
}


.btn_get,.btn_open{
    display: block;
    font-size: 0;
    overflow: hidden;
    text-indent: -999px;
    background: url('../images/btn.jpg') no-repeat;
    cursor: pointer;    
}
.btn_get{
    margin: 10px auto 0;
    background-position: 0 0;
    width: 146px;
    height: 60px;
}
.btn_get:hover{
    background-position: 0 -70px;
}
.btn_get.end,.btn_get.end:hover{
    background-position: 0 -140px;
}
.part2{
    height: 1274px;
    position: relative;
    background: url('../images/main.jpg') no-repeat;
}
.intro{
    padding-top: 90px;
    font-size: 16px;
    line-height: 1.7;
}
.intro a{
    display: inline-block;
    color: #fff000;
    text-decoration: underline;
    font-weight: bold;
}
.process{
    color: #ffee94;
    font-size: 19px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 1.2;
    margin: 14px 0;
    display: inline-block;
}
.notice{
    background: url('../images/notice.jpg') no-repeat ;
    height: 35px;
    line-height: 35px;
    border-radius:18px;
    width: 284px;
    padding-left: 63px;
    margin: 40px auto 0;
    overflow: hidden;
    text-align: left;
}
.notice ul{
    width: 270px;
    height: 35px;
    line-height: 35px; 
}
.btn_open{
    margin: 520px auto 0;
    background-position: 0 -210px;
    width: 240px;
    height: 80px;
}
.btn_open:hover{
    background-position: 0 -300px;
}
.btn_open.end,.btn_eat.end:hover{
    background-position: 0 -390px;
}
.num{
    margin: 14px 0 30px;
}
.num span{
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin: 0 4px;
}
.btn_award,.btn_edit{
    display: inline-block;
    line-height: 28px;
    border-radius: 14px;
    border: 1px solid #ffe28a;
    padding: 0 17px;
    color: #ffe28a;
    margin: 0 10px;
    transition: all .2s linear;

}
.btn_award:hover,.btn_edit:hover{
    background: #ffe28a;
    color: #210301;
}

.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: #ffca4a;
    line-height: 20px;
    height: 185px;
}
.side .st{
    color: #dcc895;
    margin: 10px 0 5px;
}
.cyou_bottom{background: #000;}
.cyou_bottom_cont p,.cyou_bottom_cont a{color: #634c3b!important;}