﻿
body { font-family:Arial Tahoma 'Microsoft YaHei'; background:#fff; color:#2E3E51; font-size:14px; margin-bottom:70px;  padding-top:100px; }
ul,li{ margin:0; padding:0; list-style-type:none; }
img{ vertical-align:bottom; }
a{ outline:none; color:#4660e9; }
a:visited{ outline:none; }
a:hover,a:focus{ text-decoration:none; outline:none; color:#6880ff; }

/*btn*/
.btn{ border-radius:4px; box-shadow:none;transition:.5s; text-shadow:none; border:0;}
.btn-lg{ font-size:16px; padding:8px 30px; }
.btn-primary{ background-image:none; background:#4660e9;transition:.2s;}
.btn-primary:focus,.btn-primary:hover{ background:#4660e9;opacity: .8;  }
.btn-primary[disabled]{ background: #4660e9;opacity:.3; }
.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{ background: #4660e9;opacity:.3;}

.navbar-default{ border:0; border-bottom: solid 1px #e5e8ed; border-radius:0; background: #fff !important; }
.navbar-brand{ margin-top:0px; margin-bottom:0px; height:auto; }
.logo{ display: block; width:188px; height:36px; background: url(../images/logo.png) no-repeat left center; background-size:auto 100%; }

.navbar-nav > li > a{ color:#7d8694;height:50px; line-height:50px;padding:0 25px; vertical-align: top; margin-top: 10px;  }
.navbar-inverse .navbar-nav > li > a{ color:#7d8694; text-shadow:none;  }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#2E3E51;background-color:transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{ background-image:none; box-shadow:none; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{ color:#2a92ff;}
.navbar-nav > li.active > a:hover{color:#2E3E51 !important;opacity: 1; }
.navbar-inverse .navbar-toggle{ border-color:transparent; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:transparent; }
.navbar-default .navbar-toggle .icon-bar{ transition:.5s; }
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{ background-color:#4660e9; }
.nav-line{ display:block; width:1px; background: #ddd; height:16px; position: absolute; right:0px; top:26px; }
/**/
.navbar-right .dropdown-menu{ right:0; left:inherit; }
.navbar-nav > li > .dropdown-menu{ border-top-right-radius:5px; }
.navbar-nav > li.dropdown.active .dropdown-toggle{ color: #1d1d1d;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ color:#4660e9; background:#fff; border-radius:5px 5px 0 0 ; }
.dropdown-menu{ border-radius:5px; border:solid 1px #fff; box-shadow:0 0px 15px rgba(0,0,0,.2); }
.dropdown-menu > li > a{ padding:10px 15px; }
.dropdown-menu > li > a:hover { background:#f1f7ff; color:#4660e9; }
.dropdown-toggle-language img{ height:14px;vertical-align: top; margin-right: 5px; margin-top: 18px; }
.dropdown-menu-language{ min-width: 90px;}
.dropdown-menu-language img{ height:14px; vertical-align: top; margin-right: 5px; margin-top: 3px; }
.navbar-nav > li > .dropdown-menu-language{ border-top-right-radius:0px; }

.lr-footer{ width: 100%; height:70px; text-align: center;  color:#aaa; font-size: 13px; position:absolute;  bottom:0; }

.lr-wrapper{ display: flex; padding:12px; background:#275ae7 url(../images/lr-img.jpg) no-repeat left bottom; border-radius:4px; margin:0 auto;}
.lr-banner{ width: 600px; padding: 50px 70px 60px 60px; color:#fff;}
.lr-banner h3{ margin-bottom: 15px;}

.lr-content{ flex:1; background: #fff; padding:40px 60px; }

.lr-content .nav-tabs {  display:flex; margin-bottom:30px; }
.lr-content .nav-tabs>li { flex:1; }
.lr-content .nav-tabs>li>a { display:block; margin-left:0px; margin-right:0px; }
.lr-form .input-group{ width:100%; margin-bottom:15px; position:relative;  }
.lr-form .input-group-lg>.form-control{ font-size:16px; height:44px; }
.lr-form .form-control{ color:#1d1d1d; border-radius:0px !important; padding-left:36px; box-shadow: none; border:0; border-bottom: solid 1px #ddd; -webkit-box-shadow: 0 0 0 1000px white inset;}
.lr-form .btn-lg{ height:42px; line-height: 42px; padding-top:0px; padding-bottom:0px; font-size:15px; }
.lr-form .btn{ border-radius:4px; margin-bottom: 15px;}
.lr-form .btn-text{ background: transparent; color:#aaa; font-size: 15px; }

.lr-form .form-control[disabled]{ cursor: not-allowed; -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset; border:0; }


.text-fp{ font-size: 14px; margin-top: -10px;}
.text-fp a{ color:#aaa;}

.lr-title{ font-size:32px; text-align: left; margin-bottom: 20px;}
.form-icon{ position:absolute; width:36px; height:44px; line-height:44px; left:0; top:0; text-align:left; z-index:99; }
.form-icon-r{  left:inherit; right:0px;text-align: center; }
.form-icon .iconfont{ color:#aaa; font-size:18px;  }
.form-icon .icon-youjian{ margin-left: 1px;}
.form-icon .icon-suo{ font-size:20px; line-height:42px;}
.form-icon .icon-shouji{ font-size:24px;}
.form-icon .icon-yanzhengma{ font-size:20px; }
.form-icon .icon-yanjingbi{ font-size:14px; line-height:46px; cursor:pointer;  }
.form-icon .icon-yanjingkai{ font-size:13px; line-height:46px; cursor:pointer;  }
.form-link{ position:absolute; width:120px; height:44px; line-height:44px; right:0; top:0; text-align:right; z-index:99; }
.form-link a{ color:#2E3E51; }
.form-link a:hover,.form-link a:active{color:#6880ff }
.input-group .icon-tishi{ margin-right:5px;  }
.t-warning{ margin-top:-6px; margin-bottom: 10px; color:#fb4556; font-size: 13px; line-height: 16px; }
.t-warning .icon-tishi{ display: inline-block; margin-right:5px; font-size:16px; vertical-align: top;  }
.t-checkbox{ line-height:16px;  margin-bottom:20px; margin-top: 10px; font-size: 14px; color: #7d8694;}
.t-checkbox input{ width:16px; height:16px; vertical-align:top; margin:0; padding:0; margin-right:8px; }
.t-checkbox a{ color:#2E3E51; text-decoration: underline;}
.t-checkbox a:hover{ color:#6880ff}
.link-group{ text-align: center; padding-top: 20px; color:#aaa;}
.link-group a{ color:#2E3E51}
.link-group a:hover{color:#6880ff;}

.t-success{ text-align:center; padding:100px 20px; width: 100%;}
.t-success-hd{ font-weight:bold; font-size:24px;margin:0px 0 10px; }
.t-success .iconfont{ font-size:32px; color:#39ba4e; vertical-align:middle; margin-right:12px; font-weight:normal; }

.lr-wrapper-fp{ width: 400px; margin: 0 auto; padding-top: 30px;}
.lr-wrapper-fp .lr-title{ text-align: center; margin-bottom: 40px;}
.lr-wrapper-fp .btn-primary{ margin-top: 30px;}
.lr-wrapper-fp .input-group{ margin-bottom: 25px; }
.lr-wrapper-fp .t-warning{ margin-top: -14px; }

.lr-cell{ display: flex;}
.lr-cell-auto{ flex:1;}
.lr-cell-btn{ width: 120px; margin-left: 30px; }
.lr-cell-btn .btn{ background: #f5f5f5; border:solid 0px #e5e8ed; color:#7d8694}
.lr-cell-btn .btn-lg{ font-size: 14px; padding:0; height:40px; line-height: 42px; margin-bottom: 0; margin-top: 5px;}
.lr-cell-btn .btn:hover{ background: #eee;}
.img-yanzhengma{ width: 120px; height:44px; background: #f5f5f5; margin-left: 30px;}
.img-yanzhengma img{ width: 120px; height:44px;}

.lr-fp-success{ display: flex; width: 500px; margin: 40px auto;}
.lr-fp-success-icon{ width: 60px;}
.lr-fp-success-icon .iconfont{ font-size: 40px; color: #39ba4e;}
.lr-fp-success-text{ flex:1; padding-top: 6px;}
.lr-fp-success-text strong{ font-size:16px; display: block; margin-bottom: 5px;}

@media (max-width:992px) {
    html { position: relative; min-height: 100%;}
    body{ padding-top: 80px;}
    .navbar-brand{ margin-top:0px; margin-bottom:0px; padding-top:11px; padding-bottom: 0; }
    .logo{ width:180px; height:28px; margin-top: 0px;  }
    .lr-wrapper{ display: block; background: #fff; padding:0;}
    .lr-banner{ display: none;}
    .lr-content{ padding:0px;}
    .lr-footer{ font-size: 13px;height:70px; padding:15px 20px 0; }
    .lr-wrapper-fp{ width: 100%;}
    .lr-fp-success{ width: 100%; padding: 0 20px;}
}
/*滚动条*/
::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track
{
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    background: #aaa;
}
::-webkit-scrollbar-thumb:hover{ 
    background: #959595;
}









    

    
