body{
    font:14px/24px "Microsoft YaHei",Arial;
}
.wrap{    
    min-width: 1200px;
    max-width: 1920px;
    position: relative;
    overflow: hidden;  
    background:#590c09; 
}
.main{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.logo{
    display: block; 
    position: absolute; 
    width: 164px;
    top:20px; 
    left:35px; 
    z-index: 1;
}
.link{
    position: absolute;
    top: 32px;
    right: 0;
    background: rgba(0, 0, 0, .2);
    display: flex;
    line-height: 28px;
    border-radius: 14px;
    color: #f9b577;
    padding: 0 5px;
    z-index: 1;
}
.link a{
    display: inline-block;
    color: #f9b577;
    font-size: 16px;
    padding: 0 10px;
}
.link a:hover{
    text-decoration: underline;
}

.part1{
    background: url('../imgs/p1.jpg') no-repeat center top;    
}
.part1 .main{
    height: 1101px;
    overflow: hidden;
}
.part1 .time{
    font-size: 16px;
    color: #ffe2b9;
    margin-top: 440px;
    font-weight: 500;
}
.desc{
    text-align: center;
    padding-top: 128px;
}
.desc a{
    display: inline-block;
    text-decoration: underline;
    color: #ffee87;
    font-weight: 600;
}
.receive {
    width: 200px;
	height: 60px;
    margin: 430px auto 15px;
    background: url('../imgs/lqbtn.png') no-repeat;
    cursor: pointer;
}
.p1-tips {
    font-size: 14px;
    color: #f7c47b;
    line-height: 14px;
    text-align: center;
}
.btn{
    display: block;
    width: 300px;
    height: 87px;
    background: url('../imgs/btn.png') no-repeat -999px;
}
.part2{
    background: url('../imgs/p2.jpg') no-repeat center top;
    height: 784px;
    position: relative;
}

.part3{
    background: url('../imgs/p3.jpg') no-repeat center top;    
}
.part3 .main{
    height: 810px;
}
.part3 .rule{
    padding: 140px 0 0 330px;
    text-align: left;
    color: #f7c47b;
}
.part3 .rule .item{
    position: relative;
    margin-left: 56px;
    padding-left: 20px;
}
.part3 .rule i{
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 12px;
    color: #741611;
    font-style: normal;
    line-height: 16px;
    background: #f7c47b;
    border-radius: 50%;
}
.pack{
    width: 307px;
    height: 365px;
    background: url('../imgs/pack.png') no-repeat;
    position: relative;
    margin: 60px auto 8px;
}

.rob{
    width:84px;
    height:84px;
    position:absolute;
    font-size: 0;
    top: 66px;
    left: 117px;
}
.rob:hover{
    background-position: 0 -388px;
}
.pop_pack{
    width: 240px;
    height: 280px;
    margin: 0 auto;
}
.pop_pack img{
    display: block;
    width: 240px;
    margin: 10px auto 0;
}
.award{
    width: 120px;
    height: 40px;
    display: inline-block;
    background-position: 0 -482px;
}
.award:hover{
    background-position: 0 -532px;
}
.part4{
    background: url('../imgs/p4.jpg') no-repeat center top;
}
.part4 .main{
    height: 1392px;
}
.notice{
    height: 28px;
    line-height: 28px;
    width:244px;
    margin: 20px auto 0;
    background: #76130a;
    border: 1px solid #c54b40;
    border-radius: 20px;
    padding: 0 30px 0 44px;
    text-align: left;
    color: #e9ad6c;
    position: relative;
}
.notice::after{
    content: '';
    width: 16px;
    height: 14px;
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -7px;
    background: url('../imgs/btn.png') no-repeat -284px -482px;
}
.scroll{
    height: 28px;
    position: relative;
    overflow: hidden;
}
.notice ul{
    position: absolute;
    left: 0;
    top: 0;
    height: 28px;
    overflow: hidden;    
}
.notice ul li{
    float: left;
    margin-right: 20px;
}

.seek{
    height:726px;
    position: relative;
    margin-top: 20px;
}
.seek li{position:absolute;background:url('../imgs/seek.png') no-repeat;}
.seek li.cur{background:url('../imgs/seek_hover.png') no-repeat;}
.seek li.t1{width: 348px;height: 350px;top: 280px;left: 448px;background-position: -106px -395px;}
.seek li.t2{width: 269px;height: 282px;top: 412px;left: 187px;background-position: -876px -35px;}
.seek li.t3{width: 267px;height: 282px;top: 240px;left: -119px;background-position: -5px -20px;}
.seek li.t4{width: 231px; height: 322px;top: 154px;left: 270px;background-position: -310px -10px;}
.seek li.t5{width: 278px;height: 263px;top: 0;left: 410px;background-position: -575px -47px;}
.seek li.t6{width: 284px;height: 268px;top: 15px;left: 674px;background-position: -1136px -32px;}
.seek li.t7{width: 200px;height: 290px;top: 30px;left: 996px;background-position: -1486px -20px;}
.seek li.t8{width: 308px;height: 294px;top: 336px;left: 872px;background-position: -612px -458px;}
.seek li.t9{width: 311px;height: 294px;top: 228px;left: 682px;background-position: -1014px -458px;}
.start{
    /* background-position: 0 -194px; */
    margin: 10px auto 3px;
    background: url('../imgs/xbbtn.png') no-repeat;
    width: 320px;
    height: 139px;
}
/* .start:hover{
    background-position: 0 -291px;
} */
.reward,.edit{
    width: 120px;
    height: 40px;
    display: inline-block;
    margin: 0 10px;
    background: url('../imgs/p4btn1.png') no-repeat;
}
.edit{
    background: url('../imgs/p4btn2.png') no-repeat;
}

.red_info{
    display: inline-block;
    cursor: pointer;
    padding: 2px 6px;
}
.side{
    position: fixed;
    right: 60px;
    top: 30%;
    width: 160px;
}
.tips{
    margin-top: 24px;
    font-size: 12px;
    color: #c37876;
}
.cyou_bottom{
    background: #2b0403;
}
.cyou_bottom_cont p,.cyou_bottom_cont a{
    color: #451c09!important;
}
.end {
    filter: grayscale(100%);
}