.header{
    background: url("../img/header-bg.jpg") center center no-repeat;
    height:1085px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.logo {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -444px;
    width: 185px;
    height: 135px;
    z-index: 150;
}
.time{
    position:absolute;
    top:636px;
    left:50%;
    margin-left:-296px;
    color: #fead00;
    font-size:14px;
}
.nav li a{
    position: absolute;
    left:50%;
    z-index: 150;
}
.luxurious{
    top:680px;
    margin-left:-465px;
    width:323px;
    height:308px;
    background: url("../img/luxurious.png") 0 0 no-repeat;
}
.luxurious:hover,.nav li.active .luxurious{
    background: url("../img/luxurious-hover.png") 0 0 no-repeat;
}
.annual{
    top:680px;
    margin-left: -160px;
    width:323px;
    height:308px;
    background: url("../img/annual.png") 0 0 no-repeat;
}
.annual:hover,.nav li.active .annual{
    background: url("../img/annual-hover.png") 0 0 no-repeat;
}
.half{
    top:680px;
    margin-left:150px;
    width:323px;
    height:308px;
    background: url("../img/half.png") 0 0 no-repeat;
}
.half:hover,.nav li.active .half{
    background: url("../img/half-hover.png") 0 0 no-repeat;
}
.star {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 20;
}
.star span{
    display: block;
    background: url("../img/star.png") 0 0 no-repeat;
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
}
.move{
    -webkit-animation:move  5s linear infinite;
    animation:move  5s linear infinite;
}
@-webkit-keyframes move {
    0% {
        margin-top: -30px;
    }
    50%{
        margin-top: 0;
    }
    100% {
        margin-top: -30px;
    }
}
@keyframes move {
    0% {
        margin-top: -30px;
    }
    50%{
        margin-top: 0;
    }
    100% {
        margin-top: -30px;
    }
}

.buy-btn{
    position: absolute;
    z-index: 40;
    top:980px;
    left: 50%;
    margin-left:-430px;
}
.buy-btn a{
    float: left;
    background: url("../img/buy-hover.png") 0 0 no-repeat;
    width:271px;
    height:100px;
    margin-right: 30px;
}
.package-page{
    color:#fed700;
}
.package-page>div{
    display: none;
}
.luxurious-box{
    position: relative;
    height:1456px;
    background: url('../img/luxurious-box.jpg') center center no-repeat;
}
.annual-box{
    position: relative;
    height:1320px;
    background: url('../img/annual-box.jpg') center center no-repeat;
}
.half-box{
    position: relative;
    height:1630px;
    background: url('../img/half-box.jpg') center center no-repeat;
}
.action-bg{
    position: relative;
    height:325px;
    margin:-325px auto 0;
    background: url('../img/action-bg.png') center center no-repeat;
}
.price{
    position:absolute;
    top:140px;
    font-size: 18px;
    text-align:center;
    width:100%;
}
.text1{
    font-size: 16px;
    padding-top:220px;
    text-align: center;
}
.receive-badge{
    position: absolute;
    left: 50%;
    width: 309px;
    height: 100px;
    background: url('../img/badge.png') 0 0 no-repeat;
}
.receive-badge1{
    top: 880px;
    margin-left: -470px;
}
.delete-badge{
    position: absolute;
    left: 50%;
    width: 309px;
    height: 100px;
    background: url(../img/delete1.png) 0 0 no-repeat;
}
.main-btn a {
    position:absolute;
    left:50%;
    width: 309px;
    height: 100px;
}
.delete1{
    top: 880px;
    margin-left: 150px;
    background: url('../img/delete1.png') 0 0 no-repeat;
}
.delete2{
    top: 985px;
    margin-left: -480px;
    background: url('../img/delete2.png') 0 0 no-repeat;
}
.delete3{
    top: 985px;
    margin-left: -158px;
    background: url('../img/delete3.png') 0 0 no-repeat;
}
.delete4{
    top: 985px;
    margin-left: 150px;
    background: url('../img/delete4.png') 0 0 no-repeat;
}


.delete-badge1{
    top:818px;
    margin-left: -650px;
}
.delete-badge2{
    top:1165px;
    margin-left: -650px;
}
.receive-badge2{
    top:818px;
    margin-left: -320px;
}
.receive-badge3{
    top:1165px;
    margin-left: -320px;
}
.receive-props{
    position: absolute;
    left: 50%;
    width: 309px;
    height: 100px;
    background: url(../img/props.png) 0 0 no-repeat;
}
.receive-props1{
    top:818px;
    margin-left: 5px;
}
.receive-props2{
    top:1165px;
    margin-left: 5px;
}
.receive-props3{
    top: 880px;
    margin-left: -158px;
}
.delete-ring{
    position: absolute;
    left: 50%;
    width: 309px;
    height: 100px;
    background: url(../img/delete2.png) 0 0 no-repeat;
    top:818px;
    margin-left: 335px;
}
.text2{
    margin-top:515px;
    text-align: center;
    line-height: 160%;
}
.text3{
    margin-top:835px;
    text-align: center;
    line-height: 160%;
}
.gif img{
    position: absolute;
    left: 50%;
    top: 364px;
}
.gif1{
    margin-left: -219px;
}
.gif2{
    margin-left: -87px;
}
.gif3{
    margin-left: 50px;
}
.gif4{
    margin-left: 185px;
}
.gif5{
    margin-left: -488px;
}
.gif6{
    margin-left: -352px;
    z-index: 20;
}
.queen{
    position: absolute;
    width: 32px;
    height: 32px;
    background: #fff;
    margin-left: -352px;
    z-index: 10;
    left: 50%;
    top: 364px;
}
.gif7{
    margin-left:322px;
}
.gif8{
    margin-left:457px;
}
.look-btn a{
    width:28px;
    height:28px;
    position: absolute;
    left:50%;
}
.look-btn .look1{
    top: 952px;
    margin-left: -399px;
}
.half-box .look1-img{
    top: 788px;
    margin-left: -292px;
    z-index: 100;
    position: absolute;
    left: 50%;
    display: none;
}
.action{
    padding-top: 77px;
    font-size: 14px;
    width:1000px;
    margin:0 auto;
    color: #fed700;
}
#container {
    width:100%;
    position:absolute
}
#indexgs {
    width:100%;
    overflow:hidden;
    height:800px;
    position:absolute;
    z-index:100;
    top:0;
}
#indexgs img {
    position: absolute;
    z-index:100;
}
#indexg2 {
    left:805px;
    top:83px;
}
#indexg1 {
    left:-36px;
    top:105px;
    position: absolute
}
#indexg0 {
    left:45;
    top:42px;
    position: absolute;
}
#indexmask {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none
}
/*弹窗*/
.layer{ 
    position:absolute; 
    z-index:999; 
    background-color:#222; 
    opacity:0.7; 
    filter:Alpha(opacity=70); 
    width:100%; 
    top:0; 
    left:0;
}
.tanc{ 
    background:#fff; 
    width:392px; 
    height:auto; 
    position:fixed; 
    z-index:1000; 
    top:200px; 
    left:50%; 
    margin-left:-196px;
    color: #393939;
}
.tanc .input_text1 input{
    font-family:'微软雅黑',Arial, Helvetica, sans-serif; 
    width:170px; 
    padding-left:10px; 
    height:25px; 
    line-height:21px; 
    background-color:rgba(255,255,255,0.01);
    border:1px solid #393939;
    outline: none;
    box-sizing: border-box;
    margin-left: 10px;
}
.tanc .input_text1{ 
    position:relative;
    margin-top:16px;
    text-align: center;
}
.tanc a.close-x{ 
    display:block; 
    position:absolute; 
    top:-1px; 
    right:-39px; 
    height: 40px;
    width: 40px;
    background: url(../img/close.png) no-repeat center center;
}
.tanc a.btn-done{ 
    display:inline-block; 
    width:83px; 
    height:42px;
    line-height:42px;
    text-align:center; 
    font-weight:bold;
    font-size:20px;
    text-decoration:none;
    color:#fff;
    background:#ff2d50;
}
.tanc .sure{
    margin-top:16px;
    text-align: center;
}
.tanc .tip{
    text-align: center;
    margin: 12px auto;
    color:#ff2d50; 
}
.tanc>div.head{
    font-family:'微软雅黑',Arial, Helvetica, sans-serif;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 16px 0 18px 0;
}
.tanc .ul{
    font-family:'微软雅黑',Arial, Helvetica, sans-serif;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height: 28px;
    padding-left: 130px;
    box-sizing: border-box;
    max-height: 300px;
    overflow: auto;
}
.tanc .btn_l{
    padding-left: 23px;
    box-sizing: border-box;
    background: url(../img/bn.png) no-repeat 0 center;
    cursor: pointer;
}
.tanc .btn_l.active{
    background: url(../img/bn1.png) no-repeat 0 center;
}

.text2_tmp{
    margin-top: 552px;
    text-align: center;
}

.daquBox{ width:420px; height:380px;position:absolute; top:100px; left:660px; background:#FFF; border:1px solid #ccc; padding:10px;}
.daquBox2{top:160px; left:690px;}
.daquBoxIndex{ width:420px; height:330px;position:absolute; top:225px; left:-204px; background:#FFF; border:1px solid #ccc; padding:10px; z-index:999;}
.dianxin{ width:190px; float:left;}
.wangtong{ width:190px; float:right;}
.dianxin h2,.wangtong h2{ width:190px; height:27px; font-size:14px; font-weight:normal; color:#333; background:#ff8bb9; text-indent:10px; line-height:27px;}
.dianxin a,.wangtong a{font-size:14px; color:#333; line-height:20px; margin:8px 10px; cursor:pointer; display:block; text-decoration:none;}
.dianxin a:hover,.wangtong a:hover{ text-decoration:underline; color:#f00;}