/*NEV Oversea版专用css*/
* {outline:0;}
*,:after,:before{box-sizing:border-box}
body {margin:0;line-height:1.2;background-color:var(--x-main-bgclr);font-size:14px;color:var(--x-main-foreclr);-webkit-text-size-adjust:none;}
body {font-family:var(--global--font-body);}
a,a:hover {text-decoration:none;}
a:hover {filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;color:var(--x-land-color)}
*>a{color:inherit}
button,img {border:0;}
li {list-style: none;}
blockquote,button,dl,form,input,ol,p,textarea,ul {margin:0;padding:0;}
input,textarea{border:solid 1px var(--x-border-clr);line-height:30px;}
.clearfix:after,.clearfix:before {content:"";display:table;}
.clearfix:after {clear:both;}

.completehtml a{color:var(--x-xlink)}

/* 添加视口背景图，直接在body上加bacXkdrop-filter，可能对有的动态显示/隐藏元素有问题，只能改为专门加个背景div */
body>.viewport-bg{z-index:-1;position:fixed;width:100vw;height:100vh;top:0;}
/*body>.viewport-bg{animation:background-zoom 155s ease infinite;}*/
.dynamic-background {background-repeat: no-repeat;background-position: center;background-attachment: fixed;background-size: cover;-WEBkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.dynamic-background.blur{filter: blur(5px);-webkit-filter: blur(5px);}
@keyframes background-zoom {
    0% {transform: scale(1.3);background-position:45% 45%;}
    60% {transform: scale(1.0);background-position:50% 50%;}
    100% {transform: scale(1.3);background-position:45% 45%;}
}
#sidebar-footer{position:absolute;bottom:0;width:100%;height:fit-content;z-index: -1;margin-bottom:0!important;}

.landingpage .header{height:60px;padding:3vh 10%;position: fixed;width: 100%;top: 0;z-index: 1012;background: transparent;}
.landingpage .header>*{background: transparent}
.landingpage .header .left{float:left;height:60px;}
.landingpage .header .left .logo{height: 100%}
.landingpage .header .right{float:right;padding:10px 0 10px 15px;min-width:200px;max-width: 50vw;height: 60px;}
.landingpage .header .right .hotzones-wrap{line-height:60px;overflow: hidden;flex:5;}
.landingpage .header .right .hotzone {margin-right:20px;}
.landingpage .header .right .hotzone li{float:right;margin-left:20px;line-height:60px;}
.landingpage .header .right .hotzone li a{line-height: 40px;display:inline-block;vertical-align: top;margin-top:3px;}
.landingpage .header .right .control-list{flex:1}
@media screen and (max-width:1024px) {
    .landingpage .header{padding:3vh 10px;}
}

.landingpage .focus-area{margin-top:20vh;margin-left:auto;margin-right:auto;}
.landingpage .focus-area .slogon {font-size:60px;font-weight:200;margin-bottom:30px;color:#555;text-align:center}


.landingpage .control-list>li,.login-control-list>li {width:138px;}
.landingpage .control-list>li>a,.login-control-list>li>a {background-color:#fff;z-index:99;position:relative;}
.landingpage .control-list>li>a,.login-control-list>li>a,.nav-list>li>a {display:block;height:40px;color:#333;text-align:center;line-height:40px;white-space:nowrap;}
.landingpage .control-list>li.user-entry .nav-username,.login-control-list>li .nav-username {display:inline-block;max-width:70px;overflow:hidden;text-overflow:ellipsis;line-height:40px;white-space:nowrap;vertical-align:middle;text-align:right;}
.landingpage .control-list>li>a,.login-control-list>li>a,.nav-logins a {font-size:14px;}
.landingpage .control-list>li,.login-control-list>li,.nav-list>li {float:left;height:40px;position:relative;text-align:center;}
.landingpage .control-list>li.slide-hover,.login-control-list>li.slide-hover,.nav-list>li.slide-hover {background-color:#fff;-webkit-box-shadow:0 6px 6px 0 rgba(0,0,0,.12);box-shadow:0 6px 6px 0 rgba(0,0,0,.12);z-index:999;}
.landingpage .control-list>li.current>a,.control-list>li.slide-hover>a,.control-list>li>a.current,.login-control-list>li.current>a,.login-control-list>li.slide-hover>a,.login-control-list>li>a.current,.nav-list>li.current>a,.nav-list>li.slide-hover>a,.nav-list>li>a.current {color:#e72929;}
.landingpage .login-control-list>li.user-entry {display:none;width:104px;}
.landingpage .sub-nav {position:absolute;z-index:20;left:0;right:0;top:40px;padding:7px 0;background-color:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.16);box-shadow:0 2px 10px 0 rgba(0,0,0,.16);border-bottom-left-radius:1px;border-bottom-right-radius:1px;}
.landingpage .sub-nav li a {display:inline-block;height:30px;width:100%;color:#333;line-height:30px;text-align:center;}
.landingpage .sub-nav li a:hover {color:#e72929;background-color:#ffecec;}

.landingpage .control-list{padding-right:0;}
.landingpage .login-control-list .user-entry>a{background:transparent;}
.landingpage .login-control-list .user-entry.slide-hover>a{background:#fff!important;}

/*
.focus-area .search-area {/*position:fixed;top:30%;left:0;right:0;width:30vw;max-width:400px;* /text-align:center;margin:auto;}
.focus-area .search-area input{line-height:24px;height:76px;width:100%;border-radius:10px;}
 */

.tudi-input-affix-wrapper:before{width:0;visibility:hidden;content:"\a0"}
.tudi-input{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum","tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#1e2023;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid rgba(30,32,35,.1);border-radius:12px;transition:all .3s}

.landingpage .search-area{position:relative;width:570px;margin:auto;z-index:1;/*animation:ctrl-fadein .3s 1.4s backwards*/}
.landingpage .search-input-wrap{font-size:16px;position:relative}
.landingpage .search-input-wrap .tips.tips-mode{left:50%;transform:translate(-50%,-50%)}
.landingpage .search-input-wrap .tips{position:absolute;z-index:2;top:50%;left:54px;transform:translateY(-50%);pointer-events:none;transition:all .22s ease-in-out;color:rgba(30,32,35,.28);white-space:nowrap}
.landingpage .tudi-input-affix-wrapper{position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#1e2023;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid rgba(30,32,35,.1);border-radius:12px;transition:all .3s;display:inline-flex}
.landingpage .search-input-wrap .on-landingpage{height:48px;border-radius:24px;padding:0 4px 0 24px;color:#8a8e91;font-size:16px;background-color:#edf2f5;transition:none}
.landingpage .search-area .tudi-input-affix-wrapper{height:56px;padding:0 24px;border-radius:32px;box-shadow:0 8px 48px 8px rgba(0,0,0,.08);font-size:16px;background:#fff}
.landingpage .tudi-input-prefix,.tudi-input-suffix{display:flex;flex:none;align-items:center}
.landingpage .tudi-input-prefix{margin-right:4px}
.landingpage .tudi-input-affix-wrapper>input.tudi-input{padding:0;border:none;outline:none}
.landingpage .search-area input{background:#fff}
.landingpage .search-input-wrap .on-landingpage input.tudi-input{color:#1c1f23;padding:0 8px;font-size:16px;transition:none;background-color:transparent;text-indent:inherit}
.landingpage .search-input-wrap:hover .on-landingpage{border-color:rgba(30,32,35,.2)!important;box-shadow:0 0 0 4px #fcf2f6!important}
.landingpage .search-input-wrap.focused span.on-landingpage,.search-input-wrap.focused span.on-landingpage input{background-color:#fff}
.landingpage .search-input-wrap.focused span.on-landingpage{border:1px solid var(--x-stoke-clr)!important;box-shadow:0 0 0 4px #fcf2f6!important}
.landingpage .search-input-wrap.focused .tips.tips-mode{left:58px;transform:translateY(-50%)}
.landingpage .search-input-wrap.gotcontent .tips{display:none;}

.landingpage .search-dropdown{display:none;}
.landingpage .search-area:hover .search-dropdown{display:block;}
.landingpage .dropdown-open{width:100%;top:60.1094px!important}
.landingpage .tudi-dropdown{box-sizing:border-box;margin:0;padding:0;color:#1e2023;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum","tnum";position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block}
.landingpage .tudi-dropdown:before{position:absolute;top:-4px;right:0;bottom:-4px;left:-7px;z-index:-9999;opacity:.0001;content:" "}
.landingpage .search-suggestion-area{background-color:#fff;box-shadow:0 2px 8px rgba(28,31,35,.03),0 16px 48px 8px rgba(28,31,35,.08);border-radius:24px}
.landingpage .search-suggestion-area{padding:20px}
.landingpage .search-suggestion-area .subtitle{color:rgba(30,32,35,.45);font-size:14px}
.landingpage .anticon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.landingpage .search-suggestion-area .subtitle .JD_d5p89{display:none;cursor:pointer}
.landingpage .search-suggestion-area .hotsearch,.search-suggestion-area .history{display:flex;flex-wrap:wrap;overflow:hidden;/*height:32px;*/max-height:100px;margin:8px 0 24px}
.landingpage .search-suggestion-area .hotsearch{counter-reset:search_hotword}
.landingpage .search-suggestion-area .hotsearch .search-item,.search-suggestion-area .history .search-item{flex-shrink:0;margin-right:12px;max-width:100px;line-height:32px;border-radius:12px;padding:0 12px;font-size:14px;font-weight:600;text-align:center;color:#1c1f23;background-color:#f7f9fa;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;}

.landingpage .flash-questions{display:flex;justify-content:center;overflow:hidden;position:absolute;padding-top:20px;box-sizing:content-box;width:100%;height:50vh;bottom:0}
.landingpage .flash-questions .colume{animation:ctrl-moveup .5s cubic-bezier(.08,.3,0,1.57),ctrl-fadein .8s ease-in-out;animation-fill-mode:backwards}
.landingpage .flash-questions .colume:nth-child(1){padding-top:10px;animation-delay:.4s}
.landingpage .flash-questions .colume:nth-child(2){padding-top:55px;animation-delay:.1s}
.landingpage .flash-questions .colume:nth-child(3){padding-top:55px;animation-delay:.65s}
.landingpage .flash-questions .colume:nth-child(4){padding-top:10px;animation-delay:.5s}
.landingpage .flash-questions .colume .content {overflow:hidden;margin-top:-24px;padding-top:24px}
.landingpage .flash-questions .card{display:block;position:relative;width:180px;height:fit-content;margin:24px 12px;border-radius:12px;transition:all .35s ease-out;overflow:hidden}
.landingpage .flash-questions .card:first-child{margin-top:0}
.landingpage .flash-questions .card img{width:180px;height:400px;border-radius:12px;transition:all .22s ease-in;object-fit:cover;}
.landingpage .flash-questions .card/* img*/:hover{transform:scale(1.01)}
.landingpage .flash-questions .card .txt {color:#fff;padding:20px;min-height:15vh;position:relative;overflow:hidden;}
.landingpage .flash-questions .card .txt .question {padding:10px;font-weight:600;font-size:18px;margin-top:10px;/*text-align:center;*/}
.landingpage .flash-questions .card .txt .question.no-content{/*top:50%;position:absolute;transform:translateY(-50%);*/}
.landingpage .flash-questions .card .txt .answer{padding:10px;min-height:50px;line-height:30px;padding-bottom:20px;}
.landingpage .flash-questions .card.imgbg{background:transparent!important;}
.landingpage .flash-questions .card.imgbg .txt{position:absolute;top:0;left:0;right:0;bottom:0;}
.landingpage .flash-questions .card.imgbg .txt > *{background:rgba(200,200,200,0.3)}

.card-bgclr0{background:cadetblue}
.card-bgclr1{background:#8B3A82}
.card-bgclr2{background:cornflowerblue}
.card-bgclr3{background:darkgoldenrod}
.card-bgclr4{background:lightcoral}
.card-bgclr5{background:#8b4880}
.card-bgclr6{background:#8b645f}
.card-bgclr7{background:#718B11}
.card-bgclr8{background:#1A698B}
.card-bgclr9{background:#8B2028}
.card-bgclr10{background:#8B6481}

@keyframes ctrl-moveup{
    0%{transform:translateY(180px)}
    to{transform:translateY(0)}
}
@keyframes ctrl-fadein{
    0%{opacity:0}
    to{opacity:1}
}

.landingpage .footer {padding:5px 20px;color:#ddd;font-size:10px;position:fixed;bottom:0;width:100vw;}

.content-empty {color:var(--x-main-foreclr-minor);height:50vh;}
.content-empty .inner{margin:auto;position:relative;width:fit-content;top:50%;}

.zone-navbar .nav-title{font-weight:600;max-width:200px;overflow: hidden;text-overflow: ellipsis;font-family:var(--global--font-heading);text-transform:uppercase}
.zone-header-section {padding:10px;}

.question-suggestions-result{display:none;position:absolute;width:calc(100% - 20px);z-index:10;top:90px;background-color:var(--x-main-bgclr)}
.question-suggestions-result h3{padding:5px;text-align:left;font-size:14px;color:var(--x-main-foreclr-minor);padding:5px 10px;}
.question-suggestions-result h3 span{float:right;cursor: pointer;font-size:14px;}
.question-suggestions-result h3 span:hover{color:var(--x-stoke-clr)}
.question-suggestions-result .inner-suggest{width:100%;min-height:50vh;max-height:60vh;}
.question-suggestions-result .inner-suggest .J_suggest_content{width:100%}

.zone-navbar .search-dropdown{display:none;position:absolute;width:300px;z-index:10;top:30px;background-color:var(--x-main-bgclr);}
.zone-navbar .nav-search-wrap:hover .search-dropdown {display:block;}
.zone-navbar .inner-suggest {padding-bottom:20px;width:100%;min-height:100px;}
.zone-navbar .search-dropdown h3{padding:5px;text-align:left;font-size:14px;color:var(--x-main-foreclr-minor);padding:5px 10px;}
.zone-navbar .search-dropdown h3 span{float:right;cursor: pointer}
.zone-navbar .search-dropdown h3 span:hover{color:var(--x-stoke-clr)}
.zone-navbar .search-dropdown .content {text-align:left;}
.zone-navbar .search-dropdown .content a{padding:0 10px;display: inline-block;max-width:100px;overflow: hidden;text-overflow: ellipsis;line-height:32px;height: 32px;}
.zone-navbar .search-dropdown .content a:hover{color:var(--x-stoke-clr)}

.question-header-mode {background-color:var(--x-main-bgclr);position: relative;margin-bottom:20px;border-bottom:dashed 1px var(--x-stoke-clr);padding:20px 0;}
.question-header-mode .main-area{float:left;width:700px;min-height:80vh;background-color:#fff;position: relative;padding-right:40px;}
.question-header-mode .xarticle {border-bottom:0;min-height: fit-content;padding:0 20px;}
.question-header-mode .affix-area{float:right;width:328px;margin-left:10px;/*padding-top:30px;*/}
.xarticle.article-info-pane h3{font-size:18px;line-height:25px;}
.xarticle.article-info-pane h3 span{color:var(--x-stoke-clr)}

.apply-intro {line-height:24px;font-size:14px;padding:15px;}

.search-result .result-title {background-color:#fff;padding:20px 10px;border-bottom:1px solid #f5f5f5}
.search-result .result-title h3{font-size:18px;font-weight:bold;height: 24px;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis}
.search-result .zone-list {padding:20px 20px 0 20px;}
.search-result .zone-list>a {display: inline-block;margin-bottom:10px;}
.search-result .zone-list>a>span{}
.search-result .zone-list>a.ranklow{color:#aaa}
.search-result .zone-list>a.ranklow span{color:#aaa}

.user-avatar-star {bottom:-0.5em;font-size:inherit;right:-0.5em;display:inline-flex;line-height:1;position:absolute;color:var(--x-userstar-color);width:1.0em;height:1.0em;}
.user-avatar-star .icon{display:inline-block;height:100%;width:100%;position:relative;vertical-align:top;}
.user-name-star {font-size:inherit;line-height:1;width:1.0em;height:1.0em;}
.user-avatar-star .icon, .user-name-star{background-color:var(--x-userstar-color);border-radius:50%;border:solid 3px var(--x-userstar-color);color:var(--x-userstar-color);}

.source-info {line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;max-width:200px;}
.source-info a{color:var(--x-xlink)}
.post-time .source-info{margin-left:20px;}


.zone-name-tag{position:relative;display:inline-block;color:#000;padding:10px 10px 10px 40px;font-size:14px;border-radius:6px;width:fit-content;background:var(--x-land-color);/*max-width:200px;*/overflow:hidden;text-overflow:ellipsis;}
/*background-image不能直接用本地资源，要用base64或网络路径*/
.zone-name-tag:before{
  display:block;position:absolute;top:8px;left:10px;background-repeat:no-repeat;background-size:cover;content:'';width:20px;height:20px;
  background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjg1MzM2MzgxMTEyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU5MjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTY3MiAzMjBjMCAyMi43Mi0xMC44OCA1Ny4yOC0yNi41NiA5Ni00NS40NCAxMTEuMDQtMTMzLjQ0IDI1Ni0xMzMuNDQgMjU2cy04OC0xNDQuOTYtMTMzLjQ0LTI1NmMtMTUuNjgtMzguNzItMjYuNTYtNzMuMjgtMjYuNTYtOTYgMC04OC4zMiA3MS42OC0xNjAgMTYwLTE2MHMxNjAgNzEuNjggMTYwIDE2MHogbS0xMTIgMGMwLTI2LjU2LTIxLjQ0LTQ4LTQ4LTQ4cy00OCAyMS40NC00OCA0OCAyMS40NCA0OCA0OCA0OCA0OC0yMS40NCA0OC00OHoiIGZpbGw9IiMyYzJjMmMiIHAtaWQ9IjU5MjIiPjwvcGF0aD48cGF0aCBkPSJNMTQ2Ljg4IDQzMC40TDM0LjY1NiA4MTQuMDhjLTUuODI0IDE5LjItMi4yNCAzOS41NTIgOS44MjQgNTUuODA4IDEyLjE2IDE2LjMyIDMxLjY0OCAyNi4xMTIgNTIuMTYgMjYuMTEyaDgzMC43MmMyMC41MTIgMCA0MC05Ljc2IDUyLjE2LTI2LjExMmE2Mi40IDYyLjQgMCAwIDAgOS45Mi01NS41MmwtMTEyLjQxNi0zODQuMjU2QTY1LjI0OCA2NS4yNDggMCAwIDAgODE1LjA0IDM4NGgtMTIzLjk2OGM4LjQ4LTI2LjI0IDEyLjkyOC00Ny40MjQgMTIuOTI4LTY0IDAtMTA1Ljg4OC04Ni4xMTItMTkyLTE5Mi0xOTJzLTE5MiA4Ni4xMTItMTkyIDE5MmMwIDE2LjU3NiA0LjQ4IDM3Ljc2IDEyLjkyOCA2NEgyMDguOTZjLTI4LjI4OCAwLTUzLjc5MiAxOC45NzYtNjIuMDggNDYuNHpNNTEyIDE5MmM3MC41OTIgMCAxMjggNTcuNDA4IDEyOCAxMjggMCAxMS4wNC00LjE2IDM0LjU2LTI0LjE5MiA4My44NzItMjguMzg0IDY5LjQwOC03NC40OTYgMTUzLjUzNi0xMDMuODA4IDIwNC44LTI5LjMxMi01MS4yMzItNzUuMzkyLTEzNS4zNi0xMDMuNzc2LTIwNC42NzJsLTAuMTYtMC40NDhDMzg4LjE2IDM1NC40MzIgMzg0IDMzMC45NzYgMzg0IDMyMGMwLTcwLjU5MiA1Ny40MDgtMTI4IDEyOC0xMjh6IG0tMTU0LjYyNCAyNTZjNDcuMjMyIDEwOC4zNTIgMTIzLjg0IDIzNC45NDQgMTI3LjI5NiAyNDAuNjA4YTMyIDMyIDAgMCAwIDU0LjY1NiAwYzMuNDU2LTUuNjY0IDgwLTEzMi4xNiAxMjcuMjY0LTI0MC41NzZsMTQ5LjEyIDAuMzJMOTI3LjM2IDgzMiA5NiA4MzIuMzIgMjA4Ljk2IDQ0OGgxNDguNDE2eiIgZmlsbD0iIzJjMmMyYyIgcC1pZD0iNTkyMyI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgMzg0YzM1LjI5NiAwIDY0LTI4LjcwNCA2NC02NHMtMjguNzA0LTY0LTY0LTY0LTY0IDI4LjcwNC02NCA2NCAyOC43MDQgNjQgNjQgNjR6IG0wLTk2YTMyLjAzMiAzMi4wMzIgMCAxIDEtMzIgMzJjMC0xNy42MzIgMTQuMzM2LTMyIDMyLTMyeiIgZmlsbD0iIzJjMmMyYyIgcC1pZD0iNTkyNCI+PC9wYXRoPjwvc3ZnPg==");
}
.zone-name-tag.small {font-size:10px;padding:0px 10px 0px 28px;line-height:16px}
.zone-name-tag.small:before{width:12px;height:12px;top:3px;}
.zone-name-tag.lite {background-color:transparent;border:solid 1px var(--x-land-color);}
.zone-name-tag.lite {padding:2px 14px 2px 25px;}
.zone-name-tag.lite.no-icon:before{content:'';display:initial;background-image:none;}

.content-longpic {width:100%;}