@charset "utf-8";
body{
    background-color: #17132e;
}
.banner{
    background: url("../img/banner.png") no-repeat center top;
    background-size: 100% auto;
    min-width: 1180px;
    height: 700px;
}
.banner .wpn{
    height: 700px;
    background: url("../img/banner_bg.png") no-repeat center;
}
.banner a{
    display: block;
    position: absolute;
    width: 167px;
    height: 45px;
    left: 10px;
    top: 395px;
    cursor: pointer;
}
.equity{
    height: 728px;
    background: url("../img/equity.png") no-repeat center;
}
.equity li{
    position: absolute;
    width: 198px;
    height: 164px;
    cursor: pointer;
}
.equity li:first-of-type{
    top: 200px;
    left: 40px;
    background: url("../img/li1.png") no-repeat center bottom;
}
.equity li:first-of-type:hover{
    top: 200px;
    left: 43px;
    background: url("../img/li1_on.png") no-repeat center top;
}
.equity li:nth-of-type(2){
    top: 238px;
    left: 190px;
    background: url("../img/li2.png") no-repeat center bottom;
}
.equity li:nth-of-type(2):hover{
    top: 238px;
    left: 193px;
    background: url("../img/li2_on.png") no-repeat center top;
}
.equity li:nth-of-type(3){
    top: 155px;
    left: 375px;
    background: url("../img/default.png") no-repeat -453px 35px;
}
.equity li:nth-of-type(3):hover{
    top: 155px;
    left: 376px;
    background: url("../img/hover.png") no-repeat -10px -592px;
}
.equity li:nth-of-type(4){
    top: 230px;
    left: 570px;
    background: url("../img/default.png") no-repeat 46px 35px;
}
.equity li:nth-of-type(4):hover{
    top: 230px;
    left: 570px;
    background: url("../img/hover.png") no-repeat -20px 0;
}
.equity li:nth-of-type(5){
    top: 154px;
    left: 766px;
    background: url("../img/default.png") no-repeat -125px 35px;
}
.equity li:nth-of-type(5):hover{
    top: 154px;
    left: 768px;
    background: url("../img/hover.png") no-repeat -17px -218px;
}
.equity li:nth-of-type(6){
    width: 210px;
    top: 150px;
    left: 911px;
    background: url("../img/default.png") no-repeat -276px 35px;
}
.equity li:nth-of-type(6):hover{
    width: 210px;
    top: 150px;
    left: 916px;
    background: url("../img/hover.png") no-repeat -4px -419px;
}
.condition{
    height: 602px;
    background: url("../img/condition.png") no-repeat center;
}
.condition ul{
    width: 520px;
    position: absolute;
    right: 0;
    top: 200px;
}
.condition li{
    width: 520px;
    background: url("../img/bg.png") no-repeat left top;
    padding-top: 12px;
    padding-left: 58px;
    box-sizing: border-box;
}
.condition li p{
    font-size: 16px;
    color: #c9c9c9;
    line-height: 2;
}
.condition li p:first-of-type{
    color: white;
    font-weight: bold;
}
.condition li:last-of-type{
    background: none;
    margin-top: 30px;
}
.condition li a{
    display: block;
    width: 167px;
    height: 45px;
    background: url("../img/designer.png") center center;
}
.rule{
    height: 755px;
    background: url("../img/rule.png") no-repeat center;
}
.rule ul{
    width: 500px;
    position: absolute;
    left: 0;
    top: 320px;
}
.rule li{
    width: 500px;
    background: url("../img/bg.png") no-repeat left top;
    padding-top: 10px;
    padding-left: 58px;
    box-sizing: border-box;
    font-size: 16px;
    color: #c9c9c9;
    line-height: 2;
}
.about{
    height: 698px;
    background: url("../img/about.png") no-repeat center;
    font-size: 16px;
    color: #c9c9c9;
    line-height: 2;
}
.about .con{
    width: 450px;
    position: absolute;
    right: 0;
    top: 225px;
}
.about .con p{
    font-size: 16px;
    color: #c9c9c9;
    line-height: 2;
}
.about .con p:first-of-type{
    color: white;
    font-weight: bold;
}
.fixed{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(23,19,46,.6);
    display: none;
}
.fixed .form_con{
    width: 615px;
    height: 655px;
    background-color: white;
    margin: 110px auto 0;
}
.fixed .form_con p{
    text-align: right;
}
.fixed .form_con p img{
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
}
.fixed .form_con .form{
    padding: 0 36px;
}
.fixed .form_con h3{
    height: 24px;
    line-height: 24px;
    color: #403968;
    font-size: 18px;
    font-weight: bold;
    background: url("../img/h3.png") no-repeat left center;
    padding-left: 25px;
}
.fixed .form_con h3.on{
    background: url("../img/h3_on.png") no-repeat left center;
}
.fixed .form_con .form li{
    height: 68px;
    margin-bottom: 30px;
}
.fixed .form_con .form input{
    display: block;
    border: none;
    color: #403968;
    font-size: 16px;
    line-height: 36px;
    margin-left: 15px;
    padding-left: 10px;
    width: 90%;
    background-color: transparent;
    position: relative;
    z-index: 2;
    margin-top: 6px;
}
.fixed .form_con .form input:focus{
    border: 1px solid #d0cce8;
    border-radius: 5px;
}
.fixed .form_con .form span{
    position: absolute;
    color: #d0cce8;
    font-size: 16px;
    left: 26px;
    top: 36px;
}
.fixed .form_con .submit{
    display: block;
    width: 167px;
    height: 45px;
    line-height: 45px;
    color:white;
    font-weight: bold;
    font-size: 16px;
    text-indent: 60px;
    background: url("../img/btn_1.png") no-repeat center top;
    margin: 50px auto 0;
}
.fixed .form_con .submit.on{
    background: url("../img/btn_on.png") no-repeat center top;
}