.header{
    position: relative;
    height:1160px;
    background: url("../images/header.jpg") top center no-repeat;
}
.logo {
    position: absolute;
    top: 36px;
    left: 50%;
    margin-left: -691px;
    width: 165px;
    height: 120px;
}
.time{
    position: absolute;
    top: 812px;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    font-size: 30px;
    text-align: center;
}
.price{
    position: absolute;
    top: 880px;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    font-size: 32px;
    color: #fff3a1;
    text-align: center;
    text-shadow: 
        -2px -2px 10px #9b4dff,  
         2px -2px 10px #9b4dff,
        -2px  2px 10px #9b4dff,
         2px  2px 10px #9b4dff,
        -2px  0   10px #9b4dff,
         2px  0   10px #9b4dff,
         0   -2px 10px #9b4dff,
         0    2px 10px #9b4dff,
        0 8px 20px rgba(155, 77, 255, 0.6),
        0 12px 40px rgba(155, 77, 255, 0.3);
}
.buy-group{
    position: absolute;
    top:940px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    text-align: center;
    font-size: 22px;
}
.buy-btn{
    display: block;
    width: 745px;
    height: 124px;
    margin: 0 auto 20px;
    transition: transform 0.24s ease, filter 0.24s ease;
    background: url('../images/buy.png') no-repeat;
}
.buy-btn:hover {
    transform: translateY(-4px) scale(1.03);
    filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.35));
}
.buy-btn:active {
    transform: translateY(0) scale(0.97);
}
.content{
    position: relative;
    height: 3400px;
    background: url("../images/content.jpg") top center no-repeat;
}
.rule{
    width: 1040px;
    left: 50%;
    top: 175px;
    margin-left: -520px;
    position: absolute;
    font-size: 24px;
    line-height: 1.6;
    word-break: break-all;
    text-align: center;
}
.look-btn{
    position: absolute;
    width: 28px;
    height: 28px;
    left: 50%;
}
.look-btn1{
    top: 659px;
    margin-left: -423px;
}
.look-btn2{
    top: 659px;
    margin-left: -294px;
}
.look-btn3{
    top: 659px;
    margin-left: 16px;
}
.look-btn4{
    top: 1150px;
    margin-left: -121px;
}
.look-btn5{
    top: 1150px;
    margin-left: 98px;
}
.look-btn6{
    top: 1666px;
    margin-left: -208px;
}
.look-btn7{
    top: 1666px;
    margin-left: 1px;
}
.look-btn8{
    top: 1666px;
    margin-left: 182px;
}
.look-btn9{
    top: 2466px;
    margin-left: 1px;
}
.look-btn img{
    position: absolute;
    top: -223px;
    left: 85px;
    height: 260px;
    display: none;
}
.look-btn3 img{
    height: 100px;
    top: -270px;
    left: -330px;
}
.receive-btn,.sign-btn{
    position: absolute;
    width: 232px;
    height: 56px;
    left: 50%;
}
.receive-btn1{
    top: 1845px;
    margin-left: -118px;
}
.receive-btn2{
    top: 2635px;
    margin-left: -316px;
}
.sign-btn{
    top: 2635px;
    margin-left: 81px;
}
.action{
    position: absolute;
    top: 3030px;
    width: 1000px;
    left: 50%;
    line-height: 150%;
    color: #4b72ca;
    margin-left: -500px;
}