﻿#bottom-wrap {

    margin-top:0;
}

#logon-wrap {

    background:url(/Content/images/banner009_background.jpg) repeat;
    width:100%;
    height:547px;
}

#logon-wrap .lb {

    min-width:800px;
}

#logon-wrap .lb .img {

    display: inline-block;
    width:800px;
    height:547px;
    overflow:hidden;
}

#logon-wrap .lb .img img {

    width:100%;
    height:auto;
}

#logon-wrap .content {

    width:350px;
    background:#fff;
    top:90px;
    right:50px;
    z-index:10;
}

#logon-wrap .logon-type {

    display: flex;
    flex-direction:row;
}

#logon-wrap .logon-type li {

    display:inline-block;
    cursor:pointer;
}

#logon-wrap .logon-type li:nth-child(2) {

    line-height:28px;
    margin:0 15px;
}

#logon-wrap .logon-type li:nth-child(3) {

    line-height:30px;
}

#logon-wrap .logon-area {

    margin-top:20px;
    display:none;
}

#logon-wrap .logon-area span {

    display:block;
    margin-top:20px;
}

#logon-wrap .logon-area span input {

    height:34px;
    padding-left:60px;
}

#logon-wrap .logon-area span i {

    display:inline-block;
    width:47px;
    height:45px;
    left:0;
    top:0;
}

#logon-wrap .logon-area span:first-child i {

    background:url(/Content/images/commonImg.png) no-repeat 93.5% 0.3%;
}

#logon-wrap .logon-area span:nth-child(2) i {

    background:url(/Content/images/commonImg.png) no-repeat 1.2% 10.8%;
    left:1px;
}

#logon-wrap .logon-area span:nth-child(3) button {

    width:100%;
    font-size:20px;
}

#logon-wrap .logon-area span:nth-child(4) {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#logon-wrap .logon-area span:nth-child(4) em {

    display:inline-block;
    font-style:normal;
}

#logon-wrap .logon-area span:nth-child(4) a:hover {

    color:#ff5722;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#logon-wrap .logon-area .veriy {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#logon-wrap .logon-area .veriy button {

    width:110px;
    height:45px;
}

#logon-wrap .logon-bottom {

    background:#fcfcfc;
    padding:15px;
    border-top:1px solid #f4f4f4;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#logon-wrap .logon-bottom li:nth-child(2) {

    padding-left:23px;
}

#logon-wrap .logon-bottom li:nth-child(2) i {

    display:inline-block;
    left:0px;
    top:2px;
    width:17px;
    height:17px;
    background:url(/Content/images/commonImg.png) no-repeat 14% 10.4%;
}

#logon-wrap .logon-bottom li:nth-child(2) a {

    color:#ff0000;
}

#logon-wrap .logon-bottom li:nth-child(2) a:hover {

    color:#cc0000;
    transition: all .3s;
    -webkit-transition: all .3s;
}
