.header{
	height: 1110px;
	position: relative;
	background: url('../images/header.jpg') top center no-repeat;
}
.top_nav{
    position: absolute;
    top:0;
    right: 60px;
    width: 576px;
    height: 47px;
    background: url('../images/top-nav.png');
    overflow: hidden;
    padding: 8px 44px;
}
.top_nav a{
    display: block;
    float: left;
    width: 137px;
    height: 29px;
}
.top_nav a:nth-child(1){
    width: 122px;
}
.top_nav a:nth-child(2){
    width: 137px;
}
.top_nav a:nth-child(3){
    width: 102px;
}
.top_nav a:nth-child(4){
    width: 121px;
}

.time{
    position: absolute;
    left: 50%;
    font-size: 21px;
    font-weight:700;
    color: #fff;
    top: 660px;
    margin-left: -280px;
    width: 600px;
    text-align: center;
}

.nav{
    position: absolute;
    top:994px;
    left: 50%;
    margin-left: -590px;
    width: 1180px;
    overflow: hidden;
}
.nav li{
    float: left;
    margin: 0 28px;
}
/* .nav li:last-child{
    margin-right: 0;
} */
.nav li a{
    display: block;
    width: 238px;
    height: 57px;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;
    /* font-weight: bold; */
    text-align: center;
    line-height: 57px;
    /* font-family: cursive; */
    background: url('../images/nav.png');
}
.nav li.on a,.nav li:hover a{
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    color: #fff;
    background: url('../images/nav-hv.png');
    background-size: 100% 100%;
}
.event1{
    height: 2894px;
    position: relative;
    background: url('../images/event1.jpg') top center no-repeat;
}
.event1-btn a{
    position: absolute;
    left: 50%;
    width: 317px;
    height: 72px;
}
.event1-btn1{
    top: 855px;
    margin-left: -301px;
}
.event1-btn2{
    top: 1695px;
    margin-left: 29px;
}
.event1-btn3{
    top: 2593px;
    margin-left: -337px;
}

.event1 .rules{
    position:absolute;
    top:1540px;left:50%;
    margin-left:-575px;
    width:1150px;
}
.event1 .rules .rule_hd{
    margin:20px 0 10px;
    font-size:30px;
    color:#a6c1ca;
    font-weight:700;
}
.event1 .rules p{
    line-height:25px;
    font-size:16px;
    color:#a6c1ca;
}

.event2{
    height: 3593px;
    position: relative;
    background: url('../images/event2.jpg') top center no-repeat;
}

.event2 .tit{
    position:absolute;
    top:185px;left:50%;
    margin-left:-520px;
    width:1040px;
    font-size:22px;
    color:#fff;
}
.event2 .tit p{
    line-height:40px;
}
.event2 .tit span{
    color:#eff219;
    font-weight:700;
}

.event2 .rule{
    position:absolute;
    top:570px;left:50%;
    margin-left:-520px;
    width:1040px;
}
.event2 .rule p{
    line-height:35px;
    font-size:20px;
    color:#e5cfff;
}

.event2 .condition{
    position:absolute;
    left:50%;
    margin-left:-520px;
    width:1040px;
    text-align:center;
}
.event2 .condition1{
    top:1050px;
}
.event2 .condition2{
    top:1830px;
}
.event2 .condition p{
    line-height:35px;
    font-size:18px;
    color:#fff;
}

.event2 .remind{
    position:absolute;
    top:2940px;left:50%;
    margin-left:-430px;
    width:860px;
}
.event2 .remind .remind_hd{
    line-height:50px;
    font-size:25px;
    color:#bfa1f4;
    font-weight:700;
}
.event2 .remind p{
    line-height:30px;
    font-size:18px;
    color:#bfa1f4;
}

.event2 .btn{
    position:absolute;
    left:50%;
    margin-left:-112px;
    width:180px;height:50px;
}
.event2 .btn1{
    top:2176px;
}
.event2 .btn2{
    top:2586px;
}

.event3{
    height: 2850px;
    position: relative;
    background: url('../images/event3.jpg') top center no-repeat;
}

.event3 .rule{
    position:absolute;
    top:270px;left:50%;
    margin-left:-570px;
    width:1140px;
}
.event3 .rule p{
    line-height:30px;
    font-size:18px;
    color:#fff;
    text-align:center;
}

.event3 .remind{
    position:absolute;
    top:2380px;left:50%;
    margin-left:-560px;
    width:1140px;
}
.event3 .remind .remind_hd{
    line-height:50px;
    font-size:25px;
    color:#bfa1f4;
    font-weight:700;
}
.event3 .remind p{
    line-height:30px;
    font-size:18px;
    color:#bfa1f4;
}

.event4{
   height: 3594px;
    position: relative;
    background: url('../images/event4.jpg') top center no-repeat;
}

.event4 .rule{
    position:absolute;
    top:270px;left:50%;
    margin-left:-570px;
    width:1140px;
}
.event4 .rule p{
    line-height:30px;
    font-size:18px;
    color:#fff;
}
.event4 .rule p span{
    color:#ffdc37;
    font-weight:700;
}

.event4 .remind{
    position:absolute;
    top:3150px;left:50%;
    margin-left:-560px;
    width:1140px;
}
.event4 .remind .remind_hd{
    line-height:50px;
    font-size:25px;
    color:#bfa1f4;
    font-weight:700;
}
.event4 .remind p{
    line-height:30px;
    font-size:18px;
    color:#bfa1f4;
}


.event5{
    height: 2500px;
    position: relative;
    background: url('../images/event5.jpg') top center no-repeat;
}
.event5 .rule{
    position:absolute;
    top:270px;left:50%;
    margin-left:-570px;
    width:1140px;
}
.event5 .rule p{
    line-height:30px;
    font-size:18px;
    color:#bfa1f4;
}
.event5 .rule p span{
    color:#ff28d3;
    font-weight:700;
}

.event5 .remind{
    position:absolute;
    top:2250px;left:50%;
    margin-left:-560px;
    width:1140px;
}
.event5 .remind .remind_hd{
    line-height:50px;
    font-size:25px;
    color:#bfa1f4;
    font-weight:700;
}
.event5 .remind p{
    line-height:30px;
    font-size:18px;
    color:#bfa1f4;
}
.event5 .remind p span{
    color:#ff28d3;
    font-weight:700;
}

.footer {
    height: 120px;
    line-height: 120px;
    color: #7a7879;
    text-align: center;
    background: #1a1a1a;
}
/*å¼¹çª—*/
.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('../images/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.active {
    background: url('../images/view1-round1.png') 0 center no-repeat;
}
.choose-li li {
    padding-left: 24px;
    cursor: pointer;
    overflow: hidden;
    height: 21px;
    margin-bottom: 10px;
    background: url('../images/view1-round.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('../images/sure.png') 0 0 no-repeat;
    margin: 15px auto;
}

.mask{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.65);
  z-index: 2;
}

.textTc{
    position:fixed;
    top:50%;left:50%;
    margin:-110px 0 0 -335px;
    padding:45px;
    width:670px;
    background:#fff;
    border-radius:5px;
    box-sizing:border-box;
    z-index:3;
}
.textTc .close{
    position:absolute;
    top:15px;right:15px;
    width:32px;height:32px;
    background:url('../images/close.png') no-repeat;
}
.textTc p{
    line-height:50px;
    font-size:22px;
    color:#000;
    text-align:center;
}
.textTc .btn-area{
    margin:30px auto 0;
    width:fit-content;height:50px;
}
.textTc .btn-area a{
    float:left;
    margin:0 10px;
    width:160px;height:50px;
    line-height:50px;
    font-size:20px;
    border-radius:5px;
    box-sizing:border-box;
    text-align:center;
}
.textTc .btn-area .cancel-btn{
    background:#e9e9e9;
    color:#000;
}
.textTc .btn-area .comfirm-btn{
    background:#0565fd;
    color:#fff;
}

.uploadTc{
    position:absolute;
    top:3000px;left:50%;
    margin:0 0 0 -335px;
    padding:125px 95px 0;
    width:739px;height:1199px;
    background:url('../images/upload-tc.png') no-repeat;
    box-sizing:border-box;
    z-index:3;
}
.uploadTc .row{
    margin-bottom:40px;
    height:48px;
}
.uploadTc .row .left{
    float:left;
    width:150px;height:48px;
    line-height:48px;
    font-size:30px;
    color:#3a82e5;
    font-weight:700;
}
.uploadTc .row .right{
    float:left;
    width:399px;height:48px;
}
.uploadTc .row .right input{
    display:inline-block;
    width:100%;height:100%;
    padding:0 15px;
    line-height:48px;
    background:#3a82e5;
    border-radius:5px;
    outline:none;
    font-size:26px;
    color:#fff;
    box-sizing:border-box;
}
.uploadTc .row .right select{
    display:inline-block;
    width:100%;height:100%;
    padding:0 15px;
    line-height:48px;
    background:#3a82e5;
    border-radius:5px;
    outline:none;
    font-size:26px;
    color:#fff;
    box-sizing:border-box;
}
.uploadTc .choose-file{
    position:absolute;
    bottom:256px;left:219px;
    width:107px;height:42px;
    opacity:0;
    cursor:pointer;
}
.uploadTc .submit-btn{
    position:absolute;
    bottom:118px;left:237px;
    width:266px;height:67px;
}