@charset "utf-8";
.pagetag{width:1180px; margin:0 auto; margin-top:20px;min-height:900px; margin-bottom:30px;}
.pagetag .arl{width:938px;border:1px #E7E7E7 solid; padding-bottom:50px;float:left;background-image:url(../images/31.jpg); background-repeat:no-repeat;}
.pagetag .arl .tit{ padding-left:30px; margin-top:20px; position:relative}
.pagetag .arl .tit h1{font-size:26px;font-weight:normal; color:#666666}
.pagetag .arl .anav{width:938px;border-bottom:1px #E7E7E7 solid;border-top:1px #E7E7E7 solid; height:50px ; line-height:50px; background-color:#F6F6F6; margin-top:20px; overflow:hidden}
.pagetag .arl .anav .nli{ float:left; padding-left:30px ; padding-right:30px; height:50px; display:block; text-decoration:none; cursor:pointer; color:#666666}
.pagetag .arl .anav .nli:hover{ background-color:#ECECEC; color:#333333}
.pagetag .arl .anav .nli.select{ background-color:#ECECEC;color:#333333; font-weight:bold}
.pagetag .arl .cmain{ width:882px; margin:0 auto; margin-top:20px;}
.pagetag .arl .cmain .tli{ width:294px; height:126px; float:left; border-bottom:1px #E3E3E3 solid}
.pagetag .arl .cmain .tli .imgbox{ width:65px; float:left; }
.pagetag .arl .cmain .tli .imgbox img{ width:50px; height:50px;border-radius:4px; margin-left:5px; margin-top:22px;}
.pagetag .arl .cmain .tli .rtxt{float:left; width:226px; color:#999999}
.pagetag .arl .cmain .tli .rtxt .ct{ height:33px; margin-top:23px;}
.pagetag .arl .cmain .tli .rtxt .ct .tag{ display:inline; padding:4px 7px; text-decoration:none; color:#FFFFFF; background-color:#3EB1E5;font-size:12px;border-radius:4px;}
.pagetag .arl .cmain .tli .rtxt .ct .tag:hover{ background-color:#1F80E0}
.pagetag .arl .cmain .tli .rtxt .count{ height:26px;}
.pagetag .arl .cmain .tli .rtxt .describe{ height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:12px;}

.pagetag .arr{width:220px; float:left; padding-left:20px; }
.pagetag .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;}
.pagetag .arr .btn:hover{ background-color:#FE7607}
.pagetag .arr .btn.share{ background-color:#009A61}
.pagetag .arr .btn.share:hover{ background-color:#008C58}
.pagetag .arr .tagbox{ padding-top:5px;}
.pagetag .arr .tagbox .tit{ float:left;font-size:16px; height:35px;width:80px; }
.pagetag .arr .tagbox .more{ float:right; width:80px; text-align:right; font-size:12px;}
.pagetag .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;}
.pagetag .arr .tagbox a.tag span{ color:#999; padding-left:3px;}
.pagetag .arr .tagbox a:hover.tag{ background-color:#017e66; color:#FFF}
.pagetag .arr .tagbox a:hover.tag span{ color:#FFF;}


.tagshow{width:1180px; margin:0 auto; margin-top:20px;min-height:900px; margin-bottom:30px;}
.tagshow .arl{float:left;border:1px #E7E7E7 solid;background-image:url(../images/31.jpg);width:938px; background-repeat:no-repeat; padding-top:30px; padding-bottom:25px;}
.tagshow .arl .picbox{ width:90px; height:50px; float:left}
.tagshow .arl .picbox img{ width:32px; height:32px;border-radius:4px; margin-left:40px; margin-top:3px;}
.tagshow .arl .rigtit{ width:300px; float:left}
.tagshow .arl .rigtit h1{font-size:26px;font-weight:normal; color:#666666}
.tagshow .arl .tagtxt{ padding-left:42px; line-height:165%;}
.tagshow .arl .tagshownav{ width:938px; height:56px; border-bottom:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; margin-top:20px;position: relative; background-color:#FAFAFA }
.tagshow .arl .tagshownav .relative{position: absolute; left:0px; top:-1px;}
.tagshow .arl .tagshownav .relative a.tagtype{height:56px; border-top:1px #E7E7E7 solid;border-bottom:1px #E7E7E7 solid; float:left; line-height:56px; padding-right:30px; border-right:1px #E7E7E7 solid; font-size:18px; padding-left:50px; background-image:url(../images/44.png); background-repeat:no-repeat; text-decoration:none; color:#666666; background-position:20px 16px;}
.tagshow .arl .tagshownav .relative a.tagtype.article{background-position:20px -69px;}
.tagshow .arl .tagshownav .relative a.tagtype.select{border-bottom:1px #FFF solid; background-color:#FFFFFF}
.tagshow .arl .tagshownav .relative a.tagtype span{ font-size:14px; padding-left:5px;}
.tagshow .arl .tagsbox{ padding-top:12px; margin:0 auto;width:880px;}
.tagshow .arl .tagsbox .qlist{ width:860px; margin-left:20px; border-bottom:1px #E7E7E7 solid; padding-top:15px; padding-bottom:15px;}
.tagshow .arl .tagsbox .qlist .td1{ width:46px;height:42px; background-color:#F25126; color:#FFF; text-align:center; line-height:140%;border-radius:4px; padding-top:4px;}
.tagshow .arl .tagsbox .qlist .td1.type0{background-color:#F25126; color:#FFF;}
.tagshow .arl .tagsbox .qlist .td1.type1{background-color:#009A61; color:#FFF;}
.tagshow .arl .tagsbox .qlist .td1.type2{background-color:#919191; color:#FFF;}
.tagshow .arl .tagsbox .qlist .td2{ width:70px;  height:42px; text-align:center;padding-top:4px;}
.tagshow .arl .tagsbox .qlist .td3{ width:652px;}
.tagshow .arl .tagsbox .qlist .td3 h4{ height:30px; font-size:16px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tagshow .arl .tagsbox .qlist .td3 h4 .reward{ padding-left:18px; padding-right:6px; color:#FF6600; background-image:url(../images/16.png); background-repeat:no-repeat; background-position:0px center;}
.tagshow .arl .tagsbox .qlist .td3 .author{ float:left; padding-top:2px;font-size:12px; color: #999; padding-right:20px;}
.tagshow .arl .tagsbox .qlist .td3 .author span{}
.tagshow .arl .tagsbox .qlist .td3 a.tag{ display:block; text-decoration:none; padding:1px 7px;background-color:#EBF5F3; color: #017e66;; float:left; margin-right:10px;white-space:nowrap;}
.tagshow .arl .tagsbox .qlist .td3 a:hover.tag{ background-color:#017e66; color:#FFF}


.tagshow .arl .tagsbox .alist{width:880px; margin:0 auto; border-bottom:1px #E7E7E7 solid; padding-top:15px; padding-bottom:15px;}
.tagshow .arl .tagsbox .alist .imgbox{ float:left; width:245px; height:180px;border:1px #E7E7E7 solid; overflow:hidden;border-radius:6px; background-color:#F7F7F7}
.tagshow .arl .tagsbox .alist .imgbox img{ width:245px;height:180px;border-radius:6px;}
.tagshow .arl .tagsbox .alist .txtbox{ float:left; width:600px; padding-left:30px;}
.tagshow .arl .tagsbox .alist .txtbox .atit{ height:30px; line-height:30px;}
.tagshow .arl .tagsbox .alist .txtbox .atit h4{ font-size:18px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tagshow .arl .tagsbox .alist .txtbox .atit h4 .exc{ background-color:#FF6600;border-radius:4px; padding:2px 6px; color:#FFFFFF; margin-right:8px; font-size:12px;}
.tagshow .arl .tagsbox .alist .txtbox .time{ height:30px; line-height:30px; font-size:12px;}
.tagshow .arl .tagsbox .alist .txtbox .time .co{ color:#FF0000}
.tagshow .arl .tagsbox .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;} 
.tagshow .arl .tagsbox .alist .txtbox .time .tag a{ margin-right:15px;}
.tagshow .arl .tagsbox .alist .txtbox .txt{line-height:180%; padding-bottom:20px;position:relative; color:#999999}
.tagshow .arl .tagsbox .alist .txtbox .userimg{ width:32px; height:32px;border-radius:50%; position:absolute; right:0px; bottom:-5px;}
.tagshow .arl .tagsbox .alist .txtbox .userimg img{width:32px; height:32px;border-radius:50%;}
.tagshow .arl .tagsbox .alist .txtbox .username{ text-align:right; width:200px; height:32px; line-height:32px;position:absolute; right:40px; bottom:-5px;}
 

.tagshow .arr{width:220px; float:left; padding-left:20px; }
.tagshow .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;}
.tagshow .arr .btn:hover{ background-color:#FE7607}
.tagshow .arr .btn.share{ background-color:#009A61}
.tagshow .arr .btn.share:hover{ background-color:#008C58}
.tagshow .arr .tagbox{ padding-top:5px;}
.tagshow .arr .tagbox .tit{ float:left;font-size:16px; height:35px;width:80px; }
.tagshow .arr .tagbox .more{ float:right; width:80px; text-align:right; font-size:12px;}
.tagshow .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;}
.tagshow .arr .tagbox a.tag span{ color:#999; padding-left:3px;}
.tagshow .arr .tagbox a:hover.tag{ background-color:#017e66; color:#FFF}
.tagshow .arr .tagbox a:hover.tag span{ color:#FFF;}
 
 
 