/*
--tb--main 链接焦点主色调
--tb--base 链接和文字默认颜色
--tb--bdbg 主题背景色
--tb--tint 次背景色
--tb--line 边框颜色
--tb--gray 灰色
--tb--dark 黑色
--tb--white 白色
/*蓝色*/
:root{--tb--main:#007bff;--tb--base:#333;--tb--dark:#202935;--tb--white:#fff;--tb--bdbg:#f4f4f4;--tb--tint:#fbfbfb;--tb--line:#f3f3f3;--tb--gray:#999}
/*橙色（黄色）*/
:root{--tb--main:#ff6900;--tb--base:#333;--tb--dark:#202935;--tb--white:#fff;--tb--bdbg:#f4f4f4;--tb--tint:#fbfbfb;--tb--line:#f3f3f3;--tb--gray:#999}
.darking:root{--tb--base:#ccc;--tb--dark:#14181b;--tb--white:#14181b;--tb--bdbg:#0c0f14;--tb--tint:#1d2025;--tb--line:#1d2025;--tb--gray:#555}
.container::after{clear:both;display:block;content:"";box-sizing:border-box}
.comt-title p,.footer-menu dt,.liangdian strong,.plinks ul li a,.tagslist li p,.widget-navcontent .item-01 li,.widget_ui_tags .items a,.widget_ui_topics strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
*,:after,:before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%!important}
a{outline:0;color:var(--tb--base);text-decoration:none}
a:hover{color:var(--tb--main);text-decoration:none}
a:focus{outline:0;text-decoration:none}
embed,iframe,video{display:block;max-width:100%}
ol,ul{margin:0;padding:0;list-style:none}
main{display:block}
h1,h2,h3,h4,h5,h6{margin:0}
hr{overflow:visible;box-sizing:content-box;height:0}
pre{font-size:1em;font-family:monospace}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;-webkit-text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-size:1em;font-family:monospace,monospace}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
img{vertical-align:middle;border-style:none;max-width:100%;height: auto;}
img.lazy{}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.d-block{display:block!important}
/*layui 重写*/
.layui-laypage a:hover{color:var(--tb--main)}
/*layui 面包屑链接颜色*/
.layui-breadcrumb a:hover{color:var(--tb--main)!important}
/*layui 默认按钮*/
.layui-btn{background-color:var(--tb--main);color:#fff}
.layui-btn:hover{border-color:var(--tb--main);color:#fff}
.layui-btn-primary{background-color: transparent!important;color:var(--tb--base)!important;}
[data-theme=dark] .layui-btn-primary{background-color: transparent!important;color:#999!important;}
/*layui 分页设置*/
.layui-laypage .layui-laypage-curr em{color:#fff}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--tb--main);}
/*layui 输入框边框*/
.layui-input:focus,.layui-textarea:focus{border-color:var(--tb--main)!important;box-shadow:0 0 0 3px rgba(255,205,50,.08)}
/*layui 切换tabl*/
.layui-tab-brief>.layui-tab-title .layui-this{color:var(--tb--base);font-weight:bold}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid var(--tb--main)}
/*layui 默认徽章颜色*/
.layui-badge,.layui-badge-dot,.layui-badge-rim{background-color:var(--tb--main);color:#fff;}
/*layui 单选按钮、开关按钮*/
.layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{color:var(--tb--main)}
.layui-form-onswitch{border-color:var(--tb--main);background-color:var(--tb--main)}
.layui-form-checkbox[lay-skin=primary]:hover>i{border-color:var(--tb--main);color:#fff}
.layui-form-checked[lay-skin=primary]>i{border-color:var(--tb--main)!important;background-color:var(--tb--main);color:#fff}
.layui-form-select dl dd.layui-this{color: var(--tb--main)}
/*layui 弹窗第一个按钮*/
.layui-layer-btn .layui-layer-btn0{border-color:var(--tb--main);background-color:var(--tb--main);color:#fff}
.layui-layer-btn a.layui-layer-btn0:hover{color:#fff!important}
/*layui 弹窗关闭按钮*/
.layui-layer-setwin .layui-layer-close2:hover{background-color:var(--tb--main)}
/*layui 暗黑模式，灰色字体*/
[data-theme=dark] .layui-font-gray{color:#999!important;}
/*在小屏幕上 对layui-col-space系列进行修复，margin为负值时，边界跑了*/
@media(max-width:768px){.layui-col-space1,.layui-col-space2,.layui-col-space4,.layui-col-space5,.layui-col-space6,.layui-col-space8,.layui-col-space10,.layui-col-space12,.layui-col-space14,.layui-col-space15,.layui-col-space16,.layui-col-space18,.layui-col-space20,.layui-col-space22,.layui-col-space24,.layui-col-space25,.layui-col-space26,.layui-col-space28,.layui-col-space30,.layui-col-space32{margin:0}
.layui-form-item {position: relative;margin-bottom: 10px;clear: both;}
.layui-form-item .layui-form-label {float:none;width:auto;text-align:left;padding: 9px 0px}
.layui-form-item .layui-input-inline {display: block;float: none;left:0;width: auto !important;margin: 0 0 10px 0px!important;}
.layui-form-item .layui-input-block{margin-left:0}
}
/*重定义swiper按钮颜色*/
.swiper-button-next, .swiper-button-prev {color:var(--tb--main);}
.swiper-button-next:after, .swiper-button-prev:after{font-size:14px}
.swiper-pagination-bullet-active{background:var(--tb--main)}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}
.thumbnail{margin:0;padding:0;border:none}
a,button,input,textarea{-webkit-tap-highlight-color:transparent}
body{position:relative;left:0;overflow-x:hidden;margin:0;background-color:var(--tb--bdbg);color:var(--tb--base);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Microsoft Yahei",MiSans,"HarmonyOS Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5;transition:left .3s ease-in-out}
@media(max-width:768px){body{padding-top:70px}
}
@media(max-width:600px){body{padding-top:50px}
}
.btn{position:relative;display:inline-block;font-weight:400;text-align:center;line-height:1.6;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;border-radius:8px;outline:0;padding:8px 24px;font-size:14px;transition:all .3s ease-in-out}
.btn:hover{background-color:#e2e2e2;color:var(--tb--base)}
.btn:focus{outline:0}
.btn.disabled,.btn:disabled{box-shadow:none;opacity:.45}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.darking .btn{background-color:var(--tb--tint)}
.darking .btn:hover{background-color:var(--tb--tint)}
.btn-block{display:block;width:100%}
.btn-sm{padding:6px 14px}
@media(max-width:600px){.btn-sm{padding:4px 8px;font-size:12px}
}
.btn-lg{padding:12px 32px;font-size:15px}
@media(max-width:600px){.btn-lg{padding:10px 20px;font-size:14px}
}

.btn-primary{background-color:var(--tb--main)!important;color:#fff!important}
.btn-primary:hover{opacity:.88}
.btn-primary-outline{color:var(--tb--main);border-color:var(--tb--main)}
.btn-primary-outline:focus,.btn-primary-outline:hover{color:#fff;background-color:var(--tb--main)}
.btn-primary-outline:focus{box-shadow:0 0 0 3px rgba(0,164,255,.3)}
.btn-danger{background-color:#f04444!important;color:#fff!important}
.btn-danger:hover{opacity:.88}
.btn abbr{display:none;position:absolute;bottom:100%;left:0;right:0;background-color:#fff;border:1px solid #eee;border-radius:8px;padding:5px;text-align:center;font-size:12px}
.btn:hover abbr{display:block}
/*角标*/
.MarkBox{position: absolute;top: 0px;right: 0px;z-index: 1;padding:2px 5px;background-color: var(--tb--main);border-radius:0 0 0 6px;/*transform: rotate(45deg);*/font-size: 12px;color: #ffffff;}
@media(max-width:1024px){.MarkBox{font-size: 10px;}
}
/*页面布局，site-layout-3左小右大 site-layout-2 左大右小*/
.container{position:relative;margin:0 auto;padding:0 20px;max-width:1240px}
@media(max-width:600px){.container{padding:0}
}
.content-wrap{float:left;width:100%}
.content{position:relative;margin-right:380px;margin-bottom:20px;min-height:600px}
@media(max-width:1024px){.content{margin-right:0}
}
@media(max-width:600px){.content{margin-bottom:10px;min-height:auto}
}
.sidebar{position:relative;float:left;margin-left:-360px;width:360px;}
.sidebar .content{padding:0 20px;border-radius:6px;background-color:var(--tb--white)}
.sidebar .-roll-top{position:fixed;width:360px}
.sidebar .-roll-bottom{position:absolute;width:360px}
@media(max-width:1024px){.sidebar{display:none}
.m-sidebar .sidebar{float:none;clear:both;display:block;margin-left:0;width:auto}
.sidebar .-roll-bottom,.sidebar .-roll-top{position:static;top:0;width:auto}
}
@media(max-width:768px){.sidebar .widget{display:none!important}
.sidebar .widget-on-phone{display:block!important} /*手机端显示*/
}
.site-layout-3 .content{margin-right:0;margin-left:380px}
.site-layout-3 .content.resetpass{margin-left:0}
.site-layout-3 .sidebar{float:left;margin-left:-100%}
@media(max-width:1024px){.site-layout-3 .content{margin-left:0}
.site-layout-3 .sidebar{float:none;margin-left:0}
}
.text-justify-on .article-content,.text-justify-on .excerpt .note,.text-justify-on .excerpt-minic .note,.text-justify-on .excerpt-minic-index,.text-justify-on .relates li,.text-justify-on .widget_ui_comments ul li,.text-justify-on .widget_ui_posts .text,.text-justify-on .widget_ui_textorbui{text-align:justify}
.title{overflow:hidden;margin-bottom:20px}
.title h3{position:relative;display:inline-block;margin:0;padding-left:17px;font-size:17px}
.title h3::before{position:absolute;top:50%;left:0;margin-top:-8px;width:4px;height:16px;border-radius:10px;background-color:var(--tb--main);content:""}
.title h3 small{position:relative;top:-2px;margin-left:10px;color:#999;font-weight:400;font-size:12px}
.title .more{float:right;margin-top:3px}
.title .more a{display:inline-block;margin-left:20px;color:#999}
.title .more a:hover{color:var(--tb--main)}
@media(max-width:600px){.title{margin-bottom:10px}
.title h3{padding-left:13px;font-size:14px}
.title h3::before{margin-top:-7px;height:14px}
.title h3 small{top:-1px}
.title .more a{margin-left:5px;font-size:12px}
}
.branding{position:relative;z-index:9;padding:70px 20px;background-color:var(--tb--dark);text-align:center}
.branding h2{margin:0;color:rgba(255,255,255,.8);font-size:24px}
.branding h4{margin:10px auto 0;max-width:80%;color:rgba(255,255,255,.5);font-weight:400;font-size:16px;line-height:1.7}
.branding a{margin:30px 15px 0}
@media(max-width:768px){.branding h4{max-width:100%}
}
@media(max-width:600px){.branding{padding:40px 15px}
.branding h2{font-size:18px}
.branding h4{font-size:14px;line-height:1.5}
.branding a{margin:20px 10px 0}
}
.breadcrumbs{margin-top:-20px;margin-bottom:20px;padding:12px 0;border-top:1px solid rgba(0,0,0,.02);background-color:var(--tb--white);color:#999;text-align:left;font-size:12px}
.breadcrumbs small{margin-right:5px}
.breadcrumbs a{color:#999}
.breadcrumbs a:hover{color:var(--tb--main)}
@media(max-width:768px){.breadcrumbs{display:none;position:relative;margin-top:0;margin-bottom:0;padding:10px 15px;border-top:none;border-bottom:none;background-color:var(--tb--tint)}
.breadcrumbs:before{position:absolute;right:0;bottom:0;left:0;border-top:1px solid var(--tb--line);content:"";transform:scaleY(.5);transform-origin:0 0}
.breadcrumbs small{position:relative;top:-1px;color:#ccc;font-weight:700}
}
.header{position:relative;z-index:99;margin-bottom:20px;padding:55px 0 20px;background-color:var(--tb--white);box-shadow:0 1px 5px rgba(0,0,0,.02);transition:all .3s ease-in-out}
.darking .header{box-shadow:0 1px 5px rgba(0,0,0,.15)}
@media(max-width:1024px){.header{padding:15px 0}
}
@media(max-width:768px){.header{position:fixed;top:0;right:0;left:0;z-index:9999;padding:15px 0;height:50px;box-shadow:none;text-align:center}
.header:before{position:absolute;right:0;bottom:0;left:0;border-top:1px solid #eee;content:"";transform:scaleY(.5);transform-origin:0 0}
.darking .header:before{display:none}
}
@media(max-width:600px){.header{margin-bottom:0}
}
.logo{float:left;overflow:hidden;margin:0}
.logo a{display:block;overflow:hidden;height:32px;font-size:0}
.logo img{display:block;margin-bottom:32px;max-height:32px}
.logo img.-dark{display:none}
.darking .logo img{display:none}
.darking .logo img.-dark{display:block}
@media(max-width:1024px){.logo{float:none;margin-bottom:15px;max-width:100%;text-align:center}
.logo a{margin:0 auto;max-width:60%;text-align:center}
.logo img{margin:0 auto;max-width:60%;text-align:center}
}
@media(max-width:768px){.logo{position:relative;top:-2px;margin-bottom:0}
.logo a{height:24px}
.logo img{height:100%}
}
.logo-text a{color:var(--tb--main);letter-spacing:1px;font-weight:700;font-size:28px;line-height:1.1}
@media(max-width:768px){.logo-text a{font-size:18px;line-height:24px}
}
.brand{position:relative;top:1px;float:left;overflow:hidden;margin-left:10px;padding-left:10px;height:30px;border-left:2px solid #eaeaea;color:#bbb;font-size:14px;line-height:15px}
.darking .brand{color:var(--tb--gray);border-left-color:var(--tb--line)}
@media(max-width:1024px){.brand{display:none}
}
.site-nav{font-size:0}
.site-nav li{position:relative;display:inline-block}
.site-nav li:hover{z-index:2}
.site-nav a{display:block;padding:3px 0}
.site-nav a:hover{color:var(--tb--main)}
.site-nav>li{margin-left:27px}
.site-nav li>a::before{content:"";position:absolute;left:0;top:auto;bottom:0;width:100%;height:1px;transition:all .2s;-webkit-transition:all .2s;pointer-events:none}
.site-nav>li.menu-item-has-children>a{position:relative;padding-right:12px}
.site-nav>li.menu-item-has-children>a::after{position:absolute;top:50%;right:0;margin-top:-1.5px;border:3.5px solid transparent;content:"";transition:all .3s ease-in-out;border-top-color:var(--tb--base)}
.site-nav>li.menu-item-has-children:hover a::after{margin-top:-5px;transform:rotate(180deg)}
.site-nav .sub-menu{position:absolute;top:100%;left:50%;visibility:hidden;margin-top:-25px;margin-left:-86.5px;padding:6px 0;width:160px;border-radius:6px;background-color:var(--tb--white);box-shadow:0 0 5px rgba(0,0,0,.1);list-style:none;text-align:center;font-size:14px;line-height:1.4;opacity:0;transition:all .3s ease-in-out}
.site-nav .sub-menu li{display:block}
.site-nav .sub-menu li:hover>a{background-color:var(--tb--bdbg)}
.site-nav .sub-menu a{padding:7px 10px}
.site-nav .sub-menu a:hover{background-color:var(--tb--bdbg);color:var(--tb--main)}
.darking .site-nav .sub-menu{background-color:var(--tb--tint)}
.site-nav>li>.sub-menu::after,.site-nav>li>.sub-menu::before{position:absolute;top:-5px;left:50%;margin-left:-3px;border-right:5px solid transparent;border-left:5px solid transparent;content:""}
.site-nav>li>.sub-menu::before{border-bottom:5px solid #f2f2f2}
.darking .site-nav>li>.sub-menu::before{border-bottom-color:var(--tb--tint)}
.site-nav>li>.sub-menu::after{margin-top:1px;border-bottom:5px solid #fff}
.darking .site-nav>li>.sub-menu::after{display:none}
.site-nav ul .sub-menu{top:-7px;left:100%;margin-top:0;margin-left:0;margin-left:-25px}
.site-nav ul .sub-menu::after,.site-nav ul .sub-menu::before{position:absolute;top:17px;left:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;content:""}
.site-nav ul .sub-menu::before{border-right:5px solid #c9c9c9}
.darking .site-nav ul .sub-menu::before{border-right-color:var(--tb--tint)}
.site-nav ul .sub-menu::after{margin-right:1px;border-right:5px solid #fff}
.darking .site-nav ul .sub-menu::after{display:none}
.site-nav li:hover>.sub-menu{visibility:visible;margin-top:0;opacity:1}
.site-nav ul li:hover>.sub-menu{margin-left:0}
.site-nav li:hover .fa-angle-down{transform:rotate(180deg)}
.site-nav li.current-menu-item>a,.site-nav li.active>a,.site-nav li.current-menu-parent>a{color:var(--tb--main)}
.site-nav li.current-menu-item>a::before,.site-nav li.active>a::before,.site-nav li.current-menu-parent>a::before{background-color:var(--tb--main);border-top-color:var(--tb--main)}
.site-navbar{float:right}
.site-navbar>li{font-size:17px}
@media(max-width:1024px){.site-navbar{float:none;text-align:center}
.site-navbar>li{margin-left:20px;font-size:14px}
.site-navbar>li:first-child{margin-left:0}
}
@media(max-width:768px){.site-navbar>li{display:none}
.site-navbar li.navto-search{position:absolute;top:-15px;right:0;display:block;border-bottom:none}
.site-navbar li.navto-search a{margin:0;padding:0 10px;height:50px;border-bottom:none;font-size:15px;line-height:50px}
}
.search-on .site-navbar li.navto-search a{color:var(--tb--main)}
.topbar{position:absolute;top:-39px;right:20px;left:20px;margin-bottom:20px;color:var(--tb--gray)}
.topbar a{color:var(--tb--gray)}
.topbar a:hover{color:var(--tb--main)}
@media(max-width:1024px){.topbar{display:none}
}
.topmenu{float:right;margin-top:-3px}
.topmenu>li{font-size:14px}
.topmenu>li.menu-item-has-children>a::after{border-top-color:var(--tb--gray)}
.topbar-off .header{padding-top:20px}
@media(max-width:768px){.topbar-off .header{padding-top:15px}
}
.sign-info{clear:both;margin-top:10px;font-size:12px}
.site-search{position:absolute;top:-50px;right:0;left:0;z-index:8;height:120px;background-color:var(--tb--white);opacity:0}
@media(max-width:768px){.site-search{position:fixed;top:-120px;height:96px}
.search .site-search{top:0;margin-top:0;height:auto}
}
@media(max-width:600px){.site-search{height:66px}
}
.search-on .site-search{top:107px;opacity:1}
@media(max-width:1024px){.search-on .site-search{top:105px}
}
@media(max-width:768px){.search-on .site-search{top:50px}
}
.site-search-form{overflow:hidden;padding:37px 20%}
@media(max-width:1024px){.site-search-form{padding:37px 0}
}
@media(max-width:768px){.site-search-form{padding:25px 0}
}
@media(max-width:600px){.site-search-form{padding:15px}
}
.search-inputbox{float:left;padding:0;width:85%;height:46px;position:relative;}
.search-input{padding:4px 15px;width:100%;height:46px;outline:0;border:solid 1px var(--tb--line);border-right:none;border-radius:6px 0 0 6px;background-color:var(--tb--white);color:#999;font-size:15px}
@media(max-width:600px){.search-input{padding:4px 10px;height:36px;font-size:12px}
}
.search-input:focus{border-color:var(--tb--main)}
.search-mode{position:absolute;right:15px;top:12px;}
.search-mode span{margin-right:10px}
.search-btn{padding:0 12px;width:15%;height:46px;border:none;border-radius:0 6px 6px 0;background:var(--tb--main);color:#fff;font-size:18px}
@media(max-width:600px){.search-btn{height:36px;font-size:14px}
.search-mode{top:6px;}
}
.search-btn:focus,.search-btn:hover{color:#fff;opacity:.85}
.search-btn .fa{width:16px;font-size:16px}
.site-search-form a{margin-left:20px;color:#999}
.site-search-form a:hover{color:var(--tb--main)}
.search .site-search{position:relative;top:0;margin:-20px 0 20px;opacity:1}
@media(max-width:600px){.search .site-search{margin:0 0 2px}
}
.topbar-off.search-on .site-search{top:72px}
@media(max-width:600px){.topbar-off.search-on .site-search{top:48px;height:auto}
}
.nav-fixed{padding-top:65px;transition:margin-top .25s}
.nav-fixed .header .topbar{display:none}
.nav-fixed .header{position:fixed;top:0;right:0;left:0;z-index:999;padding:15px 0}
.nav-fixed .site-search{position:fixed;top:-150px}
.nav-fixed.search-on .site-search{top:62px}
@media(max-width:1024px){.nav-fixed.search-on .site-search{top:105px}
}
@media(max-width:768px){.nav-fixed.search-on .site-search{top:50px}
}
.m-icon-nav{display:none}
@media(max-width:768px){.m-icon-nav{position:fixed;top:0;left:0;z-index:99998;display:block;padding:0 20px;height:50px;font-size:15px;line-height:50px}
.m-icon-nav .tbfa:last-child{display:none;font-weight:700}
}
@media(max-width:600px){.m-icon-nav{padding:0 5px 0 15px}
}
@media(max-width:768px){.m-user-on .m-icon-user{position:absolute;top:-15px;right:0;display:block!important;padding:0 20px;height:50px;font-size:15px;line-height:50px}
.m-user-on .site-navbar li.navto-search{right:45px}
}
@media(max-width:600px){.m-user-on .m-icon-user{padding:0 15px 0 5px}
.m-user-on .site-navbar li.navto-search{right:35px}
}
.m-icon-user{display:none}
.m-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;display:none;overflow:hidden;background-color:rgba(0,0,0,.5)}
.m-navbar{display:none}
@media(max-width:768px){.m-navbar{position:fixed;top:0;bottom:0;left:-240px;z-index:99999;display:block;overflow-y:auto;padding-top:50px;padding-bottom:50px;width:240px;background-color:var(--tb--white);transition:left .3s}
.m-navbar li{position:relative}
.m-navbar .sub-menu{position:relative;display:none;font-size:12px}
.m-navbar .sub-menu a{padding:8px 48px}
.m-navbar .sub-menu .faa{height:34px!important;line-height:34px!important}
.m-navbar .sub-menu .sub-menu a{padding:8px 72px}
.m-navbar li a{display:block;padding:10px 20px}
.m-navbar li a:hover,.m-navbar li:hover>a{color:var(--tb--main)}
.m-navbar li.current-menu-item>a{background-color:var(--tb--main);color:#fff}
.m-navbar li.current-menu-item>.faa{color:#fff!important}
.m-navbar li.current-menu-parent>a{color:var(--tb--main)}
.m-navbar li.menu-item-has-children>.faa{position:absolute;top:0;right:0;z-index:2;padding:0 20px;height:41px;color:#999;content:"";font-weight:700;font-size:12px;line-height:41px;cursor:pointer}
.m-navbar .navto-search{display:none}
}
.m-icon-nav,.m-icon-user,.site-navbar,.site-search,.widget-navcontent .item{transition:all .3s ease-in-out}

.m-nav-show{left:240px;overflow:hidden}
.m-nav-show .header{left:240px;margin-right:-240px}
.m-nav-show .fixnav{left:240px;margin-right:-240px}
.m-nav-show .m-navbar{left:0}
.m-nav-show .m-mask{display:block!important}
.m-nav-show .m-icon-nav{z-index:100000}
@media(max-width:600px){.m-nav-show .m-icon-nav{padding:0 20px}
}
.m-nav-show .m-icon-nav .tbfa:last-child{display:block}
.m-nav-show .m-icon-nav .tbfa:first-child{display:none}
.m-nav-show .sitedark{left:10px}
.sitedark{cursor:pointer;transition:all .3s ease-in-out}
.sitedark:hover{color:var(--tb--main)}
.sitedark i:last-child{display:none}
@media(max-width:768px){.sitedark{position:absolute!important;top:-15px;left:50px;display:block!important;margin-left:0!important;padding:0 10px;line-height:50px}
}
@media(max-width:600px){.sitedark{left:35px}
}
.m-navbar .sitedark{display:none!important}
.darking .sitedark i:first-child{display:none}
.darking .sitedark i:last-child{display:block}

/*轮播图*/
#bigslide{margin-top:-20px;margin-bottom:0px;text-align:center}
@media(max-width:600px){#bigslide{margin-top:0;margin-bottom:0}
}
.tb-m-swiper{position:relative;padding:0;width:100%;overflow:hidden}
.tb-m-swiper .swiper-inner{display:flex;flex-wrap:nowrap}
.tb-m-swiper img {display: block;width: 100%;height: 100%;object-fit: cover;}
.tb-m-swiper .tb-m-item video,.tb-m-swiper .tb-m-item img{position:absolute;min-width:100%;min-height:100%;width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);}
.tb-m-swiper .swiper-item-inner{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.tb-m-swiper .m-title{color:#fff;font-size:42px;letter-spacing:3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word}
.tb-m-swiper .m-title a{color:#fff}
.tb-m-swiper .m-title a:hover{color:var(--tb--main)}
.tb-m-swiper .m-desc{font-size:18px;margin-top:12px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word}
.tb-m-swiper .tb-m-more a{background:var(--tb--main);color:#fff}
.tb-m-swiper .m-h{height:484px}
@media(max-width:1024px){.tb-m-swiper .m-h{height:360px}
.tb-m-swiper .m-title{letter-spacing:1px}
.tb-m-swiper .m-desc{margin-top:8px}
}
@media(max-width:768px){.tb-m-swiper .m-h{height:190px}
.tb-m-swiper .m-title{font-size:16px;letter-spacing:1px}
.tb-m-swiper .m-desc{margin-top:4px;font-size:14px;letter-spacing:1px}
}
@media(max-width:640px){.tb-m-swiper{padding:0}
.tb-m-swiper .m-h{height:130px}
.tb-m-swiper .m-title{font-size:14px}
.tb-m-swiper .m-desc{font-size:12px}
.tb-m-swiper .swiper-pagination{bottom:8px}
.tb-m-swiper .swiper-pagination-bullet{margin:0 3px}
}
.tb-m-more{width:100%;margin-top:40px;text-align:center}
.tb-m-more a{position:relative;display:inline-block;color:var(--tb--main)}
.tb-m-more a:hover{opacity:.85}
.tb-m-more.tb-m-more-main a{padding:0 40px;line-height:42px;border-radius:4px;font-size:14px}
.tb-m-more.tb-m-more-main a::after{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;content:"";border-radius:inherit;background:rgba(0,0,0,0);transition:all .3s}
.tb-m-more.tb-m-more-main a:hover{opacity:1;-webkit-animation:tb-wobble 1s ease-in-out;animation:tb-wobble 1s ease-in-out}
@media(max-width:768px){.tb-m-more{margin-top:14px}
.tb-m-more.tb-m-more-main a{padding:0 32px;line-height:24px}
}
@media(max-width:640px){.tb-m-more{margin-top:14px}
.tb-m-more.tb-m-more-main a{padding:0 24px}
}
#focusslide{position:relative;z-index:0;overflow:hidden;margin-bottom:20px;border-radius:6px}
#focusslide .focusslide-item{}
#focusslide .focusslide-item a{position:relative;display:flex;height:215px;overflow:hidden}
#focusslide .focusslide-item img{width:100%;flex:1;-o-object-fit:cover;object-fit:cover}
#focusslide .focusslide-item span{position:absolute;right:20px;bottom:20px;left:20px;z-index:2;display:block;color:#fff;font-weight:700}
#focusslide .focusslide-item a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:-moz-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.5)));background:gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.5)));content:""}
#focusslide .layui-carousel-ind{z-index:3}
#focusslide button{z-index:4}
#focusslide .swiper-pagination-bullet {width: 15px;height: 4px;display: inline-block;border-radius: 10px;background: #fff;opacity: .4;}
#focusslide .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
@media(max-width:1024px){#focusslide .focusslide-item a{height:180px}
}
@media(max-width:600px){#focusslide{margin-bottom:0;border-radius:0}
#focusslide .focusslide-item a{height:120px}
#focusslide .focusslide-item span{bottom:10px;left:15px;font-size:12px}
}
/*首页横向滚动推荐*/
.carousel-products-wrap {background: var(--tb--white);border-radius: 4px;box-shadow: 0 0 1px 0 hsla(var(--tb--gray),.4);padding: 20px;}
.module-head {align-items: center;display: flex;height: 30px;justify-content: space-between;margin-bottom: 20px;}
.module-head .module-head-title {display: inline-flex;font-size: 22px;gap: 10px;line-height: 26px;margin: 0;padding: 0 12px 0 0;}
.module-head .module-head-title .sub-title {color: var(--tb--gray);font-size: 14px;font-weight: 400;line-height: inherit;vertical-align: top;}
.module-head .module-head-more {flex-shrink: 0;line-height: 22px;position: relative;}
.module-head .module-head-more .swiper-button-next, .module-head .module-head-more .swiper-button-prev {background: none;border: 1px solid var(--tb--line);border-radius: 3px;display: inline-block;font-size: 16px;height: 26px;line-height: 24px;margin: 0;opacity: 1;position: static;text-align: center;-webkit-user-select: none;-ms-user-select: none;user-select: none;vertical-align: top;width: 26px;}
.module-head .module-head-more .swiper-button-next.swiper-button-disabled, .module-head .module-head-more .swiper-button-prev.swiper-button-disabled {opacity: .35;}
.module-head .module-head-more .swiper-button-prev {margin-right: 5px;}
.carousel-slider {position: relative;}
.carousel-slider .cs-inner {margin: -1px;overflow: hidden;padding: 1px;position: relative;}
.carousel-products{padding:0}
.carousel-products ul {display: flex;gap: 0;flex-wrap: nowrap;list-style: none;margin: 0;padding: 0;}
.carousel-products li.product {flex-shrink: 0;padding: 0;border-radius: 4px;display: flex;flex-direction: column;min-width: 0;overflow: hidden;position: relative;width:20%}
.carousel-products li.product:hover {border: 1px solid var(--tb--main);z-index: 1}
.carousel-products li.product>a {display: block;text-align: center;text-decoration: none;width: 100%;}
.carousel-products li.product .item-pic {display: block;}
.carousel-products li.product .onsale {background-color: var(--tb--main);border-radius: 20px;color: #fff;font-size: 12px;font-weight: 600;left: 5px;line-height: 20px;margin: 0;padding: 0 5px;position: absolute;text-align: center;top: 10px;z-index: 9;}
.carousel-products li.product .item-pic img {border-radius: 4px;box-sizing: border-box;display: block;height: auto;padding: 25px 25px 10px;width: 100%;vertical-align:top;}
.carousel-products li.product .item-info {display: block;line-height: 1;padding: 10px;}
.carousel-products li.product .item-title {box-sizing: content-box;display: block;font-size: 14px;height: 40px;line-height: 20px;overflow: hidden;padding: 0 20px;}
.carousel-products li.product .item-detail {color: #ff0036;display: block;margin: 10px 0;}
.carousel-products li.product .item-detail ins {text-decoration: none;}
.carousel-products li.product .item-detail del {color: var(--tb--gray);margin-left: 5px;}
@media (max-width: 991px) {
    .carousel-products li.product .item-pic img {padding:15px 15px 5px}
}
/*专题推荐*/
.mo-topics{overflow:hidden;margin-bottom:20px}
.mo-topics ul{margin-right:-1.5%}
.mo-topics ul>li{display:inline-block;overflow:hidden;margin-top:1.5%;margin-right:1.5%;width:31.8333333333%;border-radius:6px;vertical-align:top}
.mo-topics ul>li:nth-child(-n+3){margin-top:0}
.mo-topics ul>li .-pic{position:relative;display:flex;height:149px}
.mo-topics ul>li .-pic::before{position:absolute;z-index:1;width:100%;height:100%;background:-moz-gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-webkit-gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));content:""}
.mo-topics ul>li .-pic img{transition:all .3s ease-in-out;flex:1;-o-object-fit:cover;object-fit:cover}
.mo-topics ul>li .-info{position:absolute;right:0;bottom:0;left:0;z-index:2;margin:0 20px 15px;color:#fff}
.mo-topics ul>li .-info h2{margin:5px 0 0;font-weight:400;font-size:14px}
.mo-topics ul>li .-info dfn{display:block;margin-bottom:0;font-weight:400;font-style:normal;font-size:12px}
.mo-topics ul>li .-info dfn i{margin-right:7px}
.mo-topics ul>li .-pic:hover img{opacity:.9}
@media(max-width:600px){.mo-topics{margin-bottom:0;padding:15px 15px;background-color:var(--tb--white)}
.mo-topics+.excerpts-title:before{position:absolute;top:0;right:0;left:0;border-top:1px solid var(--tb--line);content:"";transform:scaleY(.5);transform-origin:0 0}
.mo-topics+.excerpt-minic-index{margin-top:0;padding-top:0}
.mo-topics ul{overflow-x:auto;margin-right:-15px;margin-left:-15px;padding:0 15px;white-space:nowrap}
.mo-topics ul::-webkit-scrollbar{display:none}
.mo-topics ul>li{margin-top:0;margin-right:7.5px;width:138px;border-radius:6px}
.mo-topics ul>li:last-child{margin-right:0}
.mo-topics ul>li .-pic{height:86px}
.mo-topics ul>li .-info dfn{font-size:10px}
.mo-topics ul>li .-info dfn i{margin-right:2px}
.mo-topics ul>li .-info{margin:0 10px 6px}
.mo-topics ul>li .-info h2{display:-webkit-box;overflow:hidden;margin-top:2px;font-weight:400;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
}
/*摘录 头部标题*/
.excerpts-title{margin-bottom:0;padding:17px 20px 0 20px;border-radius:6px 6px 0 0;background-color:var(--tb--white)}
@media(max-width:600px){.excerpts-title{position:relative;padding:10px 15px 0 15px;border-radius:0}
}
/*摘录 头条*/
.excerpt-minic-index{overflow:hidden;margin-bottom:20px;padding:20px;border-radius:6px;background-color:var(--tb--white)}
.excerpt-minic-index h2{margin-bottom:5px;font-size:18px}
.excerpt-minic-index .red{color:#ff5e52}
.excerpt-minic-index .note{margin:0}
@media(max-width:600px){.excerpt-minic-index{margin-bottom:0;padding:15px 15px;border-radius:0}
.excerpt-minic-index+.excerpts-title:before{position:absolute;top:0;right:0;left:0;border-top:1px solid var(--tb--line);content:"";transform:scaleY(.5);transform-origin:0 0}
.excerpt-minic-index h2{margin-bottom:3px;font-size:15px}
.excerpt-minic-index .note{display:-webkit-box;overflow:hidden;color:#999;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.excerpt-minic-index .note a{color:#999}
}
/*摘录 置顶通栏 */
/*摘录 列表 */
.excerpt{overflow:hidden;padding:20px 20px 20px 220px;border-bottom:1px solid var(--tb--line);background-color:var(--tb--white)}
.excerpt:nth-last-of-type(1){border-radius:0 0 6px 6px}
.excerpt .post-linkto{margin-top:5px;margin-bottom:0;text-align:right}
.excerpt .focus{float:left;display:flex;overflow:hidden;margin-left:-200px;width:180px;height:123px;border-radius:6px}
.excerpt .thumb{flex:1;-o-object-fit:cover;object-fit:cover}
.excerpt header{position:relative;margin-bottom:10px}
.excerpt h2{display:inline;margin-top:0;font-weight:700;font-size:18px}
.excerpt h2 a:hover{color:var(--tb--main)}
.excerpt h2 a span{color:#ff5e52}
.excerpt h2 a:hover span{color:var(--tb--main)}
.excerpt .-tags,.excerpt .author,.excerpt .cat,.excerpt .pc,.excerpt .pv,.excerpt time{display:inline-block;margin-right:15px}
.excerpt .author img{position:relative;display:inline-block;margin-right:8px;width:24px;height:24px;border-radius:50%;vertical-align:middle}
.excerpt .post-like{float:right}
.excerpt .post-like.actived{color:var(--tb--main)}
.excerpt .note{display:-webkit-box;overflow:hidden;margin-bottom:0;max-height:46px;color:#666;word-wrap:break-word;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.excerpt .meta{overflow:hidden;margin-top:20px;height:24px;color:var(--tb--gray)}
.excerpt .meta i{margin-right:6px}
.excerpt .meta a{color:var(--tb--gray)}
.excerpt .meta a:hover{color:var(--tb--main)}
.excerpt .-tags{display:inline}
.excerpt .-tags a{position:relative;display:inline-block;margin-right:22px}
.excerpt .-tags a::before{position:absolute;top:9px;left:-13px;display:inline-block;width:4px;height:4px;border-radius:50%;background-color:var(--tb--gray);content:""}
.excerpt .-tags a:first-child::before{display:none}
.excerpt .-tags a:last-child{margin-right:0}
@media(max-width:600px){.excerpt{position:relative;padding:14px 150px 15px 15px;border:none;border-radius:0!important}
.excerpt:before{position:absolute;right:15px;bottom:0;left:15px;border-top:1px solid var(--tb--line);content:"";transform:scaleY(.5);transform-origin:0 0}
.excerpt:last-child::before{display:none}
.excerpt .focus{float:right;margin-right:-135px;width:120px;height:82px}
.excerpt header{display:-webkit-box;overflow:hidden;overflow:hidden;margin-bottom:0;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.excerpt h2{position:relative;top:-2px;font-weight:400;font-size:15px;line-height:1.4}
.excerpt .note{display:none}
.excerpt .author{display:none}
.excerpt .meta{position:absolute;right:150px;bottom:10px;left:15px;margin-top:0;height:19px;font-size:12px;line-height:19px}
.excerpt .meta i{margin-right:4px}
.excerpt .meta .-tags,.excerpt .meta .pc,.excerpt .meta .zlink,.excerpt .meta time{display:none}
.excerpt .meta .post-like i{display:inline-block}
.excerpt .meta .-tags,.excerpt .meta .author,.excerpt .meta .cat,.excerpt .meta .pc,.excerpt .meta .pv,.excerpt .meta time{margin-right:10px}
}
.excerpt-full{padding-left:20px!important}
.excerpt-full .focus{float:none!important;margin-bottom:10px;margin-left:0!important;width:100%;height:240px}
@media(max-width:600px){.excerpt-full{padding-right:15px!important;padding-left:15px!important}
.excerpt-full .focus{margin-top:8px;margin-bottom:25px;height:160px}
.excerpt-full .meta{right:15px;left:15px!important}
}
.excerpt-text{padding-left:20px}
.excerpt-text .note{margin-bottom:0}
@media(max-width:600px){.excerpt-text{padding-right:15px;padding-left:15px}
.excerpt-text header{height:auto}
.m-excerpt-desc .excerpt-text .note{display:block;margin-top:3px;max-height:unset;color:var(--tb--gray);font-size:13px}
.excerpt-text .meta{position:relative;right:0;bottom:0px;left:0}
.excerpt-text .meta time{display:inline-block}
}
.excerpt-latest time{color:#ff5e52}
.sticky-icon{position:relative;top:2px;display:inline-block;margin-right:10px;padding:5px 8px 6px;border-radius:4px;background-color:#ff5e52;color:#fff;vertical-align:top;font-size:12px;line-height:1}
@media(max-width:600px){.sticky-icon{top:0;margin-right:7px;padding:3px 4px;font-size:10px}
}
/*分页*/
.pagination{padding:20px;text-align:center}
.pagination li{display:inline-block;vertical-align:top}
.pagination a,.pagination span{display:block;margin:0 3px;padding:7px 15px;border:1px solid transparent;border-radius:6px;background-color:#eee;color:#777}
.pagination a:focus,.pagination a:hover{border-color:var(--tb--main);background-color:rgba(0,0,0,0);color:var(--tb--main)}
.pagination .active a,.pagination .active span{background-color:var(--tb--main);color:#fff;cursor:default}
.pagination .disabled a,.pagination .disabled a:focus,.pagination .disabled a:hover,.pagination .disabled span,.pagination span{background-color:rgba(0,0,0,0);color:#999;cursor:default}
@media(max-width:600px){.pagination{padding:15px;font-size:12px}
.pagination li{display:none}
.pagination li.next-page,.pagination li.prev-page,.pagination li.first-page,.pagination li.last-page{display:inline-block}
.pagination li.next-page a{background-color:var(--tb--main);color:#fff}
.pagination a,.pagination span{padding:5px 11px}
}
/*侧边块*/
.widget{clear:both;position:relative;overflow:hidden;margin-bottom:20px;border-radius:6px;background-color:var(--tb--white)}
.widget h3{position:relative;margin:0;padding:10px 20px 10px 37px;border-bottom:1px solid var(--tb--line);background-color:var(--tb--tint);font-size:15px}
.widget h3::before{position:absolute;top:50%;left:20px;margin-top:-7.5px;width:4px;height:15px;border-radius:10px;background-color:var(--tb--main);content:""}
.widget ul{margin:0;padding:0;list-style:none}
.widget ul::after{clear:both;display:block;content:""}
.widget ul ul{border:none}
@media(max-width:600px){.widget{margin-bottom:0;border-radius:0}
.widget h3{padding-left:28px;font-size:14px}
.widget h3::before{left:15px;margin-top:-7px;height:14px}
}
.widget-tops{height:220px}
.widget-nav{height:44px;border-bottom:1px solid var(--tb--line);background-color:var(--tb--tint);font-weight:700;font-size:15px;line-height:44px}
.widget-nav li{float:left;padding:0 20px;border-right:1px solid var(--tb--line);color:var(--tb--gray);text-align:center;cursor:pointer}
.widget-nav li.active{background-color:var(--tb--white);color:var(--tb--base);cursor:default}
@media(max-width:600px){.widget-nav{font-size:14px}
}
/*公告及会员中心专用*/
.widget-navcontent{position:relative;clear:both}
.widget-navcontent .item{position:absolute;left:100%;padding:15px 20px 20px;width:100%;opacity:0}
.widget-navcontent .item.active{left:0;opacity:1}
.widget-navcontent .item-01 li{margin-bottom:9.5px}
.widget-navcontent .item-01 li a span{color:#ff5e52}
.widget-navcontent .item-01 li a:hover span{color:var(--tb--main)}
.widget-navcontent .item-01 time{float:right;margin-top:2px;margin-left:10px;color:var(--tb--gray);font-size:12px}
.widget-navcontent .item-01 li:first-child a{font-weight:700}
.widget-navcontent .item-02 dl{overflow:hidden;margin-bottom:20px;padding:10px 0 0 80px}
.widget-navcontent .item-02 dt{float:left;margin-left:-70px}
.widget-navcontent .item-02 dd{padding-top:6px}
.widget-navcontent .item-02 dd .text-muted{display:block;overflow:hidden;margin-top:3px;height:20px;color:#999;font-size:12px}
.widget-navcontent .item-02 .avatar{width:50px;height:50px;border-radius:100px}
.widget-navcontent .item-02 ul{overflow:hidden;padding-left:80px;color:#999}
.widget-navcontent .item-02 li{float:left;margin-bottom:8px;width:33.333333333%}
.widget-navcontent .item-02 p{text-align:center}
.widget-navcontent .item-02 p a{margin:0 5px}
.widget-navcontent .item-02 h4{margin:25px 0;text-align:center;letter-spacing:2px;font-weight:400;font-size:18px}
.widget-navcontent .item-03{text-align:center}
.widget-navcontent .item-03 h2{margin:10px 0;font-size:20px;line-height:32px}
.widget-navcontent .item-03 strong{color:#ff5e52;font-weight:400}
.widget-navcontent .item-04{text-align:center}
.widget-navcontent .item-04 h2{margin:20px 0;font-size:20px;line-height:40px}
.widget_ui_tuijian{border:none;box-shadow:0 0 5px rgba(0,0,0,.05);text-align:center}
@media(max-width:1024px){.widget_ui_tuijian img{width:100%}
}
.widget_ui_tuijian .item{position:relative;overflow:hidden}
.widget_ui_tuijian .sell{display:block;height:123px;border:solid 1px #d6d6d6;color:#999;text-align:center;font-weight:700;line-height:123px}
.widget_ui_tuijian .sell:hover{border-color:#bbb;color:#777}
.widget_ui_comments ul a{position:relative;display:block;overflow:hidden;padding:12px 20px 12px 77px;border-bottom:1px solid var(--tb--line);color:var(--tb--gray)}
.widget_ui_comments ul li:last-child a{padding-bottom:18px;border-bottom:none}
.widget_ui_comments ul a:hover{background-color:var(--tb--tint);color:var(--tb--gray)}
.widget_ui_comments strong{margin-right:10px;color:var(--tb--main);font-weight:400}
.widget_ui_comments .avatar{float:left;margin:0 0 0 -57px;width:42px;height:42px;border-radius:50%}
@media(max-width:600px){.widget_ui_comments ul a{padding-left:72px}
}
.widget_ui_texttuijian a{display:block;padding:0 20px 16px;border:1px solid transparent;border-radius:6px;}
.widget_ui_texttuijian a h2{margin-top:12px;font-weight:400;font-size:18px;color:var(--tb--main)}
.widget_ui_texttuijian a p{margin:10px 0 0;color:var(--tb--gray)}
.widget_ui_texttuijian a:hover{border-color:var(--tb--main)}
.widget_ui_texttuijian a strong{display:inline-block;margin-top:-1px;padding:6px 15px 7px;background-color:var(--tb--main);color:var(--tb--white);font-weight:400;font-size:12px}
.widget_ui_texttuijian a.style01{color:#428bca}
.widget_ui_texttuijian a.style01:hover{border-color:#428bca}
.widget_ui_texttuijian a.style01 strong{background-color:#428bca}
.widget_ui_texttuijian a.style02{color:#ff5e52}
.widget_ui_texttuijian a.style02:hover{border-color:#ff5e52}
.widget_ui_texttuijian a.style02 strong{background-color:#ff5e52}
.widget_ui_texttuijian a.style03{color:#5cb85c}
.widget_ui_texttuijian a.style03:hover{border-color:#5cb85c}
.widget_ui_texttuijian a.style03 strong{background-color:#5cb85c}
.widget_ui_texttuijian a.style04{color:#c35bff}
.widget_ui_texttuijian a.style04:hover{border-color:#c35bff}
.widget_ui_texttuijian a.style04 strong{background-color:#c35bff}
.widget_ui_texttuijian a.style05{color:var(--tb--main)}
.widget_ui_texttuijian a.style05:hover{border-color:var(--tb--main)}
.widget_ui_texttuijian a.style05 strong{background-color:var(--tb--main)}
@media(max-width:600px){.widget_ui_texttuijian{margin:0px}
}
.widget_ui_tags .items{overflow:hidden;margin-right:-3%;padding:16px 20px}
.widget_ui_tags .items a{float:left;margin-top:12px;margin-right:3%;width:30.3333333333%;font-size:14px}
.widget_ui_tags .items a:nth-child(-n+3){margin-top:0}
.widget_ui_tags .items a span{position:relative;top:-1px;margin-left:5px;color:#bbb;font-size:12px}
@media(max-width:600px){.widget_ui_tags .items{padding:12px 15px}
}
.widget_ui_posts ul{padding:0}
.widget_ui_posts li{border-bottom:solid 1px var(--tb--line)}
.widget_ui_posts li:last-child{border-bottom:none}
.widget_ui_posts li:last-child a{}
.widget_ui_posts li a{position:relative;display:block;overflow:hidden;padding:12px 20px 12px 150px}
.widget_ui_posts li a:hover{background-color:var(--tb--tint)}
.widget_ui_posts li.noimg a{padding:12px 20px}
.widget_ui_posts li a:hover .text{color:var(--tb--main)}
.widget_ui_posts .text{display:block;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.widget_ui_posts .text span{color:#ff5e52}
.widget_ui_posts a:hover .text span{color:var(--tb--main)}
.widget_ui_posts .thumbnail{position:relative;top:2px;float:left;margin-left:-130px}
.widget_ui_posts .thumbnail img{width:117px;height:79.77px;border-radius:6px}
.widget_ui_posts .thumbsmall img.thumb{width:35px;height:35px;border-radius:35px}
.widget_ui_posts .thumbsmall a{padding-left:55px}
.widget_ui_posts .thumbsmall .thumbnail{margin-left:-40px}
.widget_ui_posts .muted{display:inline-block;margin-right:15px;color:#bbb;font-size:12px}
.widget_ui_posts .nopic li a{padding:10px 15px}
.widget_ui_posts .nopic .text{margin-top:0;color:#555}
.widget_ui_posts .nopic .text:hover{color:var(--tb--main)}
@media(max-width:600px){
.widget_ui_posts li.noimg a{padding:12px 15px}
}
.widget_ui_flash{clear:both;text-align:center}
.widget_ui_flash h3{text-align:left}
.widget_ui_flash ul{padding:20px 20px;text-align:left}
.widget_ui_flash li{position:relative;margin-left:2px;padding:0 0 15px 17px;border-left:1px solid var(--tb--line)}
.widget_ui_flash li:last-child{padding-bottom:0}
.widget_ui_flash li:before{position:absolute;top:7px;left:-3px;z-index:1;border:4px solid transparent;content:"";transition:all .3s ease-in-out;border-left-width:6px;border-left-color:#95a6ff}
.widget_ui_flash li:after{position:absolute;top:6px;left:-6px;width:11px;height:11px;border-radius:100px;background-color:var(--tb--white);content:""}
.widget_ui_flash li time,.widget_ui_flash li time a{color:#999;font-size:12px}
.widget_ui_flash li h4{margin:0;font-weight:700;font-size:14px;line-height:1.5;cursor:pointer}
.widget_ui_flash li h4:hover,.widget_ui_flash li time a:hover{text-decoration:underline}
.widget_ui_flash li .note{display:none;color:gray;font-size:12px;line-height:1.7}
.widget_ui_flash li .note img{height:auto;border-radius:6px}
.widget_ui_flash li .note p{margin:0 0 4px}
.widget_ui_flash li.-on:before{left:-5px;transform:rotate(90deg)}
.widget_ui_flash .-more{display:inline-block;margin:0 auto 20px;padding:8px 30px;border-radius:50px;background-color:var(--tb--line);color:#444;font-size:14px}
.widget_ui_flash .-more:hover{background-color:var(--tb--main);color:#fff}
@media(max-width:600px){.widget_ui_flash ul{padding:15px}
}

.widget_ui_topics{background-color:rgba(0,0,0,0)}
.widget_ui_topics h3{margin-bottom:6px}
.widget_ui_topics a{overflow:hidden;display: block;width:100%;border-radius:6px;}
.widget_ui_topics .-text strong{float:left;width:80%}
.widget_ui_topics .-text li{margin-top:6px}
.widget_ui_topics .-text li:nth-child(-n+1){margin-top:0}
.widget_ui_topics .-text a{padding:14px 20px;background-color:var(--tb--white)}
.widget_ui_topics .-text a:hover,.widget_ui_topics .-text a.active{border-color:var(--tb--main);color:var(--tb--main)}
.widget_ui_topics .-text a:hover .tbfa:first-child{color:var(--tb--main)}
.widget_ui_topics .-text .tbfa:first-child{position:relative;top:1px;float:right;color:var(--tb--gray)}
.widget_ui_topics .-text .tbfa:nth-child(2){float:left;margin-right:12px}
.widget_ui_topics .-p1 a,.widget_ui_topics .-p2 a{color:#fff;text-align:center}
.widget_ui_topics .-p1 a:hover,.widget_ui_topics .-p2 a:hover{color:#fff}
.widget_ui_topics .-p1 a img,.widget_ui_topics .-p2 a img{border-radius:6px;}
.widget_ui_topics .-p1 a:hover img,.widget_ui_topics .-p2 a:hover img{opacity:.9}
.widget_ui_topics .-p1 a::before,.widget_ui_topics .-p2 a::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:-moz-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.6)));background:-webkit-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.6)));background:gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.6)));content:""}
.widget_ui_topics .-p1 strong,.widget_ui_topics .-p2 strong{position:absolute;right:12px;bottom:9px;left:12px;z-index:2;font-weight:400}
.widget_ui_topics .-p1 strong{bottom:12px;font-weight:700}
.widget_ui_topics .-p1 li{position:relative;margin-top:20px}
.widget_ui_topics .-p1 li:nth-child(-n+1){margin-top:0}
.widget_ui_topics .-p2{margin-right:-2.5%;}
.widget_ui_topics .-p2 li{position:relative;float:left;margin-top:2.5%;margin-right:2.5%;width:47.5%}
.widget_ui_topics .-p2 li:nth-child(2n){margin-right:0}
@media(max-width:600px){.widget_ui_topics{margin:10px 0px}
.widget_ui_topics .-p1 li{margin-top:15px}
}

.widget_ui_statistics ul{overflow:hidden;padding:12px 20px;color:var(--tb--gray);line-height:2.2}
.widget_ui_statistics li{float:left;width:50%}
.widget_ui_statistics li strong{color:var(--tb--base)}
@media(max-width:600px){.widget_ui_statistics ul{padding:12px 15px;line-height:2}
}
.widget_ui_service{text-align:left;clear:both;border-radius:6px;background:#16C3CA;color:#fff;line-height:150%;padding:20px;margin-bottom:15px}
.widget_ui_service img{border-radius:50%!important;border:8px solid rgba(255,255,255,.2);margin-right:10px;float:left}
/*图片商品*/
.widget_ul_products ul {display: flex;flex-flow: wrap;}
.widget_ul_products ul li{overflow: hidden;width:50%;padding: 0;}
.widget_ul_products ul li:hover img{transform:scale(1.01);opacity:.9}
.widget_ul_products ul li>div{padding: 16px;border-radius: 2px;position:relative;}
.widget_ul_products .widget-post-thumb .widget-post-thumb-product-img {height: 0;padding-top: 100%;position: relative;width: 100%;}
.widget_ul_products .widget-post-thumb .widget-post-thumb-product-img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;max-width: 100%;height: auto;object-fit: cover;border: 0;vertical-align: text-top;border-radius:6px;}
.widget_ul_products .widget-post-thumb .widget-post-title {padding: 0;height: auto;margin-top: 10px;}
.widget_ul_products .widget-post-thumb .widget-post-title h2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 8px;word-break: break-all;font-size:12px;font-weight:normal}
.widget_ul_products .widget-post-thumb .products-price{height: 30px;margin-top: 10px;display: flex;align-items: center;color:red}
.widget_ul_products .widget-post-thumb .link-overlay {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
/*图 标题 右积分 text-overflow: ellipsis;white-space: nowrap;*/
.widget_today-list ul{}
.widget_today-list ul li{display: flex;padding: 16px;border: 0;height: 68px;}
.widget_today-list ul li>a{position: absolute;display: block;margin-right: 8px;width: 36px;height: 36px;}
.widget_today-list ul li img{border-radius:6px;}
.widget_today-list ul li .user-mission-info{padding-left: 45px;display: flex;justify-content: space-between;width: 100%;align-items: center;flex: 1;}
.widget_today-list ul li .user-mission-info p{max-width:200px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.widget_today-list ul li .user-mission-info a{text-decoration: none;vertical-align: top;}
.widget_today-list ul li .user-mission-info time {font-size: 12px;color:#bcbcbc;}
/*标题顶部是图片背景和标题，下面是纯内容，类似于作者模块*/
.widget-events .-header{position: relative;display: flex;margin:0px;max-height:180px;background:var(--tb--gray);overflow: hidden;align-items: center;}
.widget-events .-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:-moz-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.6)));background:-webkit-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.6)));background:gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.6)))}
.widget-events .-banner {width: 100%;overflow: hidden;border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.widget-events .-banner img{object-fit: cover;max-width:100%}
.widget-events .-header h2{position:absolute;color:#fff;bottom:12px;left:24px;right:24px;font-size:15px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;z-index:1}

/*底部一行四列 服务项目说明*/
.lead-title{margin-bottom:40px;text-align:center}
.lead-title h3{margin:0;font-size:30px;font-weight:700}
.lead-title .desc{margin-top:12px;font-size:16px;color:#666}
@media(max-width:1024px){.lead-title h3{font-size:24px}
.lead-title .desc{font-size:14px}
}
@media(max-width:768px){.lead-title{margin-bottom:30px}
.lead-title h3{font-size:20px;font-weight:700}
}
@media(max-width:544px){.lead-title{margin-bottom:20px}
.lead-title h3{font-size:20px}
.lead-title .desc{margin-top:7px}
}
.mo-service{padding:70px 0;overflow:hidden;position:relative;z-index:2}
.mo-service ul{overflow:hidden;margin-right:-5%}
.mo-service li{text-align:center;float:left;width:20%;margin-right:5%;cursor:pointer;}
.mo-service li:hover .fa{color:var(--tb--main)}
.mo-service li:hover strong{color:var(--tb--main)}
.mo-service li:hover p{color:var(--tb--main)}
.mo-service li strong{display:block;font-size:18px;font-weight:400;margin-bottom:5px}
.mo-service li .fa{height:80px;line-height:80px;font-size:50px}
.mo-service li p{font-size:14px;margin:0;color:#999}
@media(max-width:768px){.mo-service{padding:50px 0}
.mo-service li{width:45%;margin-top:15px}
.mo-service li:nth-child(-n+2){margin-top:0}
.mo-service li .fa{height:70px;line-height:70px;font-size:42px}
.mo-service li strong{font-size:16px}
}
@media(max-width:544px){.mo-service{padding:30px 0}
.mo-service li{margin-top:10px}
.mo-service li .fa{height:50px;line-height:50px;font-size:35px}
.mo-service li strong{font-size:14px;font-weight:700;margin-bottom:2px}
.mo-service li p{color:#999;font-size:12px}
}
/*脚*/
.footer{position:relative;z-index:9;clear:both;padding:60px 0;font-size:13px;background-color:var(--tb--tint);color:var(--tb--base);overflow:hidden;}
.footer a{color:var(--tb--base)}
.footer a:hover{color:var(--tb--main)}
@media(max-width:1024px){.footer{display:none}
}
.footer-logo{font-size:18px;margin-bottom:25px}
.footer-navs{float:right;width:70%;text-align:left;font-size:0}
.footer-navs ul{font-size:13px;display:inline-block;vertical-align:top;margin-left:8%;text-align:left}
.footer-navs ul:first-child{margin-left:0}
.footer-navs ul li{margin-bottom:6px}
.footer-navs ul li strong{display:block;margin-bottom:10px;opacity:.5}
.footer-navs ul li:last-child{margin-bottom:0}
.footer-navs img{width:110px}
.footer-copyright{float:left;width:30%;line-height:1.5}
.footer-copyright h2{font-size:13px;margin:25px 0 0}
.footer-copyright img{display:inline-block;margin-top:-4px;width:15px;height:15px;margin-right:6px}
@media(max-width:544px){.footer-copyright{font-size:10px}
}
.m-menubar{display:none;z-index:9990;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--tb--white)}
.m-menubar:before{content:"1";color:transparent;position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(.5)}
.m-menubar ul{display:flex;text-align:center}
.m-menubar li{flex:1;text-align:center;font-size:11px}
.m-menubar li .fa{margin-bottom:3px;display:block;font-size:18px;font-weight:400}
.m-menubar li a{display:block;height:60px;padding-top:10px;color:var(--tb--base)}
.m-menubar li.active a,.m-menubar li a:hover{color:var(--tb--main)}
.m-menubar li.active a .fa{color:var(--tb--main)}
@media(max-width:1024px){body{padding-bottom:60px!important}
.m-menubar{display:none}.layui-fixbar{display:none}
}

.mobile-footer-menu.footer-fixed{position:fixed;bottom:0;padding-bottom:calc(constant(safe-area-inset-bottom) + 14px);padding-bottom:calc(env(safe-area-inset-bottom) + 6px)}

.mobile-footer-menu.footer-down{transform:translate(0,100%);transition:transform .5s,background-color .5s ease-out}
.mobile-footer-menu{transform:translate(0);transition:transform .5s,background-color .5s ease-out;box-sizing:border-box}
.mobile-footer-menu{position:fixed;bottom:0;left:0;right:0;width:100%;/*box-shadow:0 -1px 3px 0 rgba(26,26,26,.1);*/border-top:rgba(26,26,26,.1) 1px solid;background:var(--tb--white);padding:5px;z-index:5;flex-flow:nowrap;display:none;justify-content:space-between}
.mobile-footer-center{margin:0 auto;display:flex}
.mobile-footer-center button{width:100%;background:0 0;border:0;padding:0 12px}
.mobile-footer-menu .mobile-footer-center button i{background: #ff3657;font-size:22px;color:#fff;height:30px;display:block;text-align:center;border-radius:3px;width:40px;line-height:31px;border-radius:7px}
.mobile-footer-menu img{height:23px}
.mobile-footer-menu a{padding:0 0 4px;display:block;text-align:center;line-height:1;position:relative;width:100%}
.mobile-footer-menu a i{font-size:20px;line-height:28px}
.mobile-footer-menu a span{display:block;height:23px}
.mobile-footer-menu a b{font-size:12px;display:block;margin-top:5px;}
.mobile-footer-left,.mobile-footer-right{display:flex;justify-content:space-around;width:100%;flex:1}
.mobile-footer-menu.animateIn,.mobile-footer-menu.animateOut{transition:transform .3s}
.mobile-footer-menu a b.footer-new-msg{position:absolute;width:6px;height:6px;background:#e90005;top:-1px;right:15px;border-radius:100%;border:1px solid #fff;color:#fff;font-size:12px;line-height:12px}
@media(max-width:1024px){
.mobile-footer-menu{display:flex}
}

/*专题，图文结构*/
.topic-items{overflow:hidden;min-height:800px}
.topic-items h1{display:none}
.topic-items ul{margin-right:-1.55%}
.topic-items ul>li{display:inline-block;overflow:hidden;margin-right:1.55%;margin-bottom:20px;width:31.7833333333%;border-radius:6px;background-color:var(--tb--white);vertical-align:top}
.topic-items ul>li .-pic{position:relative;display:flex;max-height:200px;overflow:hidden; justify-content:center;align-items:center}
.topic-items ul>li .-pic::before{position:absolute;z-index:1;width:100%;height:100%;background:-moz-gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-webkit-gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));content:""}
.topic-items ul>li .-pic img{border-radius:6px 6px 0 0;transition:all .3s ease-in-out;}
.topic-items ul>li .-pic-only{overflow:hidden;border-radius:6px}
.topic-items ul>li .-pic-only img{border-radius:6px}
.topic-items ul>li .-info{position:absolute;right:0;bottom:0;left:0;z-index:2;margin:0 20px 15px;color:#fff}
.topic-items ul>li .-info h2{margin:5px 0 0;font-weight:700;font-size:18px}
.topic-items ul>li .-info dfn{display:block;margin-bottom:0;font-weight:400;font-style:normal;font-size:14px}
.topic-items ul>li .-info dfn i{margin-right:5px}
.topic-items ul>li .-desc{display:-webkit-box;overflow:hidden;margin-top:3px;margin-bottom:3px;max-height:38px;font-size:14px;opacity:.8;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:100%}
.topic-items ul>li .-pic:hover img{opacity:.9}
.topic-items .-list{padding:10px 0}
.topic-items .-list ol{list-style:none}
.topic-items .-list ol a{display:block;overflow:hidden;padding:5px 20px 5px 100px}
.topic-items .-list ol a.text{padding:5px 20px 5px 20px!important}
.topic-items .-list ol img{float:left;margin-right:12px;margin-left:-80px;width:80px;border-radius:6px}
.topic-items .-list ol span{display:block;display:-webkit-box;overflow:hidden;margin-top:7px;max-height:40px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.topic-items .-more{display:block;margin:10px 20px;height:36px;border-radius:6px;background-color:var(--tb--line);text-align:center;line-height:36px}
.topic-items .-more:hover{background-color:var(--tb--main);color:#fff}
.topic-items+.pagination{padding-top:10px}
@media(max-width:768px){.topic-items{margin-top:0;min-height:auto}
.topic-items ul>li{margin-bottom:15px;width:48%}
}
@media(max-width:600px){.topic-items{margin:15px 5px 0}
.topic-items ul{margin-right:0}
.topic-items ul>li{margin-bottom:15px;width:100%}
.topic-items ul>li .-info h2{font-size:17px}
.topic-items ul>li .-info dfn{font-size:12px}
.topic-items ul>li .-info dfn .fa{margin-right:7px}
.topic-items ul>li .-desc{max-height:auto;font-size:12px;line-height:1.5}
.topic-items+.pagination{padding-top:5px}
.topic-items+.pagination ul>li{display:inline-block}
}
/*正文*/
.single .content{padding:30px 30px;border-radius:6px;background-color:var(--tb--white)}
@media(max-width:600px){.single .content{padding:0 15px;border-radius:0}
}
.article-header{margin-bottom:30px;text-align:center}
@media(max-width:600px){.article-header{margin-bottom:0;padding:12px 0 15px;text-align:left}
}
.article-title{font-size:25px}
.article-title span{color:#ff5e52}
@media(max-width:600px){.article-title{font-size:20px}
}
.article-meta{margin-top:10px;color:#999}
.article-meta .item{margin-right:20px}
@media(max-width:600px){.article-meta{margin-top:5px;font-size:12px}
.article-meta .item{margin-right:10px}
.article-meta .item:nth-child(2){display:none}
}
.article-content-fold{position:relative;overflow:hidden}
.article-content-fold .-fold{position:absolute;right:0;bottom:0;left:0;z-index:9;height:250px;background-image:-webkit-linear-gradient(rgba(255,255,255,0),#fff);text-align:center}
.article-content-fold .-fold span{display:inline-block;margin-top:180px;padding:9px 30px;border:1px solid var(--tb--main);border-radius:100px;color:var(--tb--main);font-size:14px;line-height:1.5;cursor:pointer}
.article-content-fold .-fold span:hover{opacity:.88}
.darking .article-content-fold .-fold{background-image:-webkit-linear-gradient(rgba(255,255,255,0),#14181b)}
@media(max-width:600px){.article-content-fold .-fold{height:200px}
.article-content-fold .-fold span{margin-top:140px;font-size:12px}
}
.article-content{word-wrap:break-word;font-size:16px;line-height:1.8}
.article-content::after{clear:both;display:block;content:""}
.article-content img{display:block;margin:0 auto;height:auto;max-width:100%}
.article-content h1{font-size:24px}
.article-content h2{font-size:22px}
.article-content h3{font-size:20px}
.article-content h4{font-size:18px}
.article-content h5{font-size:16px}
.article-content h6{font-size:16px}
.article-content p{margin:20px 0;word-wrap:break-word;}
.article-content blockquote p{text-indent:0px}
.article-content a{color:var(--tb--base);text-decoration:underline}
.article-content a:hover{color:var(--tb--main);opacity:.85}
.article-content ul, .article-content ol {margin: 0 0 25px 13px;}
@media(max-width:600px){.article-content{font-size:16px;line-height:1.7}
}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:20px 0;padding:0;font-weight:700;line-height:1.4}
.article-content h2{position:relative;padding-bottom:10px;padding-left:22px;border-bottom:1px solid var(--tb--line)}
.article-content h2::before{position:absolute;top:5px;bottom:13px;left:0;width:5px;border-radius:10px;background-color:var(--tb--main);content:""}
.article-content h2[style*=center]{padding-bottom:10px;padding-left:0}
.article-content h2[style*=center]::before{top:auto;bottom:-1px;left:50%;margin-left:-16px;width:32px;height:5px}
.article-content h2[style*=right]{padding-right:22px;padding-left:0}
.article-content h2[style*=right]::before{right:0;left:auto}
.article-content h3{position:relative;padding-bottom:10px;padding-left:22px;border-bottom:1px solid var(--tb--line)}
.article-content h3::before{position:absolute;top:5px;bottom:13px;left:0;width:5px;border-radius:10px;background-color:var(--tb--gray);content:""}
@media(max-width:600px){.article-content h1{font-size:22px}
.article-content h2{font-size:20px}
.article-content h3{font-size:18px}
.article-content h4{font-size:16px}
.article-content h5{font-size:16px}
.article-content h6{font-size:16px}
}
.Diggbox{margin:20px auto;text-align:center}
.article-tags{margin-bottom:40px;color:#999;text-align:center}
.article-tags a{display:inline-block;margin:0 5px 5px 0;padding:5px 12px;border-radius:6px;background-color:var(--tb--main);color:#fff;font-size:14px;opacity:.65}
.article-tags a::before{content:"#"}
.article-tags a:hover{color:#fff;opacity:1}
@media(max-width:600px){.article-tags{margin-bottom:20px;text-align:center}
}
.article-nav{overflow:hidden;margin-bottom:40px;color:var(--tb--gray);font-size:12px;word-break:break-word}
.article-nav span{position:relative;float:left;width:50%}
.article-nav .article-nav-next{float:right;text-align:right}
.article-nav .article-nav-next::before{position:absolute;top:0;left:0;display:block;width:1px;height:100%;background-color:var(--tb--line);content:""}
.article-nav a{display:inline-block;margin-right:10px;font-size:14px}
.article-nav .article-nav-next a{margin-right:0;margin-left:10px}
@media(max-width:600px){.article-nav{margin-bottom:20px}
}
.post-copyright-custom{margin-bottom:40px;padding:18px 20px;border:1px solid var(--tb--line);border-radius:6px;background-color:#fdfdfd;color:var(--tb--gray)}
.post-copyright-custom a{color:var(--tb--gray)}
.darking .post-copyright-custom{background-color:var(--tb--tint)}
@media(max-width:600px){.post-copyright-custom{display:none}
}
/*相关*/
.relates ul{overflow:hidden}
.relates li{position:relative;word-break:break-word}
.relates a span{color:#ff5e52}
.relates a:hover span{color:var(--tb--main)}
.relates-text{margin-bottom:28px}
.relates-text li{margin-bottom:12px;padding-left:17px}
.relates-textcol2{margin-bottom:28px}
.relates-textcol2 ul{margin-right:-5%}
.relates-textcol2 li{display:inline-block;margin-right:5%;margin-bottom:12px;padding-left:17px;width:45%;vertical-align:top}
@media(max-width:600px){.relates-textcol2 ul{margin-right:0}
.relates-textcol2 li{margin-right:0;width:auto}
}
.relates-text li:before,.relates-textcol2 li:before{position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:10px;background-color:#999;content:""}
.relates-imagetext{margin-bottom:20px}
.relates-imagetext ul{margin-right:-2.5%}
.relates-imagetext li{display:inline-block;margin-right:2.5%;margin-bottom:20px;width:22.5%;vertical-align:top}
@media(max-width:768px){.relates-imagetext li{width:30.8333333333%}
}
.relates-imagetext li a:first-child{display:flex;height:127.48px}
.relates-imagetext img{margin-bottom:8px;border-radius:6px;flex:1;-o-object-fit:cover;object-fit:cover}
@media(max-width:600px){.relates-imagetext ul{margin-right:-3%}
.relates-imagetext li{margin-right:3%;margin-bottom:15px;width:47%}
}

/*广告框*/
.orbui{position:relative;overflow:hidden;text-align:center}
.orbui img{max-width:100%}
.orbui-post{margin-bottom:30px}
a.tbas{border:2px dashed var(--tb--line);padding:40px 15px;font-size:14px;background-color:var(--tb--white);display:block;text-decoration:none;color:var(--tb--base);font-weight:bold;text-align:center;}
a.tbas:hover{border-color:var(--tb--main);color:var(--tb--main);}
@media (max-width:600px){
a.tbas{font-size:12px;padding:25px 15px;}
.orbui-post{margin-bottom:15px}
}
/*评论*/
#comments{margin-bottom:15px;font-size:16px}
#comments b{font-weight:400;font-size:14px}
#respond{padding-bottom:15px}
@media(max-width:600px){#respond{width:100%}
#respond::after{clear:both;display:block;content:""}
}
#postcomments,#respond{position:relative}
#commentform{margin-bottom:5px;overflow:hidden}
.comment-turnstile{float:right}
.comt+.comment-turnstile{margin-top:15px}
.comt{position:relative;padding-left:46px}
@media(max-width:600px){.comt{padding-left:0}
}
.comt-title{float:left;margin-left:-46px;width:36px;color:#999;text-align:center;font-size:12px}
.comt-title .avatar{margin-bottom:5px;width:36px;height:36px;border-radius:50%}
.comt-title p{margin-bottom:0}
@media(max-width:600px){.comt-title{float:none;overflow:hidden;margin-bottom:10px;margin-left:0;width:auto}
.comt-title .avatar{display:inline-block}
}
.comt-box{position:relative;border:1px solid #ddd;border-radius:6px;background-color:var(--tb--white)}
.darking .comt-box{border-color:var(--tb--tint)}
.comt-ctrl{height:36px;border-top:solid 1px #f2f2f2;border-radius:0 0 6px 6px;background-color:#fbfbfb}
.darking .comt-ctrl{border-top:solid 1px var(--tb--line);background-color:var(--tb--tint)}
#submit{position:absolute;right:-1px;bottom:-1px;padding:0;width:100px;height:37px;outline:0;border:none;border-radius:0 0 6px 0;background:var(--tb--main);color:#fff;font-size:14px;cursor:pointer}
.comt-area{display:block;overflow-x:hidden;overflow-y:auto;padding:10px 12px;width:100%;height:77px;outline:0;border:none;border-radius:6px;background-color:var(--tb--white);color:#666;font-size:14px;resize:none}
.hide{display:none}


.comment{position:relative}
.comment #respond{padding:10px 0 15px 46px}
.comment #commentform{margin-bottom:0}
.commentlist{margin:0;padding:0;list-style:none}
.comt-avatar{position:relative;float:left;display:inline;margin-top:19px;width:36px;height:36px;background-color:var(--tb--white)}
@media(max-width:600px){.comt-avatar{float:left;margin-right:5px;width:30px;height:30px}
}
.comt-avatar .avatar{display:block;width:36px;height:36px;border-radius:50%}
@media(max-width:600px){.comt-avatar .avatar{width:30px;height:30px;border-radius:50%}
}
.comt-main{position:relative;overflow:hidden;margin-right:60px;margin-left:46px;padding:0 0 15px;word-wrap:break-word}
@media(max-width:600px){.comt-main{margin-right:40px;margin-left:40px}
}
.comt-main p{margin-top:15px;margin-bottom:0}
.comt-main p a{color:var(--tb--main)}
.comt-main p a:hover{text-decoration:underline}
.comt-author{margin-right:10px}
@media(max-width:600px){.comt-author{display:inline-block}
}
.url{color:var(--tb--main)}
.url:hover{color:var(--tb--main);text-decoration:underline}
.comt-meta{margin-top:3px;color:var(--tb--gray);font-size:12px}
.comment-reply-link{display:inline-block;margin-left:10px;color:var(--tb--gray);font-size:12px}
@media(max-width:600px){.comment-reply-link{position:relative;top:0;display:inline-block;margin-left:10px}
}
.depth-1{border-bottom:var(--tb--line) 1px solid}
.comment .children{padding:0;list-style:none}
.comment .children .comment{margin:0;border-top:1px solid var(--tb--line)}
.commentlist>.comment .children{margin-left:46px}
@media(max-width:600px){.commentlist>.comment .children{margin-left:0}
}
@media(max-width:600px){.commentlist>.comment.depth-1>.children{margin-left:46px}
}
.comt-f{position:absolute;top:15px;right:0;color:#ccc;font-size:14px}
@media(max-width:600px){.comt-f{top:17px;font-size:12px}
}
.comment:hover .comt-f{color:#666}
/*热门标签页*/
.tags-page ul{display:flex;flex-flow:wrap}
.tags-page ul li{width:16.66667%}
@media screen and (max-width: 768px){
	.tags-page ul li {width: 33.333333%;}
}
.tags-page ul li a{display:block;padding:20px 10px;text-align:center;border-radius:3px}
.tags-page ul li a{background-color:#35bdc7;border:2px solid rgba(255,255,255,0)}
.tags-page ul li a:hover{box-shadow:0 3px 10px #ccc;border:2px solid #fff}
.tags-page ul li:nth-child(7n+2) a{background-color:#fca61e}
.tags-page ul li:nth-child(7n+3) a{background-color:#e65a4f}
.tags-page ul li:nth-child(7n+4) a{background-color:#a1c15c}
.tags-page ul li:nth-child(7n+5) a{background-color:#76cba2}
.tags-page ul li:nth-child(7n+6) a{background-color:#8f82bc}
.tags-page ul li:nth-child(7n+7) a{background-color:#f29c9f}
.tags-page ul li h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;height:25px;overflow:hidden;margin-bottom:10px;font-weight:600;font-size:17px;color:#fff}
.tags-page ul li p{font-size:12px;color:rgba(255,255,255,.63)}
.tags-page h1{font-size:28px;text-align:center;margin:30px 0}
.tags-page ul li .box{transition:initial;box-shadow:0 3px 3px rgba(26,26,26,.1);transform:translateY(10px);box-sizing:border-box,overflow:hidden;margin:16px}

/*几种特殊页面*/
.pagecontainer{clear: both;margin-top: 22.5px;position: relative;padding-left: 230px;min-height:80vh}
.pagecontainer>i{display:none}
.pagemenus {position: absolute;top: 0;left: 0;width: 220px;background-color: var(--tb--white);border-radius: 5px;padding: 13px 15px;}
.pagemenus ul {margin: 0;padding: 0;list-style: none;}
.pagemenus>ul>li>a {font-weight: bold;}
.pagemenus ul a{display: block;padding: 10px 15px;margin: 2px 0;border-radius: 5px;}
.pagemenus ul .active>a {background-color: var(--tb--main);color: var(--tb--white);font-weight: bold;}
.pagemenus .sub-menu>li>a {padding-left: 29px}
.pagecontent {margin-bottom:20px;overflow: hidden;background-color: var(--tb--white);border-radius: 6px;padding: 30px}
.pagecontent-header {margin-bottom: 45px;text-align: center}
.pagecontent-header h1 {position: relative;margin: 0;line-height: 1.6;font-size: 24px;display: inline-block;letter-spacing: 2px}
.pagecontent-header h1::before {content: "";position: absolute;bottom: -5px;left: 50%;width: 20px;height: 2px;margin-left: -10px;background-color: var(--tb--main)}
@media (max-width: 768px){.pagecontainer {padding-left: 195px;margin-top: 15px;}
.pagemenus {width: 180px;padding: 5px 0;}
.pagemenus ul .active>a {border-radius:0}
.pagecontent {padding:21px}
.pagecontent-header h1 {font-size:18px}
.pagecontent-header h1::before {width: 18px;margin-left: -18px/2}
}
@media (max-width: 600px){.pagecontainer{padding-left: 0;margin-left: 0px;margin-right: 0px;margin-top: 7.5px;}
.pagecontainer>i{width:50px;font-size:24px;position:fixed;top:90px;left:15px;z-index:999;display:block}
.pagemenus {width: auto;position: fixed;top:90px;bottom:50px;left:0;margin-bottom: 7.5px;padding: 13px 15px;border-radius: 0;display:none;z-index:99;overflow-y:auto}
.pagemenus ul .current-menu-item>a {border-radius:5px}
.pagecontent {padding:5px;border-radius: 0}
.pagecontent-header {margin-bottom:22.5px}
.pagecontent-header h1 {font-size:18px}
.pagecontent-header h1::before {width: 16px;margin-left: -16px/2}
}
.bgwhite{background-color:var(--tb--white)}
/*商品搜索布局*/
.so-product-wrap{float:left;width:100%}
.so-product-content{background-color:var(--tb--white);position:relative;margin-right:280px;margin-bottom:20px;min-height:600px}
@media(max-width:1024px){.so-product-content{margin-right:0}
}
@media(max-width:600px){.so-product-content{margin-bottom:10px;min-height:auto}
}
.so-product-sidebar{position:relative;float:left;margin-left:-260px;width:260px;}
.so-product-sidebar-content{padding:15px;border-radius:6px;background-color:var(--tb--white)}
.so-product-sidebar-content h2{padding:0 0 10px 0;font-size:16px;font-weight:bolod}
.so-product-sidebar-content h3{font-size:14px;}
@media(max-width:1024px){.so-product-sidebar{display:none}
}
.so-product-filters{position:relative;padding:20px;margin-bottom:5px;line-height:28px}
.so-product-filters a{background:var(--tb--tint);padding:5px;margin-right:5px;}
.so-product-filters a:hover{background:var(--tb--main);color:#fff;}
.so-product-list table{}
.so-product-list table td{border:0}
/*商品搜索布局 筛选按钮*/
@media(max-width:1024px){.so-product-shaixuan {display: block!important;position: fixed;z-index: 999;top: 128px;right: 0;width: 42px;height: 32px;line-height: 32px;margin-top: -16px;border-radius: 3px;text-align: center;color: #fff;cursor: pointer;box-shadow: 1px 1px 16px rgba(0,0,0,.16);}

/*点击筛选按钮后，把so-product-sidebar添加绝对定位，显示出来*/
.so-product-sidebar.show{display:block;position: fixed;width:260px;top:110px;right: 0;margin-left:0;float:none;z-index: 998;} 
}
/*商品搜索列表*/
.so-product-showbox{border:var(--tb--line) 1px solid;position:relative;border-radius:6px;margin:10px;padding:20px;display:flex;display: -webkit-flex; /* Safari */overflow: hidden;}
.so-product-showbox:hover{border:var(--tb--main) 1px solid;background:var(--tb--tint)}
@media(max-width:1024px){.so-product-showbox{margin:5px;padding:10px;}
}
.so-product-showbox .-showbox-pic{width:20%;padding:10px;}
.so-product-showbox .-showbox-p{width:80%;padding:10px}
.so-product-showbox .-showbox-p h2{display:-webkit-box;overflow:hidden;margin:0px 0px 15px;height:42px;font-weight:400;font-size:14px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.so-product-showbox .-showbox-p .-showbox-des{font-size:10px;line-height:100%;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.so-product-showbox .-showbox-p .-showbox-span{display:flex;display: -webkit-flex;justify-content:space-between;align-items:center ;}
.so-product-showbox .-showbox-p .-showbox-span .-showbox-span-brands{}
.so-product-showbox .-showbox-p .-showbox-span .-showbox-span-price{font-size:12px;margin-right:15px;}
.so-product-showbox .-showbox-p .-showbox-span .-showbox-span-price b{font-size:16px;}
.so-product-showbox .-showbox-p .-showbox-span .-showbox-span-addcart a{font-size:16px;}
/*产品列表*/
.product-container{position:relative;margin-bottom:20px;padding-left:260px}
.product-container::after{clear:both;display:block;content:""}
@media(max-width:600px){.product-container{margin:0;padding:0}
}
.product-side{float:left;margin-left:-260px;width:240px}
@media(max-width:600px){.product-side{position:relative;float:none;margin-right:0px;margin-bottom:15px;margin-left:0px;width:auto}
}
.product-filters{overflow:hidden;border-radius:6px;background-color:var(--tb--white)}
.product-filters h3{position:relative;overflow:hidden;margin:0 0;padding:20px 20px 10px;font-weight:700;font-size:14px}
.product-filters h3 i{display:inline-block;margin-right:5px;width:14px;height:14px}
.product-filters h3 .product-filters-more{position:absolute;top:0;right:0;z-index:2;display:none;width:44px;height:44px;text-align:center;line-height:44px;cursor:pointer}
.product-filters h3 .product-filters-more i{margin-right:0}
.product-filters .product-filters-all{float:right;font-weight:400;font-size:12px}
.product-filters ul{display:block;margin:0;padding:0;list-style:none}
.product-filters ul ul{padding-left:28px}
.product-filters ul li{position:relative;margin:10px 0;font-size:13px}
.product-filters ul li .childrengo{position:absolute;top:0;right:0;padding:5px;line-height:1;cursor:pointer;transition:all .3s ease-in-out}
.product-filters ul li::after{position:absolute;top:10px;right:102%;left:-300px;height:0;border-top:1px solid var(--tb--line);content:""}
.product-filters ul li .children{display:none}
.product-filters ul li.active a{color:var(--tb--main)}
.product-filters ul li.active>.childrengo{transform:rotate(-90deg)}
.product-filters ul li.active>.children{display:block}
.product-filters ul .current-cat>a{color:#0ae;font-weight:700}
.product-filters ul a{position:relative;top:1px;display:inline-block;font-size:14px}
.product-filters>ul{position:relative;overflow:hidden;margin:0 15px 15px 20px;padding-left:14px}
.product-filters>ul::before{position:absolute;top:12px;bottom:10px;left:0;width:0;border-left:1px solid var(--tb--line);content:""}
@media(max-width:600px){.product-filters{border-radius:0}
.product-filters h3 .product-filters-more{display:block;width:41px;height:41px;line-height:41px}
.product-filters .product-filters-all{position:absolute;top:0;right:0;z-index:2;margin-right:41px;width:41px;height:41px;text-align:center;line-height:41px}
.product-filters>ul{display:none;margin:0 15px 10px 20px}
.product-filters h3{padding:10px 15px}
}
.product-content{position:relative;margin-right:-2.05%}
.product-content .layui-row{display:inline-block;}
.product-content .layui-table-view{clear:none}
@media(max-width:768px){.product-content .layui-row{display:block;}
.product-content .layui-row::after, .product-content .layui-row::before{display:inline-block;}
.product-content .layui-row::before{position: absolute;top: 0;left: 0;width: 100%;height: 0px;background-color:rgb(0, 0, 0,0.8)}
.product-content .layui-table-view{clear:both;}
}
@media(max-width:600px){.product-content{margin-right:0%;margin-left:3%}
.product-container .product-content{margin-right:0%;margin-left:0%}
}
.product-content .-item{position:relative;display:inline-block;overflow:hidden;margin-right:2.05%;margin-bottom:2.05%;width:22.95%;border-radius:6px;background-color:var(--tb--white);vertical-align:top;text-align:center}
.product-content .-item:hover{border-color:#ddd;border-bottom-color:#d6d6d6}
.product-content .-item h2{display:-webkit-box;overflow:hidden;margin:12px 15px 0px;height:42px;font-weight:400;font-size:14px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-content .-item .thumbnail{display:flex;overflow:hidden;border-radius:0;width:100%;}
.product-content .-item .thumb{width:100%;transition:all .4s}
.product-content .-item:hover img{transform:scale(1.2)}
.product-content .-item footer{margin:5px 0 15px;color:#bbb;font-size:12px}
.product-content .-item .price{color:#ff5e52}
@media(max-width:1024px){.product-content .-item{width:47.5%}
}
@media(max-width:600px){.product-content .-item{margin-right:3%;margin-bottom:3%;width:47%;border:none}
}
/*产品块 图片展示*/
.content-pic{position:relative;display:inline-block;overflow:hidden;width:100%;border-radius:6px;background-color:var(--tb--white);vertical-align:top;text-align:center}
.content-pic:hover{border-color:var(--tb--gray);}
.content-pic h2{display:-webkit-box;overflow:hidden;margin:12px 15px 0px;height:42px;font-weight:400;font-size:14px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.content-pic .thumbnail{display:flex;overflow:hidden;border-radius:0;width:100%;}
.content-pic .thumb{width:100%;transition:all .4s;border-radius:6px;}
.content-pic .thumbnail-index{display:block;overflow:hidden;border-radius:0;width:100%;}
.content-pic:hover img{transform:scale(1.2)}
.content-pic div.span{margin:5px 0 15px;color:var(--tb--gray);font-size:12px}
.content-pic .price{color:#ff5e52;font-size:16px}
@media(max-width:768px){.content-pic{display:flex;text-align:left}
.content-pic .thumbnail{width:20%;padding-left:5px}
.content-pic .thumb{width:100%;align-self: center;border-radius:3px;}
.content-pic div.p{width:80%}
.content-pic div.span{margin:5px 15px 10px;}
.content-pic .price{font-size:14px}
}

/*产品详情*/
.theme-item-focus{overflow:hidden;position:relative;padding:20px;margin-bottom:20px;border-radius:8px;background:var(--tb--white);}
.theme-item-sidebar{float:left;width:34%;position:relative}
.theme-item-fcontent{float:left;width:48%;margin-left:3%}
.theme-item-fcontent h1{margin:0 0;font-size:24px;font-weight:700}
.theme-item-fcontent h3{margin:10px 0 0;font-size:14px;line-height:1.5;text-align:justify;font-weight:700}
.theme-item-fcontent h4{margin:10px 0 0;font-size:12px;display:inline-block;color:var(--tb--main);font-weight:normal}
.theme-item-brand{float:right;width:12%}
.theme-item-brand1{color:var(--tb--gray);background-color:var(--tb--tint);padding:19px 15px;border-radius:8px;text-align:center;margin-bottom:12px;font-size:12px}
.theme-item-brand1 .fa{height:50px;font-size:50px;color:var(--tb--main);margin-bottom:5px}
.theme-item-brand1 p{margin:0 0 10px;line-height:1.5}
.theme-item-brand2{color:var(--tb--gray);background-color:var(--tb--tint);padding:19px 15px;border-radius:8px;text-align:center;font-size:12px}
.theme-item-brand2 h4{margin:0 0 10px;font-size:12px;color:var(--tb--dark)}
.theme-item-brand2 p{margin:0;color:var(--tb--gray);line-height:1.5}
.theme-item-brand2 img{border-radius:50%;width:60px;height:60px;display:block;margin:0 auto 10px}
.theme-item-image{position:relative;border:1px solid var(--tb--line);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;height:386px}
.theme-item-image img{max-height:300px;}
.theme-demo-qrcode{position:absolute;bottom:1px;left:1px;border-right:1px solid var(--tb--line);border-top:1px solid var(--tb--line);width:94px;text-align:center;background-color:var(--tb--white);padding:5px;border-radius:0 0 0 8px}
.theme-demo-qrcode small{display:block;font-size:12px;margin-bottom:3px}
@media(max-width:1024px){.theme-demo-qrcode{display:none}
}
.theme-item-preview{position:relative;margin-top:5px;bottom:-15px;padding:0px 20px}
@media(max-width:1024px){.theme-item-preview{margin-left:20px;margin-top:20px;bottom:0}
}
.theme-item-counter{float:right;margin-top:1;color:#bbb;font-size:0}
.theme-item-counter span{font-size:12px;display:inline-block;border-radius:4px;padding:0 9px;line-height:25px;color:#fff;margin-left:5px;text-align:center}
.theme-item-counter span:nth-child(1){background-color:#21cd90}
.theme-item-counter span:nth-child(2){background-color:#2eb3e2}
.theme-item-counter span:nth-child(3){background-color:#8d9298}
@media(max-width:544px){.theme-item-counter{float:none;position:relative;top:45px}
.theme-item-counter span{margin:0 5px 0 0;line-height:18px;font-size:10px;padding:0 5px}
}
.theme-item-price{margin:10px 0;padding:15px 0;border-top:1px dotted var(--tb--line);border-bottom:1px dotted var(--tb--line)}
.theme-item-price h5{font-size:14px;color:var(--tb--main);line-height:45px;margin:0;font-weight:700}
.theme-item-price .marketprice{float:right;font-size:14px;text-decoration:line-through;color:var(--tb--gray)}
.theme-item-price strong{float:right;font-size:30px;line-height:1;color:var(--tb--main)}
.theme-item-price strong dfn{font-weight:700;font-style:normal;font-size:16px;position:relative;top:-4px;margin-right:7px}
.theme-item-service{margin-bottom:30px}
.theme-item-service:after,.theme-item-service:before{display:table;content:"";line-height:0}
.theme-item-service:after{clear:both}
.theme-item-service h6{font-size:14px;line-height:1;margin-bottom:15px;font-weight:700}
.theme-item-service li{float:left;width:50%;font-size:14px;margin-bottom:7px}
.theme-item-service li .fa{position:relative;top:1px;color:var(--tb--dark);display:inline-block;width:16px;height:16px;font-size:16px;margin-right:7px}
.theme-item-orderarea{font-size:0}
.theme-item-orderarea .btn{margin-right:10px}
/*选择仓库*/
.add-to-cart-com{border-top:var(--tb--gray) 1px solid;border-bottom:var(--tb--gray) 1px solid;padding-top:15px;margin-top:15px;}
/*按数量添加购物车*/
.variation-add-to-cart{display: flex;gap: 10px;margin-top: 24px}
@media(max-width:768px){
.variation-add-to-cart{background:var(--tb--white);bottom: 0;flex-wrap: wrap;justify-content: space-between;margin: 0;padding: 10px 15px;position: fixed;right: 0;width: 100%;z-index: 9999}
.variation-add-to-cart .quantity .layui-input{}
.variation-add-to-cart .product-cart-btn .layui-btn{padding:0 10px!important;font-size:12px!important;}
}
.role-admin .theme-contentbox{margin-left:0}
.role-admin .theme-menubar{display:none}
.theme-item-sidebox{position:absolute;top:0;left:15px;width:350px}
.theme-item-contentbox{position:relative;margin-left:370px;min-height:800px;background-color:var(--tb--white);}
.theme-item-menubar-wrap{top:0}
@media(max-width:1024px){.theme-item-menubar-wrap{top:95px}}
@media(max-width:768px){.theme-item-menubar-wrap{top:50px}}
.theme-item-menubar{position:relative;z-index:9;background-color:var(--tb--white);font-size:18px;border-radius:8px 8px 0 0;padding-top:15px;font-weight:700}
.theme-item-menubar .container{padding:0}
.theme-item-menubar .btn{display:none}
.theme-item-menubar h2{display:none}
.theme-item-menubar ul:after,.theme-item-menubar ul:before{display:table;content:"";line-height:0}
.theme-item-menubar ul:after{clear:both}
.theme-item-menubar ul li{cursor:pointer;float:left;position:relative;line-height:1;padding:20px 30px;margin-left:10px}
.theme-item-menubar ul li:hover{color:var(--tb--main)}
.theme-item-menubar ul li.active{color:var(--tb--main);font-weight:700}
.theme-item-menubar ul li.active::after{content:"";position:absolute;bottom:6px;left:50%;margin-left:-12px;width:24px;height:4px;border-radius:10px;background-color:var(--tb--main)}
.theme-item-menubar .theme-qrcode{display:none}
.theme-item-intro{background-color:var(--tb--white);border-radius:8px;padding:30px 30px 30px 0;margin-bottom:20px}
.theme-item-intro dl{padding-top:8px;padding-bottom:8px;padding-left:115px;clear:both}
.theme-item-intro dl.col2{float:left;width:50%;clear:none}
.theme-item-intro dt{float:left;margin-left:-115px;width:115px;font-weight:400;color:var(--tb--gray);text-align:right}
.theme-item-intro dd{margin-bottom:0}
.theme-itembox{background-color:var(--tb--white);display:none}
.theme-itembox center{text-align:center;line-height:2;font-size:16px;margin:30px 0}
@media(max-width:768px){.theme-itembox center{margin:20px 0;font-size:14px;text-align:left}
}
.theme-item-functions{background-color:var(--tb--white);border-radius:8px;padding:0 40px 50px;margin-bottom:20px;line-height:1.5;overflow:hidden}
.theme-item-functions h2{margin:100px 0 0;font-size:22px;text-align:center;font-weight:700;position:relative}
.theme-item-functions h2:before{content:"";position:absolute;top:-50px;left:0;right:0;height:1px;background-color:var(--tb--line)}
.theme-item-functions h3{margin:12px 0 0;text-align:center;font-size:15px;color:var(--tb--gray);font-weight:normal}
.theme-item-functions ol{margin-right:-8%;font-size:0;cursor:default;overflow:hidden}
.theme-item-functions ol li{vertical-align:top;width:42%;margin-top:30px;margin-right:8%;display:inline-block;font-size:14px;position:relative;color:var(--tb--gray);padding-left:40px;text-align:justify;height:71px;overflow:hidden}
.theme-item-functions ol li .fam{font-size:15px;line-height:25px;width:25px;height:25px;color:var(--tb--white);background-color:var(--tb--gray);border-radius:8px;text-align:center;float:left;margin-left:-40px}
.theme-item-functions ol li strong{display:block;margin-top:2px;margin-bottom:5px;color:var(--tb--base);font-size:14px;transition:all .3s ease-in-out}
.theme-item-functions ol li:hover .fam{color:var(--tb--white);background-color:var(--tb--main)}
.theme-item-functions ol li:hover strong{color:var(--tb--main)}
.theme-item-functions ul{font-size:0;text-align:justify}
.theme-item-functions ul li{margin-top:20px;padding-left:20px;vertical-align:top;font-size:14px;position:relative;color:var(--tb--gray);border-radius:4px}
.theme-item-functions ul li strong{font-size:14px;color:var(--tb--base)}
.theme-item-functions ul li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:var(--tb--gray);border-radius:10px}
.theme-item-functions ul li:hover{color:var(--tb--main)}
.theme-item-container{padding:30px 40px;margin-bottom:20px;line-height:1.8;background-color:var(--tb--white);border-radius:8px}
.theme-item-container .theme-title{margin-bottom:30px;text-align:center}
.theme-item-container a{color:var(--tb--main);text-decoration:underline}
.theme-item-container a:hover{opacity:0.8}
.theme-item-container h2{line-height:inherit;font-weight:700;font-size:20px;margin:0 0 15px}
.theme-item-container h3{line-height:inherit;font-size:17px;font-weight:700;margin:30px 0 10px}
.theme-item-container h4{line-height:inherit;font-size:14px;font-weight:700;margin:0 0 15px}
.theme-item-container ul{list-style:disc;margin-left:40px;margin-bottom:15px}
.theme-item-container ol{list-style:decimal;margin:0 0 15px 16px}
.theme-item-container li{margin-bottom:5px}
.theme-item-container p{margin-bottom:15px}


@media(max-width:1200px){.theme-item-fcontent{width:62%}
.theme-item-brand{display:none}
}
@media(max-width:1024px){.theme-item-sidebar{width:auto;float:none;margin-bottom:15px}
.theme-item-fcontent{padding:0 15px;width:auto;margin-left:0;float:none}
.theme-item-sidebox{position:relative;left:0;width:auto}
.theme-item-contentbox{min-height:auto;margin-left:0}
.theme-item-focus{padding:15px 0}
.theme-item-image{border:none;border-radius:0;height:auto;display:block;padding:0;text-align:center}
.theme-item-image a{display:block}
.theme-item-image img{max-height:300px}
.theme-item-orderarea{text-align:center}
.theme-item-orderarea .btn{margin:0 5px}
.theme-item-menubar{padding-top:0}
.theme-item-menubar ul{display:flex;text-align:center}
.theme-item-menubar ul li{float:none;flex:1;font-size:14px;text-align:center;border-top:none;margin-left:0;padding-left:0;padding-right:0}
.theme-item-menubar ul li.active{font-weight:700}
.theme-item-intro{margin-bottom:1px;border-radius:0}
.theme-item-intro.affix{position:relative;width:auto;top:0}
}
@media(max-width:768px){.theme-item-menubar{border-radius:0}
.theme-item-image img{max-height:220px}
.theme-item-fcontent h1{font-size:16px}
.theme-item-fcontent h4{font-weight:400}
.theme-item-contentbox .suit,.theme-item-sidebox .suit{display:none}
.theme-item-contentbox,.theme-item-sidebox{margin-left:0px;margin-right:0px}
.theme-item-focus{margin-bottom:10px}
.theme-item-functions{padding:0 15px 40px;border-radius:0}
.theme-item-container{border-radius:0;padding:15px;margin-bottom:10px}
.page-theme-item .m-menubar{display:none}
.theme-item-orderarea{background-color:var(--tb--white);z-index:9990;position:fixed;bottom:0;left:0;right:0;height:60px;padding-left:5px}
.theme-item-orderarea:before{content:"1";color:transparent;position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(.5)}
.theme-item-orderarea .btn-primary{float:right;margin:0;height:60px;line-height:60px;padding:0 30px;border-radius:0}
.theme-item-orderarea .btn-default{float:left;padding:0 10px;border:none;width:auto;margin:0;font-size:11px;line-height:1;height:60px;color:#657fa2;padding-top:11px;background-color:rgba(0,0,0,0)}
.theme-item-orderarea .btn-default:active,.theme-item-orderarea .btn-default:hover{background-color:rgba(0,0,0,0)}
.theme-item-orderarea .btn-default .fa{margin-bottom:5px;display:block;font-size:22px}
.theme-item-orderarea .btn-default abbr{width:120px;left:50%;margin-left:-60px;padding-bottom:10px}
.hascart .theme-item-orderarea{bottom:68px;right:0;height:auto;width:40px;padding-left:0;padding-bottom:5px}
.hascart .theme-item-orderarea:before{display:none}
.hascart .theme-item-orderarea .btn-primary{float:none;line-height:100%;height:auto;padding:5px;font-size:11px}
.hascart .theme-item-orderarea .btn-default{float:none;padding-left:5px;padding-right:5px;}
.hascart .theme-item-orderarea .btn-default .fa{margin-bottom:5px;display:block;font-size:20px}
.hascart .theme-item-orderarea .btn-default abbr{width:120px;left:40px;bottom:0px;margin-left:0;padding-bottom:10px}

}
@media(max-width:544px){.theme-widget{margin-bottom:10px}
.theme-abs{display:none;border-radius:0}
.theme-abs img{width:100%}
.theme-item-focus{padding:5px;margin-top:1px;margin-bottom:0}
.theme-item-preview{position:absolute;right:15px;bottom:-56px;font-size:12px;line-height:24px;font-weight:400;padding:0 5px}
.theme-item-preview .fa{font-size:10px}
.theme-item-sidebar{margin-bottom:0;margin-left:-15px;margin-right:-15px;position:relative}
.theme-item-sidebar:after{content:"1";color:transparent;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.06);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(.5)}
.theme-item-image{padding:30px 30px 30px}
.theme-item-image img{max-height:200px}
.theme-item-fcontent{padding-bottom:15px}
.theme-item-fcontent h1{font-size:18px;font-weight:1000;margin-bottom:30px}
.theme-item-fcontent h3{font-size:12px;margin-top:0;line-height:1.4}
.theme-item-fcontent h4{font-size:10px;display:none}
.theme-item-price{margin:10px 0;padding:0;border-top:none;border-bottom:none}
.theme-item-price strong{font-weight:700;font-size:24px}
.theme-item-price strong dfn{top:-2px}
.theme-item-price h5{color:#00a4ff;font-size:12px;line-height:24px}
.theme-item-service{margin-bottom:0}
.theme-item-service h6{color:#00a4ff;font-size:14px}
.theme-item-service li{float:none;margin-top:5px;width:auto;text-align:left!important;font-size:14px;color:#999}
.theme-item-intro dl{padding-top:5px;padding-bottom:5px}
.theme-item-functions ol li{line-height:1.4;height:68px;margin-top:15px;padding-left:26px;font-size:11px}
.theme-item-functions ol li .fam{font-size:12px;line-height:18px;width:18px;height:18px;margin-left:-26px;border-radius:6px}
.theme-item-functions ol li strong{font-size:12px}
.theme-item-functions h2{font-size:18px}
.theme-item-functions h3{margin-top:8px;font-size:12px}
.theme-item-functions ul li{margin-top:10px;padding-left:15px}
.theme-item-functions ul li:before{top:6px}
.theme-item-container{line-height:1.5}
.theme-item-container h3{font-size:16px}
.theme-item-brand{display:block;float:none;width:auto;clear:both;margin-left:-15px;margin-right:-15px;background-color:#f6f6f6;padding:1px 0;overflow:hidden}
.theme-item-brand1{padding:20px;float:left;width:49.6%;background-color:#fff;margin-bottom:0;height:168px;border-radius:0}
.theme-item-brand1 .fa{font-size:40px;height:40px;margin-bottom:10px}
.theme-item-brand2{padding:20px;float:right;width:49.6%;background-color:#fff;height:168px;border-radius:0}
.theme-item-brand2 img{width:40px;height:40px;margin-bottom:10px}
.theme-item-brand2 h4{line-height:1.4}
.theme-item-brand2 p{line-height:1.4}
}
.theme-item-sv{margin-bottom:21px}
.theme-item-sv h6{margin:0 0 15px;font-size:14px;font-weight:700}
.theme-item-sv ul{overflow:hidden;font-size:0;margin-right:-1%}
.theme-item-sv li{transition:color .25s,background-color .25s;color:var(--tb--gray);cursor:default;vertical-align:top;width:32.3333333333%;margin-right:1%;margin-bottom:1%;display:inline-block;padding:10px 5px 10px 12px;background-color:var(--tb--tint);border-radius:8px}
.theme-item-sv li .fa{position:relative;top:1px;display:inline-block;font-size:15px;width:15px;text-align:center;margin-right:10px;}
.theme-item-sv li span{font-size:12px}
@media(max-width:768px){.theme-item-sv{margin-bottom:0}
.theme-item-sv li{width:49%}
}
@media(max-width:544px){.theme-item-sv h6{font-size:12px;margin-bottom:10px;font-weight:700}
.theme-item-sv li{border-radius:0;padding-right:0;padding-left:10px;background-color:var(--tb--tint)}
.theme-item-sv li .fa{top:1px;font-size:14px;width:14px;margin-right:6px;}
}
.theme-updatenews ul{}
.theme-updatenews li{list-style-type: disc;font-size:12px;color:var(--tb--gray);margin-bottom:20px;text-align:justify;padding-left:100px}
.theme-updatenews h3{font-weight:400;font-size:14px;margin:0;}
.theme-updatenews p{font-size:14px;margin:2px 0 0;color:var(--tb--gray);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.theme-updatenews time{font-size:12px;margin-left:-100px;float:left;display:block;color:var(--tb--base)}
.theme-updatenews a{font-weight:600;text-decoration:none}
.theme-updatenews a:hover{text-decoration:underline}
.theme-updatenews a.-more{display:inline-block;margin:0 auto 20px;padding:5px 25px;border-radius:50px;background-color:var(--tb--line);color:#444;font-size:14px;}
.theme-updatenews a.-more:hover{background-color:var(--tb--main);color:#fff}
@media(max-width:768px){.theme-updatenews li{padding-left:0;margin-bottom:15px}
.theme-updatenews h2{white-space:normal}
.theme-updatenews p{font-size:12px;white-space:normal}
.theme-updatenews time{margin-left:0;float:none;font-size:12px}
}
.theme-item-news li{background-color:var(--tb--white);border-radius:8px;margin-bottom:20px;padding:30px;line-height:1.5;text-align:justify}
.theme-item-news li h2{font-weight:700;font-size:18px;line-height:1.5;margin:0}
.theme-item-news li p{margin:10px 0 0;color:var(--tb--gray)}
.theme-item-news li time{display:block;margin-bottom:5px;color:var(--tb--main)}
@media(max-width:768px){.theme-item-news li{display:none;margin-bottom:10px;border-radius:0;padding:15px}
.theme-item-news li h2{font-size:16px}
.theme-item-news li time{font-size:12px}
.theme-item-news li p{font-size:12px}
}
/*品牌 导航类*/
#navs{padding-top:20px;margin-bottom:20px;min-height:600px}
#navs .focus{margin-bottom:20px;margin-left:200px;padding:20px 20px;border-radius:6px;background-color:var(--tb--white);text-align:center}
#navs .contentbox{margin-bottom:20px;margin-left:200px;padding:0;background-color:transparent!important}
#navs .focus h1{font-size:25px}
#navs .focus .note{margin-top:5px;color:var(--tb--gray)}
#navs nav{position:absolute;top:0;bottom:0;overflow:hidden;width:180px;border-radius:6px}
#navs nav ul{overflow-y:auto;width:180px;background-color:var(--tb--white)}
#navs nav ul.-roll-top{position:fixed;bottom:0;border-radius:0}
#navs nav ul.-roll-bottom{position:fixed;top:0;border-radius:0}
#navs nav ul::-webkit-scrollbar{width:8px;height:8px}
#navs nav ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}
#navs nav ul::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}
#navs nav a{display:block;padding:11px 22px}
#navs nav a:hover{color:var(--tb--main)}
#navs nav .active a{background-color:var(--tb--main);color:#fff}
#navs .items{margin-left:200px}
#navs .item{overflow:hidden;margin-top:20px}
#navs .item h3{position:relative;display:inline-block;margin:0;padding-left:17px;font-size:17px}
#navs .item h3::before{position:absolute;top:50%;left:0;margin-top:-8px;width:4px;height:16px;border-radius:10px;background-color:var(--tb--main);content:""}
#navs .item ul{margin-right:-1.3%}
#navs .item li{float:left;margin-top:1.3%;margin-right:1.3%;width:32.0333333333%}
#navs .item li a{display:block;padding:15px 20px;border-radius:6px;background-color:var(--tb--white)}
#navs .item li a:hover{background-color:var(--tb--main);color:#fff}
#navs .item li a:hover p{color:rgba(255,255,255,.8)}
#navs .item li a:hover i{color:#fff}
#navs .item li a:hover img{opacity:1}
#navs .item li strong{display:block;font-size:15px}
#navs .item li i{float:right;color:#ccc;font-size:12px}
#navs .item li p{display:-webkit-box;overflow:hidden;margin:5px 0 0;height:63px;color:#999;-webkit-box-orient:vertical;-webkit-line-clamp:3}
#navs .item li img{float:right;margin-top:10px;margin-left:15px;max-width:56px;max-height:56px;border-radius:6px;opacity:.8}
@media(max-width:768px){#navs nav{width:80px;z-index:100;}
#navs nav ul{overflow-y:auto;width:80px;}
#navs nav a{display:block;padding:5px 5px;font-size:12px}
#navs nav a i{display:none}
#navs .items{margin-left:80px;padding:0 15px}
#navs .focus{margin-bottom:15px;margin-left:90px;padding:20px 15px;border-radius:0}
#navs .focus h1{font-size:20px}
#navs .item ul{margin-right:-3%}
#navs .item li{margin-top:3%;margin-right:3%;width:47%}
#navs .contentbox{margin-left:90px;}
}
@media(max-width:600px){#navs nav{width:45px;z-index:100;}
#navs nav ul{overflow-y:auto;width:45px;}
#navs .items{margin-left:45px;padding:0 10px}
#navs .focus{margin-bottom:15px;margin-left:55px;padding:20px 15px;border-radius:0}
#navs .contentbox{margin-left:55px;}
#navs .item ul{margin-right:-2%}
#navs .item li{margin-top:2%;margin-right:2%;width:48%}
#navs .item h3{padding-left:15px;font-size:14px}
#navs .item h3::before{margin-top:-7px;height:14px}
#navs .item li a{padding:12px 15px}
#navs .item li strong{font-weight:400;font-size:14px}
#navs .item li i{font-size:14px}
#navs .item li p{height:55px;font-size:12px}
#navs .item li img{margin-top:8px;margin-left:10px;max-width:50px;max-height:50px}
}
/*友情链接*/
.plinks{overflow:hidden}
.plinks .linkcat{margin-bottom:30px}
.plinks h2{margin-bottom:5px;font-size:18px}
.plinks ul{clear:both;overflow:hidden;margin-right:-1%}
.plinks ul li{float:left;margin-top:1%;margin-right:1%;width:19%}
.plinks ul li a{display:block;padding:10px 15px;border:1px solid transparent;border-radius:6px;background-color:var(--tb--bdbg);text-align:center}
.plinks ul li a:hover{border-color:var(--tb--main);background-color:#fff}
.plinks ul li img{float:left;margin-top:10px;margin-right:8px;width:16px;height:16px}
@media(max-width:600px){.plinks ul{margin-right:-3%}
.plinks ul li{margin-top:3%;margin-right:3%;width:47%}
}
/*排行榜 card*/
.tb-card-title{margin:0 0 16px 0;}
.tb-card-title h3{position:relative;display:inline-block;margin:0;font-size:18px;line-height:1.4;z-index:1}
.tb-card-title h3>i:first-child{margin-right:8px}
.tb-card-title h3:before{position:absolute;content:"";height:6px;width:100%;bottom:2px;border-radius:3px;background:var(--tb--main);z-index:-1}
.tb-card-title .more{float:right;line-height:25px;font-size:14px;color:var(--tb--base);transition:color .3s}
.tb-card-title .more::after{display:inline-block;margin-left:4px;width:10px}
.tb-card-title .more:hover{color:var(--tb--main)}
.tb-card {padding: 24px;background: var(--tb--white);border-radius: 6px}
@media(max-width:768px){.tb-card-title{padding-top:0;margin-bottom:15px}
.tb-card-title h3{font-size:15px}
.tb-card-title .more{font-size:13px;line-height:22px}
.tb-card {padding: 15px;}
}
.rank-list li{position:relative;padding:10px 0;}
.rank-list li::after{position: absolute;content: "";left: 0;right: 0;height: 1px;background: var(--tb--line);transform-origin: 50% 0;transform: scaleY(0.5) translateY(50%);bottom: 0;}
.rank-list li:last-child{padding-bottom:0}
.rank-list li:last-child::after{display:none}
.rank-list li:hover .tb-thumb img{transform:scale(1.1)}
.rank-list .info-wraper{display:flex;align-items:center}
.rank-list .p-t-w{font-size:15px;font-weight:700;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-list .tb-excerpt{color:var(--tb--gray);font-size:13px;margin-top:8px;text-align:justify;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-list .tb-thumb{position:relative;flex:0 0 48px;height:48px;overflow:hidden}
.rank-list .tb-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s;border-radius: 6px}
.rank-list .order{flex:0 0 24px;height:24px;margin-right:24px;text-align:center;line-height:24px;color:var(--tb--gray);font-weight:400;border-radius: 6px}
.rank-list .-order-1 .order{color:#fe2d46}
.rank-list .-order-2 .order{color:#f60}
.rank-list .-order-3 .order{color:#faa90e}
.rank-list .-info{width:0;flex:0 0 calc(100% - 48px - 90px - 24px - 24px);padding:0 12px}
.rank-list .-meta{flex:0 0 90px;text-align:center;color:var(--tb--base);font-size:15px;line-height:1;font-weight:700}
.rank-list .-meta span{display:block;color:var(--tb--gray);margin-top:12px;font-size:12px!important;font-weight:400}
@media(max-width:768px){.rank-list .order{margin-right:12px}
.rank-list .tb-thumb{flex:0 0 32px;height:32px}
.rank-list .-info{flex:0 0 calc(100% - 24px - 12px - 32px - 60px)}
.rank-list .p-t-w{font-size:14px;line-height:15px;font-weight:400;}
.rank-list .tb-excerpt{line-height:1;font-size:12px;margin-top:5px;}
.rank-list .-meta{text-align:right;flex:0 0 60px;font-size:14px;line-height:1}
.rank-list .-meta span{margin-top:6px;line-height:1}
.rank-list li{padding-top:15px;padding-bottom:15px}
}
.tb-widget-rank .rank-list{padding:0 24px 24px 24px}
.tb-widget-rank .rank-list .order{margin-right:12px}
.tb-widget-rank .rank-list .tb-thumb{flex:0 0 32px;height:32px}
.tb-widget-rank .rank-list .-info{flex:0 0 calc(100% - 24px - 12px - 32px - 60px)}
.tb-widget-rank .rank-list .p-t-w{font-size:14px;line-height:15px;font-weight:normal}
.tb-widget-rank .rank-list .tb-excerpt{line-height:1;font-size:12px;margin-top:5px}
.tb-widget-rank .rank-list .-meta{text-align:right;flex:0 0 60px;font-size:14px;line-height:1}
.tb-widget-rank .rank-list .-meta span{margin-top:6px;line-height:1}
/*酷站链接*/
.post-site{position:relative;margin:0;background:var(--tb--white);transition:box-shadow .3s;overflow:hidden;border-radius: 6px;border:var(--tb--line) 1px solid}
.post-site:hover{box-shadow: 0 0 20px rgba(0,0,0,.1)}
.post-site:hover .tb-collect{visibility:visible;opacity:1;display:none}
.post-site:hover .tb-thumb img{transform:scale(1.1)}
.post-site .info-wraper{position:relative;display:block;padding:24px 24px 51px 24px;width:100%}
.post-site .s-info{position:relative;display:flex;align-items:center;}
.post-site .p-t-w{font-size:15px;font-weight:700}
.post-site .tb-excerpt{max-height:40px;font-size:13px;color:var(--tb--gray);margin-top:8px;text-align:justify;overflow:hidden;overflow-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.post-site .tb-thumb{flex:0 0 32px;height:32px;margin-right:12px}
.post-site .tb-thumb img{border-radius: 6px}
.post-site .-metas{position:absolute;left:15px;right:15px;bottom:15px;line-height:1;z-index:1}
.post-site .-meta{display:inline-block;color:var(--tb--gray);font-size:12px;line-height:30px}
.post-site .-views,.post-site .tb-like{padding:0 8px}
.post-site .tb-like{float:right}
.post-site .tb-collect{position:absolute;top:0;right:0;width:44px;height:44px;font-size:12px;padding-left:24px;line-height:28px!important;color:#fff!important;visibility:hidden;opacity:0;z-index:1;transition:all .3s}
.post-site .tb-collect::before{position:relative;z-index:2}
.post-site .tb-collect::after{position:absolute;right:0;top:0;content:"";border:22px solid #f90;border-left:22px solid transparent;border-bottom:22px solid transparent;z-index:1}
@media(max-width:768px){.post-site{margin:0}
.post-site:hover .tb-collect{display:none}
.post-site:hover .tb-thumb img{transform:unset}
.post-site .info-wraper{padding:15px 15px 36px 15px}
.post-site .-metas{left:7px;right:7px;bottom:7px}
.post-site .p-t-w{font-size:14px;font-weight:400}
}
/*大banner*/
.tb-page-banner{position:relative;background:#202935;margin-top:-20px;margin-bottom:20px;min-height:80px;max-height:160px;overflow:hidden;}
.tb-page-banner::after{clear:both;}
@media(max-width:600px){.tb-page-banner{margin-top:0px;}
}
.tb-page-banner>img{width:100%}
.tb-page-banner .banner-inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.tb-page-banner .page-banner-title{margin:0;text-align:center;color:#fff;font-size:27px;letter-spacing:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-page-banner .page-banner-desc{margin-top:8px;text-align:center;color:#fff;font-size:15px;letter-spacing:1px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word}
@media(max-width:1024px){.tb-page-banner .page-banner-title{font-size:22px}
}
@media(max-width:600px){.tb-page-banner .page-banner-title{font-size:18px}
.tb-page-banner .page-banner-desc{margin-top:4px;font-size:14px}
.tb-page-banner.no-crumbs{margin-bottom:15px}
}

/*链接类导航min-height:100vh;*/
.home-links-content {display:flex;flex-wrap:nowrap;}
.b2-tab-links {width:200px;transition:all 1s}
.b2-tab-links h1 {font-size: 18px;margin-bottom: 6px;padding-top: 20px;text-align: right;margin-right: 32px;font-weight: 700;}
.b2-tab-links .link-total {font-size: 12px;text-align: right;margin-bottom: 20px;margin-right: 32px;}
.b2-tab-links .toc-list{text-align:right;font-size:14px;margin-right:32px}
.b2-tab-links .toc-list-item{margin-bottom:12px}
.b2-tab-links a.toc-link{padding:10px 10px;width: 100%;height:auto;line-height:1.5;display:inline-block;border-radius:6px;background-color:var(--tb--white)}
.b2-tab-links .active a.toc-link{background-color:var(--tb--main);color:var(--tb--white)}
.home-links-right {width:100%;}
.link-box{padding:24px;margin-bottom: 24px;border-radius: 2px;background-color:var(--tb--white);box-shadow: 0 0 2px rgb(98 124 153 / 10%);position: relative;}
@media(max-width:1024px){.b2-tab-links {width:80px;}
.b2-tab-links h1{font-size: 14px;margin-right: 12px;}
.b2-tab-links .link-total {display:none}
.b2-tab-links .toc-list {text-align:justify;font-size:12px;margin-right:12px}
.b2-tab-links .toc-list-item{margin-bottom:10px}
.b2-tab-links a.toc-link{padding:5px;line-height:1.2;}
}
@media(max-width:600px){.b2-tab-links {width: 45px;}
.b2-tab-links h1{display:none}
.b2-tab-links .link-total {display:none}
.b2-tab-links .toc-list {text-align:left;font-size:12px;margin-right:5px}
.b2-tab-links .toc-list-item{margin-bottom:6px}
.b2-tab-links a.toc-link{padding:5px;line-height:1.2;}
}
/*站点链接正文页*/
.art-title {margin: 0;font-size: 24px;font-weight: bold}
@media(max-width: 768px) {.art-title {font-size:18px;text-align: left}
}
.site-header{position:relative;margin-bottom:24px}
.site-header .art-title{position:relative;top:0px}
.site-header .tb-thumb{position:relative;float:left;width:150px;height:150px;background:var(--tb--tint);overflow:hidden}
.site-header .tb-thumb img{position:absolute;max-width:50%;max-height:50%;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align: middle;}
.site-header .-metas{margin:6px 0}
.site-header .-metas>span{margin-right: 24px;color:var(--tb--gray);font-size:14px}
.site-header .art-info{position:relative;min-height:150px;margin-left:174px}
.site-header .-o-meta .site-link,.site-header .-o-meta p{display:inline-block;margin:0 24px 8px 0}
.site-header .site-link{color:var(--tb--gray);cursor:pointer}
.site-header .site-link:hover{text-decoration:underline}
.site-header .site-link-btn{display:inline-block;margin-right:24px;margin-top:12px}
@media(max-width:768px){.site-header .tb-thumb{width:80px;height:80px;}
.site-header .tb-thumb img{position:absolute;max-width:70%;max-height:70%;}
.site-header .art-title{margin-bottom:4px}
.site-header .-metas>span{margin-right:5px;font-size:12px}
.site-header .art-info{margin-left:0;min-height:40px}
.site-header .-o-meta p{margin-right:16px}
.site-header .b-tool{text-align:center}
.site-header .site-link-btn{margin-right:0}
}
/*两列flex布局*/
.flex-between li {padding: 10px;display: flex;justify-content: space-between;flex: 1;}
/*页面顶部盒子 包括 标题 描述 banner tags等内容*/
.yia-top-box{position:relative;padding:24px;background:var(--tb--white);margin-bottom:24px;border-radius:6px;}
.yia-card-title{position:relative;color:var(--tb--base);margin-bottom:0;padding-left:22px;font-weight:700;font-size:18px;line-height:1;font-size:18px!important}
.yia-card-title:before{position:absolute;content:"";left:0;top:0;height:18px;border-left:6px solid var(--tb--main);border-radius:2px;}
.yia-top-box .yia-desc{position:relative;margin-top:16px;color:var(--tb--gray);z-index:1;max-width:50%}
.yia-top-box .bg{position:absolute;right:0;top:0;height:100%;z-index:0}
.yia-top-box .bg img{height:100%;border-radius:0 6px 6px 0;opacity:1}
.yia-top-box .bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:-moz-gradient(linear,5% 0,100% 0,from(var(--tb--white)),to(transparent));background:-webkit-gradient(linear,5% 0,100% 0,from(var(--tb--white)),to(transparent));background:gradient(linear,5% 0,100% 0,from(var(--tb--white)),to(transparent)))}
@media(max-width:768px){.yia-top-box{padding:16px;margin-bottom:10px}
.yia-card-title{font-size:16px!important}
.yia-card-title::before{top:0;height:16px}
.yia-top-box .yia-desc{margin-top:8px}
}
.yia-meta,.cat-tag{padding:0;margin-top:0px;margin-bottom:-10px}
.yia-meta a,.cat-tag a{display: inline-block;margin: 8px 10px 0 0;padding: 4px 8px;max-width: calc(100% - 16px);font-size: 12px;background: var(--tb--tint);border-radius: 4px;vertical-align: text-bottom;opacity:0.8;transition: color .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cat-tag a:before {content: "# ";}

.yia-events-banner{}
.yia-events-banner .yia-desc{margin-top:0;font-size:14px}
.yia-events-banner .-banner{width:100%;margin-bottom:16px;overflow:hidden;border-radius:6px;}
.yia-events-banner .-banner img{display:block;width:100%;max-width:100%}
.yia-events-banner h1{margin-bottom:8px;font-size:22px;}
@media(max-width:768px){.yia-events-banner{padding:12px}
.yia-events-banner h1{font-size:18px}
.yia-events-banner .yia-desc{font-size:12px}
}
/*loading*/
.loading{display:inline-block;height:32px;width:32px;border:2px solid transparent;border-radius:50%;border-bottom:2px solid var(--tb--main);animation:loading 1s infinite;-webkit-animation:loading 1s infinite}
.loading::before{content:"Loading"}.loading::after{content:"..."}
@keyframes loading{from{transform:scale(0.8)}
to{transform:scale(1)}
}
@-webkit-keyframes loading{from{transform:scale(0.8)}
to{transform:scale(1)}
}

/*问答系统*/
/*问答系统channel布局*/
.q-navbar{margin-bottom:15px;border-radius:8px;background-color:var(--tb--white);font-size:0;text-align:center}
.q-navbar li{display:inline-block;font-size:15px;position:relative}
.q-navbar li a{display:block;line-height:56px;padding:0 25px}
.q-navbar li.active{font-weight:700}
.q-navbar li.active:after{position:absolute;content:"";bottom:0;left:50%;width:30px;margin-left:-15px;height:4px;background-color:var(--tb--main);border-radius:10px}
.q-navbar li.active a{color:var(--tb--main)}
@media(max-width:768px){.q-navbar{border-radius:0;margin:0 -15px;box-shadow:0 1px 5px rgba(0,0,0,.07);position:relative;z-index:3}
.q-navbar ul{display:flex;padding:0 15px}
.q-navbar li{flex:1;font-size:14px}
.q-navbar li a{padding:0 0 7px;line-height:28px}
.q-navbar li.active{font-weight:400}
}
/*问答列表*/
.q-text{font-size:15px;line-height:1.7;word-break:break-all;word-wrap:break-word;overflow:hidden;padding:15px 0}
.q-text p{margin:0 0 15px}
.q-text p:last-child{margin:0}
.q-text pre{margin:15px 0 0;font-size:12px;word-break:break-all;word-wrap:break-word;border-radius:4px}
.q-text blockquote{margin:15px 0 0;padding:5px 15px;border-left:3px solid var(--tb--main);color:var(--tb--gray)}
.q-text blockquote p{margin:10px 0;padding:0}
.q-text a{color:var(--tb--main);opacity:0.8;text-decoration:underline}
.q-text a.at{text-decoration:none}
.q-text a:hover{color:var(--tb--main);opacity:1}
.q-text .-more{display:inline-block;margin-left:15px;color:var(--tb--main);opacity:0.8;cursor:pointer}
.q-text .-more:hover{color:var(--tb--main);opacity:1}
.q-text .-more .fa{margin-left:4px}
@media(max-width:768px){.q-text{line-height:1.6}
}
.q-answer{position:relative}
.q-answer header{font-size:14px;font-weight:700;line-height:32px;padding-left:47px;overflow:hidden}
.q-answer header .avatar{margin-left:-47px;float:left;width:32px;height:32px;border-radius:4px}
.q-answer header time{display:inline-block;font-weight:400;font-size:12px;color:var(--tb--gray);margin-left:30px}
.q-answer header dfn{float:right;font-weight:400;font-style:normal;margin-left:30px;color:var(--tb--gray)}
.q-answer header dfn .fa{margin-right:5px}
.q-answer header dfn:hover{cursor:pointer;color:var(--tb--main)}
.page-question-item .q-answer{background-color:var(--tb--gray);border-radius:8px;padding:30px;margin-bottom:10px}
@media(max-width:768px){.page-question-item .q-answer{padding:18px 15px;margin:0 -15px 0;border-radius:0}
.page-question-item .q-answer:after{content:"1";color:transparent;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.05);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(.5)}
}
.q-leader{background-color:var(--tb--white);font-size:15px;margin:0 0 -10px;font-weight:normal;padding:25px 30px 25px 30px;color:#999;border-radius:8px 8px 0 0}
@media(max-width:768px){.q-leader{font-size:14px;margin:0 -15px 1px;border-radius:0;padding:15px}
}
.q-excerpts{padding:0 30px 30px;background-color:var(--tb--white);border-radius:8px;min-height:600px}
@media(max-width:768px){.q-excerpts{border-radius:0;min-height:0;margin:0 -15px 15px;padding:0}
.q-excerpts .q-excerpt:first-child{border-top:none}
}
.q-excerpt{border-top:1px solid var(--tb--line);padding:25px 0;position:relative}
.q-excerpt h2{font-size:18px;font-weight:700;line-height:1.6;margin:0 0 15px}
.q-excerpt .-top{position:relative;top:-2px;display:inline-block;padding:2px 9px;border-radius:4px;margin-left:15px;font-size:12px;font-weight:400;color:var(--tb--main);border:1px solid var(--tb--main)}
.q-excerpt .q-answer header{line-height:23px;padding-left:35px;font-weight:400;margin:-5px 0}
.q-excerpt .q-answer header .avatar{margin-left:-35px;width:23px;height:23px}
.q-excerpt .q-answer header time{margin-left:20px}
@media(max-width:768px){.q-excerpt{padding:18px 15px;border-top:none}
.q-excerpt:after{content:"1";color:transparent;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.05);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(.5)}
.q-excerpt h2{font-size:16px;margin-bottom:15px}
.q-excerpt .q-text{padding:10px 0}
.q-excerpt .-top{padding:0 6px;border-radius:2px;margin-left:12px;background-color:var(--tb--main);color:#fff;border:none}
}
.q-info{clear:both;color:var(--tb--gray);font-size:14px}
.q-info:after,.q-info:before{display:table;content:"";line-height:0}
.q-info:after{clear:both}
.q-info .fa{margin-right:7px}
.q-info .item{float:left;margin-right:30px;position:relative;height:32px;line-height:32px;transition:all .3s ease-in-out}
.q-info .item:last-child{margin-right:0}
.q-info .-share{cursor:pointer}
.q-info .-vote{cursor:pointer;color:#fff;background-color:var(--tb--main);opacity:.6;border-radius:4px;padding:0 12px}
.q-info .-vote:hover{cursor:pointer;background-color:var(--tb--main);opacity:.8}
.q-info .-vote span{display:inline-block;margin-right:3px}
.q-info .-comment{cursor:pointer}
.q-info .-answer{background-color:var(--tb--main);color:var(--tb--white);border-radius:4px;padding:0 12px;opacity:.8}
.q-info .-answer:hover{color:var(--tb--white);background-color:var(--tb--main);opacity:1}
.q-info .-goanswer{float:right;background-color:var(--tb--main);color:var(--tb--white);border-radius:4px;padding:0 12px;opacity:.8}
.q-info .-goanswer:hover{color:var(--tb--white);background-color:var(--tb--main);opacity:1}
.q-info .avatar{vertical-align:top;width:32px;height:32px;border-radius:4px;margin-right:15px}
.q-info .-more{float:right;cursor:pointer}
.q-info .-more .fa{margin-left:5px;margin-right:0}
.q-info .-more:hover{color:var(--tb--main)}
@media(max-width:768px){.q-info{font-size:13px}
.q-info .item{margin-right:25px}
.q-info .-time{display:none}
}
.q-share{display:none;border:1px solid var(--tb--line);border-radius:8px;background-color:var(--tb--white);box-shadow:0 0 5px rgba(0,0,0,.07);text-align:center;padding:10px 0;width:140px;margin-left:-43px;margin-top:35px;z-index:9;position:absolute;top:100%;left:50%;font-size:14px}
.q-share:before{content:"";position:absolute;top:-6px;left:50%;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--tb--line)}
.q-share:after{content:"";position:absolute;top:-5px;left:50%;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--tb--line)}
.q-share a{line-height:32px;display:block;color:var(--tb--gray)}
.q-share a:hover{color:var(--tb--main);background-color:var(--tb--tint)}
.q-share h5{font-size:14px;font-weight:400;}
.q-share img{display:block;padding:10px 15px;position:relative;z-index:2;}
.q-share input{position:absolute;bottom:30px;left:30px;right:30px;width:50px;visibility:hidden;}
@media(max-width:768px){.q-share{font-size:13px}
}
.q-tags-content{padding:15px;margin-bottom:20px;background-color:var(--tb--white);border-radius:8px;display:flex;flex-flow:wrap;}
.q-tags-content ul{display:flex;flex-flow:wrap;overflow:hidden;font-size:13px}
.q-tags-content a{display:inline-block;padding:7px 15px;background-color:var(--tb--main);color:#fff;opacity:0.5;border-radius:4px;margin-right:5px;margin-bottom:5px;}
.q-tags-content a.active{opacity:0.8;font-weight:700}
.q-tags-content a:hover{background-color:var(--tb--main);color:#fff;opacity:1;}
.q-tags-content a span{color:var(--tb--gray);margin-left:10px;}
@media(max-width:768px){.q-tags-content{border-radius:0;min-height:0;margin:0 -15px;padding:15px}
}
.q-widget-btns{margin-bottom:15px;text-align:center;background-color:var(--tb--white);padding:40px 15px;border-radius:8px}
.q-widget-btns p{color:var(--tb--gray);margin:18px 0 0;line-height:1.8}
/*优质答主*/
.q-widget-users{overflow:hidden;font-size:12px;background-color:var(--tb--white);margin-bottom:15px;padding:25px;border-radius:8px}
.q-widget-users h3{font-weight:700;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.q-widget-users li{position:relative;padding:15px 0 15px 80px;border-bottom:1px solid var(--tb--line)}
.q-widget-users li:last-child{border-bottom:none}
.q-widget-users li:hover{background-color:var(--tb--tint)}
.q-widget-users li:nth-child(1) dfn{background-color:#ff5e52}
.q-widget-users li:nth-child(2) dfn{background-color:#23bf36}
.q-widget-users li:nth-child(3) dfn{background-color:#00a4ff}
.q-widget-users h5{font-size:14px;font-weight:400;margin:2px 0 7px}
.q-widget-users dfn{position:absolute;top:15px;left:0;background-color:var(--tb--gray);border-radius:4px;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;color:var(--tb--white);font-style:normal;font-weight:400}
.q-widget-users .avatar{float:left;margin-left:-55px;border-radius:4px;width:40px;height:40px}
.q-widget-users footer{color:var(--tb--gray)}
.q-widget-users footer .item{display:inline-block;margin-right:15px}
.q-widget-users footer .item:last-child{margin-right:0}

/*按钮链接*/
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;margin-right:10px;list-style:none;flex-direction:column!important}
.nav .nav-link{display:block;padding:5px 10px;font-size:14px;font-weight:400;text-decoration:none;background:0 0;border:0;}
.nav .nav-link:focus,.nav .nav-link:hover{}
.nav-pills .nav-link{border-radius:5px;margin-bottom:5px}
.nav-pills .nav-link.active{color:#fff;background-color:#0d6efd}
@media(max-width:768px){.nav{margin-right:0px;}
.nav .nav-link{padding:5px 5px;}
.nav .nav-link i{display:none}
}

/*商品正文页电梯导航*/
.diantislider-bar {display:none;position:absolute;right:-35px;z-index:1021;width: 35px;height: auto;background-color: pink;cursor: pointer;overflow: hidden;}
.diantislider-bar li {font-size:11px;padding: 5px;border-bottom: 1px solid #fff;}
.diantislider-bar li:hover {background-color: red;color: #fff;}
.diantislider-bar .active{background-color: red;color: #fff;}

/*右侧浮动*/
.float-right-list{height:294px;position:fixed;top:50%;right:20px;z-index:9999;transform: translateZ(0);}
@media(max-width:1024px){
.float-right-list{display:none}
}
.fr-ky{width:50px;height: 113px;cursor: pointer;list-style:none;position: relative;}
.fr-ky .fr-kytxt{background: url(../../images/icons/kefu/float-right-new-kf.png) no-repeat center;width: 42px;height: 113px;box-shadow: 0px 0px 5px #646887;color: #fff;font-size: 14px;padding: 40px 10px 10px;box-sizing: border-box;line-height: 16px;margin-left: 4px;border-radius: 50px;text-align: center;}
.fr-ky:hover .fr-kytxt{background:#5161ff url(../../images/icons/kefu/float-right-new-kf.png) no-repeat 0 0;}
.fr-ky:hover .fr-conbox{display: block;}
.fr-kong{width:50px;height: 50px;list-style: none;margin-top:10px;background:var(--tb--white) url(../../images/icons/kefu/float-right-new.png) no-repeat 0 0;text-align: center;position: relative;cursor: pointer;border-radius: 50px;box-shadow: 0px 0 10px #d0d6df;}
.bgposition50{background-position:-50px 0!important;}
.bgposition100{background-position:-100px 0!important;}
.bgposition150{background-position:-150px 0!important;}
.fr-kong:hover{background:var(--tb--white) url(../../images/icons/kefu/float-right-new-hover.png) no-repeat 0 0;}
.fr-kong:hover .fr-conbox{display: block;}
.fr-conbox{position: absolute;top:50%;right:50px;margin-top: -125px;display: none;padding-right: 10px;}
.fr-inner{padding:30px 20px;background: var(--tb--white);width: 340px;box-shadow: 0px 0px 6px #ccc;text-align: left;border-radius: 10px;box-sizing:border-box;}
.fr-inner-title{font-size:16px;font-weight:bold;color:var(--tb--base)}
.fr-zixun{background: var(--tb--white);border-radius: 10px;padding: 20px;}
.fr-tou{width:75px;height:75px;border-radius:50px;float: left;}
.fr-kf-btn{display: inline-block;margin:20px 6px 0;padding: 6px 10px;border-radius: 50px;font-size: 14px;color: var(--tb--main);border: 1px solid var(--tb--main);background: var(--tb--white);box-sizing:border-box;}
.fr-kf-btn:hover{opacity: 0.8;color: var(--tb--main);}
.fr-kf-btnbg{background:var(--tb--main);color: #fff;}
.fr-kf-btnbg:hover{color: #fff;}
.pull-left{float:left}
.pull-right{float:right}
.gfff{color:var(--tb--white)}
.g7e{color: #7e7e7e;}
.g333{color: #333;}
.mtop15{margin-top: 15px;}
.mtop40{margin-top: 40px;}
.fsize14{font-size: 14px;}
.fsize16{font-size: 16px;}
.fsize20{font-size: 20px;}
.fw{font-weight: bold;}
.guanwx{background: url(../../images/icons/kefu/fr-wx.png) no-repeat left;padding-left: 35px;font-size: 16px;color: #28c445;margin-top: 20px;}
.kfbg{background: url(../../images/icons/kefu/kf-bg.png) repeat-x;background-size: auto 100%;}
.fr-qywx{background: url(../../images/icons/kefu/kf-bg.png) repeat-x;width: 260px;position: absolute;top: 0;right: 460px;padding: 30px;border-radius: 10px;box-sizing: border-box;display: none;}
.fr-qywx.qywx-show{display: block;}
.qywx{background: var(--tb--white);border-radius: 10px;padding: 20px;text-align: center;height: 200px;box-sizing: border-box;}
.fr-link:hover .fr-link-tit{color:var(--tb--main);}
.fr-link:hover a:hover{color:var(--tb--main);}

/*城市选择*/
.city-picker-input{opacity:0!important;top:-9999px;left:-9999px;position:absolute}
.city-picker-span{position:relative;display:inline-block;outline:0;-webkit-tap-highlight-color:transparent;border:1px solid var(--tb--line);background-color:var(--tb--white);color:var(--tb--base);width:100%;cursor:pointer;border-radius:0 2px 2px 0}
.city-picker-span>.placeholder{color:var(--tb--base);padding-left:10px}
.city-picker-span>.arrow{position:absolute;top:50%;right:30px;width:10px;margin-top:-3px;height:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAfElEQVRYhe3VSwrAMAhFUe1iXZSbtaNAKPn5Mghtn8NMDkLwakTIibmOqIQJE/437O7h7vDZg+AaRPE0XCAzUzNTFE/BNVreUHwZbqE7uDKLhAkT/i48y2A2k8vw6B6P7vg23MMRVASMxHPrLCoCfq5Wj7PDLBImTPh98A3S+FEPLLceXQAAAABJRU5ErkJggg==) -10px -25px no-repeat}
.city-picker-span.open>.arrow{background-position:-10px -10px}
.city-picker-span>.title>span{color:var(--tb--base);padding:5px;font-size:14px;border-radius:3px}
.city-picker-span>.title>span:hover{background-color:var(--tb--main);color:#fff;opacity:0.8}
.city-picker-dropdown{position:absolute;width:315px;left:-9999px;top:-9999px;outline:0;-webkit-tap-highlight-color:transparent;z-index:999999;display:none;min-width:330px;margin-bottom:20px}
.city-select-wrap{box-shadow:0 0 5px rgba(0,0,0,.2);border:1px solid var(--tb--line)}
.city-select-tab{border-bottom:1px solid var(--tb--line);background:var(--tb--tint);font-size:13px;line-height:22px}
.city-select-tab>a{display:inline-block;padding:8px 22px;border-left:1px solid var(--tb--line);border-bottom:1px solid transparent;color:var(--tb--base);text-align:center;outline:0;text-decoration:none;cursor:pointer;font-size:14px;margin-bottom:-1px}
.city-select-tab>a.active{background:var(--tb--white);border-bottom:1px solid var(--tb--white);color:var(--tb--main)}
.city-select-tab>a:first-child{border-left:none}
.city-select-tab>a:last-child.active{border-right:1px solid var(--tb--line)}
.city-select-content{width:100%;min-height:10px;background-color:var(--tb--white);padding:10px 0}
.city-select{font-size:13px}
.city-select dl{line-height:2;clear:both;padding:3px 0;margin:0}
.city-select dt{position:absolute;width:2.5em;font-weight:500;text-align:right;line-height:2}
.city-select dd{margin-left:0;line-height:2}
.city-select.province dd{margin-left:3em}
.city-select a{display:inline-block;padding:0 10px;outline:0;text-decoration:none;white-space:nowrap;margin-right:2px;text-decoration:none;color:var(--tb--base);cursor:pointer}
.city-select a:focus,.city-select a:hover{background-color:var(--tb--main);border-radius:2px;color:#fff}
.city-select a.active{background-color:var(--tb--main);color:#fff;border-radius:2px}