html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,q,ul,li,fieldset,form,label,input,button,select,textarea {margin:0;padding:0;outline:0;}
html{background-attachment:fixed;-webkit-text-size-adjust:none;}
em,th,var,optgroup,i{font-style:normal;font-weight:400}
button,input,select,textarea {font-size:100%;}
body{margin-top:80px;background:#f7f9fa;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;}
ol,ul,li{list-style:none;}
img {border:0;vertical-align:top;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var {font-style:normal;}
a{color:#000;text-decoration:none;}
a:hover{color:#F00;text-decoration:none;}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.5);border-radius:2px}::-webkit-scrollbar-thumb{background:#aaa;border-radius:7px}::-webkit-scrollbar-corner{background-color:transparent}
.selectTdClass{background-color:#edf5fa !important}table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}table{margin-bottom:10px;border-collapse:collapse;display:table;}td,th{padding: 5px 10px;border: 1px solid #DDD;}caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}th{border-top:1px solid #BBB;background-color:#F7F7F7;}table tr.firstRow th{border-top-width:2px;}.ue-table-interlace-color-single{ background-color: #fcfcfc;} .ue-table-interlace-color-double{ background-color: #f7faff;}td p{margin:0;padding:0;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.none,input[type="checkbox"]{display:none;}
.blank{clear:both;height:20px;overflow:hidden;display:block}
.head{background:#ffffff;display:block;position:fixed;top:0;left:0;z-index:99;width:100%;height:60px;}
.area{width:960px;margin:0 auto;clear:both;}
.logo{margin:11px 0 0 6px;}
.menu{width:280px;margin-left:32px;}
.menu li,.menu li a { display:block;float:left;width:80px;text-align:center;height:58px;line-height:60px;color:#3e3e3e;font-size:18px;}
.menu li a:hover,.menu .current a{cursor:pointer;border-bottom:solid 2px #51B438;color:#51B438;}
.search {width:320px;margin:11px;}
.search input,.tino{-webkit-font-smoothing:antialiased;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.07);box-shadow:inset 0 0 2px rgba(0,0,0,0.07);border:1px solid #CCC;color:#717171;font-size:14px;color:#a9a9a9;margin:0;outline:none;padding:10px 30px 10px 16px;position:relative;width:320px;height:38px;z-index:67;}
.search input:focus {border-color:#BCBCBC;}
.search button{background:url(ico.png) no-repeat;}
.search button{width:16px;height:17px;background-position:0 0;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;font:0/0 serif;text-shadow:none;color:transparent;border:none;position:absolute;right:9px;top:10px;z-index:68;cursor:pointer;}
.login{margin-top:11px;width:200px;}
.hot li{width:308px;float:left;position:relative;z-index:11;}
.hot li p{position:absolute;left:10px;z-index:12;bottom:10px;color:#FFF;font-size:18px;}
.hot li img{width:308px;height:216px;}
.hot .ckp{margin:0 18px;}
.aws{width:72px;}
.aws button,.sign button{background:#51B438;border:0;width:72px;height:38px;border-radius:38px;font-size:16px;color:#FFF;}
.sign{width:72px;}
.sign button{background:0;border:solid 1px #51B438;color:#51B438;}
.left{width:640px;}
.right{width:300px;}
.zome{background:#FFF;overflow:hidden;padding:15px;}
.tit{overflow:hidden;clear:both;}
.tit h2{font-size:24px;float:left;}
.tit h3{font-size:18px;float:left;}
.tit span{float:right;}
.tit span a{ display:block;background:#FF9966;font-size:14px;border-radius:16px;padding:3px 9px;color:#FFFFFF;}
.list,.listtxt,.txt,.tag,.link,.foot,.huida,.post{clear:both;margin-top:15px;}
.list li{height:120px;border-bottom:dotted 1px #ddd;padding-bottom:16px;margin-bottom:16px;position:relative;}
.list li img,.tags img{width:180px;height:120px;float:left;border-radius:6px;}
.list li p{display:block;width:416px;float:right;}
.list li b{display:block;font-size:20px;line-height:28px;height:56px;word-wrap:break-word;word-break:normal;overflow:hidden;}
.list li em,.title em,.listtxt li em{display:inline-block;padding-top:10px;line-height:30px;color:#666;}
.list li em img,.title em img,.listtxt li img{width:30px;height:30px;border-radius:30px;vertical-align:middle;margin-right:8px;}
.list .author,.title .author,.listtxt .author,.listtxt .time{margin-right:16px;}
.listtxt li{clear:both;overflow:hidden;padding-bottom:10px;margin-bottom:15px;font-size:18px;border-bottom:dotted 1px #ddd;}
.listtxt li h3{clear:both;font-size:16px;font-weight:normal;}
.listtxt li p{clear:both;font-size:14px;color:#666666;padding-top:10px;}
.listtxt li em,.listtxt li span{font-size:14px;}
.txt li{line-height:32px;height:32px;clear:both;overflow:hidden;}
.more{font-size:16px;}
.title{padding-bottom:10px;}
.title h1{clear:both;font-size:24px;}
.title p{clear:both;padding-top:10px;color:#666666;}
.title span,.listtxt li span{clear:both;overflow:hidden;padding-top:10px;display:block;}
.title span a,.listtxt li span a,.tag a{background:#51B438;display:block;border-radius:18px;color:#FFF;padding:6px 12px;float:left;margin-right:10px;}
.listtxt li span a{padding:3px 12px;}
.tag a{margin-bottom:15px;height:22px;}
.nuser{height:40px;border-top:solid 2px #ddd;padding-top:15px;margin:10px 0;position:relative;}
.nuser img{width:40px;height:40px;border-radius:40px;float:left;margin-right:10px;}
.nuser h3{font-weight:normal;font-size:16px;line-height:24px;}
.nuser p{ color:#999999;line-height:16px;}
.nuser span a{display:inline-block;padding:4px 12px;font-size:12px;border:solid 1px #ddd;border-radius:20px;color:#333;position:absolute;right:0;top:15px;}
.intro{clear:both;padding-top:10px;}.intro p{line-height:24px;margin:0 auto 10px;font-size:15px;}.intro img {max-width:610px}.intro .apic{text-align:center;text-indent:0}.intro ol li{list-style-type: decimal;margin-left:5px;}.intro ul li{margin-left:5px;list-style-type: disc;line-height:2.0}
.intro pre {background-color:black;color:#00ff00;padding:10px;font-size:16px;font-family:"Courier New", monospace;position:relative;white-space: pre-wrap;width:auto;}
.intro a{color:#42a12a}.intro a:hover{text-decoration: underline;}
.fav{clear:both;padding:10px 0;}
.fav em{display:inline-block;border:solid 1px #ddd;border-radius:18px;padding:4px 16px;cursor:pointer;}
.fav em i{font-weight:bold;}
.fav .sr{margin-left:16px;}
.pages {padding:20px;text-align:center;overflow:hidden;clear:both;}.pages a {margin: 0 2px;display:inline-block;height:22px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;padding:0 5px}.pages a.a1 {background:#f1f1f1;width:56px;}.pages a:hover {background:#f1f1f1;color:#000;text-decoration:none }.pages span {margin: 0 2px;display:inline-block;height:22px;line-height:23px;background:#F4FBEC;font-weight:bold;border:1px solid #ccc;padding:0 5px}
.tags,.page{clear:both;}
.tags{position:relative;}
.tags img{margin-right:16px;}
.tags h1{font-size:24px;}
.tags p{color:#666666;padding-top:6px;line-height:20px;}
.tags p i{margin-left:10px;margin-right:20px;color:#333333;}
.tags .mstxt{height:60px;overflow:hidden;}
.tags em{position:absolute;right:8px;top:8px;z-index:12;}
.tags em a{display:block;background:#51B438;padding:6px 16px;border-radius:10px;color:#FFFFFF;}
.space{text-align:center;}
.space img{width:60px;height:60px;border-radius:60px;}
.space h1{font-size:16px;margin-top:10px;color:#51B438;}
.space p{ margin-top:10px;color:#666666;}
.link a{margin-right:9px;}
.foot{text-align:center;}.foot p{padding-top:10px;clear:both;color:#666666;}
.nav a{margin:0 6px;}
.huida textarea,.txta{-webkit-font-smoothing:antialiased;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.07);box-shadow:inset 0 0 2px rgba(0,0,0,0.07);border:1px solid #CCC;color:#717171;font-size:14px;color:#a9a9a9;margin:0;outline:none;padding:10px 30px 10px 16px;width:100%;height:150px;}
.innc{width:120px;height:36px;background:#51B438;border:0;margin-top:10px;border-radius:36px;font-size:16px;cursor:pointer;color:#FFFFFF;}
.post p{clear:both;overflow:hidden;padding:10px 0;}
.tino{width:610px;}
.url{text-decoration:underline;margin:0 5px;}
.page h3{height:46px;line-height:46px;padding-left:12px;background:#ddd;font-size:20px}
.page li{border-bottom:solid 1px #ddd;padding:10px 0;font-size:18px;}
.page a{display:block;padding-left:20px;}
.page .current{font-weight:bold;color:#51B438;}
.tag .letter-filter{display:inline-block;width:30px;height:16px;line-height:16px;text-align:center;background:#f5f5f5;color:#333;border-radius:10px;margin:0 5px 10px 0;font-weight:bold;transition:all 0.3s}.tag .letter-filter:hover,.tag .letter-filter.active{background:#51B438;color:#fff;transform:scale(1.1)}
.char-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.char-list li{padding:15px;margin-bottom:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s;border:none;height:auto}.char-list .title-link{display:block;color:#333;font-size:14px;line-height:1.5;word-break:break-word}.char-list .title-link:hover{color:#51B438}.pagination{margin:20px 10px 20px 15px;text-align:left;display:flex;justify-content:left;flex-wrap:wrap;border-left:1px solid #ddd}.pagination a{display:inline-block;min-width:36px;height:36px;line-height:36px;margin:0;padding:0 5px;background:#f5f5f5;color:#333;text-align:center;text-decoration:none;font-size:14px;transition:all 0.3s;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.pagination a:hover,.pagination a.active{background:#51B438;color:#fff;transform:none}
@media screen and (max-width:768px){
body{margin-top:69px;}
.blank{height:9px;}
.left,.right{width:100%;clear:both;}
.right{margin-top:10px;}
.head{background:#ffffff;display:block;position:fixed;top:0;left:0;z-index:99;width:100%;height:60px;}
.area{width:100%;}
.login{display:none;}
.logo{float:left;margin-top:11px;width:22%;}
.search{float:left;width:60%;}
.search input,.tino{-webkit-font-smoothing:antialiased;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.07);box-shadow:inset 0 0 2px rgba(0,0,0,0.07);border:1px solid #CCC;color:#717171;font-size:14px;color:#a9a9a9;margin:0;outline:none;padding:10px 30px 10px 16px;position:relative;width:100%;height:38px;}
.navs{float:right;display:block;width:17px;height:17px;margin:21px 3% 0 0;background:url(ico.png) -17px 0 no-repeat;cursor:pointer;position:relative;z-index:22;}
.menu{display:none;}
input:checked ~ .menu{display:block;position:absolute;z-index:111;width:100px;height:110px;background:#fff;border:solid 1px #ddd;top:60px;right:10px;}
.menu .current,.menu a:hover{padding-bottom:0;border-bottom:solid 1px #51B438;}
.menu li,.menu li a{height:36px;border-bottom:solid 1px #ddd;overflow:hidden;text-align:center;width:100px;line-height:36px;}
.list li{height:80px;border-bottom:dotted 1px #ddd;padding-bottom:16px;margin-bottom:16px;position:relative;overflow:hidden;}
.list li img,.tags img{width:120px;height:80px;float:left;border-radius:6px;margin-right:9px;}
.list li p{width:auto;float:none;}
.list li b{display:block;font-size:16px;line-height:22px;height:44px;word-wrap:break-word;word-break:normal;overflow:hidden;}
.list li em{display:inline-block;padding-top:16px;line-height:20px;color:#666;}
.list li em img{width:20px;height:20px;border-radius:20px;vertical-align:middle;margin-right:8px;}
.list .author{margin-right:16px;}
.tags h1{font-size:18px;}
.hot{margin:0 2%;}
.hot li{width:30%;}
.hot li p{position:static;color:#000;font-size:14px;}
.hot li img{width:100%;height:auto;}
.hot .ckp{margin:0 3%;}
.intro img{width:100%;}
.wx{display:none;}
}