html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{width:100%;min-height:100vh;vertical-align:baseline;word-wrap:break-word;color:#282a2d;background:#f9f9f9;transition:background-color .3s}
body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"SF Pro SC","SF Pro Text","SF Pro Icons",PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
body,html{height:100%;margin:0;padding:0;border:0}
a{color:#282a2d;outline:0!important;text-decoration:none}
a:hover{text-decoration:none;color:#f1404b}
p{color:#1d232b;margin:0;white-space:normal;word-break:break-all} 
.fs-7{font-size:.95rem!important}
.fs-8{font-size:.85rem!important}
.fs-9{font-size:.75rem!important}
/*--------------------------------------------------------------
## Basics style
--------------------------------------------------------------*/
.page-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.page-container>.flex-fill{min-width:0}
.main-content{-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}
.content-site{padding:0 30px;width:100%;margin-right:auto;margin-left:auto}
.down-content img,.site-content img,.apd img,.post-apd img,.panel-body img{max-width:100%;height:auto}
.nothing{padding:20px 0;text-align:center;color:#888;background:rgba(136,136,136,.2);border-radius:5px}
.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1080} 
@media (max-width:767.98px){
}
@media (min-width:1920px){.content-site{max-width:1900px}
}
@media (max-width:1919.98px){.content-site{max-width:1840px}
}
@media (max-width:1599.98px){.content-site{max-width:1540px}
}
@media (max-width:1399.98px){.content-site{max-width:1340px}
}
@media (max-width:1199.98px){.content-site{max-width:1140px}
}
@media (max-width:991.98px){.content-site{max-width:960px}
}
@media (max-width:767.98px){.content-site{max-width:720px}
.content-site{padding:0 15px}
}
@media (max-width:575.98px){.content-site{max-width:540px}
}

/*--------------------------------------------------------------
## Sidebar style
--------------------------------------------------------------*/
.sidebar-nav{display:table-cell;font-size:.875rem;width:220px;height:100vh;z-index:1081;opacity:1!important}
.sidebar-nav-inner{width:inherit;margin:0;max-width:260px;background:#2c2e2f;pointer-events:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;transition:background-color .3s}
.sidebar-nav .logo{line-height:74px;width:100%;text-align:center}
.sidebar-nav .logo .logo-collapsed{display:none}
.sidebar-logo{height:74px;transition:background-color .2s}
.sidebar-logo img{max-height:40px}
.sidebar-menu{transition:all .3s;}
.sidebar-nav .flex-bottom a,.sidebar-menu-inner a{display:block;overflow:hidden;padding-left:1.125rem;line-height:40px;max-height:40px;color:#b2b8be;transition:all .3s}
.sidebar-menu ul:first-child > li> a,.sidebar-menu ul:first-child > li> a span{ line-height:50px;max-height:50px;}
.sidebar-menu-inner .sidebar-item .sidebar-item >ul>li a span{margin-left:60px}
.sidebar-item{position:relative}
.sidebar-item.sidebar-show{border-bottom:none}
.sidebar-item ul{display:none;background:rgba(0,0,0,.1)}
.sidebar-item.sidebar-show ul{display:block}
.sidebar-menu-inner ul li ul li a span{margin-left:36px} 
.sidebar-more{float:right;margin-right:24px;line-height:50px!important;transition:transform .3s}
.sidebar-item .label-Primary{float:right;margin-right:24px}
a>i.sidebar-more{transform:scale(.8)}
.sidebar-show>a>i.sidebar-more{transform:scale(.8) rotate(90deg)}
.sidebar-show,.sidebar-item>a:hover{color:#FFF;background:rgba(0,0,0,.2)}
.sidebar-show>a:before,.sidebar-item>a:hover:before{opacity:1}
.sidebar-nav-inner .flex-fill{overflow:auto;-webkit-overflow-scrolling:touch}
.border-color{border-color:rgba(129,129,129,.15)!important}
.border-t{border-color:rgba(129,129,129,.15)!important}
.mini-sidebar .logo .logo-expanded{margin-left:14px;}
.mini-sidebar .sidebar-menu,.mini-sidebar .sidebar-menu{width:60px}
.sidebar-nav ul{margin:0;padding:0}
/*--------------------------------------------------------------
## Sidebar Popup style
--------------------------------------------------------------*/
.sidebar-nav{background:#2c2e2f;list-style:none}
.sidebar-item li>a:hover{color:#FFF;background:rgba(119,121,125,.15)}
/*--------------------------------------------------------------
## header menu
--------------------------------------------------------------*/
.navbar-collapse ul li{position:relative;list-style:none}
.navbar-collapse li>ul{-webkit-transform:translateY(15px);transform:translateY(15px)}
.navbar-collapse ul li ul{position:absolute;min-width:160px;opacity:0;overflow:hidden;visibility:hidden;background:#fff;border-radius:4px;box-shadow:0 5px 20px 0px rgba(0,0,0,.15);transition:.3s}
.navbar-collapse ul li.focus>ul,.navbar-collapse ul li:hover>ul{opacity:1;z-index:1;overflow:visible;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.navbar-collapse ul li.menu-item-has-children:after{content:'\e612';font-family:"iconfont";position:absolute;top:14px;right:-2px;font-size:12px;-webkit-transform:scale(.6);transform:rotate(0deg) scale(.6);transition:transform .2s}
.navbar-collapse ul li.menu-item-has-children:hover:after{transform:rotate(45deg) scale(.6)}
.navbar .navbar-nav li>a{padding:10px 15px;display:block;transition:color .2s}
.navbar .navbar-nav i{margin-right:2px!important}
.navbar-menu{-ms-flex-direction:row;flex-direction:row;margin-left:auto;-ms-align-items:center;align-items:center}
.navbar-collapse .weather{display:table}
.navbar-brand img{max-height:40px}
.page-header{background:#fff;box-shadow:0px 0px 25px 5px rgba(10,10,10,.05);transition:background-color .3s}
.page-header ul{margin:0;padding:0}
.header-mini-btn{height:74px;width:40px}
.header-mini-btn svg{margin:0 -20px;height:74px}
.header-mini-btn input[type="checkbox"]{display:none}
.header-mini-btn path{fill:none;stroke:#888;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;--length:24;--offset:-38;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1)}
.header-mini-btn circle{fill:#fff3;opacity:0;transition:opacity .3s;cursor:pointer}
.header-mini-btn label{display:block;top:0;right:0}
.header-mini-btn label circle:hover{opacity:1}
.header-mini-btn input:checked+svg .line--1,.header-mini-btn input:checked+svg .line--3{--length:12.602325267}
.header-mini-btn .line--1,.header-mini-btn .line--3{--total-length:126.38166809082031}
.header-mini-btn .line--2{--total-length:80}
.header-mini-btn label{cursor:pointer}
.header-mini-btn path{transition:all .5s cubic-bezier(.645,.045,.355,1),stroke .2s ease}
.header-mini-btn label:hover path{ stroke:#f1404b}

@media (min-width:768px){.navbar{padding:0 1rem}
.mini-sidebar .sidebar-menu ul li a:hover i{display: none;} 
.mini-sidebar .sidebar-menu ul li:hover a{padding-left: .5rem;}
.sidebar-nav{display:block!important}
}
@media (max-width:767.98px){.sidebar-nav{background:transparent!important} 
.sidebar-nav{width:100%!important;height:100%!important;top:0!important;position:fixed;z-index:1090!important;display:none;padding-left:0!important}
.sidebar-nav.show>div{transform:translate3d(0,0,0)}
.sidebar-nav>*{position:fixed;height:100%;transition:.2s cubic-bezier(.25,.8,.25,1);transform:translate3d(-100%,0,0);width:17.5rem}
}

/*--------------------------------------------------------------
## URL box style
--------------------------------------------------------------*/
.overflowClip_1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.overflowClip_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important}
.overflowClip_2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.url-card .url-body{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.url-card .url-body:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}
.url-card .url-like{position:absolute;top:5px;right:10px;opacity:0;transition:opacity .3s}
.url-card .url-body:hover .url-like{opacity:1}
.url-card .url-info{overflow:hidden;padding-right:5px}
.url-card .url-goto-after{height:24px;border-top:1px solid rgba(136,136,136,.2)}
.url-card .url-goto{position:absolute;bottom:0;left:0px;right:0}
.url-card .card-body{padding:.938rem}
.url-card .url-img{width: 52px;height: 52px;-webkit-box-flex:0;-ms-flex:none;flex:none;background:rgba(128,128,128,.1);overflow:hidden}
.url-card .url-img>img{max-height:100%;vertical-align:unset}
.url-card .max .url-img{width:60px;height:60px}
.url-card .mini .url-img{width:25px;height:25px}
.url-card .post-min .url-img{width:20px;height:20px}
.url-card .post-min .url-img>img{vertical-align:unset}
.url-card.wechat a.card:after{content:'\e60d';position:absolute;display:inline-block;font-family:"iconfont";font-size:66px;color:#888;margin-left:10px;bottom:-15px;right:10px;opacity:.15}
.url-card.down a.card:after{content:'\e604';position:absolute;display:inline-block;font-family:"iconfont";font-size:60px;color:#888;margin-left:10px;bottom:-10px;right:10px;opacity:.15}
.url-card.down .mini a.card:after,.url-card.wechat .mini a.card:after{font-size:30px;margin-left:10px;bottom:-5px;right:10px}
.url-card.down .max a.card:after,.url-card.wechat .max a.card:after{font-size:30px;bottom:25px}
.url-card .mini a.togo,.url-card .default a.togo{position:absolute;top:40px;right:0;width:30px;height:30px;line-height:30px;opacity:.2;transition:opacity .3s} 
.url-card .mini a.togo{top:4px}
.url-card .url-body:hover a.togo{opacity:1}
.url-card .max a.togo{margin-left:auto}
.url-card .max .tga{width:calc(100% - 15px);overflow:hidden}
.url-card .max .tga a{font-size:75%;padding:.125rem .4rem;background:rgba(134,134,134,.1);color:#888;border-radius:10px;transition:.3s}
.url-card .max .tga a:not(.no-tag):hover{background:#f1404b;color:#fff}
.url-card a.togo:hover i{text-shadow:0 0 5px} 
.url-card .remove-site{position:absolute;top:-8px;right:0;font-size:20px;color:#f1404b;line-height:20px}
.url-card .mini .card-body{padding:0.4rem 0.5rem}
footer.main-footer{padding:20px 30px;margin-top:0px}
#footer-tools{position:fixed;bottom:20px;right:20px;display:flex}
#footer-tools .btn{color:#777;background:#eee;width:40px;height:40px;font-size:1rem;text-align:center;line-height:40px;padding:unset;display:block;border:unset}
#footer-tools .go-up{display:none}
#footer-tools .btn:hover{color:#444}
#footer-tools [data-v-db6ccf64][data-v-6d083e75]{top:unset!important;bottom:0!important;right:44px!important}
#footer-tools .s-sticker-tmp{position:absolute!important;font-size:12px!important;top:-6px;left:18px;transform:scale(.82);padding:1px 5px;background:#f1404b;color:#ffffff!important;border-radius:50px;padding:1px 5px!important}
.friendlink a{position:relative;display:inline-block;margin:.25rem .5rem .25rem .25rem}
.friendlink a:before{content:'\2022';display:inline-block;position:relative;margin-right:5px}
@media (max-width:767.98px){footer.main-footer .footer-text{text-align:center;float:none}
#footer-tools{bottom:15px;right:10px}
}

.h-1x{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.h-2x,.h-3x{overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.h-3x{-webkit-line-clamp:3}

blockquote {padding: 10px 20px;margin: 0 0 20px;border-left: 5px solid #eee;}
blockquote p{margin: 1rem 0;}

.list-item{position:relative;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;min-width:0;word-wrap:break-word}
.list-grid .list-item{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:15px 0;border-bottom:1px solid #f0f0f0}
.media{position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-radius:inherit;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.media-1x{width:175px;height:100px}
.media-2x{width:96px;height:60px}
.media-3x{width:100%;height:320px}
.media:after{content:'';display:block;padding-top:100%}
.media-pic{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:var(--bg-light)}
.media-pic img{width:100%;height:100%;min-height:-webkit-fill-available;min-height:-moz-fill-available;min-height:-moz-available;min-height:fill-available;display:block}
.list-item .media-pic img{border-radius:5px}
.media-pic:after{background-image:-o-linear-gradient(left,transparent,rgba(255,255,255,.2));background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,.2)));background-image:linear-gradient(to right,transparent,rgba(255,255,255,.2));content:"";position:absolute;display:block;width:50%;height:100%;top:0;left:-75%;z-index:2;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);pointer-events:none}
.list-item:hover .media-pic:after{-webkit-animation:shine .85s;animation:shine .85s}
@-webkit-keyframes shine{100%{left:125%}
}
@keyframes shine{100%{left:125%}
}
.media-info{margin-left:15px}
.media-desc{position:absolute;bottom:10px;color:#999;font-size:13px}
.media-tags a{display:inline-block;height:30px;line-height:30px;padding:0 12px;border:1px solid #e3e3e3;border-radius:28px;color:#666;font-size:12px;transition:.5s ease 0s;margin:5px}
.media-tags a:hover{border:1px solid red;color:red;text-decoration:none}
.content{color:#222;font-size:16px;line-height:28px;padding-bottom:24px;word-wrap:break-word}
.content p{margin:16px 0}
.content a{margin:0 3px;text-decoration:underline}
.content a:hover{color:red}
.content p u{color:#136ec2;text-decoration:none}
.content img{margin:15px auto;max-height:350px;display:block;max-width:100%;height:100%}

.media-list .item{display:flex}
.media-list .item .cover-wrapper{width:80px;height:auto;flex-shrink:0;align-self:start}
.media-list .item .info{margin-left:1rem;color:var(--bs-gray)}
.media-list .item:not(:first-child){margin-top:1rem}
.media-list .item .title{font-size:1rem}
.media-list .item .meta{font-size:.875rem}
.media-list .item .time{margin-top:.5rem;font-size:.8rem}
.media-list .item .meta:not(:first-child){margin-top:.25rem}
.filter-tool .filter-item{display:flex}
.filter-tool .filter-item .title{display:inline-block;margin:0;padding:.45rem 0;width:3rem;font-size:.875rem;flex-shrink:0}
.filter-tool .filter-item .options{display:inline-block;margin:0;padding:0}
.filter-tool .filter-item .options .item{display:inline-block;overflow:hidden;margin:.2rem .4rem;text-overflow:ellipsis;white-space:nowrap}
.filter-tool .filter-item .options a{display:inline-block;padding:.25rem .5rem;color:rgba(0,0,0,.8);font-weight:400;font-size:.875rem}
.filter-tool .filter-item .options a:hover{background-color:rgba(0,0,0,.1);text-decoration:none}
.filter-tool .filter-item .options a.active,.filter-tool .filter-item .options a.active:hover{background-color:var(--bs-blue);color:var(--bs-white)}
.cover-wrapper{position:relative;background-color:var(--bs-blue)}
.cover-wrapper .cover{position:relative;display:block;padding-top:150%;width:100%;background-size:cover;vertical-align:center;text-align:center}
.cover-text{position:absolute;right:0;bottom:0;padding:0 .5rem .5rem 0;color:var(--bs-white)}
img.lazy{transition:all .5s}
img.lazy:hover{filter:brightness(80%)}
.breadnav{background-color:#f2f2f2}
.breadcrumb{padding:.5rem 0;position:relative;overflow:hidden;flex-wrap:nowrap}
.breadcrumb .breadcrumb-item{white-space:nowrap;flex-shrink:0}
.media-detail h1{margin-bottom:.25rem;font-size:2.5rem;color:rgba(0,0,0,.5)}
.media-detail .cover{position:relative;margin-right:1rem;width:12rem;flex-shrink:0}
.media-detail .cover img{width:100%;height:100%}
.media-detail .info{margin-top:1rem}
.media-meta .meta-item:not(:first-child){margin-top:.25rem}
.media-meta .meta-item .title{color:rgba(0,0,0,.6)}
.media-meta a{color:var(--bs-blue)}
.media-meta a:hover{color:#303f9f}
.play-list{margin:0;padding:0;list-style:none}
.play-list a{position:relative;display:block;overflow:hidden;margin:.25rem;padding:.25rem;border-radius:.2rem;text-align:center;text-overflow:ellipsis;border-color:#e2e2e2;background-color:#fff}
.play-list a.new::after{padding:.15rem .3rem;border-bottom-left-radius:.2rem;background-color:#f44336;color:var(--bs-white);content:"\65b0";font-size:.5rem;position:absolute;top:-.2rem;right:0}
.play-list a:visited{border-color:#e2e2e2;background-color:#eee}
.play-list a:hover,.play-list a.active{color:var(--bs-white);border-color:var(--bs-primary);background-color:var(--bs-primary)}
.play-list>*{float:left}
.hide{display:none}
.footer{position:relative;display:flex;padding:1rem;text-align:center;font-size:.875rem;flex-direction:column;justify-content:flex-end}
.lazy,.video-make{border-radius:.25rem}
.video-make{font-size:.75rem;position:absolute;bottom:0;left:0;display:block;margin:0;padding:.35rem .6rem;width:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.5));background-repeat:no-repeat;color:var(--bs-white);text-align:center}
.video-pics{position:relative;display:block;padding-top:133.3333333333%;width:100%;height:0;background-size:cover}
.video-fluid{position:absolute!important;top:0;width:100%;height:100%}
.video-name{margin:0.5rem 0 .25rem;font-size:1rem}
.video-desc{color:var(--bs-secondary);font-size:.85rem}
.banner-wrapper{background-color:#fff3cd}
.banner-grid{display:grid;width:100%;grid-template-areas:"banner-logo banner-content app-download";grid-template-columns:auto 1fr auto;grid-gap:10px}
.banner-grid > .banner-logo{width:2rem;height:2rem;border-radius:.25rem;grid-area:banner-logo}
.banner-grid > .banner-content{font-size:.875rem;grid-area:banner-content;align-self:center}
.banner-grid > .app-download{grid-area:app-download}
.banner-wrapper a{color:black}
.form-selecter{display:block;width:100%;padding:0.5rem 2.25rem 0.5rem 0.75rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:1px solid #ced4da;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form-selecter:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgb(13 110 253 / 25%)}
.back-top{cursor:pointer;bottom:140px;right:10px;display:block;z-index:99;visibility:hidden;opacity:0;transform:translateY(50%);transition:all 0.3s ease-in-out 0s;background:var(--bs-secondary);color:var(--bs-white);border-radius:50%;width:52px;height:52px;line-height:52px;text-align:center;position:fixed !important}
.back-top.back-top-show{visibility:visible;opacity:1;transform:translateY(0%)}
.back-top:hover{background:var(--bs-blue)}
.dialog-tip{position:fixed;color:#fff;z-index:-1;opacity:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;width:100%;text-align:center;height:3.5rem;line-height:3.5rem;transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);top:0;z-index:100000}
.dialog-tip .tip-content{padding-left:20px;display:inline-block}
.dialog-tip-show{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}
@media(max-width:575px){.footer{margin-top:1rem}
.media-detail .cover{width:8.5rem;max-height:14rem}
}
@media only screen and (min-device-width:768px){
::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background-color:#f1404b;-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar{width:5px;height:5px} 
::-webkit-scrollbar-thumb:active{background-color:#f1404b;-webkit-border-radius:4px;border-radius:4px}
::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}
::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}
}