/*--- reset ---*/
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, button, input, figure, textarea, p, blockquote, iframe, table, caption, tbody, tfoot, thead, th, td { margin:0; padding:0; }
html { font-family: sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
button, input, select, textarea { font-family:sans-serif; font-size: 100%; vertical-align:baseline; *vertical-align:middle;
}
button, input { line-height:normal; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; *overflow:visible;
}
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; *height:13px;
*width:13px;
}
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
html { overflow-x:hidden; }
*html, *html body { background-image:url(about:blank); background-attachment:fixed; }
ol, ul { list-style:none; list-style-image:none; }
fieldset, abbr, acronym { border:0; }
abbr[title] { border-bottom: 1px dotted; }
img { border:0; vertical-align:top; }
address, caption, cite, code, dfn, i, em, b, s, q, th, var, optgroup { font-style:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; }
h1, h2, h3, h4, h5, h6, b, s, i { font-weight:normal; text-decoration:none; }
code, kbd, pre, samp { font-family:monospace, serif; _font-family:"courier new", monospace; font-size:1em; }
small { font-size:80%; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
audio, canvas, video { display:inline-block; *display:inline;
*zoom:1;
}
legend { border:0; padding:0; white-space:normal; *margin-left:-7px;
}
audio:not([controls]) {
display:none;
height:0;
}
[hidden] {
display:none;
}
svg:not(:root) {
overflow:hidden;
}
a:focus, a:active, a:hover { outline:0; }

a {color:#404040; text-decoration:none;}
a:hover {color:#ff4f4f; text-decoration:none;}


body, html { height:100%; font-size:14px; font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Tahoma,arial,sans-serif; -webkit-overflow-scrolling:touch; }
body { background-color:#fff; color:#404040; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { zoom:1; display:block; }
.hidden { display:none; }

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}


.container {width:1200px; margin:auto;}

/**/
.channel-nav {width:1200px; margin:0 auto;}
.channel-nav-bg {background-color:#fff; border-bottom:solid 1px #eee;}
.channel-nav {height:50px; font-size:14px;}
.channel-nav a {color:#666; display:inline-block;}
.channel-nav a:hover {color:#f04040; text-decoration:none;}
.channel-nav-list {float:left; line-height:48px;}
.channel-nav-list a {margin-right:18px; height:52px;}
.channel-nav-list a:hover {border-bottom:2px solid #f04040; height:50px;}
.channel-nav-login {float:right; padding-top:10px; line-height:28px;}
.channel-nav-login a {padding:0px 10px;}
.channel-nav-login a.channel-nav-entry {background:#f04040; color:#fff; font-weight:bold; margin-left:0px;}
.channel-nav-login a.channel-nav-entry:hover {background:#f04040;}


/**/
.header {height:132px; border-bottom:2px solid #333; clear:both;}
.headerCon {width:1200px; margin:auto;}
/*.header .logo {float:left; padding-top:28px;}*/
.header .logo{float:left;padding-top:22px;overflow:hidden;}
.header .logo a{background-image:url(../images/v21_logo@2x.png);height:90px;color:#000;font-size:29px;padding-left:230px;line-height:90px;display:block;background-repeat:no-repeat;background-position:0 50%;background-size:auto 43px;}
.header .adBanner {float:right; padding-top:22px; width:860px; height:90px; overflow:hidden;}

/**/
.headerNav {display:-webkit-flex; display:flex; flex-flow:row wrap; flex-wrap:nowrap; justify-content:space-between; font-size:18px; height:56px; line-height:56px; overflow:hidden;}
.headerNav a {color:#333; position:relative;}
.headerNav i {display:block; width:6px; height:11px; background-image:url(../images/nav-line.png); background-size:6px auto; margin-top:23px;}
.headerNav a:hover {color:#ff4f4f;}

/**/
.headerStock {border:1px solid #eee;}
.spotnews {padding:18px 0 18px 0;}
.spotnews .item {width:300px;padding:0 15px;height:80px; float:left; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
.spotnews .item img {width:100px; height:80px; float:left;}
.spotnews .item h3 {font-size:12px;margin-left: 15px;display:inline-block;padding-right:2em;height:21px;line-height:21px;color:#fff;background-color:#ff4f4f;border-radius:10px;border-top-left-radius:0;}
.spotnews .item h3 a{color:#fff;}
.spotnews .item h3 a:hover {color:#fff;}
.spotnews .item h3 i {display:inline-block; width:29px; height:21px; background-repeat:no-repeat; vertical-align:middle;}
.spotnews .item:nth-child(3) h3 {}
.spotnews .item h2 {display:block;font-size:14px;line-height:24px;margin:12px 0 0 115px;/* clear: both; */}
.spotnews .item a {color:#333;}
.spotnews .item a:hover {color:#ff4f4f;}
.spotnews .item .icon01 {background-image:url(../images/icon-spotnews-01.png); background-position:12px 3px;}
.spotnews .item .icon02 {background-image:url(../images/icon-spotnews-02.png); background-position:12px 3px;}
.spotnews .item .icon03 {background-image:url(../images/icon-spotnews-03.png); background-position:12px 3px;}
.spotnews .item .icon04 {background-image:url(../images/icon-spotnews-04.png); background-position:12px 3px;}

.latest {clear:both; height:38px; border-top:1px solid #eee;}
.latest h3 {float:left; width:40px; height:20px; line-height:18px; background-color:#f04343; font-weight:bold; color:#fff; font-size:12px; border-radius:10px; text-align:center; margin:9px 11px 0 15px; }
.latest ul {float:left; width:1120px; height:38px; overflow:hidden;}
.latest li {float:left; height:38px; font-size:14px; line-height:38px; font-weight:normal; color:#888; display:inline-block; *display:inline; *zoom:1;padding-right:80px;}
.latest li a {color:#666666;}
.latest li a:hover {color:#ff4f4f;}
.toutiao {display:none;}
/**/

/**/
.focus {text-align:left; width:630px; position:relative; float:left;}
.focusScroll {width:100%; height:420px; overflow:hidden;}
.focusScroll .item {position:relative; float:left; overflow:hidden; text-align:left; width:630px;}
.focusScroll .item-img {display:block; width:630px; height:420px;}
.focusScroll .item-txt {font-size:24px; color:#fff; height:100px; line-height:100px; position:absolute; width:100%; left:0; bottom:0; text-align:center; background-image: linear-gradient(transparent, #000000);}


.focusSlider {position:absolute; left:0; bottom:15px; text-align:center; width:100%; z-index:3; overflow:hidden;}
.focusSlider i {background:rgba(255,255,255,.4); display:inline-block; font-size:1px; width:6px; height:6px; margin:0 5px; overflow:hidden; text-indent:-999em; cursor:pointer; border-radius:50%; position:relative;}
.focusSlider i.current {background:rgba(255,255,255,1); width:8px; height:8px; top:1px;}

.focusNav {width:100%; position:absolute; left:0; top:187px; height:0px; line-height:0; display:none; z-index:10;}
.focusNav span {position:absolute; top:0; display:block; width:28px; height:46px; background:url("../images/focus-nav-loop.png") no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer;}
.focusNav span.focusPrev {left:20px;}
.focusNav span.focusNext {right:20px; background-position:0 -50px;}

.focus-news {float:right; width:540px;}
.focus-news a {color:#404040;}
.focus-news a:hover {color:#ff4f4f;}
.focus-news .focus-news-tit {clear:both; font-size:24px; font-weight:bold; text-align:center; height:40px; overflow:hidden; line-height:40px;}
.focus-news .focus-news-tit:nth-of-type(2) {margin-top:14px;}
.focus-news .focus-news-sub {height:30px; line-height:30px; overflow:hidden; text-align:center; margin-top:6px;}
.focus-news .focus-news-sub a {color:#666;margin:0 10px;}
.focus-news .focus-news-sub a:hover {color:#ff4f4f;}
/*.focus-news .focus-news-sub a:nth-child(2) {padding-left:25px; margin-left:25px;}*/
.focus-news-list {padding-top:15px; margin-top:25px; border-top:1px dotted #ccc;}
.focus-news-list li {float:left; font-size:16px; width:254px; height:43px; line-height:43px; overflow:hidden;}
.focus-news-list li:nth-child(2n) {margin-left:15px; padding-left:15px;}
.focus-news-list li a {color:#333;}
.focus-news-list li a:hover {color:#ff4f4f;}


/**/
.main {float:left; width:850px;}
.sider {float:right; width:300px;}
#js-fixed-sider {width:300px;}

.col-l {float:left; width:400px;}
.col-r {float:right; width:400px;}

.mod-hd {height:38px; line-height:38px; color:#000; font-size:22px; padding-left:20px; position:relative;}
.mod-hd:before {content:''; position:absolute; left:0; top:8px; background-color:#ff4f4f; width:4px; height:22px; overflow:hidden;}
.mod-hd a {color:#000;}
.mod-hd a:hover {color:#ff4f4f;}

.col-hd {height:66px; line-height:66px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;-webkit-box-sizing:border-box; box-sizing:border-box;}
.col-hd strong {font-size:28px; color:#000; float:left; padding:0 5px; border-bottom:6px solid #ff4f4f; height:59px;}
.col-hd span {font-size:16px; float:right;}
.col-hd span a {color:#666; margin-left:35px;}
.col-hd span a:hover {color:#ff4f4f;}

.side-mod {border:1px solid #eee; border-top:2px solid #000; padding-bottom:20px;}

.side-hd {height:54px; line-height:54px; font-size:20px; color:#000; margin:0 25px;}
.side-hd a {color:#000;}
.side-hd a:hover {color:#ff4f4f;}

/**/
.side-mod .imgBox {margin:0 25px;}
.side-mod .imgBox img {display:block; width:248px; height:165x;}
.side-mod .imgBox p {width:100%; height:48px; line-height:52px; overflow:hidden; font:14px; color:#fff; padding:0; position:absolute; left:0; bottom:0; background-image: linear-gradient(transparent, #000000); text-align:center;}
.side-mod .imgBox a {color:#fff; display:block; position:relative;}

.side-mod .defList {margin:10px 25px 0;}
.side-mod .defList li {font-size:14px; height:36px; line-height:36px; overflow:hidden;}

.side-mod .rankList {margin:0 5px;}
.side-mod .rankList li {font-size:14px; line-height:24px; border-bottom:1px dotted #ccc; padding:20px 0 20px; overflow:hidden;}
.side-mod .rankList li:last-child {border-bottom:0;}
.side-mod .rankList li em {float:left; width:55px; height:24px; background-image:url(../images/ranklist.png); background-size:24px auto; background-repeat:no-repeat;}
.side-mod .rankList li .em01 {background-position:20px 4px;}
.side-mod .rankList li .em02 {background-position:20px -37px;}
.side-mod .rankList li .em03 {background-position:20px -82px;}
.side-mod .rankList li .em04 {background-position:20px -125px;}
.side-mod .rankList li .em05 {background-position:20px -169px;}
.side-mod .rankList li .em06 {background-position:20px -211px;}
.side-mod .rankList li .em07 {background-position:20px -258px;}
.side-mod .rankList li .em08 {background-position:20px -303px;}
.side-mod .rankList li .em09 {background-position:20px -344px;}
.side-mod .rankList li .em10 {background-position:20px -388px;}
.side-mod .rankList li .em010 {background-position:20px -388px;}
.side-mod .rankList li a {margin-left:55px; display:block;}

.side-mod .imgList {margin:0 25px;}
.side-mod .imgList .item {padding:8px 0 14px; overflow:hidden;}
.side-mod .imgList .item img {float:left; width:110px; height:74px;}
.side-mod .imgList .item p {line-height:24px; margin-left:124px; height:74px; overflow:hidden;}


.main .defList li {font-size:16px; height:42px; line-height:42px; overflow:hidden;}


.main .imgBox img {float:left; width:150px; height:100px;}
.main .imgBox p {margin-left:166px; font-size:16px; line-height:32px;}


/**/
.newsTab {clear:both; padding-top:40px;}
.newsTabHd {border:1px solid #f1f1f1; border-top:0; overflow:hidden;}
.newsTabHd ul {background-color:#f9f9f9; border-top:1px solid #ff4f4f; overflow:hidden; width:850px; display:-webkit-flex; display:flex; flex-flow:row wrap; flex-wrap:nowrap; justify-content:space-between;}
.newsTabHd li{width:90px; height:50px; line-height:50px; text-align:center; font-size:16px; cursor:pointer;}
.newsTabHd li:hover {color:#ff4f4f;}
.newsTabHd li:before {transition:transform .3s ease-out; -ms-transition:transform .3s ease-out; -moz-transition:transform .3s ease-out; -webkit-transition:transform .3s ease-out; -o-transition:transform .3s ease-out;}
.newsTabHd li.current {background-color:#ff4f4f; color:#fff;}
.newsTabHd li.current:before{transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); opacity:1;}
.newsTabBd {}

/**/
.listItem {padding:30px 0; zoom:1; border-bottom:1px solid #f0f0f0;}
.listItem:last-child {border-bottom:0;}
.listItem .tit {overflow:hidden; font-size:22px; font-weight:bold; line-height:38px; height:38px; margin-bottom:14px;}
.listItem .tit a {color:#333;}
.listItem .tit a:hover {color:#ff4f4f;}
.listItem .item-foot {color:#999; font-size:12px; margin-top:14px;}
.listItem .item-foot span {display:block;}
.listItem .sum {font-size:16px; color:#666; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.listItem .source {float:left; margin-right:1em; color:#999; font-size:12px;}
.listItem .item-img {overflow:hidden;}
.listItem .item-img img {width:220px; min-height:150px; color:#f5f5f5;}

.item-1pic .item-img {float:left; width:220px; height:150px; overflow:hidden;}
.item-1pic .item-con {height:150px; margin-left:250px; overflow:hidden; /*display:table;*/}
/*.item-1pic .item-con-inner {display:table-cell; vertical-align:middle;}*/

.item-3pics {padding:10px 0;}
.item-3pics .item-img img:not(:last-child){margin-right:2px;cursor:pointer;}
.item-3pics .item-foot {margin-top:10px;}

.item-textonly {padding:15px 0;}
.item-textonly .tit {height:auto;}

/**/
.latest-more {height:50px; border:1px solid #eee; line-height:50px; text-align:center; color:#666;}
.latest-more a i {display:inline-block; width:16px; height:18px; background-image:url(../images/icon-loading.png); background-size:16px auto; background-repeat:no-repeat; position:relative; top:4px; margin-right:5px;}
.latest-more a {color:#666;}
.latest-more a:hover {color:#ff4f4f;}

/* === list === */
.list-hd {font-size:30px; line-height:38px; height:55px; color:#000; border-bottom:1px solid #e5e5e5;}





/* === article === */
.breadcrumbs,
.breadcrumbs a {color:#666;}
.breadcrumbs a:hover {color:#ff4f4f;}

.arti-title {font-size:30px; line-height:48px; font-weight:bold; color:#000;}

.arti-info {color:#666; height:18px; margin-top:15px; position:relative;}
.arti-info a {color:#666;}
.arti-info a:hover {color:#ff4f4f;}
.arti-info span {margin-right:2em;}
.arti-info .time {}
.arti-info .source {}
.arti-info .author {}

.arti-info .tool {position:absolute; right:0; top:0; height:18px;}


/**/
.widget-share {color:#666; font-size:14px; line-height:20px; text-align:center;}
.widget-share a {color:#666;}
.widget-share a:hover {color:#ff4f4f;}
.widget-share strong {font-weight:normal;}
.widget-share span {padding:3px 0;}
.widget-share .shareWx {margin-right:30px; background-image:url(../images/icon-share-wx.png); background-repeat:no-repeat; background-position:left center; background-size:22px auto; padding-left:28px;}
.widget-share .shareWb {margin-right:0; background-image:url(../images/icon-share-wb.png); background-repeat:no-repeat; background-position:left center; background-size:22px auto; padding-left:28px;}

.arti-btmshare {height:18px; margin:0 auto -20px; height:38px; width:300px; border:1px solid #ddd; background-color:#fff; border-radius:20px;}
.bdshare-button-style0-16 a {float:none !important; background:none !important; font-size:inherit !important; padding-left:0 !important; margin:0 !important;}
.bdshare-button-style0-16 .shareWx a:hover {color:#4ac167;}
.bdshare-button-style0-16 .shareWb a:hover {color:#ffc600;}
.wx-qrcode {display:none;}
.wx-qrcode img {height:90px; width:90px;}
.bd_weixin_popup {border-radius:3px;-webkit-box-shadow:1px 1px 10px #999;box-shadow:1px 1px 10px #999;}

/**/
.artiBox {}
.artiBox .main {width:804px;}
.artiBox .sider {width:336px;}
.artiBox #js-fixed-sider {width:336px;}
.artiBox .side-mod .imgBox img {width:284px; height:167px;}


/**/
.arti-detail {color:#666; font-size:18px; line-height:40px; margin-top:20px;}
.arti-detail p {text-indent:2em; padding:0.8em 0;}
.arti-detail p a {text-decoration:underline;}
.arti-detail p strong {font-weight:bold;}
.arti-detail p em {font-style:italic;}
.arti-detail .pcenter {text-align:center;}
.arti-detail .picIntro {text-align:center; text-indent:0em; color:#000; font-size:16px; line-height:120%; padding:0;}
.arti-detail p img {max-width:100%; display:block; margin:auto;}

.arti-page .pages {text-align:center; padding:0 0 20px;}
/**/
.pages {padding:40px 0;
  font-size:0;
[;font-size:12px;];
  *font-size:0;
  font-family:arial;
[;letter-spacing:-3px;];
  *letter-spacing:normal;
  *word-spacing:-1px;
  display:table;
  margin:auto;}
.pages a,.pages span {border:1px solid #ccc; border-radius:2px; font-size:16px; margin:0 5px; display:inline-block; height:30px; width:30px; line-height:30px; text-align:center;  *display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal;}
.pages a {color:#666;}
.pages a:hover {background:#ff4f4f; color:#fff; border-color:#ff4f4f;}
.pages span {color:#999;}
.pages span.curPage {background:#ff4f4f; color:#fff; font-weight:bold; border-color:#ff4f4f;}
.pages .firstPage,
.pages .lastPage {width:50px;}
.pages .prevPage,
.pages .nextPage {width:60px;}
.pages span.prevPage,
.pages span.nextPage {color:#999;}
.pages .allPage {width:80px; margin-left:10px;}

.arti-editor {color:#666; text-align:right;}








/**/
.partner {border-top:1px solid #e8e8e8; padding:60px 0; background-color:#f6f6f6;}
.partner h3 {font-size:16px; font-weight:bold;}

.partner .left {width:390px; float:left; position:relative;}
.partner .left .con {line-height:40px; padding-right:40px; margin-top:15px;}
.partner .left .con a {margin-right:40px; white-space:nowrap; color:#858585;display:inline-block;}
.partner .left .con a:hover {color:#ff4f4f;}

.partner .mid {padding:0 180px 0 80px; float:left; position:relative}
.partner .mid:before {content:''; position:absolute; left:0; top:15px; height:200px; width:1px; overflow:hidden; background-color:#e5e5e5;}
.partner .mid:after {content:''; position:absolute; right:0; top:15px; height:200px; width:1px; overflow:hidden; background-color:#e5e5e5;}
.partner .mid .con {margin-top:15px;}
.partner .mid .con img {width:142px; height:142px;}
.partner .mid .con a {display:block; background-color:#fff; height:22px; line-height:22px; width:142px; text-align:center;}

.partner .right {width:350px; float:right;}
.partner .right .con {margin-top:20px; line-height:32px; color:#858585;}
.partner .right .con a {color:#858585;}
.partner .right .con a:hover {color:#ff4f4f;}



/**/
.footer {background-color:#404040; height:55px; line-height:55px; color:#ababab; font-size:12px;}
.footer .con {width:1200px; margin:auto;}
.footer a {color:#ababab;}
.footer a:hover {color:#eee;}
.footer .links {float:left;}
.footer .links a {margin-right:50px;}
.footer .copy {float:right;}

/**/
.insert_arti_video{text-indent:0 !important;width:640px;height:360px;margin:0 auto;}
.insert_arti_video iframe{width:100%;height:100%;}
/*pinpai*/
.brand .brand-header,.brand .brand-banner{width:1200px;margin:0 auto;}
.brand .brand-header{height:80px;position:relative;overflow:hidden;}
.brand .brand-header .logo{height:50px;margin-top:15px;color:#000;font-size:29px;line-height:50px;background:url(../images/v21_logo@2x.png) no-repeat 0 50%;background-size:auto 38px;}
.brand .brand-header .logo a{color:#000;padding-left:230px;}
.brand .brand-header .logo img{height:100%;}
.brand .brand-header .brand-header-nav{position:absolute;top:25px;right:0;line-height:30px;overflow:hidden;}
.brand .brand-header .brand-header-nav li{float:left;padding-right:27px;font-size:18px;}
.brand .brand-header .brand-header-nav li:before{content:"|";font-size:12px;color:#d9d9d9;vertical-align:top;margin-right:26px;}
.brand .brand-header .brand-header-nav li:first-child:before{content:"";}
.brand .brand-header .brand-header-nav li:last-child{padding-right:0;}
.brand .brand-banner{margin-top:10px;height:200px;}
.brand .brand-banner img{width:100%;height:100%;}
.brand .arti-info .tool{left:200px;right:auto;display:inline-block;vertical-align:top;position:static;}
.brand .side-mod .rankList li{padding:10px 0;}
.brand .side-mod .rankList li i{display:block;width:2px;height:2px;margin-left:25px;margin-top:10px;float:left;background-color:#333;}
.brand .side-mod .rankList li a{margin-left:36px;}
.brand .brand-contacts-txt,.brand .brand-contacts-links{margin:0 25px;font-size:14px;color:#404040;}
.brand .brand-contacts-txt{line-height:25px;}
.brand .brand-contacts-code{width:200px;height:200px;margin:20px auto 0;overflow:hidden;}
.brand .brand-contacts-code img{width:200px;height:200px;display:block;}
.brand .brand-contacts-links{margin-top:8px;line-height:40px;overflow:hidden;}
.brand .brand-contacts-links li{display:block;float:left;width:94px;text-align:center;position:relative;margin-left:-1px;}
.brand .brand-contacts-links li a{color:#404040;}
.brand .brand-contacts-links li:before{content:"|";font-size:12px;color:#d9d9d9;position:absolute;left:-1px;top:0;}