#sc_notice {
    color: #7da33c;
    background: #ecf2d6 url('img/sc_notice.png') -1px -1px no-repeat;
    border: 1px solid #aac66d;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px 15px 15px 35px;
}
.slider_menu mini_tab{
    background:#fff;
}
#sc_warn {
    color: #ad9948;
    background: #fff4b9 url('img/sc_warn.png') -1px -1px no-repeat;
    border: 1px solid #eac946;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px 15px 15px 35px;
}

#sc_error {
    color: #c66;
    background: #ffecea url('img/sc_error.png') -1px -1px no-repeat;
    border: 1px solid #ebb1b1;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px 15px 15px 35px;
}
#sc_blue {
    color: #1ba1e2;
    background: rgba(27, 161, 226, 0.26) url('img/sc_blue.png') -1px -1px no-repeat;
    border: 1px solid #1ba1e2;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px 15px 15px 35px;
}

#sc_black {
    border-width: 1px 4px 4px 1px;
    border-style: solid;
    border-color: #3e3e3e;
    margin: 10px 0;
    border-radius: 8px;
    padding: 15px 15px 15px 35px;
}
#sc_xuk {
    padding: 15px 15px 15px 35px;
    border: 2px dashed rgb(41, 170, 227);
    background-color: rgb(248, 247, 245);
    margin: 10px 0;
    border-radius: 8px;
}

#sc_lvb {
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #05B536;
    background: #FFF;
}

#sc_redb {
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #ED0505;
    background: #FFF;
}

#sc_organge {
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #EC8006;
    background: #FFF;
}
.body{
  background:#fff;  
}
/*彩色文本框样式 结束 */
/*导航菜单*/
@media screen and (max-width:768px) {
    .newmrxu_link {
        margin: 0 auto;
        
        border-radius: 2px;
    }

    .mrxu_link {
        padding: 5px;
    }

    .mrxu_link dl dd {
        display: inline-block;
        width: 18%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .mrxu_link dl dd a {
        display: block;
    }

    .mrxu_link dl dd.xu_link_1 i {
        background: url(//mrxu.net/wp-content/themes/b2child/img/icon/icon1.png.webp) center no-repeat;
        background-size: 30px;
    }

    .mrxu_link dl dd a i {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto 5px;
    }

    .mrxu_link dl dd a p {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #666;
        text-align: center;
        overflow: hidden;
    }

    dl {
        display: flex;
        justify-content: center;
    }

    .mrxu_link dl dd.xu_link_2 i {
        background: url(//mrxu.net/wp-content/themes/b2child/img/icon/icon2.png.webp) center no-repeat;
        background-size: 30px;
    }

    .mrxu_link dl dd.xu_link_3 i {
        background: url(//mrxu.net/wp-content/themes/b2child/img/icon/icon3.png.webp) center no-repeat;
        background-size: 30px;
    }

    .mrxu_link dl dd.xu_link_4 i {
        background: url(//mrxu.net/wp-content/themes/b2child/img/icon/icon4.png.webp) center no-repeat;
        background-size: 30px;
    }

    .mrxu_link dl dd.xu_link_5 i {
        background: url(//mrxu.net/wp-content/themes/b2child/img/icon/icon5.png.webp) center no-repeat;
        background-size: 30px;
    }
}
/*导航菜单结束*/
/*回复可见*/
.replys {
    padding: 10px;
    border: 1px #49aff9 dashed;
    background-color: #fafafa;
    color: #f40000;
    text-align: center;
    font-size: 14px;
}
/*
.main nav {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    line-height: 25px
}

main nav::-webkit-scrollbar {
    display: none
}

main nav a {
    font-size: 14px;
    padding: 3px 5px;
    margin: 0 1px;
    text-shadow: 1px 1px 1px #fff;
    display: inline;
    background: #eee;
    border-radius: 4px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    box-shadow: 1px 1px 15px #eee
}

main nav a:after {
    content: none
}

main nav a:before {
    content: none
}

main nav a:first-child:before {
    content: none
}

main nav a:last-child:after {
    content: none
}

.post figure img {
    text-align: center;
    margin: 0 auto;
    display: block
}

#comments #author,
#comments #mail,
#comments #url {
    width: 100%
}
}
/*图片
mains nav {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    line-height: 5px
}

mains nav::-webkit-scrollbar {
    display: none
}

mains nav a {
    font-size: 10px;
    padding: 1px 1px;
    margin: 0 5px;
    text-shadow: 1px 1px 1px #fff;
    display: inline;
    background: #eee;
    border-radius: 4px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 0px solid #b9b9b9;
}
/*自定义*/
.url-img{
    border-radius:2px ;
}
.lazy{
border-radius:2px;
margin-left:0.1rem;
}
.text-sm {
    font-size: .8rem !important;
    font-weight: bold;
    margin:0px;
    /*color: #004266;
    */letter-spacing: -0.001em;
    
    }

.slider_menu[sliderTab]>.menu>li>a {

    font-size: 0.8rem !important;
}

.text-lg {
    border-radius: 2px;

    font-size: 0.99rem !important;

}

.row [class*="flex-tab"] {

    padding-top: 0.1rem !important;

    margin-bottom: 0.2rem !important;

    padding-right: 0.1rem !important;

    padding-bottom: 0.1rem !important;

}

.row [class*="card"] {
    padding-top: 0.1rem !important;
    margin-bottom: 0.1rem !important;
    margin-right: -0.2rem !important;
    padding-bottom: 0.1rem !important;

}


.row [class*="col-6"] {

    margin-right: 0.2rem !important;

    margin-left: 0.3rem !important;
    padding-right: 0.1rem !important;

    padding-left: 0.1rem !important;

}

.row [class*="col-7"] {
    width:100%;
    margin-right: 0.1rem !important;

    margin-left: 0.1rem !important;
    padding-right: 0.5rem !important;
    padding-left:1px;
    padding-left: 0.1rem !important;
}




.col-6 {

    -ms-flex: 0 0 100%;

    flex: 0 0 24%;

    max-width: 24%;

}

@media (max-width: 980px) {

    .col-6 {
padding:-2px;
        -ms-flex: 0 0 100%;

        flex: 0 0 31.3%;
        max-width: 31%;

    }
}


.col-7 {

    -ms-flex: 0 0 120%;

    flex: 0 0 24%;

    max-width: 24%;

}

@media (max-width: 980px) {

    .col-7 {

        -ms-flex: 0 0 49%;

        flex: 0 0 49%;

        max-width: 49%;
        margin-bottom: 0.1rem !important;
    }
}

.tax-favorites a.card.mb-3 {

    margin-bottom: 0.01rem !important;

    background: #ffffff !important;

    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);

}


}



/*
body {
    background: url('https://heeee.com/wp-content/uploads/2023/10/bg.webp');
    background-position: center;
    background-repeat: repeat;
    height: 100vh;
}


/*修复和风天气*/
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
    top: unset !important;
    bottom: 0 !important;
    right: 44px !important
}

/*顶部边框透明度调整*/
body.io-grey-mode .big-header-banner.header-bg .page-header {
    background: rgb(255 255 255 / 10%) !important;
    height:30px;
}

/*顶部大搜索上下尺寸调低*/
.header-big {
    padding-top: 110px;
}

@media (max-width: 980px) {
    .header-big {
        padding-top: 59px;
        padding-bottom:1px;
    }
}

/*顶部菜单调整
.navbar .navbar-nav li>a {
    font-size: 13px;
}

.header-mini-btn {
    width: 20px;
}

li.nav-login-user.dropdown.ml-3.ml-md-4 {
    margin-left: -7px !important;
}

li.nav-login.ml-3.ml-md-4 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

li.nav-login.ml-3.ml-md-4 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

/*详情页文字大小*/
.site-content p {
    font-size: 14px;
}

/*详情页按钮块颜色*/
.io-grey-mode .site-body .btn-arrow {
    background-color: #f1f3f6;
}

.io-grey-mode .site-body .btn-arrow:hover {
    background-color: #202224;
}

/*弹出微信公众号以及按钮样式*/
.navbar-menu i:not(.icon-search) {
    font-size: 20px;
}

.icon-list {
    margin-right: 10px !important;
}

.icon-list i {
    margin-right: -7px !important;
}

body {
    margin: 0;
    padding: 0;
}

.weixin {
    display: block;
    text-align: center;
    position: relative;
}

.weixin img {
    display: none;
    width: 200px;
}

.weixin:hover img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -115px;
    padding-top: 30px;
    display: block;
}

/*两个角标*/
.new {
    display: inline-block;
    transform: translate(3px, -11px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, #E80505 10%, #FDD819 100%);
    color: #ffffff;
    border-radius: 4px 4px 4px 0;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
    height: 20px;
    line-height: 15px !important;
    /* opacity: 0.85; */
}

/*mini搜索按钮调整*/
#search button {
    position: absolute;
    top: 0px;
    right: 0;
    background: var(--mainColor);
    border: 0;
    width: 60px;
    height: 100%;
    margin: 0px 0pt 0;
    line-height: 36px;
    border-radius: 0px 8px 8px 0px;
}

/*mini搜索框调整*/
#search-text {
    border-radius: 4px;
    background: rgba(126, 126, 126, .1);
    
            border: 1px solid rgb(136, 136, 136) !important;
        
}

/*大搜索美化*/
.header-big #search-text {
    background-color: #fff !important;
    color: #282a2d;
}

.io-black-mode .header-big #search-text {
    background-color: #2c2e2f !important;
    color: #fff;
}

.header-big #search form button {
    background: var(--mainColor);
    padding: 0px 19px;
    height: 50px;
    border-radius: 0px 8px 8px 0px;
    padding-top: 3px;
    margin-right: 0px;
}

.header-big #search button i {
    color: #fff;
    font-size: 24px;
}

.header-big .search-type input:checked+label:before {
    border-color: #fff transparent transparent;
}

.io-black-mode .header-big .search-type input:checked+label:before {
    border-color: #2c2e2f transparent transparent;
}

/*tab栏圆角优化*/
.slider-menu-father {
    border-radius: 4px;
 }

.slider_menu[sliderTab] {
    border-radius: 4px;
 padding-left:-2px;   
}

.slider_menu[sliderTab] .anchor {
    border-radius: 4px;
    
}

.slider_menu[sliderTab]>.menu {
    border-radius: 4px;
 /*background:#f8f8f8;*/   
margin-left:-3px;
}

/*tab栏背景色调整
.slider_menu[sliderTab] {
    padding-bottom: 0.1rem !important;
    background: rgba(0, 0, 0, 0.03);
}

/*首页编辑按钮调整*/
.customize-menu .btn-edit {
    border-radius: 7px;
    color: #ffffff !important;
}

/*卡片圆角调整*/
.card {
    border-radius: 7px;
}

/*背景颜色代码
body.io-grey-mode {
    background-color: rgba(0, 0, 0, 0.025) !important;
}

/*侧边栏展开图标修复*/
.sidebar-item {
    position: relative;
    display: flow-root;
}

/*侧边栏父菜单优化
.sidebar-menu ul:first-child>li>a {
    padding: 12px 12px;
    margin: 1.5px 8px;
}

/*菜单颜色&mini修复*
.io-grey-mode .sidebar-nav,
.io-grey-mode .sidebar-menu-inner a {
    color: #0c0d0f !important;
    font-size: 14px;
}

.sidebar-nav,
.sidebar-menu-inner a {
    font-size: 14px;
}


.second.sidebar-popup.sidebar-menu-inner.text-sm li span {
    color: #515C6B;
}

.io-black-mode .second.sidebar-popup.sidebar-menu-inner.text-sm li span {
    color: #c6c9cf;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li span.spanmh1 {
    height: 35px;
    line-height: 21px;
    margin-left: 0px !important;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li {
    float: unset;
    text-align: left;
}

.io-grey-mode .sidebar-item li>a:hover,
.io-grey-mode .sidebar-popup>div>ul>li>a:hover {
    background: rgba(0, 0, 0, .1) !important;
    border-radius: 5px;
}

.io-black-mode .sidebar-item li>a:hover,
.io-black-mode .sidebar-popup>div>ul>li>a:hover {
    background: rgba(0, 0, 0, .1) !important;
}

/*移动端logo左移
.navbar-brand img {
    max-height: 30px;
}*/

/*详情页图片圆角*/
.site-content img {
    border-radius: 5px;
}

/*大搜索搜索框优化*/
.header-big #search-text {
    border-radius: 9px;
}

.search-type input:checked+label,
.search-type input:hover+label {
    background-color: #ededed;
}

/*公告框优化*/
.header-big:not(.no-bg) #bulletin_box .card-body {
    border-radius: 9px;
}

/*红色按钮*/
.btn-dog {
    color: #fff !important;
    background: #f1404b;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 4px;
    transition: .3s;
}

/*网址块标题变细*/
.url-body .card-body strong {
    font-weight: normal;
}

.user-custome strong {
    font-weight: normal;
}

/*小圆点*/
.hot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mainColor);
    margin: -12px 0px 1px 2px;
    position: absolute;
    top: 19px;
}

.new {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #409EFF;
    margin: -5px 0px 1px 2px;
    position: absolute;
    top: 19px;
}

/*书签页顶部菜单圆角*/
.sites-tabs-container {
    border-radius: .25rem;
}

/*底部登录框夜间模式适配*/
.io-black-mode .login-tips {
    background: rgba(44, 46, 47, 0.80);
    color: rgba(255, 255, 255, 0.8);
}

.io-black-mode .login-tips .go-icon {
    color: rgba(255, 255, 255, 0.8);
}

/*logo上移*/
.sidebar-logo img {
    max-height: 40px;
    margin-top: -13px;
}

.sidebar-nav .logo {
    line-height: 67px;
}

/*中等/mini网址块美化*/
.card-body.url-content.d-flex.align-items-center {
    height: 55px;
}

.url-card .default a.togo {
    margin-top: 1px;
    
}

.url-card .default .url-img {
    width: 36px;
    height: 36px;
    margin-left: -9px;
}

.url-card.wechat a.card:after {
    font-size: 56px;
}


.url-card .mini .url-img {
    width: 20px;
    height: 20px;
}

/*网址块全体悬浮美化（去除浮动）*/
.url-card .url-body:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/*小工具网址块美化*/
.sidebar .url-card .card {
    background: none !important;
}

.io-black-mode .sidebar .url-card .card {
    background: none !important;
}

/*更多按钮美化*/
a.btn-move.tab-move.text-xs.ml-2 {
    color: #000 !important;
    background: #eeee;
    padding: 2px 5px;
    padding-right: 6px;
    line-height: 24px !important;
    margin: 2px 1px;
    height: 30px;
    border-radius: 4px;
    white-space: nowrap;
}

a.btn-move.text-xs {
    color: #000 !important;
    background: #f1404b;
    padding: 0px 1px;
    padding-right: 6px;
    line-height: 24px !important;
    margin: 5px 5px;
    height: 30px;
    border-radius: 4px;
    white-space: nowrap;
}

/*左上角角标*/
.jiaobiao_red {
    position: absolute;
    top: 6px;
    right: 64px;
    z-index: 1;
    width: 240px;
    height: 20px;
    line-height: 19px;
    -webkit-transform: rotate(-45deg) !important;
    text-align: center;
    color: #fff;
    background-color: var(--mainColor);
    font-size: 13px;
}

@media (max-width: 767px) {
    .jiaobiao_red {
        display: none;
    }
}

/*左侧滚动条去除*/
.sidebar-menu.flex-fill::-webkit-scrollbar {
    display: none;
}

ul.nav.nav-pills.tab-auto-scrollbar.menu.overflow-x-auto::-webkit-scrollbar {
    display: none;
}

/*博客页面顶图美化*/
.media-title-bg:before {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .25) 20%, transparent 80%) !important
}

/*书签页修复推荐顶部间距*/
.user-bookmark-body .quick-sites {
    margin-top: -50px;
}

/*标签美化
.mt-2 .mr-1 a {
    padding: 4px 10px;
    height: 30px;
    border-radius: 4px;
    background: rgba(138, 138, 138, .15);
    color: #666;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
}

.io-black-mode .mt-2 .mr-1 a {
    background: #28292a !important
}

.mr-1 i.iconfont.icon-wailian.text-ss {
    display: none;
}

span.mr-1 a:hover {
    background: var(--mainColor);
    color: #fff;
}

/*详情页图标块美化
.siteico {
    box-shadow: unset;
    border-radius: 8px;
    height: 200px;
}

@media (max-width: 880px) {
    .siteico {
       
        height: 60px;
    }

    img.img-cover {
        right: 70%;
        min-width: 44px !important;
        max-height: 69% !important;
    }

    a.btn.btn-like.btn-icon.btn-light.rounded-circle.p-2.mx-3.mx-md-2 {
        margin-left: -1rem !important;
        margin-right: -0.5rem !important;
    }

    .tool-actions {
        left: 60%;
        bottom: -5px;
    }

    div#country {
        display: none;
    }
}

/*content相对定位*/
div#content {
    position: relative;
}

/*网址详情页左右
.sites-template-default .main-content #content>.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.sites-template-default .main-content #content {
    max-width: 1200px;
    width: 1200px;
}

@media (max-width: 1350px) {
    .sites-template-default .main-content #content {
        width: 100%;
        max-width: 1200px;
        margin-bottom: 0rem !important;
    }
}

.row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
    margin-top: calc(-1 * var(--headerMenuHeight));
}

@media (max-width: 980px) {
    .row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
        margin-top: -40px !important;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.site-l {
    float: left;
    width: 835px;
    padding: 1px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.1);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.1);
    background: #fff;
}

.sidebar_no .site-l {
    width: 100%;
}

.io-black-mode .site-l {
    background-color: #2c2e2f;
}

.sites-template-default .sidebar.sidebar-tools {
    float: right;
    width: 320px !important;
    margin-left: 15px !important;
}

@media (max-width: 1350px) {
    .site-l {
        width: 100%;
    }

    .sites-template-default .sidebar.sidebar-tools {
        display: none !important;
    }
}

/*内容偏左修复*l
@media (min-width: 992px) {
    .site-l .content-layout {
        margin-right: 0px;
        width:100%
    }
}

/*左侧图标移动*/
.site-l .col-12.col-sm-5.col-md-4.col-lg-3 {
    padding-top: 15px;
    float: left;
    width: 25%;
}

@media (max-width: 979px) {
    .site-l .col-12.col-sm-5.col-md-4.col-lg-3 {
        float: unset;
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 980px) {
    .siteinfo {
        margin-left: -15px;
    }
}

/*右侧信息移动*/

.site-l .col.mt-4.mt-sm-0 {
    float: right;
    width: 75%;
}

@media (max-width: 768px) {
    .site-l .col.mt-4.mt-sm-0 {
        float: unset;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.content {
    clear: both;
}

/*头像修复*/
.v-avatar {
    width: 32px;
    height: 32px !important;
    border-radius: 100% !important;
}

/*首页边距
@media (max-width: 1200px) {
    .indexmh .row {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}

/*网址信息边距减少
.siteinfo .col.mt-4.mt-sm-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.sites-template-default .btn-cat {
    color: #777 !important;
    background-color: unset;
    border-color: unset;
    font-size: 13px;
}

/*面包屑*/
.cat {
    margin-left: 9px;
}

@media (max-width: 599px) {
    .cat {
        margin-left: -2px;
    }
}

@media (min-width: 768px) {
    .spare-site.mb-3 {
        margin-left: 14px;
    }
}

.cat .custom-piece_c {
    color: #777 !important;
}

.sites-template-default .btn-cat:hover {
    background: var(--mainColor);
    color: #fff !important;
}

/*相关网址美化
.site-l .row.mb-n4 {
    border-radius: 6px;
    margin: 0px;
}

@media (max-width: 767px) {
    .site-l .url-card.col-sm-6.col-md-4 {
        width: 50% !important;
    }

    .site-l .row.mb-n4 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media (min-width: 768px) {
    .site-l .url-card.col-sm-6.col-md-4 {
        max-width: 33.3333%;
    }
}

@media (min-width: 980px) {
    .site-l .url-card.col-sm-6.col-md-4 {
        max-width: 25%;
    }
}

.site-l .mb-n4,
.site-l .my-n4 {
    margin-bottom: 20px !important;
}

.site-l .url-card .mini a.togo {
    display: none;
}

.io-black-mode #pinggu {
    background: #28292a !important;
}

/*评论框美化*/
.comments .card {
    box-shadow: unset;
}

.comments .card-body {
    padding: 1.25rem .5rem;
}

/*文章页修复和美化

.post-template-default .content-wrap .content-layout {
    background: #fff;
    padding: 0px 15px;
    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    -webkit-box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    border-radius: 8px;
}

@media (max-width: 979px) {
    .post-template-default .content-wrap .content-layout {
        padding: 0px 0px;
    }

    h2#comments-list-title {
        margin-left: 10px !important;
    }
}

.io-black-mode .post-template-default .content-wrap .content-layout {
    background: #2c2e2f;
}

.panel.card {
    box-shadow: unset;
}

@media (min-width: 992px) {
    .post-template-default.sidebar_right .content-wrap {
        float: left;
    }
}

.single-top-area .card-body {
    background: #f9f9f9;
    border-radius: 6px;
}

.io-black-mode .single-top-area .card-body {
    background: #2c2e2f !important;
}

/*app下载页修复*/
@media (min-width: 1560px) {
    .site-l .mx-xxxl-n5 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

/*公告页修复*/
.bulletin-template-default .content-wrap {
    background: #fff;
    padding: 5px;
    border-radius: 8px;
}

.io-black-mode .bulletin-template-default .content-wrap {
    background: #2c2e2f;
}

/*tab栏美化

.tabfg {
    padding-top: 10px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 0.1px;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey, transparent) !important;
}
*/
.io-black-mode .tabfg {
    background: #2c2e2f;
    margin-bottom: -0.2rem !important;
}

.slider_menu[sliderTab] {
    background: unset;

}

@media (min-width: 992px) {
    .tabmh {
        padding: 0.5rem 0rem 0.1rem 0rem;
    }

    .tabmh .text-gray.text-lg {
        float: left;
        height: 28px;
        line-height: 32px;
        margin-bottom: -5px;
    }

    .tabmh .d-flex.flex-fill.flex-tab {
        padding-left: 0rem;
    }
}

.tabmh {
    padding: 0.5rem 0rem 0.1rem 0rem;
}

.tabmh .slider_menu[sliderTab] .anchor {
    background: transparent;
    border-radius: 0px;
   
}

.tabmh .slider_menu[sliderTab]>.menu>li>a.active {
    color: #777;
}

.tabmh .slider_menu[sliderTab]>.menu>li>a:hover {
    color: #777;
}

.tabmh .slider_menu[sliderTab] .anchor:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    height: 2px;
    width: 20%;
    background-color: var(--mainColor);
    margin: 0 auto;
    left: 50%;
    margin-left: -10%;
    right: 50%;
    margin-right: -10%;
}

.indexmh .content-wrap {
    border-radius: 8px;
    padding-bottom: 0px;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .io-mx-n2 {
        margin-left: .2rem !important;
        margin-right: .2rem !important;
    }
}

h4.text-gray.text-lg {
    margin-left: 1px !important;
margin-bottom: 0.5rem !important;
}

.d-flex.flex-fill.flex-tab {
    margin-left:0px;
    margin-right: 0px;
    margin-bottom: -1rem !important;
}

.list-title-txt {
    top: 0px;
    left: 0;
    position: relative;
    padding-right: 33px;
}

h4 span.separator {
    height: 11px;
    width: 2px;
    background: #777;
    display: inline-block;
    margin-left: 0;
    margin-right: 9px;
    position: absolute;
    top: 7px;
    float: right;
    right: 0;
}

@media (max-width: 979px) {
    .list-title-txt {
        display: none;
    }
}

/*自定义美化
.user-custome {
    width: 100%;
    background: #fff;
    padding: 10px 0px 8px 0px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    margin-bottom: 15px;
}

.io-black-mode .user-custome {
    background-color: #2c2e2f;
}

@media (min-width: 768px) and (max-width: 979px) {
    .user-custome {
        padding: 10px 10px 8px 10px;
    }
}

@media (min-width: 1200px) {
    .user-custome {
        width: 100%;
        max-width: 100%;
    }

    .col-xxl-10a {
        flex: 0 0 20%;
        max-width: 16.6%;
    }

    .user-custome .row {
        margin-left: 5px !important;
        margin-right: 0px !important;
    }

    .tab-content #sites {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.user-custome .d-flex.flex-fill.customize-menu {
    margin: 10px 10px 0px 10px;
}

.user-custome #my-nav,
.user-custome #my-c-nav,
.user-custome .customize-sites {
    margin-top: 0.8rem;
}

.overflow-x-auto.hot-search-panel.mb-3.pb-2 {
    padding: 0 0rem !important;
}

@media (min-width: 768px) and (max-width: 979px) {
    .overflow-x-auto.hot-search-panel.mb-3.pb-2 {
        padding: 0 .5rem !important;
    }
}

@media (min-width: 992px) {
    .overflow-x-auto.hot-search-panel.mb-3.pb-2 {
        padding: 0 0.5rem !important;
    }
}




/*文字/图片广告样式
@media (min-width: 992px) {
    .wzgg {
        margin-left: -15px;
        margin-top: 12px;
    }
}

.mxqygg {
    margin-right: auto;
    width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
}

@media (min-width: 992px) {
    .mxqygg {
        display: none;
    }
}

@media (max-width: 992px) {
    .pcxqygg {
        display: none;
    }
}

.pcxqygg {
    margin-left: -10px;
    margin-bottom: -24px;
    margin-right: -15px;
    margin-top: 10px;
}

.pcxqygg a {
    width: 48%;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.mxqygg a {
    margin-bottom: 5px;
    display: block;
}

img.adimg {
    border-radius: 6px;
}

span.ggjb {
    position: absolute;
    padding-left: 2px;
    left: -.4rem;
    padding-right: 3px;
    font-size: 13px;
    color: #fff;
    top: 0.1rem;
    background: rgb(255 0 20 / 0.7);
    border-radius: 100px;
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

@media (max-width: 992px) {
    span.ggjb {
        left: -0.7rem;
        top: -0.6rem;
    }
}

/*置顶新网址美化*/
.url-body .badge.text-ss {
    position: absolute;
    left: -0.2rem;
    top: -0.2rem;
    background: rgb(255 0 20 / 0.7);
    border-radius: 100px;
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(15deg);
}

/*顶部登录*/
.nav-login a:not(.user-bookmark-body a) {
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
    padding: 4px 12px;
    background: var(--mainColor);
    border-radius: 20px;
    text-shadow: none;
}

/*手机端去除手机查看*/
@media (max-width: 992px) {
    a.btn.btn-arrow.qr-img {
        display: none;
    }
}

/*文章标题三行隐藏*/
.overflowClip_2 {
    -webkit-line-clamp: 3;
}

/*小工具网址块颜色*/
.sidebar .url-card .card {
    background: #f5f5f5;
}

/*小工具热榜图标修复*/
.hot-ico {
    height: 18px !important;
}

/*标签换行及两行最多修复*/
.mr-1,
.mx-1 {
    white-space: nowrap;
}

.sitetags {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*侧边栏浏览量隐藏*/
.sidebar-tools span.views {
    display: none;
}


/*首页/详情页网址块美化（移动端）首页直达
@media (max-width: 980px) {

    .indexmh .mt-4,
    .indexmh .my-4 {
        margin-top: .5rem !important;
    }

    .indexmh .mb-3,
    .indexmh .my-3 {
        margin-bottom: .3rem !important;
    }

    .site-l .mb-3,
    .site-l .my-3 {
        margin-bottom: .3rem !important;
    }

    .site-l .row.mb-n4 {
        margin-bottom: 10px !Important;
    }

    .url-card .mini a.togo {
        display: none;
    }

    .indexmh .url-body .card {
        background: unset;
    }

    .io-black-mode .url-card .card {
        background: unset !important;
    }

}

/*详情页网址块美化（PC端）*/
/*网址块暗色
.io-black-mode .url-card .url-body>a {
    background: #363738 !important;
}

.io-black-mode .url-card .mini .card-body {
    padding: .4rem .5rem;
}

/*移动端热榜隐藏*/
@media (max-width: 980px) {
    .home .hot-search-panel {
        display: none;
    }
}

/*顶部广告*/

/*弹窗广告调整*/
@media (max-width: 980px) {
    ._noj3w57c83g:nth-child(1) {
        display: none;
    }
}

/*资讯页修复调整*/
@media (max-width: 980px) {
    .row.no-gutters {
        margin-right: -6px !important;
        margin-left: -9px !important;
    }

    .overflow-x-auto.hot-search-panel.mb-3.pb-2 {
        margin-right: 2px !important;
        margin-left: -13px !important;
    }
}

/*分类页美化*/
.tax-favorites .content-layout .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 28px;
    padding-top: 15px;
}

.io-black-mode .tax-favorites .content-layout .row {
    background: #2c2e2f;
}

.tax-favorites a.card {
    background: none;
}

.io-black-mode .tax-favorites a.card {
    background: none;
}

@media (max-width: 980px) {
    .tax-favorites .content-layout .row {
        background: #fff;
        border-radius: 8px;
        margin-bottom: 28px;
        padding-top: 5px;
    }

    .tax-favorites .url-card.col-sm-6.col-md-4.col-xl-3 {
        width: 50%;
    }

    .tax-favorites a.card.mb-3 {
        box-shadow: none;
        background: none !important;
        margin-bottom: .3rem !important;
    }
}



/*标签页美化*/
.tax-sitetag a.card.mb-3 {
    background: none;
    box-shadow: none;
}

.tax-sitetag .content-layout .row {
    background: #fff;
    border-radius: 8px;
    margin-left: 0px;
    padding-top: 15px;
    margin-right: 0px;
}

.io-black-mode .tax-sitetag .content-layout .row {
    background: #28292a !important;
}

@media (max-width: 980px) {
    .tax-sitetag .url-card.col-sm-6.col-md-4.col-xl-3 {
        width: 50%;
    }

    .tax-sitetag .content-layout .row {
        padding-top: 5px;
    }

    .tax-sitetag a.card.mb-3 {
        background: none;
        box-shadow: none;
        margin-bottom: .3rem !important;
    }
}

/*分类页标签页面包屑*/
.mbx {
    margin-bottom: 20px;
    color: #777 !important;
    font-size: 13px;
}

.mbx a {
    color: #777 !important;
}

/*移动文章页相关文章*/
@media (max-width: 980px) {
    .post-template-default .row {
        margin-right: 5px;
        margin-left: 5px;
        
    }
}

/*pcmini侧边栏美化
div#mini {
    display: none;
}

#mininav ul>li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mininav ul li>a {
    max-width: 120px;
}

div#mininav {
    position: fixed;
    padding: 5px 0px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey, transparent) !important;
    border-radius: 8px;
}

#mini .sidebar-menu-inner ul {
    padding-left: 0px;
    margin-bottom: 0;
}


#mininav a {
    padding: 12px 12px;
    margin: 0px 5px;
    height: 39px;
    font-size: 14px;
}

#mininav i {
    font-size: 20px;
}

div#mini {
    position: absolute;
    left: 25px;
    z-index: 999;
    border-radius: 12px;
}

@media screen and (min-width: 1390px) {
    .tab-widget-content .widget-item {
        grid-template-columns: repeat(auto-fill, 68px);
        grid-gap: 27px;
    }

    .mini-sidebar .main-content {
        margin-left: 0px !important;
    }

    .mini-sidebar .sidebar-nav .sidebar-menu {
        width: 0px !important;
    }

    .mini-sidebar .main-content {
        margin-left: 0px !important;
    }

    .mini-sidebar .sidebar-nav {
        position: absolute;
        left: -100%;
    }

    .mini-sidebar .main-content .page-header {
        left: 0px !important;
    }


    .sidebar_right.mini-sidebar #mini,
    .sidebar_no.mini-sidebar #mini {
        display: block !important;
    }

    .sites-template-default #mini {
        left: -125px;
    }

    .book-template-default #mini,
    .app-template-default #mini {
        left: -190px;
    }

    .sites-template-default div#mininav {
        top: 95px;
    }

    .post-template-default div#mini,
    .page-template-template-blog div#mini {
        left: -130px;
    }

    .tax-favorites div#mini,
    .tax-sitetag div#mini {
        left: 0px;
    }


    .io-black-mode div#mininav {
        background: #2c2e2f;
    }

    .fix {
        top: 80px;
    }

    .customize-width {
        position: relative;
    }
}

@media (max-width: 980px) {

    div#mininav span {
        font-size: 12px;
        margin: 0px 4px;
    }
}

/*侧边栏弹出ul*/
@media screen and (min-width: 980px) {
    li#subnav {
        position: relative;
        list-style: none;
        cursor: pointer;
        margin: 0px 5px;
    }

    #subnav a {
        margin-left: 0px;
    }

    ul.subnav-menu {
        padding: 6px !important;
        position: absolute;
        min-width: 200px;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 20px 0px rgb(0 0 0 / 15%);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        will-change: transform;
        left: 127px !important;
        top: 0px;
    }

    .io-black-mode ul.subnav-menu {
        background: #28292a !important;
    }

    li#subnav:hover {
        background: rgba(0, 0, 0, .06);
        border-radius: 6px;
    }

    li#subnav:hover>ul {
        opacity: 1;
        z-index: 1;
        overflow: visible;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .subnav-menu li {
        position: relative;
        list-style: none;
        width: 50%;
        float: left;
    }

    .subnav-menu a {
        padding-left: 0px !important;
        margin: 0px 0px !important;
    }

    .subnav-menu a:hover {
        background: rgba(0, 0, 0, .06);
        border-radius: 6px;
    }

    .io-black-mode .subnav-menu a:hover {
        background: #363738;
    }

    .subnav-menu i {
        margin-left: 4px;
    }

    .subnav-menu i {
        font-size: 21px !important;
    }

    .subnav-menu span {
        margin-left: 8px !important;
        color: #888888;
    }

}

/*直达图标放大*/
i.iconfont.icon-goto {
    font-size: 20px;
}

/*搜索页优化*/
@media (max-width: 768px) {
    .search .url-card.col-md-4 {
        width: 50% !important;
    }

    .search .url-card .mini .card-body {
        padding: .4rem .5rem;
    }
}

/*详情页弹窗自定义网址调整
@media(min-width: 1200px) {
    .sites-template-default .col-xxl-10a {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.sites-template-default .slider_menu[sliderTab]>.menu>li>a.active {
    color: #666;
}

.sites-template-default .slider_menu[sliderTab]>.menu>li>a:hover {
    color: #666;
}

.sites-template-default .tooltip {
    z-index: 1111;
}

.sites-template-default .modal-content .provideSitesAd {
    position: relative;
    border: 2px dashed #eee;
    padding: 15px 0px 0px 0px;
    border-radius: 6px;
}

.sites-template-default .modal-content .row {
    margin-top: 10px;
    margin-left: .5rem !important;
    margin-right: .5rem !important;
}

.sites-template-default .site-popup h5 {
    margin-left: 1.5em;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    background: var(--mainColor);
    padding: 3px 5px;
    border-radius: 6px;
    white-space: nowrap;
    display: inline;
}

/*自助广告位置调整
.site-l .auto-ad-url {
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}

.book-template-default .auto-ad-url {
    margin-bottom: 50px !important;
}

/*热门网址美化*/
.hot-sites {
    background: #000;
    margin: 12px 0;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey, transparent) !important;
    border-radius: 8px;
    padding-top: 1px;
    padding-bottom: 0px;
}

.io-black-mode .hot-sites {
    background: #2c2e2f;
}

.hot-sites .slider-menu-father {
    margin: 0px 0px 0px 0px;
}

@media(min-width: 768px) {
    .hot-sites .row {
        margin-left: .5rem !important;
        margin-right: .5rem !important;
    }
}

/*自定义搜索框背景弹窗*/
#search_bg ul {
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0px;
    margin-block-start: 0em;
}

#search_bg h4 {
    text-align: center;
}

#search_bg li {
    list-style: none;
    width: calc(20% - 10px);
    margin: 5px;
    text-align: center;
}

@media(max-width: 980px) {
    #search_bg li {
        width: calc(50% - 10px);
    }
}

#search_bg li img {
    height: 100px;
    object-fit: cover;
    width: 100%;
    background: #000;
    border-radius: 8px 8px 0px 0px;
}

#search_bg li p {
    background: #f5f5f5;
    border-radius: 0px 0px 8px 8px;
    height: 24px;
    font-size: 15px;
}

.io-black-mode #search_bg li p {
    background: #363738 !important;
}

.custome-bg {
    position: relative;
    width: 100%;
    margin: 5px;
}

.custome-bg input {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: rgba(126, 126, 126, .1);
    background-clip: padding-box;
    border-radius: .25rem;
}

.io-black-mode .custome-bg input {
    background: #363738 !important;
}

.custome-bg button {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--mainColor);
    border: 0;
    height: 36px;
    margin: 7px 9pt 0;
    color: #fff;
    line-height: 36px;
    border-radius: 3px;
}

#search_bg li div:hover p {
    background: var(--mainColor);
    color: #fff;
}

/*max-A网址卡片样式*/
.max-A .card-body {
    padding-left: 0.3rem !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.max-A .url-content {
    margin-top: 22px;
}

.max-A .url-img {
    width: 35px;
    position: relative;
    top: -8px;
    height: 35px;
}

.max-A .url-info .text-sm {
    max-width: 100px;
}

.max-A .url-like {
    opacity: 1;
}

.max-A .card-body .url-goto-after {
    border-top: none;
    height: 26px;
}

.max-A .tga.text-xs.py-1 {
    overflow: hidden;
    width: 60%;
    right: -38px;
    position: absolute;
    top: 24px;
}

@media(max-width: 980px) {
    .max-A .tga.text-xs.py-1 {
        overflow: hidden;
        width: 53%;
        right: 7px;
        position: absolute;
        top: 24px;
    }
}

.max-A .tga span {
    margin-right: 0 !important;
}

.max-A .tga a {
    font-size: 12px;
    padding: 2px;
    max-width: 52px;
    overflow: hidden;
    transform: scale(0.85);
    border-radius: 5px;
    display: inline-block;
    color: #9c9c9c;
    background-color: #f1f1f1;
    border: 0 solid #d9d9d9;
    margin-left: 3px;
}

.io-black-mode .max-A .tga a {
    background: rgba(134, 134, 134, .1);
}

.max-A .url-goto {
    position: absolute;
    bottom: 4px;
    left: 0px;
    right: 0px;
}

.max-A .url-goto a {
    margin-left: auto;
}

.url-card.wechat .max-A a.card::before {
    font-size: 53px;
    left: -4px;
    top: 9px;
}


/*网址上方广告
.indexmh>.row.mb-4 {
    margin-top: 10px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.apd.apd-home.col-12>a {
    width: 100%;
    display: inline-block;
}

.apd.apd-home.col-12>a img {
    width: 100%;
    ;
}

.apd.apd-home {
    padding-right: 0rem;
    padding-left: 0rem;
}

@media (max-width: 980px) {

    /*手机展示第二广告位 
    .apd.apd-home.d-none {
        margin-top: 10px;
        display: block !important;
    }

    .indexmh>.row.mb-4 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }*/
}


/*侧边栏九宫格*/
.sidebar-popup.sidebar-menu-inner ul {
    width: 220px !important;
    ;
}

.sidebar-item.sidebar-show>ul {
    padding-left: 6px;
}

.sidebar-item:not(.top-menu) ul li {
    text-align: center;
    border-radius: 2px;
    padding: 4px 3px;
    width: 33.3%;
    display: block;
    float: left;
}

.sidebar-menu-inner .sidebar-item:not(.top-menu) ul li a {
    margin-left: 0px !important;
    position: relative;
    padding: 0px 0px;
    white-space: break-spaces;
    height: 35px;
    width: 100%;
    line-height: 33px;
    text-decoration: none;
    overflow: visible;
    background-color: #f5f5f5;
    border-radius: 5px;
    justify-content: center;
}

.io-black-mode .sidebar-menu-inner .sidebar-item:not(.top-menu) ul li a {
    background-color: rgba(0, 0, 0, .1);
}

.io-black-mode .sidebar-menu-inner .sidebar-item:not(.top-menu) ul li a:hover {
    background: #363738 !important;
}


.sidebar-menu-inner .sidebar-item:not(.top-menu) ul li a span {
    margin-left: 2px !important;
    color: #888888;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
}

.io-grey-mode .sidebar-popup div {
    background: var(--mainColor) !important;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm a {
    color: #fff !important;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li {
    text-align: center;
    border-radius: 2px;
    padding: 4px 3px;
    width: 30.3%;
    display: inline-block;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li a {
    display: block;
    position: relative;
    padding: 0px 0px;
    width: 100%;
    line-height: 33px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding-left: 3px;
}

.io-black-mode .second.sidebar-popup.sidebar-menu-inner.text-sm li a {
    background-color: rgba(0, 0, 0, .1);
}

.io-black-mode .second.sidebar-popup.sidebar-menu-inner.text-sm li a:hover {
    background: #363738 !important;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li span {
    margin-left: 2px !important;
    color: #888888;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    transform: scale(0.9);
}

.io-grey-mode .sidebar-popup::before {
    border-color: transparent var(--mainColor) transparent !important;
}

/*登录美化*/

body {
    background: '.$login_color['color-l'].';
    background: -o-linear-gradient(45deg, '.$login_color['color-l'].', '.$login_color['color-r'].');
    background: linear-gradient(45deg, '.$login_color['color-l'].', '.$login_color['color-r'].');
    height: 100vh
}

.login h1 a {
    background-image: url('.io_get_option('logo',get_template_directory_uri() .'/images/logo.png').');
    width: 180px;
    background-position: center center;
    background-size: '.io_get_option('login_logo_size',160).'px
}

.login-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh
}

.login-body {
    position: relative;
    display: flex;
    margin: 0 1.5rem
}

.login-img {
    display: none
}

.img-bg {
    color: #fff;
    padding: 2rem;
    bottom: -2rem;
    left: 0;
    top: -2rem;
    right: 0;
    border-radius: 10px;
    background-image: url('.io_get_option('login_ico',get_template_directory_uri() .'/images/login.jpg').');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.img-bg h2 {
    font-size: 2rem;
    margin-bottom: 1.25rem
}

#login {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 28px;
    width: 280px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
}

.flex-fill {
    flex: 1 1 auto
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.footer-copyright {
    bottom: 0;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    margin: 20px;
    left: 0;
    right: 0
}

.footer-copyright a {
    color: rgba(255, 255, 255, .6);
    text-decoration: none
}

#login form {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 0;
    padding: 0
}

#login form .forgetmenot {
    float: none
}

.login #login_error,
.login .message,
.login .success {
    border-left-color: #40b9f1;
    box-shadow: none;
    background: #d4eeff;
    border-radius: 6px;
    color: #2e73b7
}

.login #login_error {
    border-left-color: #f1404b;
    background: #ffd4d6;
    color: #b72e37
}

#login form p.submit {
    padding: 20px 0 0
}

#login form p.submit .button-primary {
    float: none;
    background-color: #f1404b;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 40px;
    border-width: 0;
    text-shadow: none !important;
    border-color: none;
    transition: .5s
}

#login form input {
    box-shadow: none !important;
    outline: none !important
}

#login form p.submit .button-primary:hover {
    background-color: #444
}

.login #backtoblog,
.login #nav {
    padding: 0
}

@media screen and (min-width:768px) {
    .login-body {
        width: 1200px
    }

    .login-img {
        display: block
    }

    #login {
        margin-left: -60px;
        padding: 40px
    }
}