/**** 重置样式 ****/
.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: url("../img/main-nav-hover-bg.png") 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: url("../img/main-nav-icon.png") 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: url("../img/ajax-loader.gif") 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 url("../img/bg-dark.jpg") 0 0 no-repeat;
}

/* 登录页面 */
.login-head h1 {
    float: left;
    margin: 0;
}
.login-head h1 > a {
    display: block;
    width: 300px;
    height: 80px;
    background: url("../img/login-logo.png") 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: url("../img/login-bg.jpg") 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: url("../img/head-bg.jpg") 0 0 no-repeat;
}
#head h1 {
    float: left;
    margin: 0;
    background: url("../img/head-divider.png") right center no-repeat;
}
#head h1 a {
    display: block;
    width: 280px;
    height: 80px;
    text-indent: -9999px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAArCAMAAACXWz4IAAACHFBMVEUAAAD///////////////////////////////////////////////8isUz///////////////////////8isUz///////////////8isUz///////////////8isUwisUxvkGcisUz///////8isUwisUwisUwisUzaGxsisUwisUwisUwisUzHAgIisUwisUwisUwisUwisUwisUwisUzVGxtrJz8isUwisUzfNjbQAgLrAwMisUwWNloisUziAwPkCwvDAgIisUziLS3TAgLEAgLbQUHqFhbmAgLcAgLmISEisUwisUzNAgL///8WNloWNloisUz///8WNloWNloisUz///8WNlroGBgWNloWNloWNloisUzlIyPYAgLrAgIisUzoGhrcAgLSAgLdOzvBAgLYR0f////sDg4isUzkAgLlAgLoGhr////////XSkr////oAgL///////////////////8isUxR1HgVnz0bqkUbqEQWoT9O0nVIzW8fr0kerUgdrEcYpUJAyGgpuFMZp0Mzv1wjs00YpEEUnTwTnDtJz3A4w2EuvFgXokAwvVosulUmtlAhsEtEy2wSmjoKjDAKii89xmU6xWMRmTlGzW5CymoQlzcPlTYNkTM1wV4ltE8OkjUMjjIJiC5M0XNL0HIXo0DsBgZO0XQLjTHpAgLQAgLfNTXrExPjAgLLAgLnICDcAgLkKCjWAgIwzJDSAAAAdnRSTlMAzBFAiH+/Ve/fEHcg4TAiz3CfYO67mVAzzGZEqo+W3QL+r927MCmmEcI4GxH+9+rVt45fTyII+/Ly07ywfXp2SDoH/vfp39PQxLeag4J7cWZkWVlLPz09PS8iFg709N7TwrqysaaEgH5vZGNeTEs8Li4XFQ0K9JxiSQAACHRJREFUaN7k1zlv2mAcx/F/okiJFFlZ0qppo2JL4SbkJGeVu7kzZKiUofelXlLVobjYhNOQEOwYcCUsGGBISsWV6w32sSkUjLdKkQyfBQaWr3728wj4H6b367Oz219waCdf14vF68tSad4E7cMxW1x99mojl8vNt9Hab4vX22jlgxf5/CdoF6bVy40pQL6Vy1ugMTrd6EAj81CFAQy6Kgs02NeZ9QeXpQ8g27x6DhpDnkc9jYR0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") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAJFBMVEUisUwisUwisUwisUwisUwisUwisUwisUwisUwisUwisUwisUx842ZHAAAAC3RSTlMDbhFBfHW2Y0dGQPpB0V4AAAAvSURBVAjXY2AwdDRgYGBvYmpnYLBkTeVcwCAUvdtJgMEhe3eCA4QNFjeAqIGoBwAhqAqL1xFt4gAAAABJRU5ErkJggg==") left center no-repeat;
}

/* 排名效果 */
.effect-body .loading {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: url("../img/loading.gif") 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: url("../img/left-side-bg.jpg") 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;
}