/*--2020--*/
body{ font-family:"Microsoft YaHei",Arial;  width:100%; margin:0 auto; color:#555; background:#fff; font-size:14px;}
body.bg-com{background:#f9f9f9;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{ padding:0;margin:0;}
ol,ul{list-style: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
ul li{ list-style:none;}
img {border:0px;}
a:hover img {opacity:0.8;filter:alpha(opacity=80);}
*{ word-wrap:break-word }
.c-fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.c-fix {display: block;}
button{cursor:pointer; border:0px;} 

.r{ float:right;}
.l{ float:left;}
em{font-style:normal; font-weight:normal;}
.wrap{ margin:0px auto; min-width:1020px;width:1750px;}
.wrap-list{ margin:0px auto; width:1400px;}
.wrap-com{ margin:0px auto; width:1370px;}
.green{color:#66cc00}
.red{color:#ff6666;}

/*type icon*/
@font-face {font-family: 'iconfont';src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*--common--*/
input[type="text"],textarea{font-family:"Microsoft YaHei";}
input::-webkit-input-placeholder {color:#bbb;}
input:-moz-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;}
input:-ms-input-placeholder {color:#bbb;}

a{color:#444;text-decoration:none }
a:hover{color:#ea4c89; text-decoration:none}
a.color{color:#ea4c89;text-decoration:none }
a.color:hover{color:#f5689e; text-decoration:none}

/*--top--*/
.top{width:100%;min-width:1020px;margin:0 auto;height:56px; background:url(../images/bg-top.png) repeat-x center bottom; position:relative;}
.top a{height:56px; display:block; line-height:56px;text-align:center; color:#555;}
.top a:hover{line-height:58px;background:#ea4c89;color:#fff;-webkit-transition:all 0.2s linear;  -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear;  -o-transition:all 0.2s linear;   transition:all 0.2s linear;}
.top a.logo{ display:block; width:200px; height:50px; float:left; margin:3px 0px 0px 30px;}
.top a.logo:hover{background:#fff;}
/* LOGO 资源 200×50（2026-09-20 由 126×42 放大）：顶栏高 56px，上边距 3px 使 50px 图上下各余 3px；
   img 用 display:block 消除 inline 基线间隙，避免容器多出 3-4px。 */
.top a.logo img{display:block; width:200px; height:50px;}

.nav{height:56px; width:60%; position:relative; margin-left:10px; float:left;}
.nav a{font-size:16px; float:left; padding:0px 20px;}

#top-login{margin:0px 30px 0px 0px; float:right;}
.login-no{width:108px;}
.login-no a{font-size:14px; padding:0px 12px; float:left;}
.login-yes{width:60px;}
.login-yes a{width:60px;cursor:hand; position:relative; float:right;}
.login-yes a img{ width:28px; height:28px; margin:12px auto 0px auto; border-radius:14px; overflow:hidden; display:block;}
.login-yes a:hover img{opacity:1;filter:alpha(opacity=100);margin-top:13px;}
.login-yes .user-ti{background:url(../images/icon-xiaoxi.gif) no-repeat 0px 0px; height:11px; width:11px; position:absolute; z-index:101; top:7px; left:38px;}

.lang-select{float:right;position:relative;}
.lang-select a.lang-cur{width:86px;color:#888;font-size:13px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:4px;line-height:1;}
.lang-select a.lang-cur:hover{background:none;color:#ea4c89;line-height:1;}
.lang-list{list-style:none;display:none;position:absolute;top:56px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:6px;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 8px 30px 0 rgba(0,0,0,.12);z-index:999;min-width:96px;}
.lang-select.show .lang-list{display:block;}
.lang-list li{margin:0;}
.lang-list a{height:32px;line-height:32px;display:block;padding:0 14px;font-size:13px;color:#666;border-radius:4px;text-align:center;}
.lang-list a:hover{background:#fdf2f7;color:#ea4c89;line-height:32px;}

.top-line{float:right; width:1px; height:24px; margin-top:16px; border-left:1px solid #eee; display:block;}
.top-right{float:right;position:relative;}
.top-right a{float:left; width:60px; color:#888;}
.top-right a:hover{color:#fff;}
.top-right a i{font-size:20px;}
.top-right a.top-search-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;line-height:1;}
.top-right a.top-search-btn svg{width:24px;height:24px;}

/* ============================================================
   PC 顶栏（≥992px）弹性占比布局（2026-09-20 修复长语种导航换行）
   原状：.nav 固定 width:60% + margin-left:10px + 每项 padding 0 20px 的 float 排布，
         遇到 Español「Rompecabezas individuales」/ Deutsch「Tägliche Herausforderung」
         这类长栏目文案时整行撑破，最后一项（Tags 聚合页）掉到第二行。
   现做：三列明确占比 —— LOGO 列（保留既有分档尺寸）· 中间栏目列 flex:1 吸收全部剩余宽度
         · 右侧功能区不收缩（收缩优先级低于导航），且导航右缘直接挨到搜索按钮左缘；
         导航内部 flex 均分 + 间距百分比化 + 字号随视口微调（文案不截断、不改译文、不缩图标）。
   注：DOM 里右侧区在 LOGO 之前（float:right 逆序），因此用 order 显式恢复视觉顺序；
       768–991px 的平板两行与 <768px 的汉堡/单行横滑导航均不受本块影响。
   ============================================================ */
@media (min-width:992px){
  /* 顶栏高度：默认单行 56px；极端窄桌面档（如 1024px × 西/德长文案）允许整栏撑高，
     也绝不允许文字被压到相邻项上重叠（比换行更严）。 */
  .top{height:auto; min-height:56px;}
  .top .wrap{display:flex; -webkit-box-align:center; align-items:center;}

  /* 1) LOGO 列：尺寸仍由既有分档规则决定（桌面 200×50），只把左右留白改成百分比
        （margin 的百分比相对包含块 .wrap 宽度，可靠） */
  .top a.logo{order:1; float:none; -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; margin:0 1% 0 1.6%;}
  
  /* 2) 中间栏目列：吸收剩余宽度，项间间距用 em（随字号缩放，视觉上有舒适空隙）；
        单行硬保证：flex-wrap:nowrap + overflow-x:auto —— 装得下时与普通 flex 完全一致（无滑动条），
        装不下时单行可横滑（文字完整不裁切、不掉第二行、不与相邻项重叠）。
        ⚠ 不用 justify-content:center：flex 居中 + overflow 会导致左侧溢出部分滚不到；
        ⚠ 不用 % padding：li 宽度由内容撑开，百分比会相对内容宽而塌成 0（实测导航挤成一团）。
        li 拉伸（2026-09-22）：li 改 flex-grow:1 按内容宽等比吸收剩余空间，无论哪种语种
        都占满 nav 全宽且间隔均匀（.top a 已是 block+居中，文字在各自区间自动居中）；
        不设 min-width:0，保留内容宽下限：装不下时仍走上面的单行横滑兜底。 */
  .top .nav{order:2; float:none; display:flex; -webkit-box-align:center; align-items:center; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; height:56px; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; -webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto; width:auto; min-width:0; margin-left:0;}
  .top .nav::-webkit-scrollbar{width:0;height:0;}
  .top .nav li{list-style:none; -webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto;}
  .top .nav a{float:none; padding:0 .55em; white-space:nowrap; font-size:clamp(12px, 1.02vw, 16px);}
  
  /* 3) 右侧功能区：不参与收缩竞争（flex-shrink:0），宽度用 vw/内容撑开——
        同样不能用 % width（包含块宽度由内容决定时会塔到 clamp 下限，导致语言名溢出被搜索图标遮住） */
  .top .top-right{order:3; float:none; -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; margin:0;}
  .top .top-right a{float:none; width:clamp(44px, 3.2vw, 60px);}
  .top .lang-select{order:4; float:none; -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto;}
  .top .lang-select a.lang-cur{width:auto; min-width:clamp(64px, 5.2vw, 96px); padding:0 .75em;}
  .top .top-line{order:5; float:none; -webkit-flex:0 0 auto; flex:0 0 auto; margin:0 .4%;}
  .top #top-login{order:6; float:none; -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; margin:0 1.6% 0 0;}
  .top #top-login .login-no{width:auto; display:flex; -webkit-box-align:center; align-items:center;}
  .top #top-login .login-no a{float:none; padding:0 .55em; white-space:nowrap;}
  .top #top-login .login-no form{display:flex; -webkit-box-align:center; align-items:center;}
}
.top-search{display:none;position:absolute;top:56px;right:0;width:320px;padding:14px;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 8px 30px 0 rgba(0,0,0,.12);z-index:999;-webkit-box-sizing:border-box;box-sizing:border-box;}
.top-search.show{display:block;}
.top-search-form{display:-webkit-box;display:-webkit-flex;display:flex;}
.top-search-form input{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:34px;padding:0 10px;border:1px solid #eee;border-right:0;border-radius:3px 0 0 3px;font-size:13px;color:#666;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
.top-search-form button{width:60px;height:34px;border:0;border-radius:0 3px 3px 0;background:#ea4c89;color:#fff;font-size:13px;cursor:pointer;}
.top-search-form button:hover{background:#f5689e;}

/*首页中部导航(仿om.cn)*/
.w-full{width:100%;}
.h-100{height:100px;}
.flex-c-c{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
div.w-full.h-100{box-shadow:0 5px 20px 0 rgba(0,0,0,.1);background:#fff;}
.home-mid-nav{width:1750px;max-width:100%;height:57px;list-style:none;margin:0 auto;}
.home-mid-nav li{width:109px;max-width:120px;height:57px;background:#fff;font-size:14px;cursor:pointer;list-style:none;-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;-webkit-transition:-webkit-transform .2s ease;transition:transform .2s ease;}
.home-mid-nav li:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);}
.home-mid-nav a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;color:#999;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease;}
.home-mid-nav .icon{width:30px;height:30px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.home-mid-nav svg.icon{width:30px;height:30px;}
.home-mid-nav svg path{fill:#999;-webkit-transition:fill .2s ease;transition:fill .2s ease;}
.home-mid-nav i{font-style:normal;font-size:14px;line-height:21px;padding-top:12px;font-family:"Microsoft YaHei",sans-serif;color:#999;-webkit-transition:color .2s ease;transition:color .2s ease;}
.home-mid-nav li:hover a,.home-mid-nav li:hover i{color:#ea4c89;}
.home-mid-nav li:hover svg path{fill:#ea4c89;}
.home-mid-nav li.on a,.home-mid-nav li.on i{color:#ea4c89;}
.home-mid-nav li.on svg path{fill:#ea4c89;}
.nav-class{ height:54px;}
.nav-class a{ display:block; height:54px; line-height:54px; text-align:center; color:#888; float:left; margin:0px 20px; font-size:16px;}
.nav-class a:hover{height:52px; line-height:54px; border-bottom:2px solid #666; color:#222;}
.nav-class a.sel{height:52px; line-height:54px; border-bottom:2px solid #444; color:#222;}

.sub-nav-class{ height:40px; text-align:center; float:none; margin:0 auto;}
.sub-nav-class a{font-size:13px; color:#888; height:30px; line-height:30px; text-align: center; margin-right:2px; border-radius:3px; display:block; padding:0px 12px; float:left;}
.sub-nav-class a:hover{color:#111; background:#eee;}
.sub-nav-class a.sel{color:#333; font-weight:bold;background:#f5f5f5;}
.sub-nav-class .sub-sel{font-size:32px; color:#ea4c89; background:none; height:40px; line-height:40px;}
.sub-nav-class .sub-sel:hover{color:#ea4c89; background:none;}

.sel-box{height:36px;position:relative; float:left; padding-right:3px;}
.sel-box i{height:18px; width:16px; display:block; float:right; color:#aaa; font-size:12px; margin-right:6px; text-indent:0;}
.sel-box a{line-height:34px; height:34px; border:1px solid #eee; border-radius:3px; text-indent:15px;color:#666; display:block; background:#fff;}
.sel-box a:hover{line-height:36px;color:#111;background:#eee;}

.sel-menu{ position:absolute; left:0px; top:34px; background:#fff; border:1px solid #eee; border-top:0; z-index:12;box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .2); padding-bottom:6px; border-radius:0px 0px 3px 3px; visibility:hidden;}
.sel-menu a{line-height:32px; height:32px; border:0px; border-top:1px solid #eee; border-radius:0px; color:#666;}
.sel-menu a.sel{color:#222; background:#f4f4f4;}
.sel-box-px{width:100px; float:right; padding-right:0px;}
.sel-box-px a{ width:98px;float:right;}
.sel-box-px .sel-menu{ width:98px; right:0;}

/*work-list*/
.w-list-sel{ height:auto; padding-top:50px; padding-bottom:20px;}
.w-list-sel .sel-box-px{ margin-right:15px;}
.w-list{padding:0px 0px;}
.w-list .w-item{display:block; width:320px;height:250px; position:relative; border:0px solid #eee; background:none;border-radius:0px; margin:10px 15px 10px 15px; float:left; overflow:hidden;}
.w-list .w-img{width:320px;height:240px;transition-duration:0.3s; border-radius:6px; overflow:hidden; background:#eee; position:relative;}
.w-list .w-img img{width:320px;height:240px;transition-duration:0.3s;transition: all 0.6s;}
.w-list .w-img a.w-img-link{display:block;width:320px;height:240px;overflow:hidden;}
.w-list .w-user{line-height:28px; height:28px; font-size:13px; display:block; overflow:hidden;padding:8px 0px 0px 0px;color:#999;}
.w-list .w-user em{ color:#999; font-size:13px; float:right;}
.w-list .w-user i{color:#aaa;font-size:14px; margin:0px 2px 0px 4px;}
.w-list .w-user img{width:20px;height:20px; border-radius:50%; overflow:hidden; margin:3px 6px 0px 0px; float:left;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter:alpha(opacity=80); opacity:0.8;}
.w-list .w-user a:hover img {-webkit-filter: grayscale(0); -moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0);filter:alpha(opacity=100); opacity: 1;}

a.w-title{color:#fff; width:100%; height:40px; padding-top:0px; overflow:hidden; position:absolute;left:0; bottom:0;right:0;background:url(../images/mask-bot.png); background-size:100% 100%;z-index:10;visibility:visible;transition-duration:0.3s;filter:alpha(opacity=100); opacity: 1;}
.w-like{font-size:13px; line-height:32px; height:32px; padding:0px 8px; border:0; background:none; display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:4px; float:right; color:#fff; position:absolute;bottom:4px;right:2px; text-align:center; z-index:11;visibility:visible;transition-duration:0.3s;filter:alpha(opacity=100); opacity: 1;}
.w-like .w-like-ico{width:16px;height:16px;display:block;}
.w-date{position:absolute; top:8px; left:8px; z-index:12; color:#fff; font-style:normal; font-size:13px; text-shadow:0 1px 2px rgba(0,0,0,.5);}
.w-like:hover,.w-like-sel{color:#fff;}
.w-like-sel:hover{color:#ddd;}
.w-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55.65px;height:55.65px;border-radius:50%;background:rgba(0,0,0,.55);border:2.1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;font-size:13.65px;/**font-weight:bold;**/z-index:9;pointer-events:none;}
.w-join{position:absolute;top:8px;left:8px;width:30px;height:30px;border:none;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;z-index:12;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;transition-duration:0.3s;text-decoration:none;}
.w-join svg{transition:transform 0.3s;}
.w-join:hover{background:#fff;color:#ea4c89;}
.w-join:hover svg{transform:scale(1.05);}
.w-status{position:absolute;top:8px;right:8px;background:#28a745;color:#fff;font-size:12px;padding:4px 8px;border-radius:3px;z-index:12;line-height:1.4;}
a.w-title h5{ height:40px; line-height:40px; width:248px; display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; margin-left:12px; font-weight:normal;font-size:14px; }

.w-img:hover a.w-title,.w-img:hover .w-like,.w-img:hover .w-del-no{visibility: visible;filter:alpha(opacity=100); opacity:1;}
.w-img:hover img{transform: scale(1.1)}

/*rank-list*/
.rank-list{display:-webkit-box;display:-webkit-flex;display:flex;padding-bottom:30px;}
.rank-col{-webkit-box-sizing:border-box;box-sizing:border-box;width:334px;margin-right:20px;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 5px 20px 0 rgba(0,0,0,.06);overflow:hidden;}
.rank-col:last-child{margin-right:0;}
.rank-col h4{margin:0;padding:16px 20px 12px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #f2f2f2;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;}
.rank-col h4:before{content:"";position:absolute;left:50%;bottom:-1px;width:44px;height:3px;border-radius:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.rk-decor{width:10px;height:20px;color:#999;-webkit-flex:none;flex:none;margin:0 8px;transition:color 0.3s;}
.rk-decor-r{-webkit-transform:scaleX(-1);transform:scaleX(-1);}
.rank-col h4:hover .rk-decor{color:#ea4c89;}
.rank-col ul{list-style:none;margin:0;padding:8px 12px 12px;}
.rank-col li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:7px 8px;border-radius:6px;transition:background 0.3s;}
.rank-col li:hover{background:#fdf2f7;}
.rk{width:26px;text-align:center;font-size:18px;font-weight:bold;color:#999;font-style:normal;-webkit-flex:none;flex:none;}
.rk1{color:#f43545;}
.rk2{color:#ea4c89;}
.rk3{color:#9b59b6;}
.rk-img{width:64px;height:48px;margin:0 10px;-webkit-flex:none;flex:none;display:block;}
.rk-img img{width:64px;height:48px;border-radius:4px;object-fit:cover;display:block;}
.rk-info{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;}
.rk-info b{display:block;font-size:15px;color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rk-info p{margin:2px 0 0;font-size:12px;color:#999;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.rk-info p span{color:#bbb;}

.w-edit,.w-del,.w-del-no{ width:36px; height:36px; line-height:34px; border-radius:3px; text-align:center; color:#fff; position:absolute; top:15px; z-index:13; font-size:20px; background:url(../images/bg-hei.png); border:0;cursor: pointer;}
.w-edit:hover,.w-del:hover,.w-del-no:hover{background:#ea4c89;}
.w-edit{right:15px;}
.w-del,.w-del-no{left:15px;}
.w-del-no{opacity: 0;}
.nar-right{width:6px; height:12px; position:absolute; display:block; top:20px; right:-6px;background:url(../images/nar-right.png);}
.u-list{ margin-left:auto; margin-right:auto; width:1370px; border:1px solid #eee; border-bottom:0; margin-bottom:20px; background:#fff; border-radius:5px; overflow:hidden;}
.u-list .u-item{display:block; width:1370px;height:170px; padding-top:20px; position:relative; border-bottom:1px solid #eee;}
.u-list .u-head{display:block; width:86px; height:86px; position:absolute; top:20px; left:25px;}
.u-list .u-head img{display:block; width:86px; height:86px; border-radius:50%; overflow:hidden; margin:0px auto;}
.u-list .u-info{display:block; width:300px; height:160px;float:left; margin:0px 20px 0px 135px;}
.u-list .u-name{display:block; width:300px; height:28px; line-height:24px;}
.u-list .u-name a{ font-size:18px; font-weight:bold; float:left;}
.u-list .u-city,.u-list .u-city a{line-height:18px; color:#999;}
.u-list .u-city em{ color:#bbb; margin:0px 6px;}
.u-list .u-city a:hover{color:#ea4c89;}
.u-list .u-city i{ color:#bbb; margin-right:3px; font-size:13px;}
.u-list .u-sign{display:block;line-height:22px; padding-top:6px;}
.u-list .u-work{display:block; width:840px; height:126px; float:left;}
.u-list .u-work img{width:200px; height:150px;}
.u-list .u-work a{display:block; width:200px; height:150px; margin-left:10px; float:left; border-radius:5px; overflow:hidden;}
.u-list a.more{ display:block; width:60px; height:100px; margin-left:10px; float:left; border-radius:5px; line-height:30px; padding-top:50px; text-align:center; font-size:18px; color:#999; }
.u-list a.more:hover{color:#ea4c89;}

.u-zhan{ height:32px; line-height:32px; display:block; padding-top:12px;}
.u-zhan .nar-right{ top:9px; right:-6px;}
.u-zhan a.but,.u-zhan a.but-w{ height:30px; width:78px; line-height:30px; font-size:14px; float:left; border-radius:3px; margin-right:6px;}
.u-zhan-box{ height:30px; width:50px; line-height:30px;  float:left; position:relative; color:#999; border:1px solid #eee; border-radius:3px; display:block; text-align:center; margin-right:10px;}

.u-det-header{height:200px;width:100%; position:relative;}
.u-det-header-mask{height:100px; background-image:url(../images/mask-bot.png);background-repeat:repeat-x; position:absolute; bottom:0; left:0; z-index:3;width:100%;}
.u-det{ width:100%; background:#fff; background-image:url(../images/bg-line.png); border-bottom:1px solid #eee; text-align:center; position:relative; color:#888;}
.u-det-tonji{ width:1002px; height:60px; position:absolute; top:-60px; left:50%; margin-left:-500px; color:#ddd; font-size:14px;z-index:4;}
.u-det-tonji li{ width:200px; float:left; text-align:center;}
.u-det-tonji b{ font-size:20px;color:#fff; font-weight:normal;}
.u-det-head{ width:110px; height:110px; position:absolute; top:-65px; left:50%; margin-left:-64px;border-radius:50%; padding:0px;z-index:5;}
.u-det-head img{display:block; width:110px; height:110px; border-radius:50%; overflow:hidden;}
.u-det-name{padding-top:50px;}
.u-det-name b{ font-size:24px; float:left;color:#333; font-weight:normal;}
.u-det em{ color:#ccc; margin:0px 6px;}
.u-det .u-det-city,.u-det .u-det-city a{ font-size:12px; color:#999;}
.u-det .u-det-city a:hover{color:#ea4c89;}
.u-det a.but-w,.u-det a.but{ height:32px; width:100px; line-height:32px; font-size:14px; margin:0px 5px; float:left;}

.m-admin-class{ width:480px; margin-right:auto; margin-left:auto;}
.m-nav{ width:1202px; margin:20px auto 0px auto; height:46px;}
.m-nav-box{height:46px; border-left:0px solid #eee; border-top:0px solid #eee; margin-bottom:-1px; float:left;}
.m-nav a{ height:45px; width:294px; text-align:center; line-height:46px; border:1px solid #e8e8e8; border-bottom:0; display:block; float:left; background:#eee; font-size:16px; color:#777; margin-right:4px; border-radius:5px 5px 0px 0px;}
.m-nav a:hover{background:#e8e8e8; color:#111; line-height:48px;}
.m-nav a.sel{ height:48px; background:#fff;color:#555; font-size:16px;}

.m-nav2{ width:1370px; margin:20px auto 0px auto; height:46px;}
.m-nav2-box{height:34px; border-radius:4px; border:1px solid #eee; border-right:0; overflow:hidden;margin:0px auto;}
.m-nav2-box a{ height:34px; width:119px; text-align:center; line-height:34px; border-right:1px solid #eee; display:block; float:left; background:#fff; font-size:15px; color:#777;}
.m-nav2-box a:hover{background:#eee; color:#111; line-height:36px;}
.m-nav2-box a.sel{ height:34px; font-weight:bold; background:#f9f9f9;color:#444;}
.m-nav2 .w4{ width:480px;}
.m-nav2 .w2{ width:240px;}
.m-nav2 a.but{height:34px; width:110px; line-height:34px;float:left; border-radius:3px;}
.m-nav2 a.but i{ margin-right:4px;}

.m-nav2 .sub-nav-class{ margin-left:0px; padding-top:0px;} 

.m-main{margin:0px auto;width:1200px;background:#fff; border-radius:5px; border:1px solid #eee; margin-bottom:4px; overflow:hidden;}
.m-pubworks{ position:relative;}
table.m-info,.m-pubworks table{ padding:10px 0px 15px 0px; display:block; width:1200px;}
.m-info th,.m-pubworks th{ width:100px; padding:10px; text-align:right; font-weight:normal; font-size:15px; color:#999;}
.m-info td,.m-pubworks td{padding:10px; text-align:left; font-size:16px; line-height:40px; width:1000px;}
.m-main th i{ margin-right:0px;}
.m-info a.but{width:120px; height:40px; line-height:40px; border-radius:3px; font-size:16px;}

.m-submitbut{ width:330px; margin:0px auto; padding:30px 0px 30px 0px;}
.m-submitbut a.but,.m-submitbut a.but-w{ float:left; height:44px; width:140px; margin-right:20px; line-height:44px; font-size:18px; border-radius:4px;}

.m-pubworks-tit{height:48px; line-height:48px; padding-top:5px;}
.m-pubworks-tit h3,.m-pubworks-tit a{ font-size:18px; float:left; margin:0px 8px 0px 20px;}
.m-pubworks-tit a i{ font-size:12px; margin-left:8px;}
.m-pubworks-tit a.close{font-size:14px; float:right; margin:6px 12px 0px 0px; height:36px; width:70px; line-height:32px; text-align:center; color:#ccc; display:block; border-radius:3px;}
.m-pubworks-tit a.close:hover{line-height:34px;color:#444; background:#eee;}
.m-pubworks-tit a.close i{margin-left:3px;}
.m-addpic{padding:15px 0px 15px 0px; text-align:center; font-size:13px; color:#999;width:1200px; background:#fff; border:0px solid #eee;margin:0px auto 4px auto;}
.m-addpic a.but{ width:160px; height:40px; line-height:40px; border-radius:2px; font-size:16px; margin:0px auto 8px auto; float:none;}

.m-addpic-list{width:1200px; margin:0px auto;}
.m-addpic-list .uppicbox{height:86px; width:116px; float:left; margin-right:15px; padding:0px; border-right:1px solid #eee;}
.m-addpic-list .uppicbox span{height:86px; width:116px;}
.m-addpic-list .uppicbox img{height:86px; width:116px;}
.m-addpic-list li{border:0px solid #e4e4e4; border-radius:3px; overflow:hidden; height:86px; margin-bottom:4px; background:#fff; position:relative;}
.m-addpic-list p{line-height:30px; display:block; width:700px; height:30px; padding-top:25px; float:left;}
.m-addpic-list b{ font-size:16px; margin-right:15px;}
.m-addpic-list em{ color:#66aa00;}
.m-addpic-list .xulie{ width:100px; height:86px; line-height:34px; position:absolute; right:0;top:0; text-align:center; border-left:1px solid #eee;}
.m-addpic-list .uppic-load{ width:720px; height:3px; background:#ddd; position:absolute; left:130px; bottom:24px; line-height:3px;}
.m-addpic-list .uppic-load div{background-color:#93c40f; height:3px; line-height:3px; display:inline-block; margin:0;}
.m-addpic-list input[type="text"]{background:#fff; border:1px #e5e5e5 solid; color:#444; font-size:16px; border-radius:3px; height:30px; line-height:30px; width:36px; text-align:center;text-indent:0px; margin:22px auto 0px auto;float: none;padding:2px;}
.line-top{border-top:1px solid #eee;}

.m-main input[type="text"],.m-main input[type="password"],.m-main textarea{ background:#f9f9f9; border:1px #e5e5e5 solid; color:#444; font-size:16px; border-radius:3px; float:left; margin-right:6px;}
.m-main input[type="text"],.m-main input[type="password"]{ height:30px; line-height:30px; padding:6px; width:200px; text-indent:6px;  vertical-align:middle;}
.m-main input[type="text"]:focus{background:#fff;}

.m-main .m-info input[type="text"]{width:222px; margin-right:12px;}

.m-sel-box{height:42px;position:relative; float:left;}
.m-sel-box i{height:18px; width:16px; display:block; float:right; color:#aaa; font-size:12px; margin-right:6px; text-indent:0;}
.m-sel-box a{line-height:40px; height:40px; border:1px solid #e5e5e5; border-radius:3px; text-indent:15px;color:#666; display:block; background:#fff; width:234px; font-size:16px;}
.m-sel-box a:hover{line-height:42px;color:#111;background:#eee;}

.m-sel-menu{ position:absolute; left:0px; top:42px; background:#fff; border:1px solid #eee; border-top:0; z-index:12;box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .2); padding-bottom:6px; border-radius:0px 0px 3px 3px; visibility:hidden;width:234px;}
.m-sel-menu a{line-height:32px; height:32px; border:0px; border-top:1px solid #eee; border-radius:0px; color:#666;}
.m-sel-menu a:hover{line-height:34px;}
.m-sel-menu a.sel{color:#222; background:#f4f4f4;}

.m-sel-jinzi{ margin-left:8px;width:356px;}
.m-sel-jinzi a{width:354px; font-size:15px;}
.m-sel-jinzi .m-sel-menu{width:354px; font-size:15px;}

.two-class{width:234px; padding-bottom:0px;}
.two-class li{ text-indent:15px; font-size:14px; height:32px; line-height:32px; display:block; border-bottom:1px solid #fff;border-top:1px solid #fff;}
.two-class li:hover{ background:#fff; cursor:pointer; color:#ea4c89;}
.two-class .select-one{ width:103px; float:left; border-right:1px solid #eee; padding-bottom:10px;}
.two-class .select-two{ width:130px; float:left; padding-bottom:10px;}
.two-class .select-one li:hover,.two-class .select-one li.sel{width:104px; border-bottom-color:#eee; border-top-color:#eee;background:#fff; color:#ea4c89; }

.city-select{width:280px; padding-bottom:0px; border-top:1px solid #eee;}
.city-select li{ text-indent:15px; font-size:14px; height:32px; line-height:32px; display:block; cursor:pointer; }
.city-select .select-one{ width:109px; float:left; border-right:1px solid #eee; padding-bottom:10px; overflow-y:scroll; height:240px;}
.city-select .select-two{ width:160px; float:left; padding:5px;}
.city-select .select-one li:hover,.city-select .select-one li.sel{ background:#f4f4f4;color:#222;}
.city-select .select-two label{font-size:14px; height:28px; line-height:28px; display:block; cursor:pointer; padding:0px 8px; float:left; margin:0px 3px 3px 0px; border-radius:3px;}
.city-select .select-two label.sel,.city-select .select-two label:hover{ background:#f4f4f4;color:#222;}

.m-main .geshi label{ background:#fff; border:1px #e5e5e5 solid; height:40px; line-height:40px; padding:0px 8px; border-radius:3px; overflow:hidden; text-align:center; display:block; float:left; margin-right:2px; cursor:pointer; min-width:24px;color:#666;}
.m-main .geshi label:hover,.m-main .geshi label.sel{color:#333;background:#f5f5f5;border:1px solid #e5e5e5;}
.m-main .geshi p{ width:1px; height:10px; text-indent:9999px; display:block; float:left;}
.m-main .geshi input[type="radio"]{ width:0px; height:0px; display:inline-block; }

.m-main .inp-box{height:42px; float:left; margin-right:2px;}
.m-main .inp-box span{ font-size:14px; color:#999; height:40px; padding:0px 6px;line-height:40px; background:#fafafa; border:1px solid #e5e5e5; border-right:0px; border-radius:3px 0px 0px 3px; display:block; float:left; text-align:center;}
.m-main .inp-box input[type="text"]{ height:28px; line-height:28px; padding:6px; text-indent:6px; border-radius:0px 3px 3px 0px;}
.m-main em{ font-size:13px; color:#999;}

.m-main textarea{padding:10px; font-size:15px; line-height:22px; height:44px; width:500px;text-indent:2px;resize:none;}
.m-main .select_com { height:36px; font-family:Microsoft YaHei; line-height:30px; margin:-2px 0px 0px -2px; font-size: 15px; color: #616161; display:block; border: 0px;  background:none; text-indent:4px;}
.m-main .select_cut{ height:32px; overflow:hidden; margin-left:2px;}
.m-main .select_box{ height: 32px;  padding:4px 2px 4px 2px; border:1px #e5e5e5 solid; background:#fff;float:left; border-radius:2px; overflow:hidden;}
.sel-label label{ height: 32px; line-height:32px; padding:4px 6px; border:1px #e5e5e5 solid; background:#fff;float:left; border-radius:3px; overflow:hidden; margin-right:8px; text-align:center;}
.sel-label label:hover{ background:#f4f4f4;line-height:34px; color:#111;}
.sel-label label i{ color:#ccc; margin-right:6px; font-size:18px;}
.sel-label label.sel{ background:#f4f4f4; color:#111;}
.sel-label label.sel i{ color:#f39;}

.m-add-cover{ height:90px; width:600px;background:url(../images/bg-line.png); border-radius:3px; border:1px solid #eee; overflow:hidden; line-height:86px; float:left; margin-right:10px;}
.m-add-cover img{ height:90px; width:120px; float:left;border-right:1px solid #eee;}
.m-add-cover label.but-w{ height:36px; width:110px; float:left; font-size:14px; line-height:36px; margin:25px 20px 0px 70px;}
.m-add-cover em{ font-size:14px;}
.m-add-head{ height:90px; width:600px;line-height:86px;}
.m-add-head img{ height:88px; width:88px; float:left; border-radius:50%; overflow:hidden; border:1px solid #eee;}
.m-add-head label.but-w{ height:34px; width:110px; float:left; font-size:14px; line-height:34px; margin:25px 10px 0px 30px;}

.m-income{ padding:5px 0px 15px 0px;}
.m-income li{ padding:15px 25px;  border-bottom:1px #eee solid; line-height:24px; font-size:15px;}
.m-income b{ font-size:18px; float:right; font-weight:normal;}
.m-income em{ color:#999; margin-right:10px;font-size:14px;}
.m-income .m-income-tonji{ float:left; line-height:28px;}
.m-income .m-income-tonji strong{ font-size:18px;}
.m-income .m-income-tonji em{color:#ddd; margin-left:10px;}
.m-income a.but-w{ height:28px; width:60px; line-height:28px; margin-left:15px; float:left; font-weight:normal;}
.m-income img{ width:20px; height:20px; margin-right:4px; vertical-align:middle; border-radius:50%;}
.m-income .date{ color:#999;font-size:14px; float:right; margin-left:30px;}
.m-income .b{ font-weight:bold;}
.m-income a.but-k{ height:28px; width:56px; line-height:28px; margin-left:10px; float:right; font-weight:normal; font-size:13px;}

.m-cashout{padding:40px 20px;background:url(../images/bg-line.png); margin:20px 20px 0px 20px;border: 1px solid #eee; text-align: center; border-radius:3px; font-size:18px;}
.m-cashout b{ font-size:20px; font-weight:normal;}
.m-cashout em{ font-size:18px; color:#ddd; margin:0px 15px;}
.m-cashout span{ font-size:15px; color:#999;}
.m-main .m-cashout input[type="text"]{ width:160px; font-size:22px; padding:12px; color:#66cc00; font-weight:bold; margin-left:8px;}
.m-main .m-cashout a.but,.m-main .m-cashout a.but-g{ width:120px; font-size:18px; height:52px; line-height:52px; border-radius:3px; margin-right:15px;}
.m-helptxt{padding:10px; margin:0px 20px 20px 20px; text-align:center;color:#aaa;font-size:14px; line-height:22px;}
.m-tishi{padding:15px;background:#fff8f4; margin:0px 20px 0px 20px;border:1px solid #fff0ec; text-align: center; border-radius:3px;color:#f66;font-size: 14px;}

.m-con{ padding:20px 30px;background:url(../images/bg-line.png);margin:25px;border: 1px solid #eee; border-radius:5px;}
.m-con i.weixin,.m-con img{ width:80px; height:80px; border-radius:5px; background:#00c204; display:block; color:#fff; float:left; line-height:80px; text-align:center; font-size:50px;}
.m-con span{height:80px; display:block; float:left; line-height:80px;}
.m-con .nar{ font-size:14px; color:#ccc; width:60px; text-align:center;}
.m-con .tit{ font-size:16px; color:#666; width:100px; margin-left:15px; font-weight:bold;}
.m-con a.but-w{ width:100px; height:36px; line-height:36px; float:right; margin-top:20px;}

.skill-list{background:#fff;}
.skill-list li{border-bottom:1px solid #eee; padding:5px 0px 5px 0px; margin:0px 1px; width:100%;}
.skill-list a{font-size:14px; color:#666; height:30px; width:76px; line-height:30px; text-align: center; margin-right:2px; border-radius:3px; display:block; float:left; background:#f5f5f5; overflow:hidden;}
.skill-list a:hover{color:#fff; background:#ea4c89;}
.skill-list a.sel{color:#fff; background:#f5689e;}
.skill-list span{font-size:14px; color:#666; height:30px; line-height:30px;display:block;float:left; width:60px; font-weight:bold; text-align:left;}

.no-cont{ height:150px; padding:50px 0px; width:400px; margin:0px auto; text-align:center; font-size:16px;}
.no-cont i{height:70px; width:70px; line-height:70px; margin:10px auto; text-align:center; font-size:38px; color:#fff; background:#bbb; border-radius:50%; display:block;}
.no-cont a.but-w{ height:32px; width:90px; margin:0px auto; line-height:32px; margin-top:10px; font-size:14px; border-radius:3px;}

.txtedit{ width:856px; height:320px; border:1px solid #eee; border-radius:3px; overflow:hidden;}
/*.help .da .nar-up{color:#f6eaff; position:absolute; left:45px; top:-14px; width:30px; line-height:24px; height:30px; display:block;}*/
.help .da .nar-up{ width:0px; height:0px;border-left:10px solid transparent; border-bottom:10px solid #f6eaff;border-right:10px solid transparent; position:absolute; left:45px; top:-10px; }

 
 /*login*/
.login-box{ width:800px;height:640px; position:absolute; left:50%; margin-left:-400px; top:48%; margin-top:-320px; z-index:101;}
.login-panl{ width:340px;min-height:300px; background:#fff; border-radius:6px;box-shadow:0px 0px 7px  rgba(0, 0, 0, .5); position:relative; padding:25px 50px 20px 50px;color:#aaa; margin:0px auto 15px auto;}
a.logo-reg{ height:60px; width:180px; background: url(../images/logo.png) no-repeat; margin:15px auto 15px auto; display:block; text-indent:-9999px;}
a.logo-reg:hover{filter:alpha(opacity=80); opacity: 0.8;}
.login-panl h2{font-size:18px; color:#666; text-align:center; height:30px; line-height:30px; font-weight:bold;}
.bot-login{ font-size:13px; text-align:center; line-height:32px; height:32px; margin-top:15px; color:#666;}
.login-panl a.but,.login-panl .but-ti{ height:50px; line-height:50px; font-size:20px; border-radius:4px;}
.login-panl .but-ti{text-align:center; background:#aaa; border:1px solid #aaa;color:#fff; display:block;}
.login-panl a.but-w{position:absolute;right:0; top:8px; font-size:13px; height:32px; width:108px; line-height: 32px; text-decoration:none;}

.login-panl .login-input{ margin:10px 0px 0px 0px; position:relative;}
.login-panl input[type="text"],.login-panl input[type="password"]{color:#444; font-size:24px;width:340px; height:24px; line-height:24px; padding:15px 0px 8px 0px; display:block; border:0; border-bottom:1px solid #e4e4e4;}
.login-panl input::-webkit-input-placeholder {color:#bbb; font-size:20px;}
.login-panl input:-moz-placeholder {color:#bbb; font-size:20px;}
.login-panl input::-moz-placeholder {color:#bbb; font-size:20px;}
.login-panl input:-ms-input-placeholder {color:#bbb; font-size:20px;}
.login-panl input:focus {outline: none; }
.login-panl p{ text-align:center; margin-top:10px; font-size:14px;}

.login-panl .login-yztu {position:absolute;right:0;top:12px; height:28px; width:110px; line-height:28px;}
.login-panl .login-yztu a{width:30px;height:30px;line-height:30px;color:#999; text-align:right;display:block; float:right; font-size:20px;}
.login-panl .login-yztu a:hover{color:#111;}
.login-panl #login-msg{color:#f39; font-size:14px; text-align:center; line-height:18px; padding:5px 0px; min-height:4px;}

.login-panl .regbar{ width:34px; height:100px; overflow:hidden; position:absolute; top:90px; right:-34px;}
.login-panl .regbar a.but{width:16px; text-align:center; height:86px; padding:12px 8px 0px 8px;line-height:16px; font-size:14px;border-radius:0px 5px 5px 0px; font-weight:normal; border-left-color:#b20b5e;}


.login-panl .login-com{ height:20px; line-height:20px; padding:15px 0px 0px 0px; text-align:center;}
.login-panl .connect{ height:60px; padding:20px 0px 15px 0px;}
.login-panl .connect a{width:60px; height:60px; display:block; border-radius:50%; color:#fff; float:left; font-size:36px; line-height:60px; text-align:center; margin:0px 10px;}
.login-panl .connect a.qq{ margin:0px 60px;}

.body-fill{background:#555 url(../images/bg-login.jpg) no-repeat center top; background-size:100%; width:100%;height:100%;}
.body-fill a.close{ height:56px; width:56px;display:block; position:absolute; top:0px; right:0px; background:url(../images/bg-hei.png); text-align:center; line-height:56px; color:#888; z-index:101;}
.body-fill a.close:hover{ background:#000; color:#fff;}
.body-fill a.close i{ margin-right:6px; font-size:30px;}

/*bottom*/
.bot-k{width:100%; height:60px; line-height:60px;}
.bot{ background:#252525;width:100%;}
.bot a{ color:#666;}
.bot a:hover{color:#aaa;}
.bot em{ margin:0px 8px; color:#333;}
.bot .bot-box{ height:40px;  margin:0px auto; line-height:34px; font-size:13px; color:#555; padding:15px 0px; text-align:left; border-top:1px solid #2c2c2c;}

.bot-com{background:#252525;width:100%; min-width:1350px; height:250px; color:#aaa; position:relative; padding-top:25px; border-top:1px solid #222;}
.bot-com .bot-box{margin:0px auto 0px auto;}

.bot-intro{ width:400px; float:left; font-size:13px; line-height:28px; color:#888; margin-top:16px;}
.bot-intro img{ margin-bottom:8px;}
.bot-intro a{color:#555; margin:30px 12px 0px 0px; display:block; width:34px; line-height:34px; float:left; text-align:center; border-radius:4px;}
.bot-intro a:hover{color:#aaa;background:#111;}
.bot-intro i{ font-size:22px;}
.bot-intro a.phone{ width:80px;}
.bot-intro a.phone i{ margin-right:3px; font-size:20px;}
.bot-intro em{color:#555;}

.bot-link{ width:720px; float:left; margin:20px 0px 0px 10px;}
.bot-link li{ width:180px; text-align:left; float:left;}
.bot-link a,.bot-link span{ color:#888; line-height:28px; width:100px; font-size:14px; display:block; height:28px; margin-bottom:10px;}
.bot-link a:hover{ color:#ccc; }
.bot-link span{ font-weight:bold; color:#555;}
.bot-logo{ width:160px; height:180px; float:right; margin:20px 0px 0px 0px;}
.bot-logo a{ display:block; height:40px; width:160px; overflow:hidden; background:url(../images/bot-logo.png) no-repeat; text-indent:-9999px; filter:alpha(opacity=30); opacity: 0.3;transition-duration:0.3s; margin-bottom:10px;}
.bot-logo a.viwik{background-position:0px 0px;}
.bot-logo a.fine{background-position:0px -120px;}
.bot-logo a.tooo{background-position:0px -40px;}
.bot-logo a.hao{background-position:0px -80px;}
.bot-logo a.viwik:hover,.bot-logo a.fine:hover,.bot-logo a.tooo:hover,.bot-logo a.hao:hover{filter:alpha(opacity=80); opacity: 0.8;}
.bot-logo span{ font-weight:bold; color:#555; line-height:28px; width:100px; font-size:14px; display:block; height:28px; margin:0px 0px 6px 6px;}


/*--back top--*/
a.backtop{background:url(../images/bg-hei.png); display:block; width:48px; height:48px; text-align:center; line-height:48px; color:#fff; border-radius:5px; font-size:24px;}
a.backtop:hover{background:#ea4c89;}

/*pages 2018*/
.page-main{ position:relative; width:100%; padding:8px 0px 50px 0px; height:36px;}
.page-main a{font-size:16px; color:#999; line-height:36px; height:36px; border-radius:5px; text-align:center; display:block; float:left; padding:0px 15px; margin-right:2px; background:#f4f4f4;}
.page-main a:hover{background:#ea4c89; color:#fff;}
.page-main a.sel{color:#fff; background:#ea4c89;}

.mvcPager{ margin:0px 25px 25px 25px;height:32px; border-radius:3px; overflow:hidden; border-left:1px solid #eee;}
.mvcPager a,.mvcPager span.page-cpb{height:30px; line-height:30px; padding:0px 12px 0px 12px; vertical-align:middle; text-align:center; float:left; white-space:nowrap; display:block; border:1px solid #e5e5e5; border-left:0;font-size:14px;}
.mvcPager a{ color:#999; background:#fff;}
.mvcPager a:hover {color:#222;background:#eee;}
.mvcPager span.page-cpb {color:#444; background:#f5f5f5; font-weight:bold;}


.icon-qz,.icon-zp,.icon-jd,icon-ds{float:left; display:block; height:18px; line-height:18px; width:32px;text-align:center; color:#fff; margin-left:2px;margin-top:4px;font-size:12px; border-radius:2px;}
.icon-qz{background:#ff6600;}
.icon-zp{background:#0099ff;}
.icon-jd{background:#66b531;}
.icon-dashi{background:url(../images/icon-dashi.png); height:40px; width:40px; display:block; position:absolute; top:-1px; left:-1px; z-index:11;}

.connect a{width:40px; height:40px; display:block; border-radius:2px; background:#ccc; color:#fff; float:left; font-size:26px; line-height:40px; text-align:center; margin:0px 6px;}
.connect a.weixin{background-color:#00c204;}
.connect a.qq{background-color:#00adf5;}
.connect a.weibo{background-color:#e64322;}
.connect a.weixin:hover,.connect a.qq:hover,.connect a.weibo:hover,.connect a.huaban:hover{filter:alpha(opacity=80); opacity: 0.8;}

/* button */
.but{text-align:center; background:#ea4c89;border:1px solid #ea4c89; color:#fff; border-radius:2px; display:block;}
.but:hover{background:#f5689e; color:#fff;border:1px solid #f15d96;}
.but:active{background:#f5689e; color:#fff;border:1px solid #f15d96;}

.but-w{text-align:center; background:#fff; border:1px solid #eee;color:#ea4c89; border-radius:2px; display:block;}
.but-w:hover{color:#fff;background:#f5689e;border:1px solid #ea4c89;}
.but-w:active{color:#fff;background:#f5689e;border:1px solid #ea4c89;}

.but-g{text-align:center; background:#aaa; border:1px solid #aaa;color:#fff; border-radius:2px; display:block;}
.but-g:hover{color:#fff;background:#666;border:1px solid #777;}
.but-g:active{color:#fff;background:#666;border:1px solid #777;}

.but-k{text-align:center; background:#fff; border:1px solid #e5e5e5;color:#888; border-radius:2px; display:block;}
.but-k:hover{color:#222;background:#eee;border:1px solid #e2e2e2;}
.but-k:active{color:#222;background:#eee;border:1px solid #e2e2e2;}


/*--会员页覆盖：与目标站列表渲染一致（仅 body.bg-com 生效）--*/
body.bg-com .w-list .w-item{height:280px;}
body.bg-com a.w-title{height:50px; padding-top:190px; visibility:visible; opacity:0;}
body.bg-com .w-like{font-size:20px; line-height:32px; height:32px; width:32px; padding:0; border:0; background:#444; color:#ddd; border-radius:5px; display:block; float:right; position:absolute; bottom:15px; right:15px; text-align:center; z-index:11; opacity:0;}
body.bg-com .w-like:hover{background:#ea4c89; color:#fff;}
body.bg-com .w-like-sel{background:#ea4c89; color:#fff;}
body.bg-com .w-like-sel:hover{background:#da3c79; color:#ddd;}
body.bg-com .sub-nav-class{height:34px; text-align:center; float:left; margin:0; padding-top:0;}

/*--首页响应式：断点 ≥1200 / 992-1199 / 768-991 / <768（仅非会员页生效）--*/
body:not(.bg-com) .wrap{width:100%; max-width:1750px; min-width:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
body:not(.bg-com) .wrap-com{width:100%; max-width:1370px; min-width:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
body:not(.bg-com) .top{min-width:0;}
body:not(.bg-com) .w-list .w-user{display:none;}
@media (min-width:2201px){ body:not(.bg-com) .wrap{max-width:2100px;} }

@media (max-width:1199px){
  body:not(.bg-com) .nav{width:auto;}
  body:not(.bg-com) .nav a{padding:0 14px; font-size:15px;}
  body:not(.bg-com) .h-100{height:auto;}
  body:not(.bg-com) .home-mid-nav{height:auto; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:6px 0;}
  body:not(.bg-com) .home-mid-nav li{-webkit-flex:0 0 12.5%; flex:0 0 12.5%; max-width:none; height:64px;}
  body:not(.bg-com) .rank-list{-webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; justify-content:center;}
  body:not(.bg-com) .rank-col{width:334px; margin:0 10px 20px 10px; -webkit-flex:none; flex:none;}
}

@media (max-width:991px){
  body:not(.bg-com) .wrap{padding:0 12px;}
  body:not(.bg-com) .top{height:auto;}
  body:not(.bg-com) .top .wrap{display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; align-items:center;}
  body:not(.bg-com) a.logo{order:1; float:none; margin:6px 12px 6px 0;}
  body:not(.bg-com) .top-right{order:2; float:none; margin-left:auto;}
  body:not(.bg-com) .lang-select{order:3; float:none;}
  body:not(.bg-com) .top-line{order:4; float:none; margin-top:0;}
  body:not(.bg-com) #top-login{order:5; float:none; margin:0;}
  body:not(.bg-com) .nav{order:6; -webkit-flex:0 0 100%; flex:0 0 100%; width:auto; height:auto; margin:0; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; border-top:1px solid #f2f2f2;}
  body:not(.bg-com) .nav a{float:none;}
  body:not(.bg-com) .bot .bot-box{height:auto; line-height:22px; padding:12px;}
  body:not(.bg-com) .bot-box .r{float:none; display:block;}
}

@media (max-width:767px){
  body:not(.bg-com) .w-list .w-item{float:none; margin:12px auto;}
  body:not(.bg-com) .home-mid-nav li{-webkit-flex:0 0 25%; flex:0 0 25%;}
  body:not(.bg-com) .rank-col{width:100%; max-width:334px; margin:0 auto 20px auto;}
  body:not(.bg-com) .sub-nav-class .sub-sel{font-size:24px;}
  body:not(.bg-com) .w-list-sel{padding-top:30px; padding-bottom:12px;}
}

@media (max-width:359px){
  body:not(.bg-com) .w-list .w-item{width:100%; height:auto; margin:12px 0;}
  body:not(.bg-com) .w-list .w-img{width:100%;}
  body:not(.bg-com) .w-list .w-img img{width:100%; height:auto;}
  body:not(.bg-com) .w-list .w-img a.w-img-link{width:100%; height:auto;}
  body:not(.bg-com) a.w-title{width:100%;}
  body:not(.bg-com) a.w-title h5{width:auto; margin-right:12px;}
}

/*--移动端顶部导航（<768px）：LOGO 居中 + 汉堡菜单 + 单行横滑导航（≥768px 不受影响）--*/
body:not(.bg-com) .top a.m-menu-btn{display:none;}
.m-login-panel{display:none;}
@media (max-width:767px){
  body:not(.bg-com) .top .wrap{position:relative;}
  body:not(.bg-com) .top a.m-menu-btn{display:flex; width:44px; height:44px; margin:0 12px 0 0; padding:0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; line-height:1;}
  body:not(.bg-com) .m-menu-btn span{display:block; width:20px; height:2px; margin:2px 0; background:#555; border-radius:1px; -webkit-transition:transform .2s ease, opacity .2s ease; transition:transform .2s ease, opacity .2s ease;}
  body:not(.bg-com) .m-menu-btn.active span:nth-child(1){-webkit-transform:translateY(6px) rotate(45deg); transform:translateY(6px) rotate(45deg);}
  body:not(.bg-com) .m-menu-btn.active span:nth-child(2){opacity:0;}
  body:not(.bg-com) .m-menu-btn.active span:nth-child(3){-webkit-transform:translateY(-6px) rotate(-45deg); transform:translateY(-6px) rotate(-45deg);}
  /* LOGO 200×50：小屏绝对定位会盖在第一行中间，故等比缩到 160×40 并把 top 收到 9px
     （9+40=49 < 行高 56），避免顶到下方导航行。 */
  body:not(.bg-com) a.logo{position:absolute; left:50%; top:9px; margin:0; width:160px; height:40px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
  body:not(.bg-com) a.logo img{width:160px; height:40px;}
  body:not(.bg-com) .top-line{display:none;}
  body:not(.bg-com) #top-login{display:none;}
  body:not(.bg-com) .top-right a{width:44px;}
  body:not(.bg-com) .lang-select a.lang-cur{width:64px;}
  body:not(.bg-com) .m-login-panel{position:absolute; left:12px; top:100%; z-index:1000; min-width:150px; padding:6px; background:#fff; border:1px solid #eee; border-radius:6px; -webkit-box-shadow:0 8px 30px 0 rgba(0,0,0,.12); box-shadow:0 8px 30px 0 rgba(0,0,0,.12);}
  body:not(.bg-com) .m-login-panel.show{display:block;}
  body:not(.bg-com) .m-login-panel a{display:block; height:44px; line-height:44px; padding:0 18px; font-size:15px; color:#555; text-align:left; border-radius:4px;}
  body:not(.bg-com) .m-login-panel a:hover{background:#fdf2f7; color:#ea4c89; line-height:44px;}
  body:not(.bg-com) .nav{-webkit-flex-wrap:nowrap; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;}
  body:not(.bg-com) .nav li{-webkit-flex:0 0 auto; flex:0 0 auto;}
  body:not(.bg-com) .nav a{float:none; -webkit-flex:0 0 auto; flex:0 0 auto; white-space:nowrap;}
}

/* LOGO 尺寸分档（2026-09-20，资源由 126×42 换为 200×50）：
   ≤479px（典型 390 宽手机）时顶部居中的 160px 宽 LOGO 会与右上角菜单/语言按钮盒子左缘重叠，
   故再收一档到 140×35（水平居中后左右各余 ≈125/125px）并使 top 仍保持垂直居中。 */
@media (max-width:479px){
  body:not(.bg-com) a.logo{top:10px; width:140px; height:35px;}
  body:not(.bg-com) a.logo img{width:140px; height:35px;}
}