@charset"utf8";

/*噫你居然找到这里了……如果实在想要抄走本站的自定义css，希望您能在footer里加上
Them modified by <a href="https://lolico.moe" target="_blank">JindaiKirin</a>
字样，毕竟主题魔改成果来之不易，蟹蟹！
声明：如果你用了我的CSS，请你认识到，你并没有向我支付任何报酬，因此出现任何问题我都没有义务去回答去解决*/

/*Modifi-css for handsome 4.4.x*/
.form-control:focus{
    box-shadow: none;
    /*去除input选中时出现的蓝色边框*/
}
/*all*/
 .no-margin {
    margin:0!important
}
/*scrollbar*/
::-webkit-scrollbar {
    width: 8px!important;
    height: 8px!important;
    transition: all 1s ease 0s;
}
::-webkit-scrollbar-corner {
    background: none;
}
::-webkit-scrollbar-thumb {
    background-color: #999!important;
    background-clip: padding-box;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 5px;
    transition: all 1s ease 0s;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-track-piece {
    background: #eee!important;
}
/*app&toc*/
 #sidebar>section:not(#tag_toc) {
    opacity:1
}
.ophide {
    opacity:0!important
}
#toc {
    max-height:calc(100vh - 120px)!important
}
/*header*/
 .navbar-header {
    box-shadow:-2px 2px 2px rgba(0, 0, 0, .05), 0px 1px 0 rgba(0, 0, 0, .05)
}
#header>.collapse {
    box-shadow:2px 2px 2px rgba(0, 0, 0, .05), 0px 1px 0 rgba(0, 0, 0, .05)
}
/*main*/
 .entry-content {
    background-color:transparent
}
.panel-small .pos50t-meta {
    padding-left:25px;
    padding-right:25px
}
.b-light {
    border-color: #bbb4
}
.tip:before {
    margin-top:0!important
}
#post-panel>div.blog-post>.panel:not(.b-a), #post-panel>div.blog-post>.panel-small {
    transition:all .2s;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)!important;
}
#post-panel>div.blog-post>.panel:not(.b-a):hover, #post-panel>div.blog-post>.panel-small:hover {
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.3)!important;
}
.list-group-item {
    background-color:rgba(255, 255, 255, .8)
}
/* .thumb-lg {
    width:130px
} */
#widget-tabs-4-comments .list-group-item, #tag_toc, #post-panel, #sidebar, #post-content {
    background-color:transparent!important
}
#alllayout.app-aside-folded .tooltip {
    display:none!important
}
#bg {
    background-image:url(http://api.btstu.cn/sjbz/?lx=dongman);
    background-size:cover;
    background-position:center;
    /*background-position:right bottom;*/
    background-repeat:no-repeat;
    position:fixed;
    z-index:-1;
    top:0;
    /*top:50px;*/
    left:0;
    right:0;
    bottom:0
}
.standpage {
    width:100%;
    height:calc(100% - 50px);
    position:fixed;
    top:50px;
    left:0
}
.standpage, aside, aside * {
    transition:all .3s
}
@media screen and (min-width:768px) {
    /* .topButton.panel.panel-default {
        display:none
    } */
    #bg, .standpage {
        left:-16px;
        /*left:200px;*/
    }
    .standpage {
        height:calc(100% - 101px);
        width:calc(100% - 200px)
    }
    .app-aside-folded #bg, .app-aside-folded .standpage {
        left:60px
    }
    .app-aside-folded .standpage {
        width:calc(100% - 60px)
    }
}
.wrapper-md>#comments, .wrapper-md>.blog-post, .wrapper-md>.breadcrumb, .m-t-lg.m-b-lg, .wrapper-md>.no_search_result {
    max-width:810px;
    margin-left:auto;
    margin-right:auto
}
#post-panel>div.blog-post>.panel, #post-panel>div.blog-post>.panel-small, .wrapper-md>#comments, .wrapper-md>.breadcrumb {
    background-color:rgba(255, 255, 255, .9)
}
.wrapper-md article, .wrapper-md>#comments {
    border-radius:5px;
    overflow:hidden
}
.bg-auto:before {
    bottom:51px;
    background-color: initial; /* 修复右侧边栏不透明 */
}
@media screen and (max-width:991px) {
    #bg {
        background-image:url(http://api.btstu.cn/sjbz/?lx=m_dongman);
        background-position:center center
    }
    aside.col.no-border-xs {
        border:0;
        opacity:1!important;
        background-color:rgba(255, 255, 255, .8)
    }
}
@media screen and (min-width:992px) {
    aside.col.w-md.b-l {
        background-color:rgba(255, 255, 255, .9)
    }
    aside.col.w-md.b-l:hover {
        background-color:#fff
    }
}
header.wrapper-md {
    background-color:rgba(246, 248, 248, .93)!important
}
.blog-post>.panel, .blog-post>.panel-small {
    border:0;
    /*border-radius: 5px;*/
    border-radius: 6px 6px 5px 5px;
}
.index-post-img {
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    overflow:hidden;
    background-color: black;
}
.index-post-img-small {
    overflow:hidden
}
.blog-post>.panel .index-post-img .item-thumb, .panel-small .index-post-img-small .item-thumb-small, .index-post-title a {
    transition:all .2s
}
.blog-post>.panel:hover .index-post-img .item-thumb, .blog-post>.panel-small:hover .index-post-img-small .item-thumb-small {
    transform:scale(1.05)
}
#footer>.wrapper {
    background-color:rgba(237, 241, 242, .8)
}
.streamline {
    margin-left:20px;
    padding-right:10px
}
.streamline .comment-body {
    position:relative
}
aside.col.w-md.no-border-xs {
    transition:all .3s
}
.visible-xs-inline {
    display:inline-block!important
}
@media screen and (min-width:768px) and (max-width:1140px) {
    .visible-xs-inline {
        display:none!important
    }
}
.tocify-item {
    background-color:rgba(255, 255, 255, .8)
}
.tocify-item.active {
    color:#7f7f7f;
    font-weight:700
}

@media screen and (max-width:767px) {
    .blog-post>.panel:hover .index-post-img .item-thumb {
        transform:none!important
    }
}
.index-post-title a:hover {
    color:#2ebaae
}
.wrapper-md .comment-list .comment-parent, .wrapper-md .comment-list .comment-children {
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#ddd;
    padding-top:10px
}
.max-img {
    max-height:400px
}
.navi-wrap .navi.clearfix>ul.nav {
    padding-bottom:100px
}
.app-aside-folded.navi-wrap {
    max-height:calc(100% - 50px)
}
.lg-backdrop {
    background-color:rgba(0, 0, 0, .8)
}
.skPlayer-name {
    font-family:"Source Sans Pro", "Hiragino Sans GB", "Microsoft Yahei", SimSun, Helvetica, Arial, Sans-serif
}
html.fancybox-enabled {
    overflow-y:auto
}
.fancybox-bg {
    background-color:rgba(0, 0, 0, .95)
}
.fancybox-arrow:after {
    background-color:rgba(0, 0, 0, .8)
}
.share, .yellow, .red, .lblue, .green {
    background-position-y: 50%
}
.timeline .tl-date {
    color:#fff;
    text-shadow: 0 0 4px #000
}
body.modal-open {
    overflow-y: auto;
    padding-right: 0 !important
}
.reply2view {
    background-color:transparent;
    border:solid 1px #bbb
}
#content {
    transition:all .3s
}
.OwO .OwO-logo {
    height:28px
}
#tag_toc.fixed #toc {
    width:100%
}
.page-navigator .next a, .page-navigator .prev a {
    /*height:31px*/
}
.page-navigator>li:last-child>a, .page-navigator>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.item-thumb-small {
    background-position:left
}
.panel .post-meta.wrapper-lg {
    padding:20px
}
/*comments*/
 #comments pre code {
    display:inline
}
.wrapper-md>#comments {
    border:solid 1px #fff;
    padding:10px 30px 20px 30px
}
.hideContent {
    background-color:transparent;
    padding:0;
    font-weight:bold
}
/*img*/
 img[mw400] {
    max-width:400px!important;
    width:100%
}
.mw400 {
    max-width:400px
}
/*inner-post*/
 .inner-image {
    background-position:center
}
.inser-title {
    color:#555!important
}
.inster-summary {
    color:#58666e!important
}
.preview .post-inser {
    background-color:rgba(255, 255, 255, .8);
    transition:all .3s
}
.preview .post-inser:hover {
    background-color:rgba(255, 255, 255, 1)
}
/*avatar*/
 #aside-user span.avatar {
    animation-timing-function:cubic-bezier(0, 0, .07, 1)!important;
    border:0 solid
}
#alllayout:not(.app-aside-folded) #aside-user span.avatar:hover {
    transform:rotate(360deg) scale(1.2);
    /* border-width:5px; */
    animation:avatar .5s
}
@keyframes avatar {
    from {
        transform:rotate(0) scale(1);
        /* border-width:0 */
    }
    to {
        transform:rotate(360deg) scale(1.2);
        /* border-width:5px */
    }
}
/*search*/
 #searchform {
    margin-right:-10px
}
/*gallery*/
 .compensate-for-scrollbar, .compensate-for-scrollbar #header {
    padding-right:8px
}
.compensate-for-scrollbar #bg {
    transition-duration:0s;
    margin-right:8px
}
/*experimental modify 2018-07-19*/
 @media screen and (min-width:1200px) {
    .wrapper-md {
        padding: 10px;
    }
    .wrapper-md>.breadcrumb{
        margin-left: 0px;
        /* margin-right: 5px; */
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        max-width: 800px;
        /* margin: 0 5px 20px 5px; */
    }
    .panel-small .post-meta {
        padding:13px 15px!important
    }
    .blog-post .post-meta.wrapper-lg {
        padding-top:15px
    }
    .sticky {
        position: absolute;
        top:12px;
        left:15px
    }
    .panel .item-thumb {
        height:300px
    }
    #post-panel .blog-post {
        position:relative;
        display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox; /* 混合版本语法: IE 10 */
        display: -webkit-flex; /* 新版本语法: Chrome 21+ */
        display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #post-panel>div.blog-post>.panel {
        overflow:hidden;
        width: 100%;
        margin: 0 5px 20px 5px;
        /*background-color: rgba(255, 255, 255, .0);*/
    }
    #post-panel>div.blog-post>.panel .post-meta {
        position:relative;
        margin-top:-300px;
        height:300px;
        padding-top:133px!important;
        padding-bottom:0!important;
        background-color:rgba(0, 0, 0, .3);
        color:#fff!important;
        transition:all .3s
    }
    #post-panel>div.blog-post>.panel .post-meta, #post-panel>div.blog-post>.panel-small .post-meta {
        border-radius:5px
    }
    #post-panel>div.blog-post>.panel .post-meta *, #post-panel>div.blog-post>.panel-small .post-meta * {
        color:#fff!important
    }
    #post-panel>div.blog-post>.panel .post-meta>h2, #post-panel>div.blog-post>.panel-small .post-meta>h2 {
        text-align:center;
        text-shadow:0 0 3px #fff
    }
    #post-panel>div.blog-post>.panel .post-meta>p, #post-panel>div.blog-post>.panel .post-meta>div, #post-panel>div.blog-post>.panel-small .post-meta>p, #post-panel>div.blog-post>.panel-small .post-meta>div {
        transition:all .3s;
        transform:translateY(-10px);
        opacity:0
    }
    #post-panel>div.blog-post>.panel .post-meta>.text-muted, #post-panel>div.blog-post>.panel-small .post-meta>.text-muted {
        position:absolute;
        bottom:20px
    }
    #post-panel>div.blog-post>.panel .post-meta>.line {
        position:absolute;
        bottom:40px;
        width:740px
    }
    #post-panel>div.blog-post>.panel-small .post-meta>.line {
        position:absolute;
        bottom:40px;
        width:350px
    }
    #post-panel>div.blog-post>.panel .post-meta>.summary {
        position:absolute;
        bottom:60px;
        width:740px
    }
    #post-panel>div.blog-post>.panel-small .post-meta>.summary {
        position:absolute;
        bottom:60px;
        width:350px
    }
    #post-panel>div.blog-post>.panel-small {
        display:inline-block;
        height:300px;
        width:calc(50% - 10px);
        /* margin-right:20px */
        margin: 0 5px 20px 5px;
    }
    /* #post-panel>div.blog-post>.panel-small:nth-child(2n) {
        margin-right:0
    } */
    #post-panel>div.blog-post>.panel-small .index-img-small, #post-panel>div.blog-post>.panel-small .index-img-small .item-thumb-small {
        height:100%;
        width:100%
    }
    #post-panel>div.blog-post>.panel-small .post-meta {
        position:absolute;
        height:300px;
        width:calc(50% - 10px);
        padding:133px 20px 0 20px!important;
        background-color:rgba(0, 0, 0, .3);
        color:#fff!important;
        transition:all .3s
    }
    #post-panel>div.blog-post>.panel:hover .post-meta, #post-panel>div.blog-post>.panel-small:hover .post-meta {
        background-color:rgba(0, 0, 0, .6)
    }
    #post-panel>div.blog-post>.panel:hover .post-meta>p, #post-panel>div.blog-post>.panel:hover .post-meta>div, #post-panel>div.blog-post>.panel-small:hover .post-meta>p, #post-panel>div.blog-post>.panel-small:hover .post-meta>div {
        opacity:1;
        transform:translateY(0)
    }
    #post-panel>div.blog-post>.panel:hover .post-meta, #post-panel>div.blog-post>.panel-small:hover .post-meta {
        padding-top:80px!important
    }
    #post-panel .ahover {
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
    .blog-post>.panel:hover .index-post-img, .blog-post>.panel-small:hover .index-post-img-small {
        filter:blur(3px)
    }
}
header.bg-light.wrapper-md {
    margin-top:30px;
    background-color:transparent!important;
    border:0;
    text-align:center;
    text-shadow:0 0 3px #000
}
header.wrapper-md * {
    color:#fff
}
header.wrapper-md h1 {
    font-size:32px
}
header.wrapper-md h1 {
    font-weight:bold!important
}
.panel-small>.p-b-none {
    padding-bottom:0!important
}
/*UA-Plugin*/
 .comment-author>.fn+label {
    padding-top:.37em;
    padding-bottom:.37em;
    margin-bottom:0
}
.ua-plugin {
    opacity:0;
    transition:all .3s;
    background-color:#7266ba;
    color:#fff;
    padding-bottom:.2em;
    margin-left:5px
}
div.comment-body:hover .ua-plugin {
    opacity:1
}
.comment-author > * {
    display:inline-block
}
@media screen and (max-width:600px) {
    .ua-plugin {
        display:none
    }
}
@media screen and (max-width:365px) {
    .comment-author>.fn+label {
        display:none
    }
}
.ua-os {
    margin-left:-0.6em
}
/*i..forget*/
 ul.nav-sub > li > a > i {
    margin-right:15px
}
#myModal .modal-dialog {
    max-width:calc(100% - 20px);
    width:400px
}
#myModal .modal-content {
    overflow:hidden
}
#myModal .modal-body, #myModal .modal-body img {
    padding:0
}
/*links*/
 .link-main {
    padding:50px 0 50px 20px;
    text-align:center
}
.link-main h3 {
    margin-top:0
}
.link-main .item {
    display:inline-block;
    letter-spacing:0;
    margin-right:20px;
    margin-bottom:20px;
    width:289px;
    height:240px;
    font-size:14px;
    overflow:hidden;
    border-radius:5px;
    background:rgba(255, 255, 255, .95);
    border:1px solid #e1e8ed;
    transition:background .2s
}
.link-main .link-bg {
    position:relative;
    height:90px;
    padding:0 1em;
    background-color:#777
}
.link-main .link-bg .bg:before {
    display:block;
    content:"";
    position:absolute;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0, 0, 0, .5)
}
.link-main .link-bg .link-avatar {
    position:absolute;
    bottom:-50px;
    border:4px solid #FFF;
    border-radius:100%;
    background-color:#fff;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.5)
}
.link-main .link-bg .link-avatar img {
    border-radius:100%
}
.link-main .avatar {
    display:block;
    object-fit:cover
}
.link-main .bg, .link-main .link-bg {
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    display:block
}
.link-main .bg {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    filter:blur(1.5px);
    background-color:#fff
}
.link-main .meta {
    padding:.9em 1em;
    text-align:right
}
.link-main .info {
    color:#525766;
    padding:0 1em 1em
}
.link-main .info .name {
    font-weight:600;
    font-size:16px
}
@media screen and (max-width:330px) {
    .link-main {
        padding:50px 0 50px 0
    }
    .link-main .item {
        margin-right:0
    }
}
.link-main .item:hover {
    background:rgba(255, 255, 255, 1)
}
.link-main .item:hover .bg {
    filter:blur(0.1px)
}
/*contact*/
 .readers-list a:hover {
    left:0
}
.readers-list-a {
    background-color:rgba(255, 255, 255, .5)!important;
    transition:all .3s
}
.readers-list-a:hover {
    background-color:rgba(255, 255, 255, .8)!important
}
/*collapse*/
 .panel-heading.collapsed {
    position:relative
}
.panel-body.collapse:not([aria-expanded=true]) {
    display:block;
    position:relative;
    padding:0!important;
    height:0!important;
    z-index:-1000
}
.panel-body.collapse:not([aria-expanded=true]) * {
    display:none
}
.panel-body.collapse:not([aria-expanded=true]) h1, .panel-body.collapse:not([aria-expanded=true]) h2, .panel-body.collapse:not([aria-expanded=true]) h3, .panel-body.collapse:not([aria-expanded=true]) h4, .panel-body.collapse:not([aria-expanded=true]) h5, .panel-body.collapse:not([aria-expanded=true]) h6 {
    display:block;
    top:0;
    line-height:1px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    top:-50px
}
.panel-small>.post-meta {
    padding-bottom: 0 !important;
}
/* 
* 新增
*/
i.fontello-dedent.text{
    color: #fff;
}
/*底部页脚*/
  /* handsome 6.0 分页问题 */
  .page-navigator>li>a{
    border: 1px solid #ddd;
  }
/*赞赏图标跳动*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}
@keyframes star {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}
/*右侧列表导航栏图标颜色*/
.glyphicon-fire {
    color: #ff0000;
}

.nav-tabs-alt .glyphicon-comment {
    color: #495dc3;
}

.glyphicon-transfer {
    color: #0e5458;
}
#categories-2 .list-group-item:nth-child(1) i{
    color: #81c7d4;
}
#categories-2 .list-group-item:nth-child(2) i{
    color: #007eff;
}
#categories-2 .list-group-item:nth-child(3) i{
    color: #da99ff;
}
#categories-2 .list-group-item:nth-child(4) i{
    color: #f596aa;
}
#categories-2 .list-group-item:nth-child(5) i{
    color: #ffd33f;
}
.badge.pull-right{
    background-color: #b51212;
}
.wrapper-md>.breadcrumb .fontello-home{
    color: #7266ba;
}
.wrapper-md>.breadcrumb .icon-qzone{
    color: #fece00;
}
.wrapper-md>.breadcrumb .fontello-weibo{
    color: #f61520;
}
.wrapper-md>.breadcrumb .fontello-camera{
    color: #1992f6;
}
/*文章内图片悬停放大并将超出范围隐藏*/
.entry-thumbnail {
    overflow: hidden;
}
.entry-thumbnail .item-thumb{
    transition: 0.5s;
}

#post-content img {
    border-radius: 10px;
    transition: 0.5s;
}

.entry-thumbnail .item-thumb:hover,#post-content img:hover {
    transform: scale(1.05);
    cursor: pointer;
}
/*头像呼吸光环和鼠标悬停旋转放大*/
.img-full {
    width: 100px;
    border-radius: 50%;
    animation: light 6s ease-in-out infinite;
    transition: 0.5s;
}
.img-full:hover {
    transform: scale(1.15) rotate(720deg);
}

@keyframes light {
    0% {
        box-shadow: 0 0 4px #e16b8c;
    }

    25% {
        box-shadow: 0 0 16px #b28fce;
    }

    50% {
        box-shadow: 0 0 4px #a8d8b9;
    }

    75% {
        box-shadow: 0 0 16px #2ea9df;
    }

    100% {
        box-shadow: 0 0 4px #e03c8a;
    }
}
/*评论头像旋转*/
.img-circle {
    transition: all 0.3s;
}
.img-circle:hover {
    transform: rotate(360deg);
}

/*自定义下载卡片*/
.download-box * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.download-box {
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    background: #fafafa;
    border: 1px solid #ddd;
    color: #666;
    border-radius: 3px
}

.download-box a {
    color: #4183c4;
    border: 0;
    text-decoration: none;
    border-bottom: none !important;
}

.download-box .download-box-title {
    position: relative;
    border-radius: 3px 3px 0 0;
    background: #fcfcfc;
    background: -moz-linear-gradient(#fcfcfc, #ebebeb);
    background: -webkit-linear-gradient(#fcfcfc, #ebebeb);
}

.download-box .download-box-title h3 {
    word-wrap: break-word;
    font-family: helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 2rem!important;
    color: gray;
    margin: 10px 0 10px 0!important;
    padding: 10px 10px 10px 10px;
    width: auto;
}

.download-box .download-box-title h3 .repo {
    font-weight: bold
}


.download-box .download-box-content {
    padding: 10px;
    font-weight: 300
}

.download-box .download-box-content p {
    margin: 0
}

.download-box .download-box-content .link {
    font-weight: bold
}

.download-box .download-box-download {
    position: relative;
    border-top: 1px solid #ddd;
    background: white;
    border-radius: 0 0 3px 3px;
    padding: 10px;
    height: auto;
    min-height: 24px;
}

.download-box .download-box-download .updated {
    word-wrap: break-word;
    margin: 0;
    font-size: 11px;
    color: #666;
    line-height: 24px;
    font-weight: 300;
    width: auto;
    text-align: left;
}

.download-box .download-box-download .updated strong {
    font-weight: bold;
    color: #000
}

.download-box .download-box-download .download {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    padding: 0 10px;
    border: 1px solid #ddd;
    border-bottom-color: #bbb;
    border-radius: 3px;
    background: #f5f5f5;
    background: -moz-linear-gradient(#f5f5f5, #e5e5e5);
    background: -webkit-linear-gradient(#f5f5f5, #e5e5e5);
}

.download-box .download-box-download .download:hover {
    color: #527894;
    border-color: #cfe3ed;
    border-bottom-color: #9fc7db;
    background: #f1f7fa;
    background: -moz-linear-gradient(#f1f7fa, #dbeaf1);
    background: -webkit-linear-gradient(#f1f7fa, #dbeaf1);
}

@media (max-width: 767px) {
    .download-box .download-box-title {
        height: auto;
        /*min-height: 60px*/
    }

    .download-box .download-box-title h3 .repo {
        display: block
    }

    .download-box .download-box-title .download-stats a {
        display: block;
        clear: right;
        float: right;
    }

    .download-box .download-box-download {
        height: auto;
        min-height: 46px;
    }

    .download-box .download-box-download .download {
        top: 32px;
    }
    .download-box .download-box-title .download-stats {
        display: none;
    }
    .download-box .download-box-title h3 {
        font-size: 1.5rem!important;
    }
}

.download-box .download-box-title .download-stats {
    float: right;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    height: auto;
    min-height: 21px
}

.download-box .download-box-title .download-stats a {
    display: inline-block;
    height: 21px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px 0 18px;
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqCAMAAACEJ4viAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQjIyNkJEQkM0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQjIyNkJEQ0M0NjYxMUUxOEFDQzk3ODcxRDkzRjhCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCMjI2QkQ5QzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCMjI2QkRBQzQ2NjExRTE4QUNDOTc4NzFEOTNGOEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+h1kA9gAAAK5QTFRF+fn5sbGx8fHx09PTmpqa2dnZ/f3919fX9PT00NDQ1dXVpKSk+vr6+/v7vb298vLyycnJ8/PztLS0zc3N6enp/v7+q6ur2NjY9/f3srKy/Pz8p6en7u7uoaGhnJyc4eHhtbW1pqam6Ojo9fX17e3toqKirKys1NTUzs7Ox8fHwcHBwMDA5eXlnZ2dpaWl0dHR9vb25ubm4uLi3d3dqqqqwsLCv7+/oKCgmZmZ////8yEsbwAAAMBJREFUeNrE0tcOgjAUBuDSliUoMhTEvfdef9//xUQjgaLX0Ium/ZLT/+SkRPxZpGykvuf5VMJogy5jY9yjDHcWFhqlcRuHc4o6B1QK0BDg+hcZgNDh3NWTwzItH/bRrhvT+g3zSxZkNGCZpoWGIbU0a3Y6zV5VA6keyeDxiw62P0gUqEW0FbDim4nVikFJbU2zZXybUEaxhCqOQqyh5/G0wpWICUwthyqwD4InOMuXJ7/gs7WkoPdVg1vykF8CDACEFanKO3aSYwAAAABJRU5ErkJggg==) no-repeat
}