.header{
    position: relative;
    height:800px;
    background: url("../img/header.jpg") top center no-repeat;
}
.logo {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -535px;
    width: 180px;
    height: 130px;
}
.time{
    position: absolute;
    top: 716px;
    width: 715px;
    left: 50%;
    margin-left: -355px;
    text-align: center;
}
.content{
    position: relative;
    height: 2600px;
    background: url("../img/content.jpg") top center no-repeat;
}
.rule{
    width: 1000px;
    text-align: center;
    left: 50%;
    top: 16px;
    margin-left: -500px;
    position: absolute;
}
.detail{
    width: 650px;
    left: 50%;
    margin-left: -438px;
    position: absolute;
}
.detail1{
    top: 158px;
}
.detail2{
    top: 818px;
}
.detail3{
    top: 1468px;
}
.package{
    position: absolute;
    left: 50%;
    margin-left: 223px;
    width: 180px;
    height: 180px;
}
.package1{
    top: 88px;
}
.package2{
    top: 745px;
}
.package3{
    top: 1399px;
}
.group-btn{
    position: absolute;
    left: 50%;
    margin-left: -351px;
    overflow: hidden;
}
.group-btn a{
    display: block;
    float: left;
    width: 308px;
    height: 64px;
}
.group-btn a:first-child{
    margin-right: 85px;
}
.group-btn1{
    top: 588px;
}
.group-btn2{
    top: 1242px;
}
.group-btn3{
    top: 2160px;
}
.look{
    position: absolute;
    left: 50%;
    width: 30px;
    height: 30px;
}
.look1{
    top: 475px;
    margin-left: -97px;
}
.look2{
    top: 475px;
    margin-left: 138px;
}
.look3{
    top: 475px;
    margin-left: 324px;
}
.look4{
    top: 1133px;
    margin-left: 138px;
}
.look5{
    top: 1133px;
    margin-left: 325px;
}
.look6{
    top: 1862px;
    margin-left: 357px;
}
.look7{
    top: 2065px;
    margin-left: -222px;
}
.look8{
    top: 2065px;
    margin-left: 188px;
}
.gif{
    position: absolute;
    left: 50%;
    height: 300px;
    display: none;
}
.gif1{
    margin-left: 15px;
    top: 266px;
}
.gif2{
    margin-left: -380px;
    top: 266px;
}
.gif3{
    margin-left: -315px;
    top: 266px;
}
.gif4{
    margin-left: -380px;
    top: 923px;
}
.gif5{
    margin-left: -315px;
    top: 923px;
}
.gif6{
    margin-left: 80px;
    top: 1664px;
}
.gif7{
    margin-left: 6px;
    top: 1833px;
}
.gif8{
    margin-left: -330px;
    top: 1833px;
}
.action{
    position: absolute;
    top: 2392px;
    width: 960px;
    left: 50%;
    margin-left: -480px;
}
.model-box {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    z-index: 1000;
}
.buy-content {
    position: absolute;
    color: #393939;
    background: #fff;
    width: 394px;
    top: 20%;
    left: 50%;
    margin-left: -197px;
    text-align: center;
}
.close-btn1 {
    position: absolute;
    width: 38px;
    height: 38px;
    background: url(../img/close-btn1.png) 0 0 no-repeat;
    top: 0;
    right: -38px;
}
.model-box h3 {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.choose-li {
    text-align: left;
    font-size: 16px;
    margin: 8px 0 8px 110px;
    font-weight: 600;
    max-height: 300px;
}
.choose-li li {
    padding-left: 24px;
    cursor: pointer;
    overflow: hidden;
    height: 21px;
    margin-bottom: 10px;
    background: url(../img/view1-round.png) 0 center no-repeat;
}
.choose-li li.active {
    background: url(../img/view1-round1.png) 0 center no-repeat;
}
.choose-y {
    width:280px ;
    margin: 20px auto 0;
    overflow: hidden;
}
.choose-y span {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 4px;
}
.choose-y input {
    float: right;
    width: 196px;
    height: 26px;
    outline: none;
    border: 1px solid #393939;
    border-radius: 5px;
    padding-left: 10px;
}
.sure {
    display: block;
    width: 83px;
    height: 42px;
    background:url("../img/sure.png") 0 0 no-repeat ;
    margin: 15px auto;
}
.fixed-btn {
    position: fixed;
    left: 50%;
    bottom: 125px;
    background: url('../img/fixed-btn.png') 0 0 no-repeat;
    width: 58px;
    height: 122px;
    margin-left: 550px;
    display: none;
}
.fixed-btn a {
    display: block;
    width: 58px;
    height: 58px;
    margin-bottom: 7px;
}