:root {
    --radius-xs: .325rem;
    --radius-md: .568rem;
    --radius-lg: .825rem;
    --color-base: #fff;
    --color-primary: rgba(44, 112, 219, 1);
}


body {
    background: #F4F5F5;
}
a{  color: #333;
    text-decoration:none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
a:hover{ 
    color: var(--color-primary);
    text-decoration:none;
 }
.uk-container{max-width: 1366px;}

#toTop i{ font-size: 2.5rem; }
.uk-logo img{ max-height: 2.875rem; }
.uk-header-background{ background-color: var(--color-primary); }
.uk-header-background .uk-navbar-toggle,
.uk-header-background .uk-navbar-nav>li.uk-active>a,
.uk-header-background .uk-navbar-nav>li>a{ color: var(--color-base); }
.uk-header-background .uk-navbar-toggle[aria-expanded=true]{
  color: #333;
}

.uk-header-background .uk-navbar-nav>li.uk-active>a{ 
    font-weight: bold; 
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.uk-header-background .uk-navbar-nav>li.uk-active>a:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 200%;
    left: -50%;
    bottom: 10px;
    background: #EEE;
    height: 2px;
}

.uk-list-banner{ width: 100%; background-color: #333;color: #fff; }
.uk-list-banner .uk-container>*{ margin: 15px 50px;}
.uk-list-banner .uk-container h2{color: #fff; }




/*下拉一级菜单后面的倒三角*/
nav ul li a.dropdown-toggle:after {
    display: inline-block; width: 0; height: 0; margin-left: .286rem; content: ''; vertical-align: middle; border-top: .286rem solid; border-right: .286rem solid transparent; border-left: .286rem solid transparent; margin-right: 0; margin-left: .3em; transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
nav ul li:hover a.dropdown-toggle:after {
    transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
/*下拉一级菜单后面的倒三角*/

/*头部下拉*/
.uk-navbar-dropdown {border-radius: 4px;}
.uk-navbar-dropdown input{background-color: transparent;}
.uk-navbar-dropdown-nav .uk-nav-divider {border-top: 1px solid #ccc;}
.uk-navbar-dropdown-nav>li>a {color: #333;}
.uk-navbar-dropdown-nav>li>a:hover {color: var(--color-primary);}
.uk-navbar-dropdown-nav>li {text-align: center;}
/*头部下拉*/

.uk-not-index{ background: #f8f8f8; }
.uk-not-index .uk-my-fixed{ background: #fff; }
.uk-not-index .uk-logo.logo1{ display: none; }
.uk-not-index .uk-logo.logo2{ display: block; }
.uk-not-index .uk-sticky-active .uk-logo.logo1{ display: block; }
.uk-not-index .uk-sticky-active .uk-logo.logo2{ display: none; }

.uk-next-prev{ font-size: .8rem; }
.uk-next-prev a.uk-overlay{ 
    background: rgba(0,0,0,.6); 
}
.uk-next-prev a:hover.uk-overlay{ background: rgba(0,0,0,.3);  }

.uk-b-r{ border-radius: var(--radius-md); overflow: hidden; }
.uk-heading-bullet::before {
  border-left-color: var(--color-primary);
  border-radius: 2px;
}
.uk-inx-banner ul,
.uk-inx-banner ul li{ border-radius: var(--radius-xs);}
.uk-inx-banner .uk-dotnav{ border-radius: 10px; overflow: hidden; }
.uk-inx-banner .uk-dotnav>*{ padding-left: 0; border:0; }
.uk-inx-banner .uk-dotnav>*>*{ border-radius: 0; width: 16px; height: 5px; background: rgba(0,0,0,.55); border:0;}
.uk-inx-banner .uk-dotnav>.uk-active>*{background-color: var(--color-primary);}
.uk-inx-banner li .uk-overlay{ color: #fff; }

.uk-inx-category a.uk-inline-clip{ height: 122px; width: 100%; display: inline-block; overflow:hidden; border-radius: var(--radius-md);}
.uk-inx-category a.uk-inline-clip img{ width: 100% }
.uk-inx-category h5{ color: #fff; font-size: 1rem }

.uk-permalink {
    bottom: 0;
    left: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.category-box{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;position:relative}
.category-box .entry-thumbnails{display:flex;height:220px;overflow:hidden}
@media screen and (max-width: 640px) {
   .category-box .entry-thumbnails{height:170px;} 
}
.category-box .thumbnail{position:relative}
.category-box .thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.category-box .big{margin-right:4px;width:70%; overflow: hidden;} 
.category-box .small{flex-direction:column;height:100%;width:30%}
.category-box .small .thumbnail{height:50%}
.category-box .small .thumbnail:first-child{margin-bottom:4px}
.category-box .small .thumbnail:last-child{margin-top:4px}
.category-box .small span{align-items:center;background-color:rgba(0,0,0,.4);color:#fff;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;position:relative;width:100%}
.category-box .entry-content{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:15px 20px}
.category-box .left,.category-box .right{line-height:1}
.category-box .entry-title{font-size:15px;margin-bottom:0}
.category-box .arrow{font-size:18px}
.category-box:hover .left .entry-title,.category-box:hover .right i{ color:var(--color-primary);  }

.main-nav {position: relative; background: #FFFFFF; border-radius: 8px; } 
.main-nav ul {}
.main-nav li {border-bottom: 1px dotted #DDDDDD; padding-left: 30px; position: relative; } 
.main-nav li:last-of-type {border: none; } 

.main-nav li {font-size: 0.937rem; padding: 20px 0; } 
.main-nav li text {font-weight: 400; } 
.main-nav li i.fa {font-size: 1rem; margin-right: 6px;} 
.main-nav a:hover {cursor: pointer; text-decoration: none; } 
.main-nav .uk-active * {
  color:var(--color-primary);
}

.category-box .thumbnail.big img{
     -webkit-transition: all .444s ease-in-out;
     -o-transition: all .444s ease-in-out;
     transition: all .444s ease-in-out;
}
.category-box:hover .thumbnail.big img{
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15)
}
.uk-breadcrumb{ line-height: 2 }
.uk-breadcrumb,
.uk-breadcrumb a,
.uk-breadcrumb i{ font-size: .639rem; }
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "›";
    display: inline-block;
    margin: 0 6px 0 calc(6px - 4px);

}

#uk-getlist .uk-grid {
    margin-left: -24px;
}
#uk-getlist .uk-grid>* {
    padding-left: 24px;
}
@media (min-width: 1200px){
  #uk-getlist .uk-grid {
        margin-left: -24px;
  }
  #uk-getlist .uk-grid>* {
        padding-left: 24px;
  }
}



.section-title{font-size:16px;letter-spacing:.5px;margin-bottom:40px;position:relative;text-transform:uppercase}
.section-title::after{background-color:var(--color-primary);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:25px}


.uk-theme-side2 li {font-size: 0.869rem; line-height: 2}
.uk-theme-side2 li i {color: #ccc; top: .64285714em;}
.uk-theme-side2 li a {color: #333;}
.uk-theme-side2 li a:hover {color: var(--color-primary)}
.uk-theme-side2.fa-ul {margin-left: 1.5em;}


.uk-my-card1 .uk-overlay{ padding: 3px 10px; background: rgba(0,0,0,.65); font-size: 0.696rem;  }
.uk-my-card1 .uk-overlay a{color: #fff;}
.uk-my-card1 .uk-overlay a:hover{color: var(--color-primary)}

.uk-my-card1 .uk-card{
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 0 15px rgb(0 0 0 / 2%);
    transition: all .3s ease 0s;
}
.uk-my-card1 .uk-card.not-box{
  box-shadow: 0;
}
.uk-my-card1 .uk-card.not-box:hover{
  box-shadow: 0;
}
.uk-my-card1 .uk-card:hover {
    box-shadow:0 0 15px rgba(0,0,0,0.05);
    /*
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    */
}

.uk-my-card1 .uk-card .uk-card-title{
    font-size: .9rem;
    line-height: normal;
    margin:0 0 10px 0;
}
.uk-my-card1 .uk-card .uk-card-title.uk-text-truncate{
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}
.uk-my-card1 .uk-card .uk-card-body p.uk-text-truncate{
    font-size: .7rem;
    color: #ccc;
}

.uk-my-card1 .uk-card-media-top{ 
  overflow: hidden; 
}
.uk-my-card1 .uk-card-media-top a{ height: 170px; display: block; }
.uk-my-card1 .uk-card-media-top img{
     width: 100%;
     min-height: 170px;
     -webkit-transition: all .444s ease-in-out;
     -o-transition: all .444s ease-in-out;
     transition: all .444s ease-in-out;
 }

@media (max-width: 640px){
  .uk-my-card1 .uk-card-media-top a{ height: 140px; }
  .uk-my-card1 .uk-card-media-top img{
       min-height: 140px;
   }
}


.uk-child-width-1-3\@m .uk-card-media-top a{ height: 220px; }
.uk-child-width-1-3\@m .uk-card-media-top img{
     min-height: 220px;
}

.uk-my-card1:hover .uk-card-media-top img{
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
 }


/*
.uk-inline .uk-position-center {
    padding: 1rem;
    border: 0.125rem solid #fff;
    color: #fff;
    min-width: 400px;
    text-align: center;
    margin-top: 0;
}

.uk-inline .uk-position-center span:before {
    background:#fff;
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:-1;
    -webkit-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.uk-inline .uk-position-center span:before {
    width:0;
    height:100%
}
.uk-inline .uk-position-center:hover span:before {
    width:100%
}
.uk-inline .uk-position-center:hover span {
    color:#333
}
*/
.uk-article .uk-article-meta{ border-bottom: 1px solid #f2f2f2; padding: 8px; font-size: .798rem; margin-bottom: 20px;}
.uk-article .uk-article-content {line-height: 2.5;font-size: .896rem;}
.uk-show-related .uk-article-meta{ padding: 8px; font-size: .758rem;}

.uk-show-btn a{
    border-radius: var(--radius-md);
    border:1px solid #eee;
    background: #eee;
    font-size: .896rem;
    padding: 10px 20px;
		
}


.uk-article-des {

    padding: 15px;
    margin: 25px 0;
    font-size: 12px;
    font-size: 0.825rem;
    line-height: 2;
    color: #999;
    background: #fbfbfb;
    border: 1px solid #efefef;
    border-radius: 3px;
}

.uk-article .uk-article-meta span,
.uk-show-related .uk-article-meta span{ margin-left: 10px; }

.uk-img-radius-scale {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    border-radius: var(--radius-md);
    border: solid 1px #efefef;
    background: #efefef;
    overflow: hidden;


    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

.uk-img-radius-scale img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.uk-img-radius-scale img:hover {
    transform: scale(1.08);
}

.uk-side{ border-radius: var(--radius-md); background: #fff; padding: 15px; margin-bottom: 10px; }
.uk-side .uk-heading-bullet{ font-size: 1.1rem; }
.uk-side .uk-search-default{ width: 100% }

.uk-side-title{ color: #333; font-size: .824rem; }
.uk-side-txt{ color: #999; font-size: .875rem; }
.uk-side-mate{ font-size: .698rem; color: #999; } 


.uk-theme-list li{ padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.uk-theme-list li h6,
.uk-theme-list li .uk-side-txt{ margin-bottom: 10px;}

.uk-theme-side5.uk-list-style{ list-style-type: none; padding: 0; margin: 0 }
.uk-theme-side5 .uk-text-meta{ font-size:0.769rem }
/*
.uk-theme-side5 li{ margin-bottom: .8rem; }
.uk-theme-side5 li h6,
.uk-theme-side5 li p{ margin: 4px 0; font-size: .824rem; line-height:1.5;}
*/
 footer,
 footer a{
    color: #666;
    font-size: 0.869rem;
 }
 footer .social-links{margin:15px 0 0 -4px}
 footer .social-links>a{color:#aaa;position: relative;width: 36px;height: 36px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.05);font-size: 18px;text-align: center;line-height: 36px; display: inline-block;}
footer .social-links>a>i{font-size: 16px;}
footer .social-links>a>img{ max-width: 120px; }
 /*加载*/
 .loader-1 {
  width: 32px;
  height: 32px;
  border: 4px solid #666;
  border-bottom-color: #FF3D00;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
footer .widget-title {
    font-size: 16px;
    color: #dadada;
    margin-bottom: 24px;
    font-weight: 700;
}

footer ul{ padding: 0; margin: 0; }
footer ul li{ list-style-type: none; }
footer .social-bar ul li > a:hover,
footer .widget ul li > a:hover{color:var(--color-primary)}
footer .social-bar{border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0;}
footer .social-bar ul li{ display: inline; }
footer .social-bar ul li > a{ display: inline-block;  margin-right: 10px; color: rgba(255,255,255,.7);}

footer .social-bar

@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/*加载*/


/*分页*/
.diypage {
    text-align: center;
    padding: 5px;
    padding: 20px 0;
}
.diypage ul.pagination{ width: auto!important; }
.diypage ul.pagination li {
    display: inline
}

.diypage ul.pagination li a {
    display: inline-block;
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 5px;
    text-decoration: none;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    /*border: 1px solid #e3e3e3;*/
    padding: 0 8px;
    color: var(--color-primary)
}

.diypage ul.pagination li a:hover {
    background-color: var(--color-primary);
    color: #FFF
}

.diypage ul.pagination li a:active {
    background-color: var(--color-primary);
    color: #FFF
}

.diypage ul.pagination li.active a {
    background-color: var(--color-primary);
    border: 0 none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    border: 1px solid var(--color-primary);
}

.diypage ul.pagination li.disabled a {
    border: #eee 1px solid;
    margin: 2px;
    color: #ddd
}
/*分页*/