/* ============================= Reset S======================== */
html {background: #F2F5F8;color: #333;}
.uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{font-size: 1rem;font-weight: 700; color: #757575;}
.uk-logo {font-size: 1.5rem;}
/* ============================= Reset E======================== */


/* =========================== PC base S========================== */
.rounded-2xl {border-radius: 1rem;}
.rounded-4xl {border-radius: 2.5rem;}
.bg-flashWhite{background-color: #F0F2F5;}
.text-green{color: #04B1CC;}
.button-green{background-color: #04B1CC;color: #fff;}
.button-green:hover{background-color: #03A5BC; color: #fff;}
.button-border-theme{border: 1px solid #03A5BC;color: #03A5BC;}
.button-border-theme:hover{background-color: #03A5BC;color: #fff;}

/* =========================== PC base E========================== */


/* =========================== PC conmon S========================= */
/* PC 头部 */
header .uk-navbar-dropdown-nav>li>a,header .uk-navbar-toggle,header .uk-search-input,#user-wrap a{color: #262626;}
header .uk-navbar-nav>li>a:hover,header .uk-navbar-dropdown-nav>li>a:hover,header .uk-navbar-toggle:hover{color: #04B1CC !important;}
#user-wrap a:hover{color: #04B1CC;text-decoration: none;}
header .uk-navbar-dropdown{top:64px !important;}
header .uk-search-medium .uk-search-input{font-size: 15px;}
header .nav-seach{z-index: 1;top:12px !important;background-color: #fff;}
header .login{display: inline-block;}
header .login:first-child {margin-right: 8px;padding-right: 9px;position: relative;}
header .login:first-child::after {background: #424242;content: "";height: 14px;opacity: .9;position: absolute;right: 0;top: 5px;width: 1px;}

/* PC 尾部 */




/* PC pages */
.page{margin: 0 auto !important;text-align: center;font-size: 14px;}
.page > a{color: rgba(0,0,0,.5);border-radius: 4px;}
.page > a, .page > b {position: relative;display: inline-block;padding: 6px 14px;line-height: 1.42857;text-decoration: none;background-color: #E9EAF0;border: 1px solid #DDD;}
.page > a > b {margin-left: -1px;line-height: 1.42857;text-decoration: none;color: #333;background-color: #E9EAF0;border: none;}
.page > a:hover > b,.page > a > b:hover{background-color: #04B1CC;color: #fff;}
.page b {margin-left: -1px;line-height: 1.42857;text-decoration: none;color: #FFF;background-color: #04B1CC;border: 1px solid #04B1CC;border-radius: 4px;}
.page > a:hover{background-color: #04B1CC;color: #FFF;;border-color: #04B1CC;}

/* PC tags */


/* PC 评论开始 */
#genAboutComment .comment-login{margin: 10px 0;font-size: .8rem;}
#genAboutComment .comment-login a:hover{color: #1e87f0;}
#genAboutComment .uk-h4 .comment-number{color:#999;font-size: .8rem;}
#genAboutComment .uk-h4 .comment-number span{color: #1e87f0;font-size: 1rem;}
#genAboutComment .am-comment-bd{font-size: .875rem;color: rgba(0,0,0,.68);}
#genAboutComment  li.am-comment{border-bottom: 1px dashed #e5e5e5;}
#genAboutComment li .am-comment-main{border:none;}
#genAboutComment .am-comment-bd .ecomment{margin-bottom: 8px;padding: 6px;border: 1px solid #dee4e9; border-radius: 5px;}
#genAboutComment .am-comment-bd .ecomment:hover{background: #F7F7F7;}
#genAboutComment .am-comment-bd .ecomment .ecommentauthor{background: #ffd; font-size:.8rem;}
#genAboutComment .am-comment-bd .ecomment .ecommentauthor:hover a{text-decoration:underline;}
#genAboutComment .am-comment-bd .ecomment p{margin:10px 0;}
#genAboutComment .am-comment-bd a{color: #1e87f0;}
#genAboutComment li .am-comment-hd{background-color:transparent;border:none;}
#genAboutComment li .am-comment-meta{font-size:.8rem;color: rgba(0,0,0,.6);}
#genAboutComment li .am-comment-meta a{font-weight: 400;color: #4370f5;}
#genAboutComment li .am-comment-meta a:hover{text-decoration:underline;}
#genAboutComment .am-comment-actions a{display: inline-block;padding: 10px 5px; line-height: 1;font-size: 13px; }
#genAboutComment .am-comment-actions,#genAboutComment .am-comment-actions a,#genAboutComment .am-comment-actions span{color: #999;}
#genAboutComment .am-comment-actions a:hover{color: #1e87f0;}
#infocommentnumarea{color: #4370f5;}
/* PC 评论结束 */

/* PC全站搜索模态框S */
#modal-full-search .modal-full-search-wrap{position: relative; top: -50px;}
.modal-search-form{}
.modal-search-form li{list-style: none;}
.modal-search-form,.modal-search-form a{}
.modal-search-list-menu{padding: 0;}
.modal-search-list-menu li{cursor:pointer;color: #000;opacity: .7;font-size: 15px;}
.modal-search-list-menu li:hover{opacity: 1;}
.modal-search-list-menu li.uk-active{color: #04B1CC;opacity:1;}
.modal-search-list-menu li span{display: inline-block;padding: 10px 20px;}
.modal-search-form form{display: flex;align-items: center;
    webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 0 10px 3px #0000001a;z-index: 1;border-radius: 23px;height: 46px;line-height: 46px;background-color: rgba(255,255,255,0.7);transition: background .2s;}
.modal-search-form .uk-search-default .uk-search-input{padding-left: 20px;height: 22px; line-height: 22px;color: #222;border:none;font-size: 14px;}
.modal-search-form .uk-search-default .uk-search-input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.9)) !important;
    color: fieldtext !important;
}
.modal-search-form .uk-search-default input:-internal-autofill-previewed,.modal-search-form .uk-search-default input:-internal-autofill-selected {-webkit-text-fill-color: #000;transition: background-color 1000s ease-out 0.5s;}
.modal-search-form .uk-search .uk-search-icon{width: 50px; border-radius:0 23px 23px 0;background-color: #04B1CC;color: #fff;}
.modal-search-form .uk-search .uk-search-icon:hover{background-color: #03A5BC;}
/* PC全站搜索模态框E */

/* PC全站登录模态框S */
.modal-login-wrap .uk-modal-header,.modal-login-wrap .uk-modal-footer{border:none;}
.modal-login-wrap .uk-modal-dialog,.modal-login-wrap input,.modal-login-wrap button{border-radius: 5px;overflow: hidden;}
.modal-login-wrap .uk-modal-header{padding: 30px; background-color: rgba(245,247,250,1);}
.modal-login-wrap .uk-modal-dialog{width: 360px;}
.modal-login-wrap a:hover{text-decoration: none;color: #f50;}
/* PC全站登录模态框E */

/* ======================== PC conmon E====================== */



/* ============================= PC pages S =============================== */

/* -------- PC首页 ------------ */
.avatar{display: block;overflow: hidden;margin: auto; width: 144px;height: 144px; border-radius:9999px; border: solid 6px #E8E8E8;}
.avatar img{width: 100%;height: 100%;}
.card-ico-button .uk-icon-button{background-color: #04B1CC;color: #fff;}
.panel-title{display: inline-flex; padding: 0.5rem 1.25rem;gap: 0.5rem; align-items: center; letter-spacing: 0.025em; border: solid 1px #e8e8e8; font-size: 0.75rem;line-height: 1rem;color: rgb(0 0 0 / 1);}
.panel-title span{color: #00bc91;}
.text-theme{color: #04B1CC;}
.flex-[0_0_20.3rem]{flex: 0 0 20.3rem;}
.index-blog-item{}
.index-blog-item h3 a{color: rgb(0 0 0 / 1);}
.index-blog-item h3 a:hover{color: #04B1CC;text-decoration: none;}
.index-photo-item a{color: #333;}
.index-photo-item a:hover{text-decoration: none;color: #04B1CC;}




/* -------- PC文章列表页 ------------ */




/* -------- PC文章内容页 ------------ */


/* -------- PC相册内容页 ------------ */
.breadcrumb a{color: #999;}
.breadcrumb span{position: relative;top: -2px;}
.breadcrumb span,article a{color: #04B1CC;}
.breadcrumb a:hover,article a:hover{color: #faa05a;}
.article-wrap{padding: 25px;}
.article-head{margin-bottom: 20px;}
.article-head .article-meta{padding-bottom: 10px;}
.article-head .article-meta span{margin-right: 10px;}
.article-head .article-meta a{color: #04B1CC;}
.article-body{line-height:1.8; color: hsla(0, 0%, 10%);font-size: 16px;}
.article-body h2{padding-bottom:12px; font-size: 22px;font-weight:700; border-bottom:1px solid hsla(0,0%,10%,.07)}
.article-body h3,.article-body .h3{padding-left: 18px;position: relative;border: none;line-height: 1.46;font-size: 20px;font-weight: 600;}
.article-body h3:before,.article-body .h3:before{background-color:#04B1CC; font-size: 20px;background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),transparent);    content: "";height: calc(100% - 9px);left: 0;position: absolute;top: 6px;width: 3px;}
.article-body h4{font-size: 18px;font-weight: 600;}
.article-body blockquote{position:relative; padding: 40px 30px 20px;background-image:url(img/b.svg);background-repeat:no-repeat;background-position:left 30px top 20px; background-color:hsla(0,0%,10%,.07); border-radius:8px;color: hsla(0, 0%, 10%, .8);font-size: 16px;font-style: normal;}
.article-body blockquote:before {color: hsla(0,0%,10%,.1);content: "“";font-family: iconbg;font-size: 30px;left: 20px;line-height: 1;position: absolute;top: 15px;}
.entry .entry-content blockquote p:last-child,.article-copyright p:last-child{margin-bottom: 0;}
.article-copyright{margin-top: 30px; padding: 15px; background: hsla(0, 0%, 10%, .03);border: 1px solid hsla(0, 0%, 10%, .05);border-radius: 5px;line-height: 1.4;color: rgba(0, 0, 0, 0.5);}
.article-copyright p{margin-top: 0; margin-bottom: 8px;}
.article-bottomActions{padding: 30px; text-align: center;}
.article-bottomActions .support-title{font-size: 16px; color: #999;}
.article-bottomActions .uk-button{padding: 3px 30px; border-radius: 5px;font-size: 14px; color: #fff;}
.article-bottomActions .uk-button .uk-icon{position: relative;top:-1px; margin-right: 5px;}
.btn-zan{background: linear-gradient(to bottom, #04B1CC, #04B1CC);}
.btn-zan:hover{background: linear-gradient(to top, #03A5BC, #03A5BC);}
.tag-list a,.country-list a {display: inline-block;margin-right: 5px;padding: 0 10px;line-height: 28px;height: 28px;background: #f5f5f5;border-radius: 5px;font-size: 14px;transition: all .2s ease;color: #615f5f;}
.tag-list a:hover{background: #04B1CC;color: #fff;border-color: #04B1CC;text-decoration: none;}
.tag-list a:before {content: "#";color: #04B1CC;margin-right: 6px;font-weight: 700;}
.tag-list a:hover:before{color: #fff;}
.postnavi{}
.postnavi-prev, .postnavi-next {display: flex;align-items:center; position: relative; height: 85px;line-height: 80px;  background-position: 50%;background-size: cover;color: #fff;overflow: hidden;}
.postnavi-prev a, .postnavi-next a {box-sizing: border-box; padding: 0 20px; position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;font-size: 16px;z-index: 1;text-overflow: -o-ellipsis-lastline; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.postnavi-prev a:hover, .postnavi-next a:hover{text-decoration: none;}
.postnavi-prev:before, .postnavi-next:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);content: "";}
.postnavi-prev:hover:before, .postnavi-next:hover:before {background: rgba(0, 0, 0, .7);}




/* -------- PC关于我们单页 ------------ */



/* -------- PC搜索结果页 ------------ */



/* ============================= PC pages E =============================== */



/* ========================== Responsive S================================= */
/* ----------------- PC ----------------- */
@media (min-width: 640px){
    /* ============ PC conmon S============== */
    /* PC 侧栏 */
    #sidebar-card{width: 364px;}
    /* 小工具 */
    .slide-bar a{display: block; bottom: 10px;right: 10px;margin: 0;padding: 10px 11px;background: #04B1CC;color: #fff;}
    .slide-bar a:hover{background: #03A5BC;color: #fff;}
    .slide-bar .slide-bar-item:first-child{border-top-left-radius: 3px;border-top-right-radius: 3px;}
    .slide-bar .slide-bar-item:last-child, .slide-bar .slide-bar-item:last-child:before{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
    .slide-bar .uk-totop{padding: 15px 11px;}
    /* ============ PC conmon E============== */
    .main-list .main-list-body .index-post-list .index-post-list-item .item-thumbnail a.uk-inline-clip {width: 246px;height: 158px;}
    .index-blog-item .index-blog-item-thumbnail{width: 336px;height: 288px;overflow: hidden;}
}




/* ----------------- MOBI ----------------- */
@media (max-width: 639px){
    .index-blog-item .index-blog-item-thumbnail{max-height: 180px;overflow: hidden;}
}
/* ========================== Responsive E================================= */