html, body {

    font-family:"microsoft yahei", "SimSun", arial;
    font-weight: normal;
    font-size: 14px;
    background-color: #f6fdfc;
    min-width: 1024px;
    height:auto;

    /*-moz-background-size:100% 100%;*/
}
#wrap{
    background: url("../images/bg.png") no-repeat 50% 0;
    /*background-size:contain;*/
    background-size:100% 100%;
    min-width: 1024px;
}
#wrap .common{
    height: 2413px;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    min-width: 1024px;
}
.head{

    padding-bottom:59%;
    width:100%;
    z-index: 999;
    background:url("../images/head.png") no-repeat 50% 0 ;
    background-size:100%;
    position:relative;


}
/*.head img{*/
    /*width:100%;*/
    /*height:100%;*/
    /*position:absolute;*/


/*}*/
.head .login{
    width: 153px;
    height: 55px;
    position: absolute;
    bottom: 30%;
    display: inline-block;
    left: 50%;
    margin-left: -77px;


}
.head .login img{
    width:100%;
    height:100%;
}

.head .logined-tip{
    /* width: 150px; */
    line-height: 20px;
    position: absolute;
    bottom: 31%;
    display: inline-block;
    left: 50%;
    margin-left: -77px;
    z-index: 999;

}
.head .see-kk{
    line-height: 20px;
    position: absolute;
    bottom: 28%;
    left: 50%;
    margin-left: -77px;
    z-index: 999;
    display:none;
}
.head .cha-kk{
    line-height: 20px;
    position: absolute;
    bottom: 25%;
    left: 50%;
    margin-left: -77px;
    z-index: 999;
    display:none;
}

/*分享*/
.head .share-h{
    background: #297dde;
    border-radius: 20px;
    position: absolute;
    top: 5px;
    left: 83%;
    border: 1px solid #297dde;
    z-index: 999;
    width: 174px;
    height: 30px;
    /* font-size: 12px; */
    text-align: center;
    color:#fff;
    font-size:12px;
    z-index:1000;
}

.share-h span{
    line-height: 20px;
    position: absolute;
    top: 5px;
    left: 163px;
    margin-left: -156px;
    z-index: 999;
}
.head .share{
    line-height: 20px;
    position: absolute;
    top: 2px;
    left: 121%;
    margin-left: -156px;
    z-index: 999;



}



.active-kk{
width: 1000px;
height:auto;
position:relative;


}
.active-kk .pic-1{
width:100%;
margin-bottom:80px;


}
.active-kk .btns{
margin-top: 10px;
width: 223px;
height: 39px;
position: absolute;
top: 435px;
left: 177px;
display: flex;

}

.pic-1 .rule{
    width: 968px;
    height: 79px;
    position: absolute;
    left: 4px;
    top: 122px;
    line-height: 21px;
    padding-left: 24px;
    box-sizing: border-box;
    color: #417cbc;

}
.rule .active-time{

    font-weight:800;
    font-size:16px;
    display:inline-block;

}
.rule .active-rule{

    font-weight:800;
    font-size:16px;
}
.btns .btn-1{
display:inline-block;
flex: 1;

}
.btns .btn-1 img{
width:100px;
height:auto;
}
.btns .btn-2{
display:inline-block;
flex: 1;
}
.btns .btn-2 img{
width:100px;
height:auto;
}

.active-kk .btns-2{
margin-top: 10px;
width: 223px;
height: 39px;
position: absolute;
top: 435px;
right: 163px;
display: flex;
}
.btns-2 .btn-a{
display:inline-block;
flex: 1;
}
.btns-2 .btn-b{
display:inline-block;
flex: 1;
}
.active-kk .btns-3{
margin-top: 10px;
width: 223px;
height: 39px;
position: absolute;
top: 775px;
left: 172px;
display: flex;
}
.btns-3 .btn-c{
display:inline-block;
flex: 1;
}
.btns-3 .btn-d{
display:inline-block;
flex: 1;
}
.active-kk .btns-4{
margin-top: 10px;
width: 223px;
height: 39px;
position: absolute;
top: 775px;
right: 172px;
display: flex;
}
.btns-4 .btn-e{
display:inline-block;
flex: 1;
}
.btns-4 .btn-f{
display:inline-block;
flex: 1;
}


.pic-1{
position:absolute;
top:0px;
}
.active-kk .pic-1 .bg-pic{
width:100%;
height:auto;
}



.active-kk .pic-2{
width: 100%;
position: absolute;
top: 990px;


}
.active-kk .pic-2 img{
width:100%;
height:auto;
}


.pic-2 .rule-2{
    width: 968px;
    height: 82px;
    position: absolute;
    left: 4px;
    top: 122px;
    line-height: 21px;
    padding-left: 24px;
    box-sizing: border-box;
    color: #417cbc;


}

.rule-2 .active-time-2{
    font-weight:800;
    font-size:16px;

}
.rule-2 .notic{
    font-weight:800;
    font-size:16px;
}
.rule-2 .se{

    font-weight:800;
    font-size:16px;
    display:inline-block;

}
.rule-2 .xiao{
    font-weight:800;
    font-size:16px;
    display:inline-block;

}
.pic-2 .libao-btn{
position: absolute;
width: 836px;
height: 249px;

top: 277px;
margin: 0 autp;
text-align: center;
left: 78px;
display: flex;
flex-direction:column;

}
.pic-2 .libao-btn2{
position: absolute;
width: 836px;
height: 249px;
bottom: 101px;
margin: 0 autp;
text-align: center;
left: 78px;
display: flex;
flex-direction: column;

}
.libao-btn2 .se-1-btn{
position:absolute;
top:0;
width:125px;
height:120px;
}
.libao-btn2 .se-1-btn img{
width:100%;
height:100%;
}

.libao-btn2 .se-2-btn{
position:absolute;
top:23px;
right:0;
width:60px;
height:60px;
}
.libao-btn2 .se-2-btn img{
width:100%;
height:100%;
}
.libao-btn2 .se-3-btn{
position:absolute;
bottom:0;
width:125px;
height:120px;
}
.libao-btn2 .se-3-btn img{
width:100%;
height:100%;
}
.libao-btn2 .se-4-btn{
position:absolute;
bottom:23px;
right:0;
width:60px;
height:60px;
}
.libao-btn2 .se-4-btn img{
width:100%;
height:100%;
}
.libao-btn .se-a-btn{
position:absolute;
top:0;
width:125px;
height:120px;

}
.libao-btn .se-a-btn img{
width:100%;
height:100%;
}

.libao-btn .se-b-btn{
position:absolute;
top:23px;
right:0;
width:60px;
height:60px;

}
.libao-btn .se-b-btn img{
width:100%;
height:100%;
}

.libao-btn .se-c-btn{
position:absolute;
bottom:0;
width:125px;
height:120px;
}
.libao-btn .se-c-btn img{
width:100%;
height:100%;
}
.libao-btn .se-d-btn{
position:absolute;
bottom:23px;
right:0;
width:60px;
height:60px;

}
.libao-btn .se-d-btn img{
width:100%;
height:100%;
}


.top .se-a-btn{

display:inline-block;
flex:1;

}

.top .se-b-btn{
display:inline-block;
flex:1;
}
.se-a-btn img{
width:100%;
height:auto;
}
.libao-btn .bottom{

flex: 1;
}