h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, body { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: couriernew, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
html, body { font-family: "微软雅黑"; color: #333444; font-size: 12px; background: #F3F6F9; padding: 0; margin: 0 auto; }
._left { float: left; }
.mains { width: 1200px; margin: auto; height: 80px; }
.bdsharebuttonbox { float: left; width: 18px; height: 15px; margin-left: 10px; margin-top: -5px; }
.bdshare-button-style0-32 a { width: 19px; height: 15px; background: url(../images/share_wb.png) no-repeat !important; margin-left: 11px; position: relative; float: left; cursor: pointer; }
/*提示*/
.toasts { position: fixed; top: 50%; left: 40%; border-radius: 5px; background: rgba(0,0,0,.65); padding: 8px; margin-top: auto; margin-bottom: auto; z-index: 99999999999; }
.text-center { text-align: center; }
.color-f { color: #fff; }
.f16 { font-size: 16px; }
b { font-weight: 400; }
/*头部*/
/*.header{width: 100%;padding: 0;margin: 0 auto;background: #fff;}
.header .logo img{height: 50px;margin-top: 15px;}   
.header .login{height: 80px;float: right;margin-right: 10px;}
.header .login a{display: block;text-decoration: none;font-family:Segoe UI;line-height: 80px;color: #707070;font-size: 18px;}
.header .login em{height: 20px;width: 1px;background: #707070;margin: 31px 14px 0;}
.login{float: right;height: 80px;}
.login a{text-decoration: none;line-height: 80px;font-size: 20px;color: #262626;float: left;display: block;}
.login em{width: 1px;height: 24px;background: #262626;float: left;margin: 0 20px;margin-top: 28px;}
.login_user{float: right;height: 80px;font-size: 16px;display: none;}
.login_user .user_grades{float: left;margin-right: 10px;line-height: 80px;height: 80px;font-size: 12px;}
.login_user .user_item{float: left;border: 1px solid #fff;position: relative;padding: 5px;height: 40px;margin-top: 15px;}
.login_user .user_avatar{float: left;width: auto;height: 34px;border-radius: 8px;margin-top: 3px;}
.login_user .user_truenames{float: left;line-height: 40px;margin-left: 5px;overflow: hidden;width: 78px;text-overflow: ellipsis;white-space: nowrap;}
.login_user i{width: 14px;height: 8px;background: url(../images/icon-arrows.png) no-repeat;display: block;float: left;margin-top: 14px;}
.login_user b{width: 100%;height: 1px;position: absolute;top: 50px;right: 0;background: #fff;z-index: 9;display: none;}
.user_info{position: absolute;top: 50px;right: -1px;padding: 12px;width: 200px;background: #fff;border: 1px solid #DDD;z-index: 1;display: none;font-size: 12px;}
.user_info .user_truename{color: #FF0000;display: block;width: 100px;margin-bottom: 8px;}
.user_info p{overflow: hidden;}
.user_info .user_p{padding-top: 5px;border-top: 1px solid #ddd;}
.user_info .user_p a{text-decoration: none;color: #333;width: 46%;float: left;text-align: left;padding: 2%;}
.user_info .user_p a:hover{background: #F5F5F5;}
.user_item:hover{border-color: #ddd;}
.user_item:hover .user_info,.user_item:hover b{display: block;}*/
/*面包屑导航*/
.ar_item_title { width: 1200px; margin: auto; }
.ar_item_title p { font-size: 14px; margin: 20px 0; }
.ar_item_title p a { text-decoration: none; color: #333444; }
.ar_item_main { width: 1200px; margin: auto; overflow: hidden; color: #333444; padding-bottom: 100px; }
.center_info_p3 a { height: 20px; line-height: 20px; text-decoration: none; display: block; text-align: center; color: #188EEE; border: 1px solid #188EEE; float: left; margin-right: 10px; font-size: 12px; padding: 0 5px; border-radius: 3px; }
/*左边文章详情*/
.ar_item_left { width: 860px; overflow: hidden; float: left; margin-right: 20px; }
.ar_item_con { width: 860px; background: #fff; box-shadow: 0px 8px 15px rgba(48,75,149,0.08); border-radius: 5px; margin-bottom: 20px; overflow: hidden; }
.article_title { margin: 36px 35px 20px; border-bottom: 1px solid #DDDEEE; overflow: hidden; padding-bottom: 20px; }
.article_title h2 { font-size: 22px; margin-bottom: 20px; }
.article_title .ar_ts { font-size: 14px; color: #999AAA; height: 20px; }
.article_title .ar_ts span { float: left; margin-right: 19px; height: 20px; line-height: 20px; font-family: "微软雅黑"; }
.article_title .ar_ts em { font-size: 12px; float: left; height: 20px; line-height: 20px; }
.article_title .ar_span1 i { display: block; background: url(../images/icon1.png)no-repeat; float: left; width: 13px; height: 15px; margin-right: 3px; margin-top: 5px; }
.article_title .ar_span2 i { display: block; background: url(../images/icon2.png)no-repeat; float: left; height: 15px; width: 12px; margin-right: 3px; margin-top: 3px; }
.article_title .ar_span3 i { display: block; background: url(../images/icon3.png)no-repeat; float: left; width: 13px; height: 15px; margin-right: 3px; margin-top: 3px; }
.ar_contain { margin: 40px 35px 50px 35px; }
.ar_contain p { color: #555666; margin-bottom: 10px; line-height: 1.8; }
.ar_contain_bottom .ar_p { font-size: 16px; color: #555666; text-align: center; margin: 0 auto; }
.voteBtn { border: none; outline: none; background: #188EEE; width: 95px; height: 46px; line-height: 14px; text-align: center; color: #fff; border-radius: 34px; margin: 12px auto; display: block; font-size: 14px; text-decoration: none; padding: 5px 0; position: relative; }

.voteBtn i { display: block; font-size: 12px; color: #fff; margin: 0 auto; text-align: center; }
.ar_contain_bottoms { margin-left: 35px; text-align: left; color: #555666; padding-bottom: 30px; }
.ar_contain_bottoms p { font-size: 14px; }
.ar_contain_bottoms .ar_fx { margin-bottom: 15px; height: 20px; }
.ar_contain_bottoms .ar_fx .fx_em { float: left; font-size: 14px; }
.ar_contain_bottoms .ar_icon1 { width: 18px; height: 15px; background: url(../images/share_wx.png) no-repeat; margin-left: 15px; position: relative; float: left; cursor: pointer; margin-top: 4px; }
.ar_contain_bottoms .ar_span { background: #fff; box-shadow: 0px 3px 10px rgba(40,43,97,0.15); width: 105px; text-align: center; position: absolute; top: -130px; left: -45px; display: none; }
.ar_contain_bottoms .ar_span b { width: 0; height: 0; border-top: 10px solid #fff; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 120px; left: 42px; }
.ar_contain_bottoms .ar_span em { font-size: 12px; margin-bottom: 6px; display: block; }
.ar_contain_bottoms .ar_span2 img { width: auto; height: auto; padding: 0; }
.ar_contain_bottoms .ar_span2 b { border-top: 10px solid #666777; border-left: 10px solid transparent; border-right: 10px solid transparent; display: inline-block; position: absolute; top: 22px; left: 26px; }
.ar_contain_bottoms span img { width: 85px; height: 85px; padding: 10px 10px 0 10px; }
.ar_contain_bottoms .ar_span2 a { text-decoration: none; color: #fff; display: inline-block; margin-left: 10px; }
.ar_contain_bottoms .center_info_p3 { margin: 10px 0 20px; }
.ar_contain_bottoms .ar_icon:hover .ar_span { display: block; }
.ar_contain_bottoms .ar_icon2:hover .ar_span2 { display: block; }
.ar_contain_next { border-top: 1px solid #DDDEEE; overflow: hidden; padding: 20px 0; }
.ar_contain_next p { margin: 5px 35px; font-size: 14px; color: #666777; cursor: pointer; }

.article_tj { width: 860px; padding: 22px 35px 0; box-shadow: 0px 8px 15px rgba(48,75,149,0.08); background: #fff; margin-bottom: 20px; }
.article_tj h2 { font-size: 18px; color: #444555; padding-bottom: 18px; border-bottom: 1px solid #DDDEEE; }
.article_tj ul { margin-top: 30px; overflow: hidden; }
.article_tj li { float: left; width: 385px; margin-bottom: 20px; margin-right: 20px; height: 19px; }
.article_tj li i { width: 0; height: 0; border-left: 4px solid #333444; border-top: 4px solid transparent; border-bottom: 4px solid transparent; float: left; margin-right: 7px; line-height: 19px; margin-top: 6px; }
.article_tj li:nth-child(2n) { margin-right: 0; }
.article_tj li a { display: block; font-size: 14px; text-decoration: none; float: left; width: 290px; text-overflow: ellipsis; white-space: nowrap; color: #333444; line-height: 19px; overflow: hidden; }
.article_tj li em { float: right; font-size: 12px; color: #999AAA; line-height: 19px; }

.article_comment { width: 860px; padding: 35px; box-shadow: 0px 8px 15px rgba(48,75,149,0.08); background: #fff; border-radius: 5px; }
.ar_text { overflow: hidden; margin-bottom: 9px; }
.ar_text textarea { width: 100%; padding: 20px; border: 1px solid #DDDEEE; background: #F2F2F7; height: 63px; outline: none; font-size: 14px; color: #000000; border-radius: 5px; vertical-align: text-top; resize: none; }
.ar_text textarea::placeholder { color: #CCCDDD; vertical-align: text-top; }
.ar_text button { width: 86px; background: #188EEE; height: 34px; line-height: 34px; color: #fff; font-size: 14px; border: none; outline: none; float: right; margin-top: 15px; border-radius: 5px; cursor: pointer; }
.comment_item .comment_title { font-size: 16px; }
.comment_item ul { overflow: hidden; }
.comment_item li { width: 100%; padding: 21px 0; border-bottom: 1px solid #DDDEEE; height: 48px; }
.comment_item li:last-child { border-bottom: none; }
.comment_item li img { width: 48px; height: 48px; border-radius: 50%; float: left; display: block; background: #ccc; }
.comment_item .comment_right { float: left; margin-left: 12px; width: 90%; }
.comment_item .comment_right p { height: 24px; line-height: 24px; font-size: 14px; }
.comment_item .comment_right p.comment_p2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 90%; }
.comment_item .comment_right span { float: left; margin-right: 20px; }
.comment_item .comment_right em { font-size: 12px; color: #CCCDDD; }
.comment_title .comment_p2 { color: #909090; line-height: 24px; height: 24px; width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.right .search { padding: 8px; height: 50px; width: 302px; box-shadow: 0px 8px 15px rgba(48,75,149,0.08); border-radius: 5px; background: #fff; line-height: 50px; }
.right .search .right_item_search { position: relative; }
/*.right .search .right_item_search i {width:16px;height:16px;float:left;background:url(../images/search.png)no-repeat;position:absolute;top:20px;left:8px;}
*/ .right .search .right_item_search input { display: block; float: left; color: #333444; font-size: 14px; height: 34px; background: #F2F5F8; line-height: 34px; width: 238px; border: none; text-indent: 5px; outline: none; border-radius: 3px; }
.right .search .right_item_search button { display: block; width: 58px; height: 34px; line-height: 34px; color: #fff; font-size: 14px; background: #188EEE; text-align: center; border: none; outline: none; margin-left: 8px; cursor: pointer; border-radius: 3px; float: right; margin-top: -34px; }

/*右侧内容-热门文章*/
.hot_article { width: 320px; height: 336px; background: #fff; margin-top: 20px; box-shadow: 0px 8px 15px rgba(48,75,149,0.08); border-radius: 5px; overflow: hidden; }
.hot_article .right_item_title1 { border-bottom: 1px solid #DDDEEE; height: 50px; padding-left: 25px; }
.hot_article .right_item_title1 i { display: block; width: 18px; height: 20px; background: url(../images/icon_article.png)no-repeat; float: left; margin-right: 10px; margin-top: 18px; }
.item_title_info1 span.active { color: #188EEE; border-bottom: 2px solid #188EEE; }
.item_title_info1 span { float: left; margin-right: 15px; font-size: 14px; color: #444555; height: 48px; line-height: 50px; cursor: pointer; }
.item_title_info1 span:hover { color: #188EEE; }
.hot_article .hot_article_item { margin-top: 21px; display: none; }
.hot_article .hot_article_item { padding-left: 25px; }
.hot_article .hot_article_item li { margin-bottom: 17px; height: 16px; }
.hot_article_item .ar_em { background: #188EEE; color: #fff; }
.hot_article_item em { width: 16px; height: 16px; background: #BBBCCC; float: left; color: #fff; line-height: 16px; text-align: center; font-size: 12px; margin-right: 14px; border-radius: 3px; }
.hot_article_item a { height: 16px; line-height: 16px; font-size: 14px; color: #666777; text-decoration: none; width: 252px; overflow: hidden; display: block; float: left; }
.hot_article .right_item_title2 { border-bottom: 1px solid #DDDEEE; height: 50px; padding-left: 25px; }
.hot_article .right_item_title2 i { display: block; width: 16px; height: 15px; background: url(../images/icon_download.png)no-repeat; float: left; margin-right: 10px; margin-top: 18px; }
.item_title_info2 span.active { color: #188EEE; border-bottom: 2px solid #188EEE; }
.item_title_info2 span { float: left; margin-right: 15px; font-size: 14px; color: #444555; height: 48px; line-height: 50px; cursor: pointer; }
.item_title_info2 span:hover { color: #188EEE; }
/*应用APP*/
.right_item_erw { height: 220px; }
.right_item_erw .right_item_title { border-bottom: 1px solid #DDDEEE; height: 50px; padding-left: 25px; }
.right_item_erw .right_item_title i { display: block; width: 16px; height: 17px; background: url(../images/icon_app.png)no-repeat; float: left; margin-right: 10px; margin-top: 18px; }
.right_item_erw .right_item_title span { float: left; margin-right: 15px; font-size: 14px; color: #444555; height: 48px; line-height: 50px; cursor: pointer; }
.right_item_erw .erw_info { width: 85px; margin-left: 16px; float: left; text-align: center; margin-top: 12px; }
.right_item_erw .erw_info img { width: 85px; }
.right_item_erw .erw_info span { display: block; font-size: 12px; color: #444555; margin-top: 8px; }

/*热门标签*/
.hot_bq { height: 205px; overflow-y: hidden; }
.hot_bq .right_item_title { border-bottom: 1px solid #DDDEEE; height: 50px; padding-left: 25px; }
.hot_bq .right_item_title i { display: block; width: 18px; height: 15px; background: url(../images/icon_pen.png)no-repeat; float: left; margin-right: 10px; margin-top: 18px; }
.hot_bq .right_item_title span { float: left; margin-right: 15px; font-size: 14px; color: #444555; height: 48px; line-height: 50px; cursor: pointer; }
.hot_bq_info { margin: 19px 0 0 20px; }
.hot_bq_info a { text-decoration: none; padding: 3px 8px; color: #CCCDDD; border: 1px solid #CCCDDD; border-radius: 3px; float: left; font-size: 12px; margin: 0 8px 5px 0; }

/*底部*/
.site_footer { width: 100%; padding: 0; margin: 0 auto; background: #fff; margin-top: 150px; }
.site_footer .footer { width: 1200px; margin: 0 auto; text-align: left; overflow: hidden; border-bottom: 1px solid #DDDEEE; padding-bottom: 40px; padding-top: 40px; }
.site_footer .footer ul { float: left; width: 840px; }
.site_footer .footer ul li { float: left; margin-right: 158px; }
.site_footer .footer ul li h2 { font-size: 16px; color: #444555; margin-bottom: 20px; font-weight: normal; }
.site_footer .footer ul li a { font-size: 14px; color: #777888; margin-bottom: 10px; display: block; }
.site_footer .footer .guide_right { float: right; margin-top: -215px; }
.site_footer .footer .guide_right .footer_p1 { margin-right: 50px; }
.site_footer .footer .guide_right p { width: 146px; float: left; }
.site_footer .footer .guide_right p span { font-size: 16px; color: #444555; display: block; margin-bottom: 15px; }
.site_footer .footer .guide_right p img { width: 146px; }

.site_footer .copyright { margin: 0 auto; width: 1200px; padding: 20px 0; font-size: 12px; color: #555; }
.site_footer .copyright p { text-align: center; color: #555; line-height: 30px; }
.site_footer .copyright p.cr_link a { margin-right: 20px; color: #555; }
.site_footer .copyright p.cr_c a { margin: 0 5px; color: #555; }

/*侧边栏*/
#fix_nav { width: 60px; height: 360px; background: #fff; position: fixed; top: 25%; right: 0px; z-index: 10000000; }
#fix_nav ul li { height: 60px; line-height: 30px; text-align: center; margin: 0 auto; border-bottom: 1px solid #ddd; padding-top: 10px; position: relative; z-index: 1000000; background: #fff; }
#fix_nav ul li:hover { box-shadow: inset 0 0 15px #d3d6e2; cursor: pointer; }
#fix_nav ul li:last-child { border-bottom: none; }
#fix_nav ul li img { display: block; width: auto; margin: 0 auto; text-align: center; }
#fix_nav ul li a span { display: block; margin: 0 auto; text-align: center; color: #333444; font-weight: normal; font-size: 12px; }

#fix_nav .msg-board { background-color: #F2F2F2; border-width: 3px 1px 2px 1px; border-color: #188EEE #ABB6BC #188EEE #ABB6BC; border-style: solid; width: 230px; padding: 0 10px 20px 10px; box-shadow: none; }
#fix_nav .aside-bar-cont { display: none; position: absolute; z-index: 101; top: 0; right: 60px; width: 162px; background-color: #FFF; padding: 10px; text-align: center; border: 1px solid #ddd; box-shadow: 0 0 8px rgba(51,51,51,0.5); }
#fix_nav .aside-bar-cont span { display: block; font-size: 14px; color: #666666; text-align: center; }
#fix_nav ul li:hover .aside-bar-cont { display: block; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #CCCDDD; padding-left: 5px; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #CCCDDD; padding-left: 5px; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #CCCDDD; padding-left: 5px; }