*{
    margin: 0px;
    padding: 0px
}

.index-top{
    position: relative;
    width: 100%;
    /* height: 650px; */
}
.index-top img{
    width: 100%;
    position: relative;
}
.top-con{
    /*position: absolute;*/
    /*!* width: 60%; *!*/
    /*right: 0px;*/
    /*bottom: 0px;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*-webkit-transform: translate(-50%,-50%);*/
    /*-moz-transform: translate(-50%,-50%);*/
    /*transform:translate(-50%,-50%);*/
    /*margin-top: 7%;*/
    /*margin-left: -3%*/
}
.top-con .top-pos{
    /*position: relative;*/
    width: 100%;
    /* background: rgba(118, 171, 210, 0.8); */
}
.top-con .top-input{
    width: 65%;
    background: rgba(118, 171, 210, 0.8);
    padding: 0px 15px;
    white-space:nowrap;
    margin: 0 auto;
}
.top-con .top-input p{
    font-size: 13px;
    padding: 10px 0px
}
.top-con .top-input input{
    font-size: 13px;
    border: none;
    padding: 10px 15px
}
.top-con .top-input a{
    display: inline-block;
    font-size: 13px;
    /* width: 10%; */
    background: #ff0000;
    color: white;
    padding: 10px 25px;
    margin-left: 10px;
    white-space:nowrap;
}
.top-con span{
    color: #ff0000
}

.input1{
    width: 15%;
    
}
.input2{
    width: 50%;
    margin-left: 10px
}

.index-bot{
    width: 100%;

}
.index-bot img{
    width: 100%
}

.app{
    position: absolute;
    right: 5%;
    top: 55%;
    left: 5%;
    background: rgba(118, 171, 210, 0.8);
    padding-bottom: 5px;
    white-space:nowrap;
}
.app p{
    font-size: 13px;
    padding: 5px 5px
}
.app a{
    font-size: 13px;
    background: #ff0000;
    color: white;
    padding: 5px 10px;
    display: inline-block
}
.app input{
    font-size: 11px;
    padding: 5px;
    border: none
}
.app span{
    font-size: 13px;
    color: #ff0000
}
.app .input3{
    width: 15%
}
.app .input4{
    width: 50%
}
/* .app .app-p{
    display: inline-block
}
.app .app-p input,.app .app-p p{
    display: inline-block
} */