@charset "utf-8";
.article_add{ width:1180px; margin:0 auto;margin-top:20px; padding-bottom:50px;}
.article_add .logintip{width:752px; height:50px; background-color:#F4F4F4; margin-bottom:10px; padding-top:20px;}
.article_add .logintip .txt{ width:auto; padding-left:15px; height:30px; line-height:30px; float:left}
.article_add h2{ font-size:20px; font-weight: normal; height:36px; padding-top:10px;}
.article_add h4{ font-size:16px; font-weight: normal;}
.article_add .inputbox{ position:relative; padding-top:15px; padding-bottom:15px; z-index:0;  width:760px;}
.article_add .inputbox.zindextop{ z-index:1}
.article_add .inputbox .inputs{ width:735px; height:26px; padding-top:10px; padding-bottom:10px; border:2px #CCCCCC solid; padding-left:10px;}
.article_add .inputbox .inputs:hover{border:2px  #FF6600 solid;-moz-box-shadow:0px 0px 10px #cccccc;/*firefox*/-webkit-box-shadow:0px 0px 10px #cccccc;/*safari»òchrome*/box-shadow:0px 0px 10px #cccccc;/*opera»òie9*/}
.article_add .inputbox .inputs.h100{ height:160px;}
.article_add .inputbox .inputs.w560{  width:550px;}
 
.article_add .inputbox .categorysel{ position:absolute; left:585px; top:15px; width:120px;height:26px; padding-top:10px; padding-bottom:10px; border:2px #CCCCCC solid; padding-left:42px; line-height:26px;background-image:url(../images/20.png); background-repeat:no-repeat; background-position:16px 15px; cursor:pointer;}
.article_add .inputbox .categorysel:hover{border:2px  #999999 solid;background-position:16px -45px;}

.article_add .inputbox .show_menu{ position:absolute; left:585px; top:61px; width:162px; border:2px #CCCCCC solid;background-color:#FFFFFF; display:none; z-index:100;}
.article_add .inputbox .show_menu li{cursor:pointer; height:40px; line-height:40px; padding-left:18px; }
.article_add .inputbox .show_menu li:hover{ background-color:#F7F7F7;}
.article_add .inputbox .show_menu li .liimg{ padding-right:10px;}
.article_add .inputbox .show_menu li img{ width:18px; height:18px; vertical-align:middle;}

.article_add .tagdiv{position:relative;}
.article_add .tagdiv .tagbox{ position:absolute;left:585px; top:10px; width:220px;}
.article_add .tagdiv .tagbox .addtag{ width:70px; font-size:14px; height:30px; line-height:30px;background-image:url(../images/18.png); background-repeat:no-repeat; background-position:5px 7px; cursor:pointer; background-color:#009900; color:#FFFFFF;padding-left:25px;border-radius:4px; margin-left:70px;}
.article_add .tagdiv .tagbox .addtag:hover{ background-color:#007500}
.article_add .tagdiv .tagbox .tip{ color:#FF6600; font-size:12px; padding-top:16px;}
.article_add .upimg{}
.article_add .upimg .addimgbtn{ background-color: #F9F9F9; border:1px #CCCCCC  dashed; padding-left:33px;width:215px; height:38px; line-height:38px; cursor:pointer;background-image:url(../images/30.png); background-repeat:no-repeat; background-position:12px 13px;}
.article_add .upimg .addimgbtn:hover{ background-color:#F9F9F9;background-position:12px -37px; color:#333333; border-color:#666}
.article_add .upimg .addimgbtn span{ font-size:12px; color:#999999; padding-left:10px;}
.article_add .upimg .input_up_img{width:245px;height:180px;border:1px #DFDFDF solid;position:relative; overflow:hidden}
.article_add .upimg .input_up_img:hover{border:1px #BFBFBF solid;}
.article_add .upimg .input_up_img img{width:245px;}
.article_add .upimg .input_up_img .del{ font-size:12px; line-height:32px; height:32px; width:245px; text-align:center; background-color:#000000;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; color:#FFFFFF; position:absolute; left:0px; bottom:0px; cursor:pointer}
.article_add .upimg .input_up_img .del:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
 
.article_add .mb{padding-top:15px;height:50px; margin-top:12px;}
.article_add .mb .mbmain{position:relative;}
.article_add .mb .mbmain .mbiput{ width: 320px; padding-left:10px; height:40px; line-height:40px; border:1px #CCCCCC solid}
.article_add .mb .mbmain .mbiput.code{ width:100px; position:absolute; left:360px; top:0px;}
.article_add .mb .mbmain .mbiput.btn{ width:110px; padding:0px; text-align:center; position:absolute; left:220px; top:0px; background-color:#FFFFFF; cursor:pointer;background-color:#F5F5F5}
.article_add .mb .mbmain .mbiput.btn:hover{ background-color:#F0F0F0; color:#FF6600}
.article_add .mb .mbmain .mbiput.btn_disabled{ color:#999999;background-color:#F0F0F0; cursor:default}
.article_add .mb .mbmain .mbiput.btn_disabled:hover{ color:#999999;background-color:#F0F0F0;}
 
.article_add .btns{ padding-top:18px;}
.article_add .btns  .btn{ width:160px; height:45px; font-size:18px; line-height:45px; text-align:center; background-color:#F25126; color:#FFFFFF;border-radius:6px; cursor:pointer; border:0px;}
.article_add .btns  .btn:hover{background-color:#ED3A0E;}

.article_add .uploadimgbox{ padding-bottom:15px; display:none}
.article_add .uploadimgbox .imgbox{ float:left; width:65px; height:65px; margin-right:15px; position:relative}
.article_add .uploadimgbox .imgbox img{width:65px; height:65px;}
.article_add .uploadimgbox .imgbox .del{ width:65px; position:absolute; left:0px; bottom:0px; height:23px; line-height:23px; background-color:#666666; color:#FFFFFF; text-align:center; cursor:pointer}
.article_add .uploadimgbox .imgbox .del:hover{background-color:#333333;}
.article_add .showtag{  margin-top:20px; margin-bottom:26px; display:none}
.article_add .showtag .tag{ color:#006600; width:auto; float:left; padding-left:10px; padding-right:36px; margin-right:15px; background-color:#E3F1E0; height:26px; line-height:26px;background-image:url(../images/21.png); background-repeat:no-repeat; background-position:right 0px; cursor:pointer;white-space:nowrap;}
.article_add .showtag .tag:hover{ background-position:right -28px;}
.article_add .showtag .tip{ width:auto; float:left; padding-left:10px; padding-right:10px;white-space:nowrap; height:26px; line-height:26px; font-size:14px;}
.article_add .showtag .tip span{ padding-left:5px ; padding-right:5px; color: #FF6600}


.article{width:1180px; margin:0 auto; margin-top:20px;min-height:900px; margin-bottom:30px;}
.article .arl{width:938px;border:1px #E7E7E7 solid; padding-bottom:30px;float:left;background-image:url(../images/31.jpg); background-repeat:no-repeat;}
.article .arl .tit{ padding-left:30px; margin-top:20px; margin-bottom:20px; position:relative}
.article .arl .tit h1{font-size:26px;font-weight:normal; color:#666666}
.article .arl .tit .sobox{ width:230px; height:50px; position:absolute; top:0px; right:12px;}
.article .arl .tit .sobox .inputbox{ width:220px; height:36px; border:1px #CCC solid; position:relative; background-color:#FFF}
.article .arl .tit .sobox .inputbox:hover{border:1px #F25126 solid;}
.article .arl .tit .sobox .inputbox .so{width:200px; height:34px; background-color:#FFF; border:0px; padding-left:10px; }
.article .arl .tit .sobox .inputbox .btn{height:38px; width:38px; background-color:#F25126 ;top:-1px; right:-1px; position:absolute; background-image:url(../images/08.png); background-repeat:no-repeat; background-position:center center; cursor:pointer; border:0px;}
.article .arl .tit .sobox .inputbox .btn:hover{ background-color:#ED3A0E}
.article .arl .anav{width:938px;border-top:1px #E7E7E7 solid; height:50px ; line-height:50px; background-color:#F6F6F6; overflow:hidden}
.article .arl .anav .nli{ float:left; padding-left:30px ; padding-right:30px; height:50px; display:block; text-decoration:none; cursor:pointer; color:#666666}
.article .arl .anav .nli:hover{ background-color:#ECECEC; color:#333333}
.article .arl .anav .nli.select{ background-color:#ECECEC;color:#333333; font-weight:bold}
.article .arl .oder{ height:50px; line-height:50px;border-bottom:1px #E7E7E7 solid;border-top:1px #E7E7E7 solid; background-color:#FFFFFF}
.article .arl .oder .menus{ padding-right:15px; text-align:right}
.article .arl .oder .menus a{ padding-left:15px; padding-right:15px;}
.article .arl .oder .menus a.select{ font-weight:bold}
.article .arl .alist{width:880px; margin:0 auto; border-bottom:1px #E7E7E7 solid; padding-top:15px; padding-bottom:15px;}
.article .arl .alist .imgbox{ float:left; width:245px; height:180px;border:1px #E7E7E7 solid; overflow:hidden;border-radius:6px; background-color:#F7F7F7}
.article .arl .alist .imgbox img{ width:245px;height:180px;border-radius:6px;}
.article .arl .alist .txtbox{ float:left; width:600px; padding-left:30px;}
.article .arl .alist .txtbox .atit{ height:30px; line-height:30px;}
.article .arl .alist .txtbox .atit h4{ font-size:18px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.article .arl .alist .txtbox .atit h4 .exc{ background-color:#FF6600;border-radius:4px; padding:2px 6px; color:#FFFFFF; margin-right:8px; font-size:12px;}
.article .arl .alist .txtbox .time{ height:30px; line-height:30px; font-size:12px;}
.article .arl .alist .txtbox .time .co{ color:#FF0000}
.article .arl .alist .txtbox .time .tag {padding-left:20px;background-image:url(../images/35.png); background-repeat:no-repeat; background-position:0px 1px; font-size:12px; margin-left:8px;} 
.article .arl .alist .txtbox .time .tag a{ margin-right:15px;}
.article .arl .alist .txtbox .txt{line-height:180%; padding-bottom:20px;position:relative; color:#999999}
.article .arl .alist .txtbox .userimg{ width:32px; height:32px;border-radius:50%; position:absolute; right:0px; bottom:-5px;}
.article .arl .alist .txtbox .userimg img{width:32px; height:32px;border-radius:50%;}
.article .arl .alist .txtbox .username{ text-align:right; width:200px; height:32px; line-height:32px;position:absolute; right:40px; bottom:-5px;}


.article .arr{width:220px; float:left; padding-left:20px; }
.article .arr .btn{width:220px; height:40px; line-height:40px; text-align:center; margin-bottom:16px;border-radius:4px; background-color:#FE8827; color:#FFF; font-size:16px; display:block; text-decoration:none;}
.article .arr .btn:hover{ background-color:#FE7607}
.article .arr .btn.share{ background-color:#009A61}
.article .arr .btn.share:hover{ background-color:#008C58}
.article .arr .tagbox{ padding-top:5px;}
.article .arr .tagbox .tit{ float:left;font-size:16px; height:35px;width:80px; }
.article .arr .tagbox .more{ float:right; width:80px; text-align:right; font-size:12px;}
.article .arr .tagbox a.tag{ display:block; text-decoration:none; padding:1px 7px; background-color:#EBF5F3; color: #017e66; float:left; margin-right:10px; font-size:12px; margin-bottom:10px;white-space:nowrap;}
.article .arr .tagbox a.tag span{ color:#999; padding-left:3px;}
.article .arr .tagbox a:hover.tag{ background-color:#017e66; color:#FFF}
.article .arr .tagbox a:hover.tag span{ color:#FFF;}

.article .arr .rec{ padding-top:5px; padding-bottom:15px;}
.article .arr .rec .tit{ float:left;font-size:16px; height:35px;width:80px; }
.article .arr .rec .more{ float:right; width:80px; text-align:right; font-size:12px;}
.article .arr .rec .reli{ height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position:relative; width:160px; padding-right:40px;}
.article .arr .rec .reli .pra{ position:absolute; right:0px; text-align:right; top:0px; color:#999999; font-size:12px;}

.article .arr .author{ padding-top:5px; padding-bottom:15px;}
.article .arr .author .tit{ float:left;font-size:16px; height:35px;width:80px; }
.article .arr .author .autli{ padding-bottom:10px;}
.article .arr .author .autli .pic{ width:50px; float:left}
.article .arr .author .autli .pic img{ width:42px; height:42px;border-radius:50%;}
.article .arr .author .autli .rtxt{ float:left}
.article .arr .author .autli .rtxt .uname{ width:160px;}
.article .arr .author .autli .rtxt .count{ font-size:12px}
 
 
 
 
.articleshow{width:1180px; margin:0 auto; margin-top:20px;min-height:900px; margin-bottom:30px;}
.articleshow .arl{width:907px;border:1px #E7E7E7 solid; padding-bottom:100px;float:left; background-repeat:no-repeat; margin-right:30px; min-height:800px;}
.articleshow .arl .tit{ width:830px; margin:0 auto; margin-top:40px;}
.articleshow .arl .tit h1{font-size:26px;font-weight:normal; color:#666666}
.articleshow .arl .tag{width:830px; margin:0 auto; margin-top:30px;}
.articleshow .arl .tag .tagli{ padding-left:15px; padding-right:15px; float:left; display:block; text-decoration:none; height:28px; line-height:28px; background-color:#F2F2F2; margin-right:15px; color:#666666; font-size:12px;}
.articleshow .arl .tag .tagli:hover{ background-color:#FCF1D6; color:#FF6600}
.articleshow .arl .time{width:830px; margin:0 auto; margin-top:30px; border-bottom:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; height:46px; line-height:46px; font-size:12px; text-align:center}

.articleshow .arl .txt{width:830px; margin:0 auto; margin-top:20px; line-height:200%}
.articleshow .arl .recommend{width:100px; height:100px; margin:0 auto; margin-top:40px;background-image:url(../images/32.png); background-repeat:no-repeat; cursor:pointer; }
.articleshow .arl .recommend .ctxt{height:20px; color:#FFFFFF; line-height:20px; text-align:center; padding-top:53px;}
.articleshow .arl .recommend:hover{ background-position:-109px 0px;}
.articleshow .arl .recommend.select{background-position:0px -99px;}

.articleshow .arr{width:239px; float:left;} 
.articleshow .arr .yuser{padding-top:22px; padding-bottom:20px;border:1px #E7E7E7 solid; background-color:#FFFFFF; margin-bottom:15px;}
.articleshow .arr .yuser .pic{ float:left; width:70px; padding-left:20px;}
.articleshow .arr .yuser .pic img{ width:60px; height:60px;border-radius:50%;}
.articleshow .arr .yuser .yur{float:left; width:130px}
.articleshow .arr .yuser .yur .usertxt{height:20px; line-height:20px;}
.articleshow .arr .yuser .yur .counttxt{ font-size:12px; margin-top:15px;}

.articleshow .arr .rec{ padding-top:5px; padding-bottom:15px;}
.articleshow .arr .rec .tit{ float:left;font-size:16px; height:35px;width:80px; }
.articleshow .arr .rec .more{ float:right; width:80px; text-align:right; font-size:12px;}
.articleshow .arr .rec .reli{ height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position:relative; width:160px; padding-right:40px;}
.articleshow .arr .rec .reli .pra{ position:absolute; right:0px; text-align:right; top:0px; color:#999999; font-size:12px;}

.articleshow .arr .tagbox{ padding-top:5px;}
.articleshow .arr .tagbox .tit{ float:left;font-size:16px; height:35px;width:80px; }
.articleshow .arr .tagbox .more{ float:right; width:80px; text-align:right; font-size:12px;}
.articleshow .arr .tagbox a.tag{ display:block; text-decoration:none; padding:1px 7px; background-color:#EBF5F3; color: #017e66; float:left; margin-right:10px; font-size:12px; margin-bottom:10px;white-space:nowrap;}
.articleshow .arr .tagbox a.tag span{ color:#999; padding-left:3px;}
.articleshow .arr .tagbox a:hover.tag{ background-color:#017e66; color:#FFF}
.articleshow .arr .tagbox a:hover.tag span{ color:#FFF;}
 