
.banner,.main{
    margin:0 auto;
    width:100%;
    max-width:1920px;
}

.remote-box{
    background: url("/skin/image/remote-bg.jpg") no-repeat top center;
}
.remote-con{
    width: 1015px;
    margin:0 auto;
}
.login-wrap {
    width: 290px;
    height: 350px;
}
.login-t{
    font-size: 25px;
    text-align: center;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 35px;
    opacity:.8;
}
.login-t:before{
    position: relative;
    top: 5px;
    display: inline;
    content: '';
    padding: 10px 0 0 35px;
    background: url(/skin/image/login-icon.png) no-repeat -7px 1px;
    margin-right: 15px;
}
.login-form{
    width: 290px;
    margin: 0 auto;
}
.login-input{
    height: 34px;
    margin-bottom: 12px;
    padding-left: 55px;
    background:url(/skin/image/login-icon.png) no-repeat;
    background-color:#fff;
    border:1px solid #ccc;
}
.login-line{
    position: relative;
}
.login-line:before{
    position:absolute;
    display: block;
    content: "";
    width: 1px;
    height: 25px;
    background:#597dc1;
    top:5px;
    left: 45px;
}
.input-name{
    width: 284px;
    background-position:-2px -133px;
}
.input-paw{
    width:214px;
    background-position:-2px -174px;
}
.login-btn{
    width: 70px;
    height:34px;
    color:#fff;
    font-size: 16px;
    background: #4f75bd;
    border:none;
}
.form-hy{
    text-align: center;
    margin-top: 10px;
}
.form-hy a{
    color:#fff;
    margin-right: 10px;
}
.form-hy a:hover{
    color: #3399ff;
}
.login-b{
    width: 288px;
    height:34px;
    line-height: 34px;
    margin-top:20px;
    text-align: center;
    background: #5075bc;
}
.login-b a{
    font-size:14px;
    color:#fff;
}
.bill{
    width: 300px;
    height:350px;
    margin: 0 38px;
}
.remote{
    width: 340px;
    height:350px;
}
.search-title{
    margin-top: 50px;
    font-size: 25px;
    text-align: center;
}
.bill .search-title{
    color: #fff;
    opacity:.8;
    /*height:35px;*/
    /*line-height:35px;*/
}
.bill .search-title:before{
    position: relative;
    top:5px;
    display: inline;
    content: '';
    padding: 10px 0 0 35px;
    background: url("/skin/image/login-icon.png") no-repeat -7px -44px;
    margin-right: 15px;
}
.remote .search-title{
    color: #fff;
    opacity:.8;
}
.remote .search-title:before{
    position: relative;
    top:5px;
    display: inline;
    content: '';
    padding: 10px 0 0 35px;
    background: url("/skin/image/remote_search.png") no-repeat center center;
    margin-right: 15px;
}
.search-textarea{
    margin-top: 35px;
    display: block;
    width:300px;
    height:90px;
    border:1px solid #bfbfbf;
    border-bottom: 0;
    padding:10px;
    font-size: 16px;
}
.bill-btn{
    height:32px;
    line-height:32px;
    width:300px;
    text-align: center;
    background: #4f75bd;
    font-size: 18px;
    color: #fff;
    border:none;
}
.bill-d{
    font-size:12px;
    color:#fff;
    opacity:.6;
}
.search-input-container{
    margin-top: 35px;
}
.search-input-container label{
    float: left;
    padding-left: 10px;
    width:114px;
    height:34px;
    line-height:34px;
    background: #5277bd;
    color: #fff;
    font-size: 16px;
}
.search-input-container input{
    float: left;
    padding-left: 10px ;
    width:225px;
    height:34px;
    line-height:30px;
    border:1px solid #bfbfbf;
    font-size: 15px ;
}
.remote-btn{
    float: left;
    width:99px;
    height:34px;
    line-height:34px;
    text-align: center;
    font-size: 18px;
    color: #2352ac;
    border:none;
    background: #fff;
    cursor: pointer;
}

