@charset "utf-8";
/*头部*/
/*#top{ width:100%; position:fixed; top:0; z-index:1002;}*/
#top{ width:100%;top:0;}
.topbar {width: 1200px; background-color: #fff; margin:0 auto; padding:20px 0;
    display: flex;
    justify-content: space-between;
    /*overflow:hidden;*/
}
.topbar .mini-left { width: 380px; }
.topbar .mini-right { color:#666; text-align:right; line-height:40px;}
.topbar .mini-right span{ padding:0 10px; color:#ccc;}
.topbar .logo img{ float:left; width:230px;}
.topbar .search {
    position: relative;
}
.search .search-text {
    padding: 0 5px 0 32px;
    width:450px;
    height:38px;
    line-height: 36px;
    border:1px solid #009aea;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    background-color: #fff;
    font-size: 14px; float:left;
    color: #333;
    outline: 0 none;
}
.search .iconfont-search {
    position: absolute;
    left: 6px;
    top:10px; background:url(/homeSite/homePage/images/seacrh_03.png) no-repeat; background-size:20px auto; width:20px; height:20px;
}

.search .btn-search {
    float: left;
    width: 90px;
    height: 40px;
    line-height: 40px;
    border-radius: 0 3px 3px 0;
    background-color: #009aea;
    font-size: 18px;
    text-align: center;
    color: #fff;
    outline: none;
}
.search .btn-search:hover{ background-color: #0084c8; color:#fff;}
.topbar-nav{ width:100%; height:50px; background:#009aea; overflow:hidden;}
.topbar-nav ul {
    width: 1200px;
    margin: 0 auto;
}
.topbar-nav li { float:left;}
.topbar-nav li a {
    display: block; padding:0 23px;
    height:50px;
    line-height:50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.topbar-nav li a.acitve{ background-color: #0084c8; color:#fff}
.topbar-nav li a:hover{ background-color: #0084c8; color:#fff;}

/**定位**/
.topbar .mini-area {
    margin-top:5px;
}
.topbar .mini-area {
    float: left;
    margin-left: 20px;
}
.topbar .mini-area__city {
    float: left;
    line-height: 34px;
}
.topbar i{ float:left;}
.topbar .topbar-iconfont-location{ width:12px; height:12px; background:url(/homeSite/homePage/images/adr.png) no-repeat left center; display:block; background-size:12px auto; margin-top:11px; margin-right:5px;}

.topbar .mini-left { width: 380px; float:left; position:relative;}

.topbar .mini-area .layer {
    position: absolute;
    top:40px;
    z-index: 1001;
    width: 556px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.20);
    display:none;
}
.topbar .mini-area:hover .layer{ display:block;}
.r-wx{ width:41px; height:41px; background:url(images/wx.png) no-repeat; position:fixed; top:180px; right:10px; cursor:pointer;}
.r-wx i{ display: none;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 2px;
    width: 90px; top:-30px; right:50px;
    height: 90px;
    position: absolute;}
.r-wx:hover i{ display:block; }

.r-wx:hover i:after {
    content: "";
    position: absolute;
    right: -5px;
    top:45px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #d9d9d9;
    border-bottom: 5px solid transparent;
}
.r-wx i img {
    width: 90px;
    height: 90px;
    display: block;
}

.topbar-citypop-scity {
    height: 250px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.topbar-citypop-scity .dlbg-top {
    border-top: none;
}
.topbar-citypop-scity .dlbg {
    background-color: #f9f9f9;
}
.topbar-citypop-scity dl {
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}
.topbar-citypop-scity dt, .topbar-citypop-scity dd {
    float: left;
    margin: 0;
}
.topbar-citypop-scity dt .tx {
    float: right;
    line-height: 24px;
    font-weight: bold;
    color: #000;
}
.topbar-citypop-scity dd {
    width: 440px;
}
.topbar-citypop-scity dd a {
    float: left;
    display: block;
    margin: 2px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
}
.topbar-citypop-scity dt .nu {
    float: left;
    padding-left: 16px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 200;
    color: #333;
}
.topbar-citypop-scity dt {
    padding-top: 2px;
    width: 94px;
}
.topbar-citypop-scity dd a.current {
    background-color: #ff8300;
    color: #fff;
}

.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#000000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80)}
.modal{position:fixed;top:50%;left:50%;z-index:99999;width:340px;margin:-250px 0 0 -190px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box; display:none;}
.modal.fade{top:-25%;-webkit-transition:opacity 0.3s linear, top 0.3s ease-out;-moz-transition:opacity 0.3s linear, top 0.3s ease-out;-o-transition:opacity 0.3s linear, top 0.3s ease-out;transition:opacity 0.3s linear, top 0.3s ease-out}
.modal.fade.in{top:50%}
.modal-header{padding:9px 15px;border-bottom:1px solid #eee}
.modal-header .close{margin-top:2px}
.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 18px 16px 18px;
    opacity: .8;
    border-left:1px solid #ddd;
    cursor:pointer;
}
.close:hover{background-color:grey;color:#ffffff}
.modal-header h3{margin:0;line-height:30px}
.modal-body{max-height:400px;padding:15px;overflow-y:auto}

.modal h1{
    margin: 0 -40px;
    background: #EEE;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    font-size: 18px;
    padding: 13px 35px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    margin-bottom: 20px;
}

.panel_login{
    width:340px;
    padding-left:40px;
    background: white;
    border-radius:5px;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: -267px;
}
.panel_login .panel_info {
    padding-top: 40px;
    width: 300px;
}
.panel_login .panel_info .close {
    cursor: pointer; border:0px;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 4px;
}
.panel_login .panel_info .close:hover{ background:none; color:#333;}
.panel_login  .panel_tab .title {
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 40px;
    padding-left: 0;
}
.panel_login .panel_tab .title .fl {
    font-size: 20px;
    color: #101d37;
    font-weight: bold;
}

.fl {
    float: left;
}
.panel_login  .register_text_tel {
    color: #aaa;
    padding: 40px 0 0;
    line-height: 1;
    font-size: 14px;
}

.panel_login .panel_tab li.userName {
    padding: 0;
}

.panel_login .panel_tab li.pwd, .loninContaner .panel_login .panel_tab li.userName {
    background: #fff;
}

.panel_login .panel_tab li {
    color: #555555;
    clear: both;
    height: 50px;
    position: relative;
}

.panel_login .border-t {
    border: 1px solid #dbdbdb;
    border-radius: 2px 2px 0 0;
}
.panel_login  .panel_tab li.checkVerimg {
    margin-top: -1px;
    padding: 0;
    border: 1px solid #dbdbdb;
}
.panel_login .panel_tab li .the_input {
    width: 282px;
    height: 50px;
    line-height: 50px;
    color: #101d37;
    font-size: 14px;
    padding-left: 16px;
    outline: none;
}
.panel_login .panel_tab li.checkVerimg .ver-img {
    width: 151px;
    line-height: 50px;
    height: 50px;
    float: left;
}
.panel_login  .panel_tab li .verifycode {
    width: 125px;
}
.panel_login .send_verify_code {
    line-height: 50px;
}
.panel_login .send_verify_code em {
    padding: 0 16px;
    border-left: 1px solid #dbdbdb;
}
.panel_login .border-b {
    border: 1px solid #dbdbdb;
    border-top: none;
    border-radius: 0 0 2px 2px;
}
.panel_login .panel_tab li a {
    float: right;
}
.panel_login .panel_tab .show-error{

    padding: 24px 0 0;
    height: 14px;
    line-height: 14px;
}

.panel_login .panel_tab .show-error dd{
    top: 0;
    display: block;
    color: #db4c3f;
}
.panel_login .login-user-tel-btn{
    display: inline-block;
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    background: #009aea;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}
.panel_login .panel_tab .footer-link {
    padding: 24px 0 0;
    line-height: 14px;
}
.panel_login .panel_tab .footer-link a {
    color: #3072f6;
    float: none;
}
.panel_login .panel_tab .footer-link .link-btn {
    color: #aaa; font-size:12px;
}
.panel_login .li_btn{ padding-top:20px;}
.panel_login .registered {
    width: 380px;
    text-align: right;
    color: #555;
    padding: 10px 0 25px 0;
    margin-top: 5px;
}
.panel_login .panel_tab .title label {
    color: #9399a5;
    line-height: 28px;
}
.panel_login .fr {
    position: relative; float: right;
}
.panel_login .panel_tab  .li_01 {
    line-height: 23px;
    padding: 24px 0;
    height: auto;
}
.panel_login .panel_tab li .toprotocol {
    color: #3072f6;
    float: none;
}
.panel_login a.forgot,a.tologin,a.login,a.login2{
    cursor: pointer;
}