.leftnav{height:100%; position: fixed;}
.leftnav a {color: #333;}

.main {}

.border-red, .border-red .button, .border-red .tab-nav li a, .border-red .tab-body, .button.bg-red, .selected.border-red, .pointer.border-red li, .check-error .input, .nav.border-red .active a, .nav.nav-tabs.border-red, .nav-main.border-red a, .nav-main.border-red .nav-head, .pagination.border-red li, .pager.border-red a {
    border-color: #e33;
}
.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px;border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}

/* 定义keyframe动画，命名为blink */
@keyframes blink{
  0%{opacity: 1;}
  100%{opacity: 0;} 
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; } 
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
/* 定义blink类*/
.blink{
    color: #dd4814;
    animation: blink 1s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
/*alert per line*/
.text-line{white-space: pre-line;word-break: break-word;}
/*profile*/
.flag_cover {border-radius: 50%;max-width: 100px;max-height: 100px;width: 100px;height: 100px;margin: 20px;border: 1px solid #efefef;}

/*login*/
.user-login {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
/*item*/
.update-attach{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.user-left-logo img{width: 100%;max-width: 100px;}

@media screen and (min-width: 768px) {
.navbar{display: none;}
}

@media screen and (max-width: 768px) {
    .leftnav {
        display: none;

    }}
@media (max-width: 576px) {
	.user-login {width: 100%}
}