.colors li{ width:70px; height:60px; text-align:center;font:600 12px/30px Microsoft Yahei,Tahoma,simsun; float:left;}
@media (min-width: 768px) {  .container {    width: 750px;  } }

@media (min-width: 992px) {  .container {    width: 970px;  }.container2 {    width: 640px; margin:0 auto; }}

@media (min-width: 1300px) {  .container {    width: 1170px;  }.container2 {    width: 640px;  }}




#mininav{ background:#0F9DEC;}
#mininav .lis li{ height:35px; width:50px; float:left; display:inline}
#mininav .lis li a{ display:block;height:35px; width:45px; font:400 16px/35px Microsoft Yahei,Tahoma,simsun; text-align:center;color:#FFFFFF}
#mininav a.xhlogo{ display:block; height:35px; width:60px; text-indent:-9999px; background:url(../img/xhlogo.png) center top no-repeat; margin:0 auto;color:#FFFFFF }
#head_con{ margin:20px auto 10px;}
#nav{ height:50px; overflow:hidden;  }
#nav ul{ width:100%; }
#nav li{ width:80px; float:left; height:50px;}
#nav li a{ width:80px; text-align:center; display:block;  height:48px; color:#D1D6D6;;  margin-top:2px;font:400 22px/48px Microsoft Yahei,Tahoma,simsun;}
#nav li.active a,#nav li a:hover{  margin-top:0px; color:#fff; font-weight:600;  border-top:2px solid #fff; }

#artic_tit{ margin-bottom:20px;}
.userpic{ margin-bottom:20px;}
.userpic img{ border:2px solid #FFF; width:95%; margin-top:10px; }
#content,#contact{ background:#FFF; padding:10px 0;}
#chupin{ font-size:16px; line-height:3;  }
#zhaiyao{ padding:0 0 0 20px; border-left:3px solid #dccfcb; color:#93695d; font-size:16px; line-height:2; margin-bottom:20px;}
#content h1,h4,h5,h6{ text-indent:0;}
#content p{ font-size:16px; line-height:2; color:#666; margin:10px; font-weight:400;}
#statement{ margin-top:20px;}
.data{ padding-bottom:10px;}
.ico_zan,.ico_pinglun{ padding:0 10px}
.ico_zan a,.ico_pinglun a{ padding:0 10px 0 30px;}
.ico_zan a{ background:url(../img/bg04.png) left 5px no-repeat;}
.ico_zan a:hover{ background-position:left -20px;}
.ico_pinglun a{ background:url(../img/bg04.png) left -43px no-repeat;}
.ico_pinglun a:hover{ background-position:left -69px;}
#share,#author_con{ padding-bottom:20px;}
.form-control{ width:100%; line-height:1.5; padding:2% ;}
 .btn{ display:block; width:100%; height:30px; line-height:30px; color: #ffffff;background-color: #8BB4D8;;border-color: #285e8e; font-size:14px; line-height:30px; border:0;  margin-top:10px;}
.btn:hover,.btn:focus,.btn:active,.btn.active {  color: #ffffff;  background-color: #3276b1;  border-color: #285e8e;}
.btn:active,.btn.active {background-image: none;}
#nologin .row{text-align: center;padding: 22px 0 15px;font: 16px "Microsoft yahei","SimSun";color: #888;background-color:#f9f9f9;margin-bottom: 20px;}
.coLogin {padding: 20px 0 0;}
.coLogin a{display: inline-block;height: 25px;padding: 0 10px 0 30px;background: url(../img/detailLoginBtn.png) no-repeat;}
.coLogin a.txwb {background-position: 0 -25px;}
.coLogin a.txqq {background-position: 0 -50px;}
.neishuru{ padding:10px; background:#ecf0f1; border:1px solid #D3D3D3}
#comment_list p{ color:#666;}
#comment_list li{ margin-top:30px;width: 98%;}
#btn_nav a{ display:inline-block; padding:0 10px; float:left;font: 400 14px/20px "Microsoft yahei","SimSun";color: #fff;  margin:10px 0;text-align:center; }
.comment_list_data_pl{ cursor: pointer;}
.wangqi{  }
.wangqi h3{ line-height:1.5; margin-bottom:20px;}
#footer{ padding:20px 0; }
#author_con img{ margin-top:10px;}
#rank_list{ padding:20px 0;}
#rank_list .img-circle{ margin-top:10px; border:1px solid #FFF}
.con_r #author .list{ margin-bottom:10px;}
#tit h4{ border-left:3px solid #cfcfcf; padding-left:10px; margin-bottom:20px;}
.tuijian_tit h6{ padding:5px 10px; margin:0; }
.homelist,.tuijian{ margin-top:10px;margin-bottom:20px;}
#author .list{ margin-bottom:20px; margin-top:10px;}
#sort .list .row{ margin-bottom:20px; border:1px solid #CCC; padding-bottom:10px;}
#author .list .img-circle{ margin-top:10px;}
#leftright{padding-top:30px;}
.con_l{ border-right:1px solid #CCC;}
#author_list .list{ margin-bottom:30px;}
.ie7 .container,.ie8 .container {width: 970px;  }
#author2{ margin-top:70px;}
 #content  #zhaiyao p {padding: 0 0 0 20px;color: #8A1B1B;font-size: 20px;line-height: 2;margin: 20px 0;}
 /*白明辉*/
 .header_bai{width:100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
  .header_bai h3{margin-top: 0;}
 .header_bai h3 a{font-size: 42px;line-height: 54px;}
 .2space{ text-indent: 2em;}
 .header_bai p {font-size: 16px;color: #333;line-height:1.8;}
 .header_bai p a{color: #0c87d5;}
  
.articlist_info_bai span,.header_bai .info_bai span{padding: 5px 10px;font-size: 12px;color: #7E7E7E;}
.header_bai .info_bai span a,.articlist_info_bai span a{color:#61A3CD;}
.articlist_con_bai h5{margin-top: 0;margin-bottom: 0;}
.articlist_user_bai{text-align:center;}
.articlist_user_bai img{max-width: 70%; display: block; margin: 0 auto;}
.articlist_bai{padding-top: 10px;padding-bottom: 10px; margin-bottom: 10px;border-bottom: dashed #ccc 1px; }
#authorList h6 {font-size: 20px;line-height: 3;}
#authorList .morebtn h6 {
    line-height: 1.5;
}
.page_qr{width:801px; margin:0 auto;}
#qr_code{background:#f4f4f4;padding:20px 0;border-top:1px solid #ccc;}

.img_qr {
    width: 125px;margin:0 20px 0 0;
}
.img_qr img{width:121px;height:144px;}
.info_qr {
    width: 655px;
    padding:0 0 0 20px;border-left:1px solid #ccc;
    /* color: #5F5F5F; */
}
.mail_qr {
    font-size: 19px;
    font-weight: 700;
    margin: 20px 0 0;
}
.mail_qr span {
    font-weight: 300;
    color: #1283C2;
}
.say_qr {
    font-size: 18px;
    margin: 5px 0 20px;
}
.info_qr_con {
    color: #4D4D4D;
    font-size: 16px;
}
/*end支持按钮*/
.zhichi{
    background: #FFF;
border: 1px solid #5CADE2;
-webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
margin-bottom: 20px;
color: #5CADE2;text-align: center;
margin:10px auto; 
height:40px;line-height: 40px;
width:170px;font-size: 16px;
cursor:pointer;
}
.zhichi a,.zhichi #commendCount{color: #5CADE2;}
.ico_zan{padding-right: 20px;}
.zhichi:hover,.zhichi:hover a,.zhichi:hover #commendCount{
background: #5CADE2;
color: #FFF;
}
/*首页头部logo区域－－－20140806*/
.logocon{width:970px;margin:0 auto; clear:both;padding-bottom:250px;padding-top:0px;padding-left:300px;}
.logocon_logo{width:428px;float: left;}
.logocon_logo img{width:428px;}
.logocon_haier{width:206px;float:right;margin-top:60px;}
.logocon_haier img{width:190px;}

@media (max-width: 820px) {
    #qr_code .page_qr{width:100%;}
    #qr_code .fl, #qr_code .fr{float:none !important;display: block;}
    #qr_code .img_qr{margin:10px auto 30px; width:125px;}
    #qr_code .info_qr{width:94%;padding:0;margin:10px auto;border-left:none }
    #qr_code .info_qr_con {padding:0 0 0 0px;border-left:none;margin:10px auto;}
.logocon{width:680px;margin:0 auto; clear:both;padding-bottom:250px;padding-top:0px;padding-left:214px;}
.logocon_logo{width:328px;float: left;}
.logocon_logo img{width:328px;}
.logocon_haier{width:106px;float:right;margin-top:50px;}
.logocon_haier img{width:106px;}
    }
@media (max-width: 767px) {
    #artic_tit {margin-bottom: 20px;}
    h1{ font-size:40px;} 
    #nav li {width: 50px;height:30px;}
    #nav li a{width: 50px;height:30px; font: 400 14px/30px Microsoft Yahei,Tahoma,simsun;}
    #nav{height:auto;}
    .con_l{ border:none;}
    .logocon{width:328px;margin:0 auto; clear:both;padding-bottom:210px;padding-top:0px;padding-left:0px;}
    .logocon_logo,.logocon_haier{float: none;width:300px;text-align: right;}
    .logocon_logo img{width:300px;}
    .logocon_haier{margin-top: 20px;}
    }
@media (min-width: 768px) {.homelist .text_info{ padding:0; margin:10px auto;}.con_l{ border:none;}}
@media (min-width: 1200px) {}

.morebtn{background:#fff; border: 1px solid #5cade2;  -webkit-border-radius: 999em;
-moz-border-radius: 999em;border-radius: 999em; margin-bottom:20px; color:#5cade2}
.morebtn:hover{ background:#5cade2; color:#fff;}

.container #logo img {margin-bottom:80px}
.header_bai .more { display:inline-block; width:77px; height:19px; background: url(../img/xiangxi.gif) no-repeat; text-indent:-99999px; vertical-align:middle;}


@media (max-width: 800px){

}