:root{
--main:#6B787F;
--main-rgb:107,120,127;
--sub:#DA251D;
--sub-rgb:218,37,29;
}
a:hover{ color:var(--sub)}
.b-banner{ margin-bottom:40px}.u-block{ margin-top:30px}
@media (max-width:959px){.b-banner{ margin-bottom:30px}.u-block{ margin-top:20px}}
@media (max-width:639px){.b-banner{ margin-bottom:20px}.u-block{ margin-top:15px}}
@media (max-width:374px){.b-banner{ margin-bottom:15px}.u-block{ margin-top:10px}}
.search-box{ margin:0px auto; padding:15px }
.uk-search-navbar .uk-search-input{border-radius:var(--radius-m)}
.search-btn{ border-radius:var(--radius-m); margin-left:10px; border-color:rgb(var(--main-rgb),0.2); background:rgb(var(--main-rgb),0.1); color:var(--main)}
.search-btn:after{ display:none}

.u-slider-padding{padding:15px; border-radius:var(--radius-m)}
.uk-card-default{border-radius:var(--radius-m)}
.uk-toutiao-t{ padding:0px 15px; border-bottom:1px solid rgb(var(--main-rgb),0.1); display:flex;align-items:center;justify-content:space-between;}
.uk-imhead{ padding:15px 0; line-height:20px; position:relative; z-index:2}
.uk-imhead>span{ color:var(--red)}
.uk-imhead:before{ content:""; position:absolute; left:0; bottom:15px; z-index:-1; height:10px; width:100%;background:linear-gradient(to right, rgb(var(--sub-rgb),0.2), rgb(var(--sub-rgb),0)); border-radius:var(--radius-s); }
.uk-immore{ border-left:1px solid rgb(var(--main-rgb),0.1); padding:15px 0px 15px 15px; line-height:20px; font-size:14px;}
.uk-immore>a{ color:var(--gray-300)}
.uk-toutiao{ padding:15px;}
.uk-toutiao .uk-grid-margin{margin-top:6px}
.uk-toutiao a{color:var(--main);font-size:15px;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.uk-toutiao a:hover{text-decoration:none;}
.uk-toutiao a span{width:14px;height:14px; line-height:13px;margin-right:5px;background:var(--gray-200);text-align:center;font-size:12px;padding:0px 1px; border-radius:3px; display:inline-block}
.uk-toutiao a span.s1{background:#f30;color:#fff}
.uk-toutiao a span.s2{background:#F90;color:#fff}
.uk-toutiao a span.s3{background:#FC3;color:#fff}
.u-block img{ width:100%;border-radius:var(--radius-m)}
@media (min-width:960px){
.u-mall-box{ margin-top:30px}
.uk-list-img dl>a>dt{ width:70px; height:70px;}
}
.mchat{ background:var(--sub); border-radius:15px 15px 0px 15px; padding-left:0; padding-right:0; width:30px; text-align:center}
.mlink a{border:1px rgb(var(--main-rgb),0.1) solid; background:none; display:inline-block; border-radius:15px; color:rgb(189,195,199); padding:0px 15px; line-height:28px}

.webform{ padding:15px;}
.webform li{position:relative}
.webform li+li{ margin-top:10px; }
.webform li .uk-input{border-radius:var(--radius-s)}
.webform li.uk-form-danger, .webform li.uk-form-warning, .webform li.uk-form-success {transition:all 0.3s ease; position:relative; z-index:2}
.webform li.uk-form-danger input{border:1px solid var(--red);}
.webform li.uk-form-danger:after{ content:"× 必填"; position:absolute; right:5px; top:50%; z-index:2; display:block; width:50px; height:20px; margin-top:-10px; color:var(--red); font-size:14px}
.webform li.uk-form-warning input{border:1px solid var(--orange);}
.webform li.uk-form-warning:before{ content:"手机号码错误"; width:90px; height:30px; right:0; bottom:0; line-height:30px; position:absolute; color:var(--orange); font-size:14px}
.webform li.uk-form-success input {border:1px solid var(--green) !important;}
.webform div{ margin-top:10px}
.webform .uk-button-secondary{ background-color:var(--main);border-radius:var(--radius-s)}
.web400{ margin:0rem; padding:0px 15px 15px;overflow:hidden;display:flex;;align-items:center;}
.web400 dt{ width:50px; height:50px; border-radius:50%; line-height:48px; text-align:center; color:#fff; background:var(--sub)}
.web400 dd{ flex:1; min-width:1px; padding-left:10px}
.web400 b{ font-size:22px;color:var(--sub)}
.web400 p{ margin:0px;font-size:12px;color:var(--gray-400); line-height:1.3;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.uk-breadcrumb{ padding:15px 0; font-size:14px;}

.left{ background:#fff;border-radius:var(--radius-m);}
.uk-article{ margin-top:0; padding:30px; border:none}
.uk-article-title{ font-size:24px;}
.uk-article-meta{ margin-bottom:30px; font-size:12px; border-bottom:1px solid var(--gray-300); padding-bottom:15px}
.uk-page{ padding-left:15px; padding-right:15px}
.uk-page li+li{ margin-top:10px;}
@media (max-width:639px){
.uk-breadcrumb{ padding:10px 0;}
.uk-article{ padding:20px;}
.uk-article-title{ font-size:20px;}
.uk-article-meta{ margin-bottom:20px; padding-bottom:10px}
}
@media (max-width:374px){
.uk-article{ padding:15px;}
.uk-article-title{ font-size:18px;}
.uk-article-meta{ margin-bottom:15px;}
.uk-page{ padding-left:10px; padding-right:10px}
}

.detail{ padding:15px;}
.uk-column li{ padding-left:15px; padding-right:15px}
.uk-column dt{ width:33%; max-height:166px; overflow:hidden; border-radius:var(--radius-m); border:1px solid var(--body);}
.uk-column dt a{ margin-right:0px;}
.uk-column dd{ padding-left:15px;}
.uk-column h3{ margin-bottom:15px;}
.uk-column .list-detail{ font-size:14px}

.uk-list{ padding-bottom:15px}
.uk-list>*>ul, .uk-list>:nth-child(n+2){ margin-top:15px}
.uk-list>li{ padding:0px 15px}

.ad-text{ margin-top:30px; margin-bottom:0;}
footer{ background:#fff}
.footer-ad{ margin:0 auto; margin-top:30px;}
.footer-ad .uk-alert-close{ top:0;right:0px}
.footer-ad .uk-alert{ margin:0px auto;padding:20px 0px}
.footer-ad-text{ padding-right:260px;padding-top:10px;padding-bottom:10px;text-align:center;vertical-align:top;}
.footer-ad-text span{ display:inline-block;position:relative;font-size:30px;line-height:30px}
.footer-ad-text i{ display:inline-block;font-style:normal;height:30px;line-height:30px;padding:0px 30px;border-radius:15px;background:#fff;vertical-align:top}
@media (max-width:959px){.footer-ad-text{ padding-right:0}.footer-ad-text i{ margin-top:15px}}

.foot{ text-align:center; margin:0px auto; padding:2rem 0; font-size:14px; color:var(--gray-500)}
.foot a{ color:var(--gray-400)}