/**** 重置样式 ****/
.dropdown-menu {
    min-width: 100px;
}
.radio-inline, .checkbox-inline {
    vertical-align: top;
}
.help-block {
    color: #999;
    font-size: 12px;
}
.alert-xs {
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 2px;
}
.alert-default {
    background-color: #f6f6f6;
    border-color: #eeeeee;
    color: #444444;
}

.text-nowrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*导航*/
.main-nav {
    float: left;
    padding: 0;
    margin-left: 20px;
}
.main-nav li {
    list-style: none;
    display: inline-block;
}
.main-nav li a {
    display: block;
    text-align: center;
    padding: 0 15px;
    height: 80px;
    color: #fff;
    transition: background-color 0.3s linear;
}
.main-nav li a:hover {
    color: #fff;
    background:  center center no-repeat;
}
.main-nav li a span {
    display: block;
}
.main-nav li a i{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 20px 0 5px;
    background:  0 0 no-repeat;
}
.main-nav li a i.home {background-position: 0 0;}
.main-nav li a i.inspect {background-position: -202px 0;}
.main-nav li a i.rank {background-position: -34px 0;}
.main-nav li a i.content {background-position: -68px 0;}
.main-nav li a i.seo-config {background-position: -102px 0;}
.main-nav li a i.sys-config {background-position: -136px 0;}
.main-nav li a i.preview {background-position: -170px 0;}
/*用户*/
.user-link {
    float: right;
    text-align: right;
}
.user-link > p {
    height: 40px;
    padding: 10px 0;
    margin: 5px 0;

}
.user-link > p > a {
    color: #ffffff;
}
.user-link > p > a   a {
    margin-left: 10px;
}
.user-control {
    height: 30px;
    line-height: 30px;
    color: #ffffff;
}
#user-notice, #user-dropdown{
    color: #ffffff;
}
.user-control .dropdown-menu{
    border-radius: 0 0 3px 3px;
    min-width: 60px;
    font-size: 12px;
    margin: 0;
}







/*****控制面板*****/
.thumb-xs {
    max-height: 25px;
}

.thumb-sm {
    position: relative;
}
.thumb-sm img {
    max-width: 100%;
    max-height: 160px;
}
.thumb-sm .btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

#filter-form {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #eeeeee;
}
.input-order {
    display: inline-block;
    width: 48px;
    height: 24px;
    padding: 6px;
    background: none;
    border-radius: 2px;
}











.ajax-loader {
    width: 30px;
    height: 15px;
    margin-left: 8px;
    display: inline-block;
    background:  left center no-repeat;
}


.panel-lg .panel-title {
    font-size: 18px;
    margin: 10px 0;
}
.panel-lg .panel-title small {
    font-size: 12px;
    font-style: italic;
}
.bg-dark {
    background: #414f65  0 0 no-repeat;
}

/* 登录页面 */
.login-head h1 {
    float: left;
    margin: 0;
}
.login-head h1 > a {
    display: block;
    width: 300px;
    height: 80px;
    background:  left center no-repeat;
}
.login-head-tel {
    float: left;
    color: #d00202;
    font-size: 18px;
    font-weight: bold;
    padding-top: 37px;
}
.login-head-tel i.fa{
    color: #cccccc;
}
.login-head-shortcut {
    float: right;
    padding-top: 30px;
}
.login-body {
    height: 460px;
    background:  top center no-repeat;
}
.login-form {
    width: 360px;
    float: right;
    margin-top: 50px;
    padding: 20px 30px;
    border-radius: 3px;
    background-color: #fff;
}
.login-form-head {
    color: #0096c7;
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaf6fa;
}
.login-verify-code {
    padding: 0;
}
.login-foot {
    margin: 20px 0;
    text-align: center;
}

/* 页眉样式 */
#head {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 80px;
    font-size: 12px;
    background:  0 0 no-repeat;
}
#head h1 {
    float: left;
    margin: 0;
    background:  right center no-repeat;
}
#head h1 a {
    display: block;
    width: 280px;
    height: 80px;
    text-indent: -9999px;
    background:  left center no-repeat;
}

/* 主体样式 */
#body {
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}
.unit {
    padding: 30px 15px 0 15px;
}

/* 后台首页 */
.home-body {
    padding: 10px 30px;
    border-radius: 5px;
    background-color: #fff;
}
.home-body   div {
    margin-top: 30px;
}
.home-body > h3 {
    font-size: 18px;
}
.home-link {
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}
.home-link ul {
    margin: 0;
}
.home-link ul li {
    padding: 5px 20px;
    text-align: center;
}
.home-link-icon {
    color: #fff;
    padding: 10px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 30px;
    font-size: 25px;
    border-radius: 25px;
    margin-bottom: 5px;
}
.home-link ul li a {
    display: block;
    line-height: 24px;
}
table.home-effect  {
    text-align: center;
}
.home-effect table tr th,
.home-effect table tr td {
    padding: 13px;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
}
.home-effect table tr th a,
.home-effect table tr td a {
    color: #ffffff;
}

/* 站点检测 */
.inspect-body {
    margin-bottom: 0;
}
.inspect-body .panel-body {
    padding: 15px 30px;
}
.inspect-node {
    margin-bottom: 20px;
}
.inspect-node-title {
    color: #22b14c;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: bolder;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #d3efdb;
}
.inspect-node-body {
    font-size: 13px;
    list-style: none;
    padding-left: 10px;
}
.inspect-node-body li {
    line-height: 30px;
    padding-left: 25px;
    background:  left center no-repeat;
}

/* 排名效果 */
.effect-body .loading {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background:  center 300px no-repeat;
}
.effect-body .badge {
    vertical-align: inherit;
    background-color: #009a0a;
}
.effect-body .table {
    margin-top: 10px;
}
.effect-body .table>tbody>tr>td {
    font-size: 12px;
    letter-spacing: 1px;
    border-top: none;
    border-bottom: 1px solid #ddd;
}
.effect-body .tab-pane {
    position: relative;
    min-height: 500px;
}

/* 右侧栏 */
.right-side {
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.1);
}
.right-side > h3 {
    margin-top: 0;
    font-size: 16px;
}
.right-side > div   h3 {
    margin: 20px 0 10px;
}
.right-side > h3 small {
    color: #cccccc;
}
.right-side-block {
    color: #eee;
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #4d5669;
    background-color: #323b4e;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.right-side-block .label {
    color: #dddddd;
    padding: 0.3em 0;
    font-weight: normal;
}
.right-side-block .staff-avatar{
    float: right;
    width: 80px;
    height: 80px;
    margin-top: 10px;
}
.right-side-block .site-name{
    font-size: 14px;
    font-weight: bold;
}
.right-side-block dl {

}
.right-side-block > dl   dl {
    /**/
}
.right-side-block dl dt {
    line-height: 1.8;
    margin-bottom: 5px;
}
.right-side-block dl dd a {
    color: #ddd;
}

/*****左侧栏样式*****/
#left-side {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    color: #ffffff;
    background:  0 0 no-repeat;
}
#left-side h4 {
    margin: 0;
    padding: 10px 15px 10px 60px;
    font-size: 16px;
    border-top: 1px solid #414e64;
    border-bottom: 1px solid #1e2633;
}
#left-side .nav li a {
    color: #ffffff;
    padding-left: 60px;
}
#left-side .nav li a:hover,
#left-side .nav li a:focus,
#left-side .nav li a.active {
    color: #222222;
    background-color: #eee;
}


/*右侧面包屑*/
#right-head {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 200px;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
}
#right-head .breadcrumb {
    float: left;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}

/* 右侧主体 */
#right-body {
    position: absolute;
    top: 40px;
    left: 200px;
    bottom: 0;
    right: 0;
    padding: 15px;
    background-color: #ffffff;
    overflow: auto;
}
#right-body > h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

/* 权限节点选框 */
.purview-tree {
    padding: 5px 0;
    list-style: none;
    border-radius: 5px;
    border: 1px solid #eee;
    background-color: #fafafa;
}
.purview-tree > ul li {
    margin: 0;
    border-radius: 3px;
    padding: 5px 0 5px 15px;
}
.purview-tree > ul li label {
    display: inline;
    margin-left: -5px;
}
.purview-tree > ul{
    padding: 5px;
}
.purview-tree > ul > li {
    margin-bottom: 10px;
}
.purview-tree > ul ul {
    padding: 5px 0 15px 20px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* 操作日志 */
#log-list {}
#log-list li {
    padding: 5px 3px;
    border-bottom: 1px dashed #eeeeee;
}
#log-list li small {
    color: #666;
    font-size: 10px;
    margin-right: 20px;
}