.top-logo{
    width:950px;
    height:80px;
    margin:0 auto;
    display: flex;
    margin-top: 20px;
    margin-bottom:5px;
}

.top-logo img{
    width:70px;
    height:70px;
    margin-right:20px;
}
.top-logo span{
    font-size:34px;
    color: #3199E8;
    position: relative;
    top:10px;
}

.bottom-con{
    width:950px;
    background: #FAFCFE;
    margin:0 auto;
    border:1px solid #DFE8F2;
    display: flex;
    flex-direction: column;
}
.bottom-top{
    height:70px;
    background: #fff;
    padding:20px;
}


.bottom-top>span{
    font-size:24px;
    line-height:24px;
    color: #414C59;
    padding-left:40px;
    padding-right:60px;
}

.bottom-top ul{
    display: flex;
}

.bottom-top li:empty{
    padding:0 70px;
    background: #EEE;
    height:3px;
    position: relative;
    top:13px;
    margin:0 10px;
}

.bottom-top li{
    display: flex;
    font-size:14px!important;
    line-height:25px;
    color: #999;
}

.bottom-top .active{
    color: #0F97EA;
}

.bottom-top .active span{
    background-color: #0F97EA;
}

.bottom-top li span{
    display: block;
    font-size:14px;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    border-radius:50%;
    background: #999;
    color: #fff;
    margin-right:10px;
}


.bottom-bottom{
    flex-grow: 1;
    height:450px;
}
.mess{
    font-size:22px;
    margin-top:22px;
    margin-left:230px;
}

.bottom-top{
    display: flex;
}



.second{
    margin-left:220px;
    color: #666;
}

.second p:first-child{
    font-size:18px;
    margin-bottom:10px;
    margin-top:10px;
}

.second p:nth-child(2){
    font-size:14px;
    margin-bottom:25px;
}

.second ul{
    display: flex;
    margin-bottom:40px;
}

.second ul li:first-child{
    width:86px;
    text-align: right;
    margin-right:10px;
}

.tel{
    font-weight:bold;
}
.code{
    height:40px;
    width:280px;
    background: #fff;
    border-radius:2px;
    border:1px solid #D3E1F1;
    text-indent:10px;
}

.get-code{
    height:32px;
    width:100px;
    text-align:center;
    line-height:32px;
    border-radius:3px;
    background-color: #F0F0F0;
    border:none;
    position: relative;
    top:0;
    left:-108px;
    cursor: auto;
}

.second ul:last-child{
    margin-left:96px;
}

.second ul:last-child button{
    width:130px;
    height:40px;
    background: #3199E8;
    border-radius:3px;
    border:none;
    font-size:16px;
    color: #fff;
}

.second ul:last-child span {
    margin-left:97px;
    position: relative;
    top:19px;
    color: #0F97EA;
    cursor: pointer;
}

.second ul:last-child span:hover{
    text-decoration: underline;
}


.second ul:nth-child(4) li:first-child{
    position: relative;
    top:8px;
}



.third{
    margin-left:210px;
}

.third p:first-child{
    font-size:18px;
    color: #414C59;
    margin-bottom:20px;
    margin-top:10px;
}
.third p:nth-child(2){
    margin-bottom:20px;
}

.third ul{
    display: flex;
    margin-bottom:15px;
}

.third ul li:first-child{
    width:90px;
    text-align: right;
    margin-right:10px;
    position: relative;
    top:7px;
}

.third ul input{
    width:280px;
    height:40px;
    background: #fff;
    border:1px solid #D3E1F1;
    border-radius:3px;
    text-indent:10px;
}

.third button {
    height:40px;
    width:280px;
    line-height:40px;
    text-align: center;
    position: relative;
    left:100px;
    background: #3199E8;
    -webkit-border-radius:;
    -moz-border-radius:;
    border-radius:3px;
    color: #fff;
    font-size:16px;
    border:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.third{
    display: none;
}



.first{
    /*display: none;*/
}

.second{
    display: none;
}