/* V2.10_20161123 */

@charset "utf-8";
@import url(../../share.css);


/* ***** 共享 START ***** */

body {color: #333333;font-size: 14px;font-family: "微软雅黑", "黑体", "宋体", Arial;background: #f4f4f4;}
a { color: #333333; outline: none; text-decoration: none; transition: all .3s linear }
a:hover { color: #09f; text-decoration: none; }
html * { outline: 0; zoom: 1; }
img:hover { opacity: 0.8; filter: alpha(opacity=80); }
em { font-style: italic !important; }
strong { font-weight: bold !important; }

* { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
center	{ text-align:center !important; }
img { border: 0; }	/* fieldset,  */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
capation, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ' ' }
abbr, acronym { border: 0; }

.lineH150 { line-height: 150% }
.lineH200 { line-height: 200% }
.marT5 { margin-top: 5px; }
.marB5 { margin-bottom: 5px; }
.marB15 { margin-bottom: 15px; }
.padd5 { padding: 5px; }
.padd15 { padding: 15px; }
.paddT5 { padding-top: 5px; }
.paddT8 { padding-top: 8px; }
.paddT10 { padding-top: 10px; }
.red { color: red; }


/* 全局通用字体样式 */
.font1_1	{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
a.font1_1:hover { font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
.font1_1d		{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
a.font1_1d:hover{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
.font1_2	{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
a.font1_2:hover { font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
.font1_2d		{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
a.font1_2d:hover{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }

.font2_1 { font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
a.font2_1:hover	{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
.font2_2 { font-family:"Microsoft YaHei", "黑体", simsun,Arial; }
a.font2_2:hover	{ font-family:"Microsoft YaHei", "黑体", simsun,Arial; }


/* iconfont 样式 */
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      /* url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'), */
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* 首页栏目文章前头ico */
.listIco1 ul li,.listIco1 li	{ background:url(ico/1.gif) no-repeat 3px 6px !important; }
.listIco2 ul li,.listIco2 li	{ background:url(ico/2.gif) no-repeat 3px 6px !important; }
.listIco3 ul li,.listIco3 li	{ background:url(ico/3.gif) no-repeat 3px 6px !important; }
.listIco4 ul li,.listIco4 li	{ background:url(ico/4.gif) no-repeat 3px 6px !important; }
.listIco5 ul li,.listIco5 li	{ background:url(ico/5.gif) no-repeat 3px 6px !important; }
.listIco6 ul li,.listIco6 li	{ background:url(ico/6.gif) no-repeat 3px 6px !important; }
.listIco7 ul li,.listIco7 li	{ background:url(ico/7.gif) no-repeat 3px 6px !important; }
.listIco8 ul li,.listIco8 li	{ background:url(ico/8.gif) no-repeat 3px 6px !important; }
.listIco9 ul li,.listIco9 li	{ background:url(ico/9.gif) no-repeat 3px 6px !important; }
.listIco10 ul li,.listIco10 li	{ background:url(ico/10.gif) no-repeat 3px 6px !important; }
.listIco11 ul li,.listIco11 li	{ background:url(ico/11.gif) no-repeat 3px 6px !important; }
.listIco12 ul li,.listIco12 li	{ background:url(ico/12.gif) no-repeat 3px 6px !important; }
.listIco13 ul li,.listIco13 li	{ background:url(ico/13.gif) no-repeat 3px 6px !important; }
.listIco14 ul li,.listIco14 li	{ background:url(ico/14.gif) no-repeat 3px 6px !important; }
.listIco15 ul li,.listIco15 li	{ background:url(ico/15.gif) no-repeat 3px 6px !important; }
.listIco16 ul li,.listIco16 li	{ background:url(ico/16.gif) no-repeat 3px 6px !important; }
.listIco17 ul li,.listIco17 li	{ background:url(ico/17.gif) no-repeat 3px 6px !important; }
.listIco18 ul li,.listIco18 li	{ background:url(ico/18.gif) no-repeat 3px 6px !important; }
.listIco19 ul li,.listIco19 li	{ background:url(ico/19.gif) no-repeat 3px 6px !important; }
.listIco20 ul li,.listIco20 li	{ background:url(ico/20.gif) no-repeat 3px 6px !important; }
.listIco21 ul li,.listIco21 li	{ background:url(ico/21.gif) no-repeat 3px 6px !important; }
.listIco22 ul li,.listIco22 li	{ background:url(ico/22.gif) no-repeat 3px 6px !important; }
.listIco23 ul li,.listIco23 li	{ background:url(ico/23.gif) no-repeat 3px 6px !important; }
.listIco24 ul li,.listIco24 li	{ background:url(ico/24.gif) no-repeat 3px 6px !important; }
.listIco25 ul li,.listIco25 li	{ background:url(ico/25.gif) no-repeat 3px 6px !important; }
.listIco26 ul li,.listIco26 li	{ background:url(ico/26.gif) no-repeat 3px 6px !important; }
.listIco27 ul li,.listIco27 li	{ background:url(ico/27.gif) no-repeat 3px 6px !important; }
.listIco28 ul li,.listIco28 li	{ background:url(ico/28.gif) no-repeat 3px 6px !important; }
.listIco99 ul li,.listIco99 li	{ background:none !important; padding-left:5px !important; }
.listIco1 ul li,.listIco2 ul li,.listIco3 ul li,.listIco4 ul li,.listIco5 ul li,.listIco6 ul li,.listIco7 ul li,.listIco8 ul li,.listIco9 ul li,.listIco10 ul li,
.listIco11 ul li,.listIco12 ul li,.listIco13 ul li,.listIco14 ul li,.listIco15 ul li,.listIco16 ul li,.listIco17 ul li,.listIco18 ul li,.listIco19 ul li,.listIco20 ul li,
.listIco21 ul li,.listIco22 ul li,.listIco23 ul li,.listIco24 ul li,.listIco25 ul li,.listIco26 ul li,.listIco27 ul li,.listIco28 ul li
.listIco1 li,.listIco2 li,.listIco3 li,.listIco4 li,.listIco5 li,.listIco6 li,.listIco7 li,.listIco8 li,.listIco9 li,.listIco10 li,
.listIco11 li,.listIco12 li,.listIco13 li,.listIco14 li,.listIco15 li,.listIco16 li,.listIco17 li,.listIco18 li,.listIco19 li,.listIco20 li,
.listIco21 li,.listIco22 li,.listIco23 li,.listIco24 li,.listIco25 li,.listIco26 li,.listIco27 li,.listIco28 li
{ padding-left:26px !important; }


/* 文章列表前头ico */
.listArrow1 ul		{ margin:0; padding:0; list-style:none; }
.listArrow1 ul li	{ background:url(arrow1.gif) no-repeat 0 8px; line-height:2; overflow:hidden; height:25px; padding-left:16px; }
.listArrow2 ul		{ margin:0; padding:0; list-style:none; }
.listArrow2 ul li	{ background:url(arrow2.gif) no-repeat 0 8px; line-height:2; overflow:hidden; height:25px; padding-left:18px; }
.listArrow3 ul		{ margin:0; padding:0; list-style:none; }
.listArrow3 ul li	{ background:url(arrow3.gif) no-repeat 0 8px; line-height:2; overflow:hidden; height:25px; padding-left:16px; }

.shadowBox{background: #fff;box-shadow:0 1px 3px rgba(26,26,26,.2);}

/* ***** 共享 END ***** */



/* ***** 页头 START ***** */

#uebox_welcome b	{ color:blue; }
#uebox_center a		{ color:red; }

.bodyArea {width: 640px;margin: 0 auto;clear: both;height: auto;overflow: visible;}
.topMenu {background: #fff;height: 30px;line-height: 30px; border-bottom: 1px solid #dedede}
.topMenu a {display: inline-block;color: #000;}
.topMenu .a {float: left;width: 60%;color: #9a9a9a;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 13px}
.topMenu .a i { margin-right: 5px; font-size: 14px; }
.topMenu .b { float: right; }
.topMenu .b a { padding-left: 8px; font-size: 13px;}
.appIco		{ height:26px;margin:1px 0 0 5px; }
.htmlBody, .logoBox {width: 1100px;margin: 0 auto;}
.logoBox {padding: 10px 0;}
.logo { float: left; }
.logo a { color: #09f; }
.logo img { /* height: 60px */ }
.logoBanner	{ float:left;width:790px; }
.logoBanner img{float: right; margin-top: 2px;}
.navMenuBox { height: 46px; width: 1100px; margin: 0 auto; border-top:1px solid #eaeaea; }
.wapLeftNav { width: 950px; float: left; height: 46px; line-height: 46px; }
.navBg { width: 1100px; }
#navUl li {float: left;position: relative;font-size: 16px;text-align: center;z-index: 9998;}
#navUl li a {display: block;text-align: center;padding: 0 15px;height: 44px;}
#navUl li a:hover { border-bottom: 3px solid #09f;transition: all .2s;}
#wapNavIco { display: none; }
.topnav li ul.subnav	{ top:44px; left:-13px; width:124px; background:#fff; border:none; }
.topnav li ul.subnav li	{  }
.topnav li ul.subnav li a	{ background:#fff;color:#000; }
.topnav li ul.subnav li a:hover { background:#eeeeee; color:#000;  border-bottom:2px solid #88aeff; }
.cur { border-bottom: 3px solid #09f; color: #09f; }

/* 广告 */
.caBanner {margin-bottom: 5px;padding: 5px;}
.caBanner img{width: 100%;height: auto; margin-bottom: -2px; }
.caBanner a:last-child {margin-bottom: -2px;display: block;}
.caTable {margin-bottom: 5px; display: inline-block;width: 100%;}
.caTable>table { width: 100%; font-size: 13px; text-align: center; margin:5px 0;}
.caTable table tr td {padding: 2px 0;}

.caImg img { width: 100%; height: 100%; vertical-align: middle; }
.caImg2 {padding: 3px; margin-top: 5px;font-size: 0;}
.caImg2 img {width: 100%;}

.ca10Div		{ margin:0 auto; width:770px; overflow:hidden; text-align:center; }
.ca10DivFull	{ width:1060px; }
.ca16Div		{ margin:2px 0 0 0 auto; width:770px; overflow:hidden; text-align:center; }
.ca16DivFull	{ width:1060px; }
.ca17Div		{ float:left; text-align:center; }
.ca24Div		{ margin:0 auto; width:770px; overflow:hidden; text-align:center; }
.ca24DivFull	{ width:1060px; }

/* ***** 页头 END ***** */



/* ***** 页尾 START ***** */

/* 友情链接 */
.linkBox { overflow: hidden; margin: 15px 0; padding:15px}
.linkBox h3 {float: left;font-size: 18px;border-bottom: 2px #09f solid;height: 36px; line-height: 36px;}
.linkBox h3 i {font-size: 18px;color: #09f;margin-right: 5px;font-weight: bold;}
.linkBox ul {padding: 10px 10px 0;}
.linkBox li {display: inline;height: 28px;line-height: 28px;}
.linkBox li a {padding-right: 20px;line-height: 24px;}
.linkTitle {height: 36px;line-height: 36px;border-bottom: 2px #eee solid;}
.linkContent	{padding:8px;line-height:1.8;}
.linkMore{color: #0099ff;float:right;margin-right:2px;display:block;height:26px;line-height:26px;border: 1px solid #0099ff;border-radius:5px;padding:0px 10px;}
.linkMore:link{color: #0099ff;}
.linkMore:hover{color:#FFF;background: #0099ff;}

/* 底部菜单 */
.bottomBox {padding: 10px 0 20px 0;overflow: hidden;}
.bottomBox a { color: #878787; }
.bottomBox div.bottomCopyright {float: left;width: 1100px;color: #8F8F8F; text-align: center;}
.bottomBox div.bottomCopyright p { line-height: 200%; }
.bottomBox .bottomMenu	{ padding-bottom: 8px;line-height:1.6 !important;text-align:center; }
.bottomBox .bottomMenu a { margin: 0 6px }

/* 回到页头图标 */
.backTopImg { position: fixed; bottom: 5%; right: 5%; font-size: 41px; z-index: 99; width: 58px; height: 58px; text-align: center; line-height: 58px; background: #FFF; color: #c3c3c3; cursor: pointer; border-radius: 8px; box-shadow: 0px 2px 10px #dedede; }

/* 底部菜单区域 */
.area_bottomMenuH	{ height:45px;}
#area_bottomMenu	{ z-index:99;background:#fff; }
.bottomMenuBox .toolMenuBox{background:-webkit-gradient(linear,0 0,0 100%,from(#0065bc),to(#014c8d));}
.bottomMenuBox .toolMenuBox .touch{background:-webkit-gradient(linear,0 0,0 100%,from(#004683),to(#003563));}

/* ***** 页尾 END ***** */



/* ***** 首页 START ***** */

.bodyL	{float:left;width:729px;padding-right:13px;}
.bodyR	{float:left;width:358px;}
.areaL {float: left;width: 689px; padding: 0 20px; }
.areaL h1 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.areaL .info { line-height: 24px; color: #555555; }
.areaL .info span { margin-right: 15px; }
.areaL .info span i { margin-right: 5px; font-size: 14px; color: #09f; }
.areaR {float: right;width: 358px;}

.newBox {margin-bottom:8px;height:auto;overflow:hidden;}
.newBox .titleBox {margin-top: 15px;}
.newBox .titleBox h3 { font-size: 16px; float: none; font-weight: bold;}
.newBox ul {padding: 8px 0;overflow:hidden;}
.newBox li {height: 30px;line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 318px;float: left;}
.newBox ul li em { font-size: 12px; font-style: normal !important; margin: 0 4px 0 0; background: #fff; }
.newBox ul li i {font-size: 12px;font-style:normal !important;margin: 0 4px 0 0;color:#fff;background:#09f;border-radius: 2px;font-weight: bold;width: 22px;display: inline-block;line-height: normal; text-align: center;}
.newBox li:nth-child(2n) {margin-left: 52px;}
.newBox ul li .newsTime { float: right; font-size: 13px; color: #999999; }
.newBox ul li .newsTime.redFontClass { color: #e60000 !important; }

.wap-discovery-card{margin:8px 0 10px!important;border:1px solid var(--xl-border)!important;border-radius:8px!important;background:var(--xl-panel-bg)!important;overflow:hidden!important;box-shadow:var(--xl-shadow)!important;}
.wap-discovery-card .wap-discovery-title{display:flex!important;align-items:center!important;height:42px!important;line-height:42px!important;padding:0 12px!important;border-bottom:2px solid var(--xl-primary)!important;box-sizing:border-box!important;background:var(--xl-panel-bg)!important;}
.wap-discovery-card .wap-discovery-title h3{float:none!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;height:40px!important;line-height:40px!important;margin:0!important;border:0!important;font-size:16px!important;font-weight:bold!important;color:var(--xl-text)!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
.wap-discovery-card .wap-discovery-title h3 i{margin-right:6px!important;color:var(--xl-primary)!important;font-size:18px!important;}
.wap-discovery-card .wap-discovery-title>span{flex:0 0 auto!important;margin-left:8px!important;color:var(--xl-muted)!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;}
.wap-discovery-content,.wap-trends-card .listArrow3{padding:8px 12px 10px!important;}
.wap-discovery-list,#wap-initial-trends ul,#wap-extra-trends ul{list-style:none!important;margin:0!important;padding:0!important;}
.wap-discovery-list li,#wap-initial-trends li,#wap-extra-trends li{display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:8px 0!important;border-bottom:1px dashed var(--xl-border)!important;background:none!important;box-sizing:border-box!important;}
.wap-discovery-list li:last-child,#wap-initial-trends li:last-child,#wap-extra-trends li:last-child{border-bottom:0!important;}
.wap-discovery-rank,.wap-trend-number{display:block!important;flex:0 0 28px!important;width:28px!important;height:26px!important;line-height:26px!important;border-radius:6px!important;background:rgba(22,119,255,.10)!important;color:var(--xl-primary)!important;text-align:center!important;font-size:13px!important;font-weight:bold!important;font-family:Arial,Helvetica,sans-serif!important;}
.wap-discovery-copy,.wap-trend-title{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;}
.wap-discovery-copy a,.wap-trend-title a{display:block!important;height:22px!important;line-height:22px!important;color:var(--xl-text)!important;font-size:14px!important;text-decoration:none!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
.wap-discovery-copy a:active,.wap-trend-title a:active{color:var(--xl-primary)!important;}
.wap-discovery-meta,.wap-trend-meta{display:block!important;flex:0 0 66px!important;width:66px!important;padding-left:0!important;text-align:right!important;color:var(--xl-muted)!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;}
.wap-trend-meta{flex-basis:74px!important;width:74px!important;}
.wap-discovery-meta b,.wap-discovery-meta small,.wap-trend-meta em,.wap-trend-meta small{display:block!important;font-size:12px!important;font-style:normal!important;font-weight:normal!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
.wap-discovery-empty,#wap-initial-trends p{padding:24px 0!important;text-align:center!important;color:var(--xl-muted)!important;}
#wap-toggle-container{padding:12px 0 2px!important;border-top:1px solid var(--xl-border)!important;text-align:center!important;}
.wap-toggle-button{height:32px!important;padding:0 18px!important;border:1px solid var(--xl-border)!important;border-radius:18px!important;background:var(--xl-soft-bg)!important;color:var(--xl-primary)!important;font-size:13px!important;line-height:30px!important;box-sizing:border-box!important;}

.relaNews ul li div { float: right; font-size: 13px; color: #999999; }
.titleBox { position: relative; height: 36px; line-height: 36px; border-bottom: 2px #eee solid; }
.titleBox h3 { float: left; height: 36px; line-height: 36px; font-size: 18px; font-weight: normal; border-bottom: 2px #09f solid }
.titleBox h3 i { font-size: 18px; color: #09f; margin-right: 5px; font-weight: normal;}
.titleBox .more { position: absolute; top: 2px; right: 0 }
.titleBox .more i { font-size: 18px; color: #09f; }
.newTotal{position: absolute;top:0;right:0;font-size: 14px;}
.newPageBox {margin-bottom: 5px;position:relative;overflow:hidden;width: 100%;}
.newPageBox .newMiddle {width:84px;height:21px;background:#fff;display:block;float:left;position:absolute;z-index:1;top:50%;transform:translate(-50%,-50%) rotate(-42deg);left:50%;border-bottom:1px solid #efefef;border-top:1px solid #efefef;text-align:center;color:#09f;}
.newPageBox .newPrev {float:left;border-right:0;}
.newPageBox .newNext {float:right;border-left:0;}
.newPageBox>div {box-sizing: border-box;width: 50%;height:35px;color:#333;line-height:35px;text-align:center;cursor:pointer;position:relative;font-size:14px;border:1px solid #efefef;user-select:none;}
.newPageBox>div:hover {color: #09f;}
.itemTitle{margin: 0 0 12px;font-size: 17px;font-weight:400;}
.itemTitle:before {content:"";border-left: 4px solid #09f;font-size: 14px;margin-right:8px;}

.searchBox {position:relative;overflow:hidden;}
.searchInput {width:100%;height: 14px;padding:5px 0 5px 10px;font-size:14px;color:#838383;border:1px solid #efefef;}
.searchBtn {border:0;position:absolute;right:0;top:0;width: 50px;height: 25px;padding:0;font-size:14px;margin-top:2px;text-align:center;color:#fff;background-color: #09f;cursor:pointer;}
.searchBtn:hover { opacity: 0.8; }
.searchHot a{display: inline-block;margin: 16px 10px 0 0;color: #6d6d6d;}
.searchArea2 {margin:-4px 1% 5px 1%;}
#refContent2 {height: 26px;padding:5px 35px;font-size:15px;color:#838383;border:none;background: url(searchIco.png) no-repeat 5px center;background-size: 24px;}
.searchBtn2 {border:0;position:absolute;right:3px;top:5px;width: 67px;height: 38px;font-size:16px;line-height:34px;color:#fff;background: #09f;text-align:center;}

.newReplyBox li{padding: 5px 0;border-bottom:1px solid #efefef;}
.newReplyBox li:last-child{border:none}
.newReplyInfo {line-height: 32px;}
.newReplyInfo img {width:30px;height:30px;margin-right:6px;border-radius:50%;border:1px solid #f3f3f3;}
.newReplyInfo span:nth-child(2) {vertical-align: top;}
.newReplyInfo span:last-child {float:right;line-height:32px;color:#999}
.newReplyNote {position:relative;padding:10px;background:#f5f5f5;border-radius:1px;color:#666}
.newReplyNote:before {position:absolute;left:10px;top:-10px;content:'';width:0;height:0;line-height:0;border:5px solid transparent;border-bottom-color:#f5f5f5}
.newReplyNote p {margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.newReplyPost{color:#999;margin-top:10px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.newReplyPost a {color: #999;}

.newMessItem,.newMessItemNo	{ line-height:1.6; }

/* 右侧按钮 */
.rBtnBox a{display: block;font-size: 16px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #686868;margin: 15px 20px;background: #ffffff;border-radius: 5px;}
.rBtnBox a:last-child {background: #686868; color: #fff}
.rBtnBox a:hover {background: #09f; color: #ffffff;}

/* 全局右侧内容框 */
.itemUl li {height: 33px;line-height: 33px;font-size: 14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.itemUl li i {font-style: normal;display:inline-block;width:20px;height:20px;line-height:20px;margin:0 6px 0 0;text-align:center;color: #696969;font-size:12px;background: #ededed;}
.itemUl li:first-child i{background:#ea4a2d;color: #fff;}
.itemUl li:nth-child(2) i{background:#f19601; color: #fff;}
.itemUl li:nth-child(3) i{background:#1488ff; color: #fff;}
.itemUl li:nth-child(4) i{background:#00ea23; color: #fff;}
.itemUl li:nth-child(5) i{background:#f08bff; color: #fff;}
.itemUl li a { color: #333333; }

.itemUl div.rankFont {font-style: normal;display:inline-block;width:20px;height:20px;line-height:20px;margin:0 6px 0 0;text-align:center;color: #696969;font-size:12px;background: #ededed;}
.itemUl div.newMessItemNo:first-child div.rankFont {background:#ea4a2d;color: #fff;}
.itemUl div.newMessItemNo:nth-child(2) div.rankFont {background:#f19601; color: #fff;}
.itemUl div.newMessItemNo:nth-child(3) div.rankFont {background:#1488ff; color: #fff;}
.itemUl div.newMessItemNo:nth-child(4) div.rankFont {background:#00ea23; color: #fff;}
.itemUl div.newMessItemNo:nth-child(5) div.rankFont {background:#f08bff; color: #fff;}


/* 精彩推荐 */
.recomBox .imgRow			{ margin-bottom:5px; }
.recomBox .imgRow .a		{ float:left; border:1px #e6e5e5 solid; width:100px; height:84px; overflow:hidden; margin:4px 4px 5px 4px; }
.recomBox .imgRow .a img	{ width:100px; height:84px; }
.recomBox .imgRow .b		{ float:left; width:210px; padding:3px; line-height:1.4; height:84px; overflow:hidden; font-size:12px; }
.recomBox .imgRow .b h2		{ font-size:14px; height:18px; margin-bottom:3px; overflow:hidden; }
.recomBox .imgRow .b span	{ color:#6f6f6f; font-size:12px; }

/* 其他通用内容框 */
.typeBox .imgRow		{ margin-bottom:5px; }
.typeBox .imgRow .a		{ float:left; border:1px #e6e5e5 solid; width:100px; height:84px; overflow:hidden; margin:4px 4px 5px 4px; }
.typeBox .imgRow .a img	{ width:100px; height:84px; }
.typeBox .imgRow .b		{ float:left; width:210px; padding:3px; line-height:1.4; height:84px; overflow:hidden; font-size:12px; }
.typeBox .imgRow .b h2	{ font-size:14px; height:18px; margin-bottom:3px; overflow:hidden; }
.typeBox .imgRow .b span{ color:#6f6f6f; font-size:12px; }


/* 首页栏目 */
.itemBox ul {padding: 8px 0;}
.itemBox {float: left;width: 318px;padding: 10px 15px;margin: 13px 13px 0 0;}
.itemBox li {height: 30px;line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.itemBox li i { margin-right: 5px; font-size: 16px; color: #09f; }
.itemBox li span { float: right; font-size: 13px; color: #555555; }

.itemBox .imgRow		{ margin-bottom:5px; }
.itemBox .imgRow .a		{ /* float:left; */ border:1px #e6e5e5 solid; width:100px; height:84px; overflow:hidden; margin:4px 4px 5px 4px; }
.itemBox .imgRow .a img	{ width:100px; height:84px; }
.itemBox .imgRow .b		{ /* float:left; width:202px;_width:199px; */ padding:3px; line-height:1.4; height:84px; overflow:hidden; font-size:12px; }
.itemBox .imgRow .b h2	{ font-size:14px; height:18px; margin-bottom:3px; overflow:hidden; }
.itemBox .imgRow .b span{ color:#6f6f6f; font-size:12px; }

/* ***** 首页 END ***** */



/* ***** 次页 START ***** */

/* 列表页 */
.mainArea {float: left;width: 808px; margin-bottom:15px;}
.mainArea h1 { font-size: 24px; font-weight: bold; margin-bottom: 15px; text-align:center; }
.mainArea .listUl .info { line-height: 24px; color: #555; text-align:left; }
.mainArea .newsArea .info { line-height: 24px; color: #555; text-align:center; }
.mainArea .info span { margin-right: 15px; }
.mainArea .info span i { margin-right: 5px; font-size: 14px; color: #555; }
.mainAreaFull	{ width:1100px; }
.pointBox {height: 36px;line-height: 36px; margin-bottom: 5px;}
.pointBox h3 {padding: 0 10px;}
.pointBox h3 i { margin-right: 5px; font-size: 14px;}
.pointBox h3 a { margin-right: 5px; }
.listUl li {position: relative;padding: 10px; margin-bottom: 8px;overflow: hidden;background: #fff;box-shadow:0 1px 3px rgba(26,26,26,.2);}
.listUl li .mark{float:right;width: 520px;word-break:break-all;}
.listUl li h3 { font-size: 18px; color: #333333; padding-bottom: 10px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.listUl li h3 i { font-size: 18px; margin-right: 5px; color: #FF0000; }
.listUl li .thumbBox {float: left;width: 220px;height: 140px;}
.listUl li .thumbBox  img{width: 100%; height: 100%; }
.listUl li p { color: #555555; line-height: 24px; }
.listUl li>a{background: #fff; color: #6b6b6b;width:85px;height:28px;border: 1px solid #bbb;position:absolute;bottom: 5px;right: 10px;text-align:center;font-size:14px;line-height:28px;}
.listUl li>a:hover {background:#eaeaea;}


/* 列表翻页 */
/* .pageBox { font-size: 0; clear: both; text-align: center; padding:15px 0 15px;}
.pageBox .page { text-align: center; display: inline-block; border:1px solid #bbb; line-height: 32px; width: 40px;font-size: 14px; color: #09f; margin: 1px }
.pageBox .currPage,.pageBox .page:hover { background-color: #09f; color: #fff } */
.mainAreaR {float: right; width: 280px;}


/* 内页右侧二级导航 */
.liBox1 ul		{ margin:0; padding:0; list-style:none; }
.liBox1 ul li	{ float:left; width:119px; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 3px 5px 3px;_margin:0 4px 5px 2px; }
.liBox1 ul li a { float:left; width:119px; height:30px; background:#09f; color:#fff; }
.liBox1 ul li a:hover { opacity: 0.8; }

.liBox2 ul		{ margin:0; padding:0; list-style:none; }
.liBox2 ul li	{ float:left; width:243px; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 3px 5px 3px;_margin:0 0 5px 1px; }
.liBox2 ul li a { float:left; width:246px; height:30px; background:#09f; color:#fff; }
.liBox2 ul li a:hover { opacity: 0.8; }


/* 内容页 */
.newsArea{padding: 0px 20px 10px 20px !important;}

.newsCont {padding: 15px 0 0;overflow: hidden; word-break: break-all; }
.newsCont h3{ background: #f8f8f8; padding: 6px 15px; font-size: 16px; border-left: 3px solid #09f; margin-bottom:10px; }
.newsCont img { max-width: 98% !important; height: auto !important; display: block; margin: 0 auto; }
.newsCont embed { max-width: 96% !important; }
.newsCont p { line-height: 150%; margin-bottom: 10px; }

.prevNext { padding: 5px 0 5px 20px; }
.prevNext p { text-overflow: ellipsis; overflow:hidden; white-space: nowrap; }


/* 内容页当前位置 */
.newsPoint {width: 100%;height: 36px;line-height: 36px;border-bottom: 2px solid #E6E6E6;margin-bottom: 15px;}
.newsPoint h3 { float: left; height: 36px; line-height: 36px; border-bottom: 2px solid #09f; }
.newsPoint h3 i { margin-right: 5px; font-size: 14px;}
.newsPoint h3 a { margin-right: 5px; }


/* 内容页左右侧翻页 */
a.pagePrev,a.pageNext{ background:url(arrow.gif) no-repeat; }
a.pageNext{ background-position:0 -300px; }
a.pagePrev	{ margin-left:-660px; }
a.pageNext	{ margin-left:553px; }

/* ***** 次页 END ***** */



/* ***** 次页杂项 END ***** */

/* 相关文章、评论区 */
.item2Box {padding: 0 20px;margin: 10px 0;}
.item2Box ul li {width: 44%;}
.item3Box {padding: 0 20px;margin: 10px 0;}
.title2Box { width: 100%; height: 36px; line-height: 36px; border-bottom: 2px solid #E6E6E6; margin-bottom: 5px; font-size: 16px; }
.title2Box>h3:nth-child(2) { float: right; border-bottom: none; }
.title2Box h3 { float: left; height: 36px; line-height: 36px; border-bottom: 2px solid #09f;}
.title2Box h3 i { margin-right: 5px; font-size: 17px; color: #09f;}

.replyBox { padding: 10px 0; margin-bottom: 7px; }
.replyBox>a { float: right; width: 50px; height: 26px; line-height: 26px; background: #09f; color: #fff; text-align: center;}
.replyBox>form>span>img, .replyBox>a, .input>input {border: 1px solid #09f;border-radius: 2px}
.replyBox>form>span>img {width:80px;height:26px;}
.replyBox, .markBox	{ width:808px; }
.replyBox .replyBtn	{ background:url(replyBtn.gif); }
#replyList ul li	{ width:97%; }
.messageBox .replyBtn	{ background:url(messageBtn.gif); }
.addiTheme2		{ text-align:right;padding:8px 5px 0 0; }
.keyBox .key		{color:#fff;background:#004b8d;}

/* ***** 次页杂项 END ***** */



/* ***** 插件 START ***** */
/* ***** 插件 END ***** */

/* ***** 调整 START ***** */

.itemBox .defFontClass	{ color:#999999 }

.font2_1 { color:#bf3131 !important; }
a.font2_1:hover	{ color: #f45151 !important; }

#messageWriteBox .cont, #messageWriteBox .name, #messageWriteBox .name, #messageWriteBox .verCode, #messageWriteBox .submitBtn	{ padding:5px 0; }
#messageListBox .replyItem{ padding:5px 0; }

.button1,.button2{background:#015aa8;border-top:1px solid #317dc0;border-bottom:1px solid #01396b;border-left:1px solid #317dc0;border-right:1px solid #01396b;text-shadow:1px 1px 1px #154166;}
.button1.touch,.button2.touch{border-top:1px solid #2a6599;background:#004B8D;}
.area_subDetTitle{background:#004B8D;}
.area_subDetTitle .center{text-shadow:1px 1px 1px #154166;}

/* 会员中心菜单 */
.userMenu{background:#4a73b5;}
.userMenu li a{border-right:1px solid #5c81bc;border-bottom:1px solid #5c81bc;}
.userMenu li .current,.userMenu li .touch{background:#3e6ab0;}
.listSubMenu{background:#09f;}
.listSubMenu li a{border-right:1px solid #ccdaef;border-bottom:1px solid #ccdaef;}
.listSubMenu li .current,.listSubMenu li .touch{background:#3e6ab0;}
.area_subItemTitle .titleBox{background:#c8dae9;padding-left:10px;border-bottom:1px solid #9aa8b3;color:#000;}
.webBox .web	{ padding:3px 0px 15px 0px;min-height:300px;font-size:15px;line-height:2; }
.giftList .item	{ padding:3px; }
.giftList .img img	{ width:145px;height:145px; }

/* 页头Logo右侧工具区 */
.toolBox{text-align:left;height:46px;}
.toolBox span{float:left;}
.toolBox .toolItem{width:38px;height:46px;}
.toolBox .line{width:1px;height:35px;float:left;margin:0;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0)));display:none;}
.toolBox .current,.toolBox .touch{background:#600910;}
.toolBox a{width:38px;height:46px;display:block;text-decoration:none;background:url(../../../images/common.png) no-repeat;background-size:400px;}
.toolBox .search a{background-position:-100px 0;}
.toolBox .lang a{background-position:-138px 0;}
.toolBox .download a{background-position:-176px 0;}

/* ***** 调整 END ***** */



/* 自适应 */
@media only screen and (max-width: 650px) {
	.bodyArea { width: 100%; }
}
.htmlBody { width: 100%; }
.logoBox {width: 98%;padding: 5px 1%;}
.topMenu .b { padding-right: 1.5% }
.navBg, .navMenuBox {height: 32px;width: 100%;background: #fff; overflow: hidden;}
#navUl { margin: 0 2%; }
#navUl li { font-size: 12px !important }
#navUl li a { height: 29px;}
#navUl li ul { top: 31px }
#mainBody { position: relative; padding-top: auto }
.newBox li {width: 46% !important;}
.homeItem, .newBox, .newsCont, .caClass, .ca10Div, .ca16Div, .ca24Div { width: 100%; }
.listUl li .mark {float: none; width: 100%; }
.wapLeftNav { width: 100%; height: 32px; line-height: 32px; }
.itemBox { width: 48%; margin: 0 1% 8px; box-sizing:border-box;}
.newBox li { width: 48%; }
#newListArea.newBox li:nth-child(2n) { float: right }
.relaNews ul li div { padding-right:16px; }
.topMenu .b { margin-left: 15px; }
.mainArea h1	{ font-size:18px; }
.linkBox {padding: 0 2%;margin: 0 1% 2%}
.bottomBox div.bottomCopyright { float: none; width: auto; padding: 0 20px }
.mainArea {float: none; width: 98%; box-sizing:border-box; margin: 0 auto 10px; }
.areaL {float: none; width: 98%; box-sizing:border-box; margin: 0 auto; }
.logo {margin: 0 auto;float: none;text-align: center;}
.logoBanner	{ width: 100%; }
.logoBanner img {width: 100%;}
.newPageBox {margin-bottom: 13px;}


.logo {float: none;text-align: center;margin: 0 auto;}
.topMenu .a { float:right;width:80%;}
#uebox_qiandao, #uebox_news	{ display:none; }
.navMenuBox { height: 0; border: none; }
.wapLeftNav, .navBg { height: 0 }
#wapNavIco { display: block; position: absolute; top: 0; padding: 0 15px; height: 30px; left: auto; }
#wapNavIco i {color: #000000;font-size: 18px;line-height: 30px;}
#navUl { position: absolute; left: auto; height: auto !important; overflow: visible !important; display: none; top: 30px; cursor: pointer; z-index: 999; margin: 0;}
#navUl li {float: none;background: #fff;box-shadow:0 1px 3px rgba(55, 55, 55, 0.65);}
#navUl li ul { top: 0; left: 90px }
.itemBox,.caTable {width: 98%;margin: 0 1% 5px;}
.mainArea h1	{ font-size:18px; }
.caBanner { margin: 0 1% 5px;}
.logoBanner	{ width: 100%; }
.logoBanner img {width: 100%;}
.caTable>table {font-size: 12px;}
.newsArea { padding: 0 10px}
.newPageBox {margin-bottom: 13px;}
.relaNews ul li div { padding-right:16px; }
.replyBox, .markBox	{ width:100%; }
#replyList ul li		{ width:94%; }
#replyTable, #replyContent, #messTable, #messContent	{ width:100%; }
#replyUserBox, #messUserBox { display:none; }
.newsArea {padding: 0px 8px 10px 8px !important;}
.linkMore	{ margin-top:4px; }

.bodyL	{float:left;width:100%;padding-right:0px;}
.bodyR	{float:left;width:100%;}
.itemBox .imgRow .b		{ /* width:195px; */ }
.recomBox .imgRow .b	{ width:193px; }
.typeBox .imgRow .b		{ width:203px; }


.newBox li { width: 100% !important; }
#newListArea.newBox li:nth-child(2n) { margin-left: 0px; }
.relaNews.newBox li:nth-child(2n) { margin-left: 0px; }

/* xl mobile header, theme and bottom dock */
:root{
	--xl-body-bg:#f4f7fb;
	--xl-top-bg:#ffffff;
	--xl-panel-bg:#ffffff;
	--xl-soft-bg:#f7fbff;
	--xl-border:#e2ebf5;
	--xl-text:#182230;
	--xl-muted:#6f7b88;
	--xl-primary:#1677ff;
	--xl-primary-hover:#0f63d8;
	--xl-shadow:0 10px 26px rgba(28,83,142,.10);
}
html[data-theme-mode="night"]{
	--xl-body-bg:#0f141a;
	--xl-top-bg:#131a22;
	--xl-panel-bg:#151d26;
	--xl-soft-bg:#1a2430;
	--xl-border:#253244;
	--xl-text:#edf3fa;
	--xl-muted:#93a4b6;
	--xl-primary:#51a1ff;
	--xl-primary-hover:#7bb8ff;
	--xl-shadow:0 16px 30px rgba(0,0,0,.34);
}
html,body{background:var(--xl-body-bg)!important;color:var(--xl-text);transition:background-color .2s ease,color .2s ease;}
.topMenu{height:auto;min-height:34px;line-height:1.2;background:var(--xl-top-bg)!important;border-bottom:1px solid var(--xl-border)!important;}
.topMenu .htmlBody{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;box-sizing:border-box;padding:4px 10px 4px 58px;}
.topMenu .a{order:1;float:none!important;display:flex;align-items:center;gap:6px;flex:1 1 100%;min-width:0;min-height:32px;overflow:visible!important;white-space:nowrap;color:var(--xl-muted)!important;}
.topMenu .b{order:2;float:none!important;flex:1 1 100%;min-width:0;margin-left:0!important;padding-right:0!important;}
.topMenu .searchBox{width:100%;height:28px;}
.topMenu .searchInput{box-sizing:border-box;height:28px;padding:5px 56px 5px 10px;border:1px solid var(--xl-border);border-radius:4px;background:var(--xl-panel-bg);color:var(--xl-text);font-size:13px;}
.topMenu .searchBtn{top:0;right:0;height:28px;width:52px;margin-top:0;border-radius:0 4px 4px 0;background:var(--xl-primary);font-size:13px;}
.appIco{height:26px;margin:0 0 0 2px;vertical-align:middle;}
.xl-lang-switch{display:inline-flex;align-items:center;gap:5px;height:28px;color:var(--xl-muted);font-size:12px;white-space:nowrap;vertical-align:top;}
.xl-lang-switch label{color:var(--xl-primary);font-weight:bold;}
.xl-lang-switch select{height:26px;line-height:24px;min-width:92px;padding:1px 22px 1px 8px;border:1px solid var(--xl-border);border-radius:8px;background:var(--xl-panel-bg);color:var(--xl-text);box-shadow:0 4px 10px rgba(23,70,120,.06);font-size:12px;}
.xl-theme-switch{display:inline-flex;align-items:center;height:28px;vertical-align:top;}
.xl-theme-toggle{width:28px;height:28px;border:1px solid var(--xl-border);border-radius:50%;background:var(--xl-panel-bg);color:var(--xl-primary);cursor:pointer;position:relative;box-shadow:0 4px 10px rgba(23,70,120,.08);}
.xl-theme-toggle:before{content:'☀';position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:16px;line-height:1;}
html[data-theme-mode="night"] .xl-theme-toggle:before{content:'☾';}
.xl-theme-toggle:active{transform:scale(.96);}
#wapNavIco{z-index:1000;}
#wapNavIco i{color:var(--xl-text)!important;}

.bodyArea,.shadowBox,.logoBox,.navBg,.navMenuBox,.bottomBox,.linkBox,.itemBox,.listUl li,.newsArea,.pointBox,.webBox,.itemContent,.replyBox,.markBox{background:var(--xl-panel-bg)!important;color:var(--xl-text);}
.shadowBox,.itemBox,.listUl li{box-shadow:var(--xl-shadow)!important;border-color:var(--xl-border);}
.navBg,.navMenuBox,.newsPoint,.title2Box{border-color:var(--xl-border)!important;}
#navUl li,#navUl li a,.topnav li ul.subnav li a{background:var(--xl-panel-bg)!important;color:var(--xl-text)!important;}
body a,.itemUl li a,.listUl li h3,.listUl li h3 a,.pointBox h3 a,.newsPoint h3 a,.titleBox h3,.mainArea h1{color:var(--xl-text);}
a:hover,.cur,.titleBox h3 i,.itemBox li i,.newsPoint h3 i,.title2Box h3 i{color:var(--xl-primary)!important;}
.newBox ul li .newsTime,.itemBox li span,.mainArea .info,.mainArea .listUl .info,.mainArea .newsArea .info,.newsAddi,.newsAddi a,.defFontClass,.bottomBox,.bottomBox a,.bottomBox div.bottomCopyright{color:var(--xl-muted)!important;}
html[data-theme-mode="night"] img{opacity:.92;}
html[data-theme-mode="night"] .logo img{filter:brightness(.95) contrast(1.05);}
html[data-theme-mode="night"] .newsCont,
html[data-theme-mode="night"] #newsContent,
html[data-theme-mode="night"] #newsContent *{color:var(--xl-text)!important;}
html[data-theme-mode="night"] [style*="color:#000"],
html[data-theme-mode="night"] [style*="color: #000"],
html[data-theme-mode="night"] [style*="color:#333"],
html[data-theme-mode="night"] [style*="color: #333"],
html[data-theme-mode="night"] [style*="color:black"],
html[data-theme-mode="night"] [style*="color: black"]{color:var(--xl-text)!important;}
html[data-theme-mode="night"] [style*="color:red"],
html[data-theme-mode="night"] [style*="color:#ff0000"],
html[data-theme-mode="night"] [style*="color: #ff0000"]{color:#ff9a9a!important;}

.area_bottomMenuH{height:72px!important;}
#area_bottomMenu{height:64px!important;z-index:99999!important;background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(215,226,239,.86)!important;box-shadow:0 -12px 28px rgba(28,83,142,.14)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:bottom .2s ease!important;}
#area_bottomMenu .box_bottomMenu{max-width:640px!important;}
.bottomMenuBox,.bottomMenuBox>div{height:64px!important;max-width:640px!important;}
.bottomMenuBox .toolMenuBox{display:flex!important;height:56px!important;margin:4px 8px!important;padding:0!important;box-sizing:border-box;overflow:hidden!important;border:1px solid rgba(226,235,245,.92)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,249,254,.96))!important;box-shadow:0 10px 22px rgba(28,83,142,.10)!important;}
.bottomMenuBox .toolMenuBox li{float:none!important;flex:1 1 0!important;height:56px!important;border-right:1px solid rgba(226,235,245,.9)!important;background:transparent!important;overflow:hidden!important;}
.bottomMenuBox .toolMenuBox li:nth-last-child(1){border-right:none!important;}
.bottomMenuBox .toolMenuBox a,.bottomMenuBox .toolMenuBox div{height:56px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;color:#1f4fa3!important;text-decoration:none!important;background:transparent!important;transition:background-color .18s ease,transform .18s ease,color .18s ease!important;touch-action:manipulation;}
.bottomMenuBox .toolMenuBox a:active,.bottomMenuBox .toolMenuBox .touch{background:rgba(22,119,255,.09)!important;transform:translateY(1px);}
.bottomMenuBox .icon{width:32px!important;height:26px!important;display:block!important;margin:0 auto 2px auto!important;border-radius:8px!important;background-color:var(--xl-primary)!important;background-image:url(../../../images/common.png)!important;background-repeat:no-repeat!important;background-size:400px!important;box-shadow:0 6px 12px rgba(22,119,255,.20)!important;}
.bottomMenuBox .home{background-position:-179px -107px!important;}
.bottomMenuBox .ditu,.bottomMenuBox .map{background-position:-119px -107px!important;}
.bottomMenuBox .cart{background-position:-211px -107px!important;}
.bottomMenuBox .member{background-position:-239px -107px!important;}
.bottomMenuBox .text{height:16px!important;line-height:16px!important;font-size:12px!important;color:#27476f!important;font-weight:500;text-align:center!important;display:block!important;overflow:hidden!important;}
html[data-theme-mode="night"] #area_bottomMenu{background:rgba(19,26,34,.94)!important;border-top-color:rgba(52,68,88,.9)!important;box-shadow:0 -14px 30px rgba(0,0,0,.38)!important;}
html[data-theme-mode="night"] .bottomMenuBox .toolMenuBox{border-color:#253244!important;background:linear-gradient(180deg,rgba(21,29,38,.98),rgba(17,24,32,.96))!important;box-shadow:0 12px 24px rgba(0,0,0,.28)!important;}
html[data-theme-mode="night"] .bottomMenuBox .toolMenuBox li{border-right-color:#253244!important;}
html[data-theme-mode="night"] .bottomMenuBox .toolMenuBox a,
html[data-theme-mode="night"] .bottomMenuBox .toolMenuBox div{color:#9dccff!important;}
html[data-theme-mode="night"] .bottomMenuBox .text{color:#c5d7ea!important;}

@media only screen and (max-width: 520px){
	.topMenu .htmlBody{padding-left:50px;gap:4px 6px;}
	.topMenu .a{padding-right:0;}
	.topMenu .b{flex:1 1 100%;min-width:0;}
	.xl-lang-switch select{min-width:88px;}
	.appIco{height:24px;}
	.articleVoteBox .xl-reaction-pack{gap:8px!important;}
	.articleVoteBox .xl-reaction-face{width:54px!important;height:48px!important;font-size:20px!important;}
	.articleVoteBox .xl-reaction-upper .xl-reaction-face{font-size:17px!important;}
	.articleVoteBox .xl-reaction-npc .xl-reaction-face{font-size:20px!important;}
}
@media (prefers-reduced-motion: reduce){
	*,*:before,*:after{transition:none!important;}
}

@import url(../../user.css);


/* ==========================================================================
   已举报激活状态 & 瑞士极简举报下拉框 & Cloudflare Turnstile 人机验证 (Swiss v5)
   ========================================================================== */
.xl-btn-report.is-reported {
  color: #b45309 !important;
  border-color: #fde68a !important;
  background: #fffbeb !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(217, 119, 6, 0.14) !important;
}
.xl-btn-report.is-reported svg {
  color: #d97706 !important;
  fill: #d97706 !important;
}
.xl-btn-report.is-reported:hover {
  color: #92400e !important;
  border-color: #fcd34d !important;
  background: #fef3c7 !important;
}
.xl-btn-report:not(.is-reported) svg,
.xl-btn-report:not(.is-reported):hover svg {
  fill: none !important;
}
.xl-btn-report.is-toggling svg {
  animation: xlFavHeartPop 0.24s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html[data-theme-mode="night"] .xl-btn-report.is-reported {
  color: #fde68a !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
  background: rgba(245, 158, 11, 0.16) !important;
}
html[data-theme-mode="night"] .xl-btn-report.is-reported svg {
  color: #fbbf24 !important;
  fill: #fbbf24 !important;
}

/* 举报原因下拉浮层 (Swiss Minimalist Popover) */
#funcReportBox.xl-report-popover {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
}
#funcReportBox.xl-report-popover .xl-report-popover-card {
  position: relative !important;
  width: 168px !important;
  background: #ffffff !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 10px !important;
  padding: 6px !important;
  box-shadow: 0 12px 28px -6px rgba(9, 9, 11, 0.14), 0 4px 10px -2px rgba(9, 9, 11, 0.06) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
#funcReportBox.xl-report-popover .xl-report-popover-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #71717a !important;
  padding: 4px 8px 6px !important;
  border-bottom: 1px solid #f4f4f5 !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}
#funcReportBox.xl-report-popover .xl-report-reason-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #18181b !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  transition: background-color 0.16s cubic-bezier(0.22, 1, 0.36, 1), color 0.16s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
#funcReportBox.xl-report-popover .xl-report-reason-item:hover {
  background: #fffbeb !important;
  color: #b45309 !important;
}
#funcReportBox.xl-report-popover .xl-report-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #d97706 !important;
  flex-shrink: 0 !important;
}
html[data-theme-mode="night"] #funcReportBox.xl-report-popover .xl-report-popover-card {
  background: #18181b !important;
  border-color: #27272a !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme-mode="night"] #funcReportBox.xl-report-popover .xl-report-popover-title {
  color: #a1a1aa !important;
  border-bottom-color: #27272a !important;
}
html[data-theme-mode="night"] #funcReportBox.xl-report-popover .xl-report-reason-item {
  color: #f4f4f5 !important;
}
html[data-theme-mode="night"] #funcReportBox.xl-report-popover .xl-report-reason-item:hover {
  background: rgba(245, 158, 11, 0.16) !important;
  color: #fde68a !important;
}

/* PC 评论区 Cloudflare Turnstile 人机验证组件 */
.xl-cf-turnstile-wrap {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 6px !important;
}
.xl-cf-card {
  display: inline-flex !important;
  align-items: center !important;
  background: #fafafa !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  gap: 10px !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
  box-sizing: border-box !important;
}
.xl-cf-card:hover {
  background: #ffffff !important;
  border-color: #d4d4d8 !important;
  box-shadow: 0 2px 6px rgba(9, 9, 11, 0.05) !important;
}
.xl-cf-card:focus-visible {
  outline: 2px solid #2563eb !important;
  outline-offset: 2px !important;
}
.xl-cf-checkbox {
  width: 20px !important;
  height: 20px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  position: relative !important;
  flex-shrink: 0 !important;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.xl-cf-check-icon {
  display: none !important;
  color: #10b981 !important;
  font-size: 13px !important;
}
.xl-cf-spinner {
  display: none !important;
  width: 14px !important;
  height: 14px !important;
  border: 2px solid #f38020 !important;
  border-top-color: transparent !important;
  border-radius: 50% !important;
  animation: xlCfSpin 0.6s linear infinite !important;
}
@keyframes xlCfSpin {
  to { transform: rotate(360deg); }
}
.xl-cf-card.is-loading .xl-cf-spinner {
  display: block !important;
}
.xl-cf-card.is-loading .xl-cf-checkbox {
  border-color: transparent !important;
}
.xl-cf-card.is-verified {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}
.xl-cf-card.is-verified .xl-cf-checkbox {
  background: #d1fae5 !important;
  border-color: #10b981 !important;
}
.xl-cf-card.is-verified .xl-cf-check-icon {
  display: block !important;
}
.xl-cf-card.is-verified .xl-cf-text {
  color: #065f46 !important;
  font-weight: 600 !important;
}
.xl-cf-text {
  font-size: 12.5px !important;
  color: #3f3f46 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.xl-cf-brand {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  border-left: 1px solid #e4e4e7 !important;
  padding-left: 8px !important;
  margin-left: 2px !important;
  flex-shrink: 0 !important;
}
.xl-cf-sub {
  font-size: 10px !important;
  color: #71717a !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
html[data-theme-mode="night"] .xl-cf-card {
  background: #18181b !important;
  border-color: #27272a !important;
}
html[data-theme-mode="night"] .xl-cf-checkbox {
  background: #09090b !important;
  border-color: #3f3f46 !important;
}
html[data-theme-mode="night"] .xl-cf-text {
  color: #e4e4e7 !important;
}
html[data-theme-mode="night"] .xl-cf-brand {
  border-left-color: #27272a !important;
}
html[data-theme-mode="night"] .xl-cf-card.is-verified {
  background: rgba(16, 185, 129, 0.14) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}
html[data-theme-mode="night"] .xl-cf-card.is-verified .xl-cf-text {
  color: #34d399 !important;
}


/* ==========================================================================
   WAP 右上角分类抽屉弹窗防遮挡修复 (高于底部 5 键导航栏与悬浮广告)
   ========================================================================== */
#xlCategoryDrawer,
.xl-wap-drawer-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999999 !important;
  background: rgba(9, 9, 11, 0.6) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
.xl-wap-drawer-card {
  position: relative !important;
  z-index: 10000000 !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 18px 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 16px 16px 0 0 !important;
  background: var(--xl-bg-card, #ffffff) !important;
  border-top: 1px solid var(--xl-border, #e4e4e7) !important;
  box-shadow: 0 -12px 32px rgba(9, 9, 11, 0.18) !important;
  box-sizing: border-box !important;
}
html[data-theme-mode="night"] .xl-wap-drawer-card {
  background: #18181b !important;
  border-top-color: #27272a !important;
}

/* WAP 顶部导航栏小屏防横向溢出修复 (375px/390px) */
.xl-wap-header-row {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.xl-wap-search-pill {
  flex: 1 1 0% !important;
  min-width: 0 !important;
}
.xl-wap-search-input {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: 100% !important;
}
.xl-wap-logo-img {
  max-width: 112px !important;
}

/* Ensure ShareThis and other inline share buttons never overlap modals or drawers */
.article-share,
.sharethis-inline-share-buttons,
.sharethis-inline-share-buttons *,
[class*="sharethis"],
[class*="st-"],
[id*="sharethis"],
[id*="st-"] {
  z-index: 10 !important;
}