@charset "UTF-8";
/* ============================= Reset S======================== */
html{font-family: -apple-system, PingFang SC,Microsoft YaHei,PingHei,Helvetica Neue,SimHei,Helvetica,Arial,sans-seri,BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
body{color: #232323;}
::selection {background: #2065D9;color: #fff;}
.uk-search-medium .uk-search-input{height: 40px;}
.uk-search-medium .uk-search-input:focus{border-color:#e5e7eb;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {font-family: inherit;}
/* ============================= Reset E======================== */


/* =========================== base S========================== */
.gap-2 {gap: .5rem;}
.list-none{padding: 0;}
.list-none li{list-style: none;}
.mb-1{margin-bottom: 0.25rem;}
.padding-30{padding: 30px;}
.text-lg{font-size: 1.125rem;}
.text-small{font-size: .875rem;line-height: 1.8;}
.text-md{font-size: 1rem;}
.rounded-2xl {border-radius: 1rem;overflow: hidden;}
.text-accent {display: flex; justify-content: center; align-items: center; margin-right: 1rem;--tw-text-opacity: 1;color: rgb(59 130 246 / var(--tw-text-opacity, 1));border-radius: 9999px;width: 2rem;height: 2rem;background-color: rgb(59 130 246 / 0.1);}
.w-12{width: 3rem;}
.h-12{height: 3rem;}
.w-14 {width: 3.5rem;}
.h-14 {height: 3.5rem;}
.rounded-xl {border-radius: 0.75rem;overflow: hidden;}
.section-h{color: #000;}

/* 颜色 */
.label-primary,.button-primary{--tw-bg-opacity: 1;background-color: rgb(22 93 255 / var(--tw-bg-opacity, 1));color: #fff;}
.button-primary:hover,.button-primary.uk-active, .button-primary:active {background-color: rgb(22 93 255 / 0.9);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);color: #fff;}
.button-yellow{background-color: rgb(255, 80, 0);color: #fff;}
a.button-yellow:hover{background-color: #D04400;color: #fff;}
.card-muted,.card-muted:hover{--tw-bg-opacity: 1;background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.card-muted:hover {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.text-muted {--tw-text-opacity: 1;color: rgb(102 112 133 / var(--tw-text-opacity, 1));}
.text-yellow-400 {--tw-text-opacity: 1;color: rgb(250 204 21 / var(--tw-text-opacity, 1));}
.bg-primary\/10 {background-color: rgb(22 93 255 / 0.1);}
.text-primary{--tw-text-opacity: 1;color: rgb(22 93 255 / var(--tw-text-opacity, 1));}

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


/* =========================== conmon S========================= */
.topBox{line-height: 30px;background-color: #f5f5f5;}
.topBox,.topBox a{font-size: 12px; color: #555;}
header#header{box-shadow: 0 0 3px 1px rgba(0,0,0,.05);background-color: #fff;border:0;font-size: 15px;z-index: 999;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{min-height:100px;font-size: 16px;font-weight: 700; }
.uk-logo{font-size: 1.5rem;}
header .uk-navbar-nav>li>a{font-size: 16px;}
header .uk-navbar-nav>li>a,header .uk-navbar-dropdown-nav>li>a,header .uk-navbar-toggle,header .uk-search-input,#user-wrap a{color: rgb(52 52 52/1);}
header .uk-navbar-nav>li>a:hover,header .uk-navbar-dropdown-nav>li>a:hover,header .uk-navbar-toggle:hover{color: #ff6f06 !important;}
#user-wrap a:hover{color: #206be7;text-decoration: none;}
header .uk-navbar-dropdown{top:100px !important;}
header .uk-search-medium .uk-search-input{font-size: 15px;}
header .nav-seach{z-index: 1;top:30px !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;}

footer#footer{background-color: #000;}
footer, footer a {color: hsla(0, 0%, 100%, .6);}
footer a:hover{text-decoration: none;color: hsla(0, 0%, 100%, 1);}
footer .footer-nav{margin: 0 auto;}
footer ul{padding: 0;}
footer li{list-style: none;}
.Breadcrumb{font-size: 14px;color: #4a4a4a}
.Breadcrumb a{color: #161616;}


/* 卡片标题文字 */


/* --------侧栏S------------ */
/* 侧栏共用 */
.widget-card .uk-card-header{padding: 0 0 15px;}
.widget-card .uk-heading-bullet::before,.related-posts .uk-heading-bullet::before{content: "";display: inline-block;position: relative;top: calc(-.1* 1em);vertical-align: middle;height: calc(4px + .7em);margin-right: calc(5px + .2em);border-left: calc(2px + .1em) solid #206be7;}
.widget-card .uk-card-body{padding: 7px 0px 0;}
/* 热门文章 */
.widget-hot-article li {counter-increment: c;}
.widget-hot-article li .uk-transition-toggle:before {content: counter(c);position: absolute;top: 0;left: 0;color: #fff;font-size: 12px;background-color: #206be7;line-height: 1;padding: 2px 6px;border-radius: 0 0 3px 0;z-index: 6;}
.widget-hot-article li .uk-border-rounded{max-height: 81px;}
.widget-hot-article li img{width: 100px;height: auto;}
.widget-hot-article li h4 a{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient:vertical;color: hsla(0, 0%, 10%);} 
.widget-hot-article li h4 a:hover{color: #1162e8;text-decoration: none;}
.widget-hot-article li .img-big{max-height: none;}
.widget-hot-article li .img-big img{width: 100%;height: auto;}
.widget-hot-article .widget-hot-article-meta{color: hsla(0, 0%, 10%, .6);}
/* 图片式列表 */
.widget-img-list ul{margin-bottom: 10px !important;}
.widget-img-list li a{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient:vertical;color: hsla(0, 0%, 10%);} 
.widget-img-list li a:hover{color: #1162e8;text-decoration: none;}
.widget-img-list p.uk-text-small{margin: 6px 0 0;}
/* --------侧栏E------------ */

/* 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: #206be7;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: rgba(32,101,217,1);color: #fff;}
.modal-search-form .uk-search .uk-search-icon:hover{background-color: rgba(15,88,208,1);}
/* 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 */

/* 列表式分页 */
.pagination{margin: 0 auto !important;padding: 25px 20px; text-align: center;font-size: 14px;}
.pagination > a{color: rgba(0,0,0,.5);border-radius: 4px;}
.pagination > a, .pagination > b {position: relative;display: inline-block;padding: 6px 14px;line-height: 1.42857;text-decoration: none;background-color: #E9EAF0;border: 1px solid #DDD;}
.pagination > a > b {margin-left: -1px;line-height: 1.42857;text-decoration: none;color: #333;background-color: #E9EAF0;border: none;}
.pagination > a:hover > b,.pagination > a > b:hover{background-color: #000;color: #fff;}
.pagination b {margin-left: -1px;line-height: 1.42857;text-decoration: none;color: #FFF;background-color: #000;border: 1px solid #000;border-radius: 4px;}
.pagination > a:hover{background-color: #000;color: #FFF;;border-color: #000;}
.pagination a[title="Total record"]{display: none;}
/* ========================== conmon E======================== */


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

/* --------首页------------ */
/* 轮播下卖点 */
.md-img .md-img2{display: none;}
.md-img:hover .md-img1{display: none;}
.md-img:hover .md-img2{display: inherit;}

/* 轮播 */

.dzgy-box {height: 590px;}
/* 工艺左侧 */
.gy-left,.gy-right{height: 100%;}
.gy-left a.dzgy-item {margin-bottom: 3.2%;height: 23.72%;cursor: pointer;}
.gy-left a.dzgy-item:last-child{margin-bottom: 0;}
/* 工艺右侧 */
.gy-right ul{padding: 0;display: flex; flex-wrap: wrap;justify-content: space-between;}
.gy-right ul li.dzgy-item {list-style: none; width: 442px;height: 287px;overflow: hidden; cursor: pointer;}
.gy-right li.dzgy-item:first-child {margin-bottom: 1%;}
.gy-right a.dzgy-item::nth-child(2) {margin-bottom: 1%;}
.gy-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 2;background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7) 82.89%, rgba(0, 0, 0, .5));font-size: 22px;font-weight: bold;color: #ffffff;}
.gy-left a:hover .gy-cover::before {content: '了解';}
.gy-left a:hover .gy-cover{background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7) 62.89%, rgba(0, 0, 0, .7));color: #ffc403;}
.gy-right .gy-right-item-img {width: 100%;height: 100%;object-fit: cover;}
/* 工艺模态框 */
.modal-gongyi-box .uk-modal-dialog{background-color: transparent;}
.modal-gongyi-hd{background-position: 50%;background-repeat: no-repeat;background-size: cover; color: #fff;}
.modal-gongyi-hd h5{color: #fff;}

.product-wrap .uk-card{border: 1px solid #e9e9e9;}
.product-wrap .uk-card-media-top a.uk-inline-clip{padding: 30px;}
.product-wrap a .uk-card-media-top a img{width: 226px;height: 234px;}
.product-wrap a.uk-button{background-color: #fff;box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);color: #000;}
.product-wrap a.uk-button:hover{background-color: #000;color: #fff;}
.product-wrap .gap-2 span{font-size: .8rem;}
.product-wrap .gap-2 em{margin: 0 3px;font-size: 1.2rem; font-style: normal;color: #ff0f23;}
.product-wrap h4 a.uk-text-emphasis{color: #000 !important;}

/* PC热门文章推荐图+文列表 */
.index-post-list .new-article-info{display: grid;grid-template-rows: min-content auto 24px;padding-left: 20px;row-gap: 0;}
.index-post-list .new-article-info h3{margin: 0 0 10px; font-size: 16px;font-weight: 400;line-height: 1.5;}
.index-post-list .new-article-info h3 a{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient:vertical;text-decoration: none;color: hsla(0, 0%, 10%);}
.index-post-list .new-article-info h3 a:hover,.index-idc .index-idc-body .uk-card-body h4 a:hover{color: #1162e8;}
.index-post-list .new-article-info h3 a .uk-label{position: relative;top:-2px}
.index-post-list .item-excerpt{margin-bottom: 15px; line-height: 1.625;font-size: 15px;color: hsla(0, 0%, 10%, .8);}
.index-post-list .item-excerpt p{margin: 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient:vertical;}
.index-post-list .item-meta,.index-idc .index-idc-body .item-meta{line-height: 24px; font-size: 13px;color: hsla(0, 0%, 10%, .6);}
.index-post-list .item-meta .item-meta-li,.index-idc .index-idc-body .item-meta .item-meta-li{display: inline-block;line-height: inherit;vertical-align: top;}
.index-post-list .item-meta .views,.index-idc .index-idc-body .item-meta .views{margin-right: 15px;}
.index-post-list .item-meta .item-author {margin-right: 15px;}
.index-post-list .item-meta a{color: hsla(0, 0%, 10%, .6);text-decoration: none;}
.index-post-list .item-meta a:hover{color: #1162e8;}
.index-post-list .item-meta a.avatar {display: inline-block;height: 24px;line-height: 24px;vertical-align: top;}
.index-post-list .item-meta a.avatar img {display: inline-block;width: 24px;height: 24px;margin-right: 3px;vertical-align: top;background: #f5f5f5;border-radius: 50%;}
.index-post-list .item-meta .item-meta-right,.index-idc .index-idc-body .item-meta .item-meta-right{float: right;line-height: inherit;}
.index-post-list .item-meta .item-meta-right .uk-icon{position: relative;top: -1px;}

.new-class-infolist h3{margin: 0 0 10px; font-size: 18px !important;font-weight: 500;line-height: 1.5;}
.new-class-infolist li .new-article-info h3 a{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;}




/* --------列表页------------ */
/* 列表页公共 */
.class-title{padding: 20px;line-height: 28px; vertical-align: middle !important;}
.class-title h2{margin: 0;}
.class-title h2::before,.pic-list h2::before {content: "";display: inline-block;position: relative;top: calc(-.1* 1em);vertical-align: middle;height: calc(4px + .7em);margin-right: calc(5px + .2em);border-left: calc(5px + .1em) solid #165DFF;}
.class-title .class-title-right a{font-size: 14px;color: hsla(0, 0%, 10%, .6);}
.class-title .class-title-right a:hover,.pic-list .class-title-right a:hover{color: #1162e8;text-decoration: none;}
.class-title .class-title-right span,.pic-list .class-title-right span{position: relative;top: -3px;}
.main-list .main-list-body .index-post-list {list-style: none;margin: 0;padding: 0 20px;}
.main-list .main-list-body .index-post-list li{padding: 20px 0;}
.main-list .main-list-body .index-post-list>:nth-child(n+2) {border-top: 1px solid hsla(0,0%,10%,.07);}
.main-list .main-list-body .index-post-list li:last-child{border-bottom: 1px solid hsla(0,0%,10%,.07);}
.main-list .main-list-body .index-post-list .index-post-list-item .item-thumbnail a.uk-inline-clip {width: 246px;height: 158px;}
.main-list .main-list-body .index-post-list .index-post-list-item .item-thumbnail a.uk-inline-clip {flex-grow: 0;flex-shrink: 0;transition: box-shadow .3s ease 0s;border-radius: 5px;overflow: hidden;}
.main-list .main-list-body .index-post-list .item-class,.index-idc .idc-item-top .item-class{position: absolute;left: 10px;top: 10px;padding: 4px 8px;line-height: 14px;background: rgba(0, 0, 0, .5);border-radius: 3px;font-size: 12px;color: #fff;text-decoration: none;}
.main-list .main-list-body .index-post-list .item-class:hover,.index-idc .idc-item-top .item-class:hover{background: #1162e8;}

/* 产品列表页 */
.cp-nav-list li{display: flex;justify-content: center;align-items: center; text-align: center; font-size: 14px;}
.cp-nav-list li a{color: #333;}
.cp-nav-list li a:hover{color: #f50;text-decoration: none;}
.cp-nav-list .cata-icon{display: flex;justify-content: center;align-items: center;}
.cp-nav-list .active .cata-icon,.cp-nav-list .cata-icon:hover{background-color: rgb(255 80 0 / .07);}
.cp-nav-list .cata-icon{width: 102px; height: 102px;}
.cp-nav-list .cata-icon img{width: auto;height: 46px;}


/* 标题式列表页 */



/* --------内容页------------ */
/* --------商品详情页------------ */
.product-images .image-viewer{padding: 30px; position: relative;overflow: hidden;background-color: #fff; border: 1px solid #e0e0e0;border-radius: 8px;}
h1.clothes-title{color: #000;}
.clothes-info-wrap,.clothes-sizes-wrap{color: #666;}
.clothes-info-item{display: flex;justify-content: flex-start;margin-bottom: 14px;height: 18px;line-height: 18px;font-size: 12px;}
.clothes-info-wrap .clothes-info-item:last-child{margin: 0;}
.clothes-info-item .clothes-info-item-dt,.clothes-sizes-wrap .size-dt{margin-right: 15px;color: #9b9b9b;}
.clothes-info-item .tooltip{position: relative;top:2px; --tw-text-opacity: 1;color: #ff6700;}
.clothes-info-item .symbol,.clothes-info-item .clothes-price{color: rgba(0, 0, 0, 0.9);}
.clothes-info-item .clothes-price{font-size: 1.4rem;font-weight: 600;}
.clothes-sizes-wrap .size-dd span{display: inline-block;margin-right: 12px;width: 35px;height: 22px;line-height: 22px; border: 1px solid #e8e8e8;text-align: center;color: #000;}
 .product-details-wrap{line-height:1.8; color: hsla(0, 0%, 35%);font-size: 16px;}
  .product-tab li a{font-size: 1rem;}
 .product-tab::before {border-bottom: 2px solid #e5e5e5;}
.product-tab>.uk-active>a { border-color: rgb(255, 80, 0);border-bottom-width:2px;}
 .product-details-wrap h2{padding-bottom:12px; font-size: 22px;font-weight:700; border-bottom:1px solid hsla(0,0%,10%,.07)}
 .product-details-wrap h3,.product-details-wrap .h3{padding-left: 18px;position: relative;border: none;line-height: 1.46;font-size: 20px;font-weight: 600;}
 .product-details-wrap h3:before,.product-details-wrap .h3:before{background-color:#206be7; 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;}
 .product-details-wrap h4{font-size: 18px;font-weight: 600;}
 .product-details-wrap 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;}
 .product-details-wrap blockquote:before {color: hsla(0,0%,10%,.1);content: "“";font-family: iconbg;font-size: 30px;left: 20px;line-height: 1;position: absolute;top: 15px;}
 .product-details-wrap table{border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 20px;border: 1px solid #e5e5e5;}
 .product-details-wrap table th {padding: 16px 12px;vertical-align: bottom;font-size: 1rem;font-weight: 400;text-transform: uppercase;text-align: center;background: #f1f1f1;font-weight: 700;}
 .product-details-wrap table td{padding: 10px 12px;vertical-align: top;border-top: 1px solid #e5e5e5;  border-left: 1px solid #e5e5e5;text-align: center;}
.faq-list-wrap dt{margin: 0 0 10px;font-size: 16px;font-weight: 400;line-height: 1.5;color: hsla(0, 0%, 10%);}
.faq-list-wrap dd{font-size: .875rem;    --tw-text-opacity: 1;color: rgb(102 112 133 / var(--tw-text-opacity, 1));color: #777;}

 /* --------文章内容页------------ */
 .article-wrap{padding: 30px;}
 .article-head{margin-bottom: 40px;}
 .article-head .article-meta{padding-bottom: 10px;}
 .article-head .article-meta span{margin-right: 10px;}
 .article-head .article-meta a{}
  .article-head .article-meta a:hover{color: #383838;}
  .article-down{border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
 .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:#206be7; 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);font-size: .875rem;}
 .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, #2065D9, #2065D9);}
 .btn-zan:hover{background: linear-gradient(to top, #0F58D0, #0F58D0);}
 .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: #206be7;color: #fff;border-color: #206be7;text-decoration: none;}
 .tag-list a:before {content: "#";margin-right: 6px;font-weight: 700;}
 .tag-list a:hover:before{color: #fff;}
 .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);}
 
 

  /* --------工艺列表页------------ */
 .gongyi-hd li a{font-size: 22px;}
 
 /* --------工艺内容页------------ */
 .craft-article-hd-cover{width: 100%; max-height: 380px;overflow: hidden;}
.craft-article-hd-cover img{width: 100%;height: auto;min-height: 380px;}

/* --------常见问题列表------------ */
.sidebar-nav .el-item .el-title{font-size: 1rem;}
.sidebar-nav li a{font-size: 14px; color: #999;}
.sidebar-nav .el-item .uk-list-muted>li.uk-active::marker,.sidebar-nav li.uk-active a{color: #FF5000 !important;}
.cjwt-item dt{font-size: 1rem; font-weight: bold;}
.cjwt-item dd{padding: 7px 0; font-size: .875rem; line-height: 1.6; color: #666;}
.cjwt-item dd p:last-child{margin-bottom: 0;}
 

/* 评论 */
#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:hsla(0, 0%, 10%);}
.comment-list #infocommentarea{margin: 0;}
#genAboutComment  li.am-comment{border-bottom: 1px solid hsla(0, 0%, 10%, .07);}
#genAboutComment li .am-comment-main{border:none;}
#genAboutComment .am-comment-bd .ecomment{margin-bottom: 8px;padding: 12px;border: 1px solid #dee4e9; border-radius: 5px;background: hsla(0, 0%, 10%, .04);color: hsla(0, 0%, 10%, .8);}
#genAboutComment .am-comment-bd .ecomment:hover{background: #F7F7F7;}
#genAboutComment .am-comment-bd .ecomment .ecommentauthor{font-size:.8rem;}
#genAboutComment .am-comment-bd .ecomment .ecommentauthor:hover a{text-decoration:underline;}
#genAboutComment .am-comment-bd .ecomment p{margin:10px 0 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: hsla(0, 0%, 10%, .6);}
#genAboutComment li .am-comment-meta a{font-weight: 400;color:hsla(0, 0%, 10%);}
#genAboutComment li .am-comment-meta a:hover{text-decoration:none;color: #1162e8;}
#genAboutComment .am-comment-actions a{display: inline-block;padding: 10px 0 5px 10px; line-height: 1;font-size: 12px; }
#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;}
.comment-page{margin-top: 20px;}

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





/* ========================= Responsive S=========================== */
/* -------------------PC S--------------------- */
@media (min-width: 640px){
    
/* ============ PC conmon S============== */
.uk-navbar-nav li.nav-hot {position: relative;}
.uk-navbar-nav li.nav-hot::after {position: absolute;right: 4px;top: 18px;background-color: rgb(255, 80, 0);border-radius: 3px;color: #fff;content: "HOT";font-size: 10px;line-height: 1;padding: 1px 3px;}
.uk-navbar-nav li.nav-hot::after {animation: gelatine .7s infinite;}
@keyframes gelatine {
    50%{
        -webkit-transform: translate(0, -1px);
        transform: translate(0, -1px);
    }
    100%{
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.sidebar{width: 323px;padding-left: 20px;}

/* 小工具 */
.slide-bar a{display: block; bottom: 10px;right: 10px;margin: 0;padding: 10px 11px;--tw-bg-opacity: 1;background-color: rgb(22 93 255 / var(--tw-bg-opacity, 1));;color: #fff;}
.slide-bar a:hover{background: #151515;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热门文章推荐图+文列表 */
.index-post-list .index-post-list-item .item-thumbnail a.uk-inline-clip {width: 160px;height: 120px;}
/* .index-post-list .index-post-list-item .item-thumbnail a.uk-inline-clip img{height: 100%;} 有点问题*/
}