@charset "utf-8";
@media screen and (max-width: 320px) { #BC{ width:320px;}}
@media screen and (min-width: 720px) { #BC{ width:640px;}}
/*首页*/
.banner{ width:100%; float:left; }

.article_wrap {width: 100%; float: left;}
/*.hd li:nth-child(3) a{background: #427adb; color: #fff;}*/
.hd li:nth-child(6) { border-right: none;}

.fixnav{position:fixed; top:0px; left:0px; width:100%; z-index: 100;}

.article_li {width: 100%; float: left; height: auto; }
.article_li li,.article_li li.action {width: 100%; float: left; height: auto; }
.article_li .on{ display: block;}
.article_li > li > div {width: 96%; margin: 0 2%; float: left; padding: 15px 0; height: 84px; border-bottom: 1px solid #e5e5e5;}
.article_li > li > div > span {display: block; width: 67%; height: 84px; float: left; padding-right: 131px;}
.article_li > li > div > span > a {display: block; width: 100%; float: left; font-size: 18px; color: #111; font-weight: 400; margin-bottom: 17px; height: 50px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden;}
.article_li > li > div > span > em {display: block; width: 50%; height: 20px; line-height: 20px; vertical-align: middle; float: left; font-size: 14px; color: #6a6969;}
.article_li > li > div > span > i {display: block; width: 45%; height: 20px; line-height: 20px; vertical-align: middle; float: right; font-size: 14px; color: #6a6969; font-style: normal; text-align: right;}
.article_li > li > div > span > i span{ float:right; width:auto; height: auto; padding: 0;}
.article_li > li > div > span img{ width: 19px; height: 12px; padding: 4px 0 0 0; margin: 0;}
.article_li > li > div img {display: block; width: 126px; height: 84px; float: right; margin-top: -84px;}
.article_li .about_count{display: inline-block; width: 50%; height: 20px; line-height: 20px; vertical-align: middle; font-size: 14px; color: #6a6969; font-style: normal;float: right;text-align: right;}
.article_li .about_count span {display: inline-block; font-size: 12px; font-weight: normal; color: #999;}
.article_li .about_count em {display: inline-block; font-size: 12px; color: #999; margin: 0 10px;}
.article_li .about_count span i{display: inline-block; vertical-align: middle; margin-right: 3px; }
.article_li .about_count .click_count i{width: 21px; height: 15px; background-position: -67px -133px;}
.article_li .about_count .comment_count i{width: 21px; height: 18px; background-position: -91px -131px;}
.article_li li .article_new a.video_bg {display: block; height: auto; float: right; width: 32%; position: relative;}
.article_li li .article_new a.video_bg img {display: block; width: 100%; height: auto;}
.article_li li .article_new a.video_bg h6 {position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: center;}
.article_li li .article_new a.video_bg h6 b {display: block; margin-top: 20%; margin-left: 38%; width: 32px; height: 32px; background: url(../images/icon.png?20180411) no-repeat -69px -84px;}

.article_li li div.article_tj {width: 100% !important; margin: 0 !important; background: #edecec; height: auto;}
.article_li li div.article_tj h3 a{display: inline-block; width: 96%; font-weight: 600; font-size: 16px; margin-bottom: 11px; text-align: center; padding:0 2%; color: #111; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden;}
.article_li li div.article_tj span { width: 96%; margin: 0 2%; display: block; float: left;}
.article_li li div.article_tj span a{width: 32%; height: auto; margin-right: 2%; float: left; -webkit-line-clamp: 1!important; display:block!important;}
.article_li li div.article_tj span img{width: 100%; height: 67%; max-height:85px;_height:expression(this.height > 85 ? "85px" : this.height); float: left;}
.article_li li div.article_tj span a:nth-child(3n) {margin-right: 0;}

/*#common_footer {width: 100%;  margin-top:2px; height: 45px;  background: #555;clear: both;}*/
/*#common_footer p {font-size: 12px; color: #fff;width: 100%;  height:20px; line-height: 20px; display: inline-block; text-align: center; }*/

#common_footer {width: 100%;  margin-top:2px; height: 85px;  background: #555; clear: both;}
#common_footer p {font-size: 12px; color: #fff; width: 80%; height:20px; line-height: 20px; display: inline-block; text-align: left;position: relative;top: 20px;margin-left: 5px;}
#common_footer .footer_img{width: 18%;display: block;text-align: center;float: right;position: relative;top:0px;}
#common_footer .footer_img img{width: 80%;max-height:56px;margin-top:-20px;}
#common_footer .footer_img span{position: relative;top: -22px;font-size: 0.1rem;color:white;overflow:hidden;}


/*新闻详情页*/

.gzhewm{ width:100%; height:auto; padding-bottom:15px;}
#share_fx{

	}

#share_fx .white_content {display: none; position: fixed; top: 20%; left: 4.6%; width: 80%; height: 42%; padding: 20px; background-color: white; z-index:1002; overflow: auto; }
#share_fx .white_content p {display: inline-block; width: 100%; height: 40px; margin-bottom: 20px; line-height: 40px; color: #777; font-size: 14px; text-align: center; border-bottom: 1px solid #e3e3e3;}
/*.white_content ul li {float: left; width: 33%; height: auto; margin-bottom: 15px;}*/
#share_fx a {display: block; text-align: center; color: #777; font-size: 14px; float: left; width: 33%; height:30%; margin:0 0 10px 0!important; padding:0!important;}
#share_fx a.bds_qq{ background:url(../images/share_icon02.png) no-repeat center top!important;}
#share_fx a.bds_weixin{ background:url(../images/share_icon03.png) no-repeat center top!important;}
#share_fx a.bds_tsina{ background:url(../images/share_icon05.png) no-repeat center top!important;}
#share_fx a.bds_tqq{ background:url(../images/share_icon06.png) no-repeat center top!important;}
#share_fx a.bds_qzone{ background:url(../images/share_icon04.png) no-repeat center top!important;}
#share_fx a.bds_renren{ background:url(../images/share_icon01.png) no-repeat center top!important;}
<!--#share_fx a img {width: 35%; height: auto; display: inline-block; text-align: center;}-->
#share_fx a i {display: block; height: 30px; line-height: 30px; font-size: 14px; font-style: normal; margin-top:40px; }
#share_fx a.off {display: block; float: left; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #111; border: 1px solid #e3e3e3; border-radius: 10px; text-align: center; background:none!important;}

.news_detail_con .article_conpage {width: 100%; height: auto; float: left;}
.news_detail_con .article_conpage .article_conpage_block {width: 98%; margin-top: 10px; height: 30px; line-height: 30px; background: #f7f7f7; border: 1px solid #e5e5e5; font-size: 14px;}
.news_detail_con .article_conpage .article_conpage_block p {display: inline-block; float: left; color: #333;}
.news_detail_con .article_conpage .article_conpage_block span.article_conpage_btn {display: inline-block; float: right; width: 30px; height: 12px; margin-top: 9px; background: url(../images/icon.png?20180411) no-repeat -63px 0px; transition-duration:.3s;}
.news_detail_con .article_conpage .article_conpage_block span.active { background: url(../images/icon.png?20180411) no-repeat -63px -15px; transition-duration:.3s;}
.news_detail_con .article_conpage ul {width: 98%; height: auto; border: 1px solid #e5e5e5; border-top: none;}
.news_detail_con .article_conpage ul li {width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.news_detail_con .article_conpage ul li a {display: block; width: 100%; height: 30px; color: #333;}

.article_conpage2 {width: 100%; height: auto; float: left;}
.article_conpage2 .article_conpage2_btn {display: inline-block; margin-bottom: 15px;}
.article_conpage2 .article_conpage2_btn em {display: inline-block; margin: 0; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #4C4FA1; font-size: 16px;}
.article_conpage2 .article_conpage2_btn span {display: inline-block; width: 40px; height: 40px; float: left; background: url(../images/icon.png?20180411) no-repeat -64px -32px;}
.article_conpage2 .article_conpage2_list {width: 100%; height: auto;}
.article_conpage2 a.page_common {display: block; width: 99%; margin: 0 10px 10px 0; height: 40px; float: left; line-height: 40px; color: #666; border: 1px solid #e5e5e5; transition-duration:.3s;}
.article_conpage2 a.page_common em {display: inline-block; margin: 11px 5px 0 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; background: #4C4FA1;}
.article_conpage2 a.page_common i {font-style: normal; font-size: 16px; width:85%; text-align:left; line-height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden;}
.pages{ width: 100%; text-align:center; clear:both; float: left; margin: 15px 0;}
.pages a{ display: inline-block; color:#333; background:#f5f5f5; margin:0 2px; border-radius:3px; -moz-border-radius:3px; border:1px solid #ddd; padding:0 10px; height:24px; line-height:24px; font-size:16px;}
.pages a.pages_on{background:#4C4FA1;color:#fff; text-decoration:none; border:1px solid #4C4FA1;}

.news_detail_con {width: 96%; margin: 60px auto 0; height: auto;}
.news_detail_con h1 {font-size: 24px; line-height: 36px; font-weight: 600; font-style: normal;}
.news_detail_con em {display: inline-block; margin-top: 10px; /*margin-right: 50px;*/ float: left; font-size: 14px; color: #777; width:33%;}
.news_detail_con em a{ color:#03C; width:100%; text-align:center; float:left}
.news_detail_con i{ width:33%; float:left; text-align:right; font-size: 14px; color: #777; margin-top: 10px; font-style: normal;}
.news_detail_con content {width: 100%; height: auto; margin-top: 10px; float: left;}
.news_detail_con content p, .news_detail_con content center {font-size: 18px; color: #333; line-height: 28px; margin-bottom:20px;}
.news_detail_con content img {width: 100%; height: auto; display: inline-block; margin:0px 0 0px 0!important; padding:0px!important;}

.push {width: 96%; margin: 0 2%; height: auto; float: left;}
.push h3 {width: 100%; height: 45px; line-height: 45px; font-size: 18px; color: #437ade; border-bottom: 1px solid #e3e3e3;}
.push h3 i {display: inline-block; float: left; width: 22px; height: 25px; margin-top: 10px; background: url(../images/icon.png?20180411) no-repeat -31px -54px;}
.push h3 em {display: inline-block; float: left; margin-left: 5px;}
.push_news {width: 100%; float: left; height: auto;}
.push_news > li {width: 100%; float: left; height: 84px; margin-top: 15px;}
.push_news > li > span {display: block; width: 67%; height: 84px; float: left; padding-right: 131px;}
.push_news > li > span > a {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; width: 100%; height: 44px; float: left; font-size: 16px; color: #111; font-weight: 400; margin-bottom: 23px;}
.push_news > li > span > em {display: block; width: 50%; height: 20px; line-height: 20px; vertical-align: middle; float: left; font-size: 14px; color: #6a6969;}
.push_news > li > span > i {display: block; width: 50%; height: 20px; line-height: 20px; vertical-align: middle; float: right; font-size: 14px; color: #6a6969; font-style: normal; text-align: right;}
.push_news > li img {display: block; width: 126px; height: 84px; float: right; margin-top: -84px;}
.push_news > li > span > i > span{ float:right; width:auto; height: auto; padding: 0;}
.push_news > li > span > i img{ /*float:right; */width:19px; height:12px; padding: 4px 0 0 0; margin: 0;}
.push_news .about_count{display: block; width: 50%; height: 20px; line-height: 20px; vertical-align: middle; float: right; font-size: 14px; color: #6a6969; font-style: normal; text-align: right;}
.push_news .about_count span {display: inline-block; font-size: 12px; font-weight: normal; color: #999;}
.push_news .about_count em {display: inline-block; font-size: 12px; color: #999; margin: 0 10px;}
.push_news .about_count span i{display: inline-block; vertical-align: middle; background-image: url(../images/icon.png?20180411); margin-right: 3px; }
.push_news .about_count .click_count i{width: 21px; height: 15px; background-position: -67px -133px;}
.push_news .about_count .comment_count i{width: 21px; height: 18px; background-position: -91px -131px;}

#video_m  iframe{width: 100%!important; height: 200px!important; float:left;}
.video_introduce2 {width:96%; height: 115px; margin:10px 2%;}
.video_introduce2 b {display: inline-block; width: 100%; float: left; font-size: 18px; font-weight: 600; line-height:35px; border-bottom:1px #e5e5e5 solid; padding-top:10px;}
.video_introduce2 p {display: inline-block; width: 100%; float: left; font-size: 14px; line-height: 24px; color: #333; padding:10px 0;}

.comment_m {width: 96%; margin: 20px 2%; float: left;}
.comment_m h3 {width: 100%; height: 45px; line-height: 45px; font-size: 18px; color: #437ade; text-indent: 27px; background: url(../images/icon.png?20180411) no-repeat -30px -88px; border-bottom: 1px solid #e3e3e3;}
.comment_li ul li {width: 100%; height: auto; border-bottom: 1px solid #e3e3e3; padding-top: 15px; margin-bottom: 15px; position: relative;}
.comment_li ul li .users {width: 100%; color: #3b5998;}
.comment_li ul li .users img {width: 10%; height: auto; display: inline-block; float: left;}
.comment_li ul li .users i {font-style: normal; font-size: 14px; margin-left: 10px; display: inline-block; float: left; height: 25px; line-height: 25px;}
.comment_li ul li p {display: inline-block; width: 100%; float: left; font-size: 14px; color: #333; line-height: 24px; margin-top: 10px;}
.comment_li ul li span {display: inline-block; float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-align: right; color: #3b5998;}
.comment_li ul li em {display: inline-block; position: absolute; right: 0; top: 18px; font-size: 14px; color: #666;}

.comment_box {width: 100%; height: 60px; position: fixed; bottom: 0; left: 0; background: #edecec; float: left;}
.comment_box textarea.comment_input { width: 60%; height: 40px; line-height: 40px; font-size: 14px; margin: 9px 0 9px 10px; float: left; display: block; outline: none; resize: none; border: none; background: url(../images/icon.png?20180411) no-repeat -25px -88px #fff; color: #777; text-indent: 30px;}
.comment_box span.comment_num {display: block; float: left; width: 17%; height: 60px; line-height: 60px; background: url(../images/icon.png?20180411) no-repeat -20px -174px; position: relative;}
.comment_box span.commend_num {display: block; float: left; width: 17%; height: 60px; line-height: 60px; background: url(../images/icon.png?20180411) no-repeat -25px -128px; position: relative;}
.comment_box span a {display: block; height: 15px; padding: 0 5px; line-height: 15px; text-align: center; color: #fff; font-size: 14px; background: #fa4842; border-radius: 50px; position: absolute; top: 15px; left: 20px;}
.comment_box span.commend_num em {display: block; height: 15px; padding: 0 5px; line-height: 15px; text-align: center; color: #fff; font-size: 14px; background: #fa4842; border-radius: 50px; position: absolute; top: 15px; left: 20px;}
.about_count span b {font-weight: normal;}

#comment_tc {display: none; width: 100%; height: auto; position: fixed; bottom: 0; left: 0; background: #fff; z-index: 100;}
#comment_tc .comment_tc_top {height: 45px; line-height: 45px; width: 100%; border-bottom: 1px solid #e3e3e3;}
#comment_tc .comment_tc_top button {display: block; width: 33%; padding: 0; text-align: left; text-indent: 10px; float: left; height: 45px; line-height: 45px; color: #5370b2; font-size: 14px; border: none; background: none;}
#comment_tc .comment_tc_top button.submit {text-align: right; padding-right: 10px;}
#comment_tc .comment_tc_top span {display: block; width: 33%; float: left; color: #535252; text-align: center; height: 45px; line-height: 45px; font-size: 14px; }
#comment_tc textarea.comment_box_w {width: 100%; height: 200px; line-height: 26px; font-size: 14px; margin: 9px 0 9px 10px; float: left; display: block; outline: none; resize: none; border: none;}

#mask{width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; position:fixed; top:0; left:0; display:none;}

/*个人中心*/
#mask{width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:11; position:fixed; top:0; left:0; display:none;}

.user_top {width: 100%; height: auto; position: relative;}

.user_top title {display: inline-block; position: absolute; top: 3%; left: 4%; color: #fff; font-size: 17px; z-index: 10;}

.user_top .user_info {width: 100%; position: absolute; top: 14%; text-align: center; color: #fff; z-index: 10;}
.user_top .user_info img { width: 25%; display: inline-block; border-radius: 50%; border: 2px solid #fff;}
.user_top .user_info p {font-size: 26px; text-shadow: -1px -2px 3px #000; line-height: 40px;}
.user_top .user_info span {display: inline-block; font-size: 16px; margin-top: 30px;}

.user_top .user_bg {width: 100%; position: relative; z-index: 1;}
.user_top .user_bg img {display: block; width: 100%; height: auto;}
.user_top .user_nav {width: 100%; height: 40px; line-height: 40px; text-align: center; position: absolute; left: 0; bottom: 0px; background: rgba(38,51,127,.7); z-index: 10;}
.user_top .user_nav li {float: left; width: 33%;}
.user_top .user_nav li a {color: #fff; font-size: 14px;}
.user_top .user_nav li em {display: inline-block; float: right; height: 20px; margin-top: 10px; border-right: 1px solid #fff;}

.user_top #navigation { width: 45px; height: 30px; position: absolute; right: 3%; top: 3%; background: url(../images/icon_m.png) no-repeat 0px -20px; z-index: 13;}
.user_top #navigation.on{ background: url(../images/icon_m.png) no-repeat 0px -80px; z-index: 14;}

.user_top #R{ width:180px; height:100%; position: fixed; right:-220px; top:0px;  background:#4C4FA1;  box-shadow:none; z-index:12; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s;}
.user_top #R.on{ top:0px; right:0px; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; z-index:12;}
.user_top #R nav {padding: 30% 5% 13% 10%; overflow-y: scroll; }
.user_top #R nav ul li {background-size: 12px auto; line-height: 50px; font-size: 14px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.3); }
.user_top #R nav ul li a {color: #fff; display: block; height: 50px; background: url(../images/icon_m.png) no-repeat;}
.user_top #R nav ul li a.revise {background-position: -16px -135px;}
.user_top #R nav ul li a.account_s {background-position: -16px -194px;}

.user_list {width: 100%; height: auto; float: left;  background: #f0eff5; padding: 20px 0;}
.user_list ul li {float: left; width: 33.1%; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; background: url(../images/icon_m.png) no-repeat #fff;}
.user_list ul li:nth-child(3n) {border-right: none;}
.user_list ul li a {display: block; width: 100%; height: 75px; line-height: 115px; text-align: center; color: #333; font-size: 14px;}
.user_list ul li.comment {background-position: 48% -253px;}
.user_list ul li.letter {background-position: 50% -317px;}
.user_list ul li.article {background-position: 50% -406px;}
.user_list ul li.information {background-position: 50% -466px;}
.user_list ul li.dynamic {background-position: 46% -528px;}
.user_list ul li.draft {background-position: 55% -590px;}

.my_info {width: 100%; height: auto; float: left; border-top: 1px solid #e3e3e3;}
.my_info li {width: 94%; margin: 0 3%; float: left;}
.my_info li a {display: block; height: 45px; padding-left: 40px; border-bottom: 1px solid #e3e3e3; line-height: 45px; color: #333; font-size: 14px; background: url(../images/icon_m.png) no-repeat;}
.my_info ul li a.collection {background-position: -14px -654px;}
.my_info ul li a.topic {background-position: -14px -708px;}
.my_info li a em {display: block; float: right; text-align: right; font-size: 18px; color: #c3c2c7; font-weight: 600; font-style: normal;}

/*车库页详情*/
.car_detail h2 {
    font-weight: 500;
    font-size: 11pt;
    border-bottom: 2px solid #2f34ff;
    padding: 10px 10px 0px 10px;
}
.auto_intro {
    overflow: hidden;
    zoom: 1;
    margin: 10px;
    padding-bottom: 15px;
}
.intro_cont {
    line-height: 23px;
    font-size: 11pt;
    text-indent: 0em;
}
.intro_cont  img{
    width: 45%;
    float: left;
}
.auto_para {
    clear: both;
    padding-top: 5px;
}
.auto_para ul {
    overflow: hidden;
    zoom: 1;
    border-top: 1px dashed #eee;
}
.auto_para ul li {
    float: left;
    width: 50%;
    margin: 2px 0px;
    color: #333;
}
.auto_title {
    margin-left: 10px;
    border-bottom: 1px solid #ddd;
}
.auto_detail{
width: 50%;float:left;margin-left:5%;word-wrap:break-word;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #6a6969;
}
/*车库列表样式*/
    .allcar h2 {
    background: #e2e2e2;
    font-size: 12pt;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    font-weight: 500;
    color: #333;
}
    .allcar a:link{
        color: #435aff;
    }
    .allcar a:visited{
        color: #2f34ff;
    }
     .allcar a:hover{
        color: blue;
    }
    .allcar ul {
		overflow: hidden;
        margin-bottom: 6px;
		zoom: 1;
		padding-left: 5px;
    }
    .allcar ul li {
        float: left;
        width: 48%;
        padding: 8px 0;
        word-wrap: break-word;
        white-space: pre-wrap;
        font-weight: 600;
		padding-left: 2%;
    }

@media screen and (max-width: 380px) {
	.nav_m li { width: 16.44%;}
	.user_top .user_info span {margin-top: 20px;}
	.news_detail_top h4 a {width: 18%;}
	.push_news > li > span {width: 64%;}
	.article_li > li > div > span {width: 64%;}
}
@media screen and (max-width: 360px) {
	.nav_m li { width: 16.41%;}
	.user_top .user_info span {margin-top: 10px;}
	.news_detail_top h4 a {width: 18%;}
	.push_news > li > span {width: 62%;}
	.article_li > li > div > span {width: 62%;}
}
@media screen and (max-width: 320px) {
	.white_content {left: 3.6%;}
	.push_news > li > span {width: 57%;}
	.article_li > li > div > span {width: 57%;}
}
@media screen and (min-width: 414px) {
	.white_content {left: 5.6%;}
}