body{margin:0px auto; padding:0px; font-family:STHeiti-Light, 'Hiragino Sans GB', 'Microsoft Yahei', Arial; background:#fafafa;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.pt5{padding-top:5px;}
.p10{padding:10px;}
.m20{margin:20px;}
.none{display:none}
a{color: #666; text-decoration: none;}
a:hover{text-decoration: underline; color:#F00;}
a.button{padding:3px 12px 4px 12px; margin:2px 4px 0px 0px; border:1px solid #ccc; background-color:#FFF; font-size:14px; text-align:center; line-height:16px; color:#666; text-decoration: none;}
a.button:hover{color:#F00;}
.button2{height: 15px; line-height: 15px; text-decoration:none; margin:5px 5px 0px 5px; padding: 8px 7px 8px 7px; border: 1px solid #ccc; border-radius: 3px; color: #262626;}
.button3{height: 15px; line-height: 15px; text-decoration:none; margin:5px 5px 0px 5px; padding: 8px 7px 8px 7px; border: 1px solid #900; border-radius: 3px; color: #FFF; background-color:#F00;}
a.s1{background-color:#F00;border:1px solid #C00; color:#FFF;}
a.s1:hover{text-decoration: underline; color:#FFF;}
.tool_button{padding:10px 0px 10px 20px;}
.row{margin:0px auto;}
.c3{width:33.33%; float:left; text-align:center;}
.topbar{text-align:center; padding:0px 5px; height:40px; line-height:38px; font-size: 18px; font-weight: 400;}
.topbar h1{font-size:18px; margin:0px; white-space: nowrap; padding:0px; font-style:normal; font-weight: 400;}
.breadcrumb{font-size:15px;color:#999;margin: 0px 0; text-align: left; padding:10px 0px; border-bottom:1px dashed #f5f5f5; border-top:1px dashed #f5f5f5; background-color:#e7e7e7;}
.breadcrumb a{margin:0px 3px;}
.nav{margin: 0px 0; text-align: center; padding:10px 0px; border-bottom:1px dashed #f5f5f5; border-top:1px dashed #f5f5f5; background-color:#e7e7e7;}
.nav ul{margin: 0; padding: 0; font-size:15px;}
.nav li{margin: 0; padding: 0; list-style: none; display: inline-block; *display:inline;line-height: 200%;}
.nav a{padding: 4px 6px; border-radius: 5px; margin:5px 1px; text-decoration: none; color: #666; line-height: 200%;}
.nav a:hover{color: #F00;}
.nav .current a{background: #666; color: #fff; border-radius: 5px;}
.wrapper{background-color:#e7e7e7; padding:5px; margin-top:10px;}
.search { background-color:#e7e7e7; height:30px;}.search .input{height:28px; line-height:24px; background-color: #999;float:right;text-align:left;text-indent:10px;font-size:12px;}.search .search{cursor:pointer;height:26px;font-size:12px;width:60px;background:#eee;display:inline-block;padding:0 12px;vertical-align:middle;border:#A7A7A7 1px solid;color:#666;}
.box{border:1px solid #ccc; margin:1px; background-color: #FFF; text-align:left; padding:0px 0px 10px 0px;}
.box_content{padding:5px 20px;}
.title{margin:0px 0px 0px 0px; padding: 0 12px; font-weight:normal; font-size: 18px; height:40px; line-height:40px; border:1px solid #FFF; border-bottom:1px solid #e3dddc; background-color:#f7f7f7;}
.title span{margin:0px; padding:0px 0px 0px 5px; font-size: 16px; border-left:5px solid #F00;}
ul.list{margin:0px; padding:0px;}
ul.list li{text-align:left;position:relative; margin:0px; list-style:none; padding: 0px; font-size: 14px; white-space: nowrap; overflow: hidden;}
ul.list li a{margin:0px; display:block; padding: 12px 20px; border-bottom: 1px solid #eeeeee; color: #262626; text-decoration: none;}
ul.list li.current{border-left: 3px solid #49c1c7;}
ul.list li.current a{color: #49c1c7;}
ul.list li a:hover{color: #F00;}
ul.list li .author{position:absolute; top:0px; right:0px; padding: 12px 10px 12px 0px; color: #999; font-size:12px;}
ul.list li .category{float:left; padding: 12px 10px 12px 0px; color:#49c1c7;}
ul.list li.chapter{margin-top:10px; padding: 10px; font-size: 14px; background-color:#ececec;}
ul.list li span.chapter_arrow{position: absolute; bottom:0px; left:20px; display: inline-block; margin-left: 5px; border-color: transparent transparent #FFF transparent; border-style: solid dashed; border-width: 0px 5px 5px 5px; font-size: 0; line-height: 0; width: 0; height: 0; vertical-align: 3px;}
ul.list2{margin:0px; padding:10px 20px 5px 20px; font-size:14px;}
ul.list2 li{display: inline-block; *display:inline; margin:0px 2px; list-style-type:none;}
ul.list2 li a{margin:0px; padding:2px 3px 3px 3px; text-decoration:none; white-space:nowrap; line-height:120%; color: #666;}
ul.list2 li a:hover{text-decoration: underline; color:#F00;}
ul.list2 li a.current{border:1px solid #900; background-color:#c00; color:#FFF; margin:0px; padding:2px 3px 3px 3px; text-decoration:none; white-space:nowrap; line-height:120%;}
.pic_txt_list{margin:0px; display:block; padding:10px 0px 5px 10px; height:90px; border-bottom:1px solid #eeeeee; overflow:hidden; position:relative;}
.pic_txt_list .pic{width:60px; float:left; display:block; height: 80px;}
.pic_txt_list .pic img{width: 56px; height: 80px; background-color:#FFF; padding:2px; border:1px solid #CCC;}
.pic_txt_list h3{margin:0px; padding:0px; margin-left:65px; height:28px; line-height:28px; font-size: 18px; font-weight: 400; text-shadow:none; color:#333;}
.pic_txt_list p{margin:0px; padding:0px; margin-left:65px; color:#999; font-size:13px; line-height:20px;}
.pic_txt_list p span{color:#666; font-size:13px; margin-right:2px;}
.pic_txt_list p span.read_ico{display: inline-block; vertical-align: 1px; width: 14px; height: 14px; text-align: center; line-height: 16px; margin-right: 3px; background: #ff5b28; font-size: 10px; color: #fff; border-radius: 20px; -webkit-border-radius: 20px;}
.pic_txt_list a{margin:0px; text-decoration:none; color: #000;}
.pic_txt_list a:hover{color: #F00;}
.pic_txt_list h3 a{display:block;}
.pic_txt_list p.read a{color: #49c1c7;}
.pic_txt_list .defselect,
.pic_txt_list .selected{height:90px; width:50px; position:absolute; top:10px; right:0px; background-color:#FFF; text-align:center; line-height:90px;}
.defselect span{overflow:hidden; display: inline-block; width: 22px; height: 22px; border: 1px solid #d9d9d9; border-radius: 35px; font-size:14px; white-space:nowrap; text-align:center; margin:0px; padding:0px; line-height:22px; text-indent:22px;}
.selected span{display: inline-block; width: 22px; height: 22px; border-radius: 35px; background-color:#F30; border: 1px solid #900; font-size:14px; white-space:nowrap; text-align:center; margin:0px; padding:0px; overflow:hidden; line-height:22px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.tool{height:50px; border-bottom:1px solid #d9d9d9; line-height:16px;}
.tool_show .show1{display:block;}
.tool_show .show2{display:none;}
.tool_show .selected{display:block;}
.tool_show .defselect{display:block;}
.tool_hidden .show1{display:none;}
.tool_hidden .show2{display:block;}
.tool_hidden .selected{display:none;}
.tool_hidden .defselect{display:none;}
.footer{clear:both; border-top:1px solid #CCC; color:#999; background:#ececec; padding:0px; margin:0px;}
.footer p{padding:15px; margin:0px;}
.footer_description{color:#666; font-size:14px; padding:10px 20px; margin:0px; line-height:150%; text-align:center;}
.nlist_page{height: 24px; line-height: 24px; padding: 12px 0; background-color:#FFF;}
.nlist_page p{text-align: center; color: #07b9c2; margin: 0; padding: 0; display:block; height:24px; line-height:24px;}
.nlist_page p.grey{color: #bfbfbf; margin: 0; padding: 0;}
.nlist_page .page_dir{position: relative; border-right: 1px solid #ececec; border-left: 1px solid #ececec; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.nlist_page .page_dir .page_arrow{display: inline-block; margin-left: 5px; border-color: #07b9c2 transparent transparent; border-style: solid dashed dashed; border-width: 5px 5px 0; font-size: 0; line-height: 0; width: 0; height: 0; vertical-align: 3px;}
.nlist_page .page_select{position: absolute; top: 0; left: 0; width: 100%; opacity: 0; text-align: center;}
.nlist_page select{margin: 0; line-height: 1.2; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
.nlist_page .page_last{width:32%; float:left;}
.nlist_page .page_dir{width:32%; float:left;}
.nlist_page .page_next{width:32%; float:left;}
.page_next a{color: #07b9c2; text-decoration:none;}
.page_last a{color: #07b9c2; text-decoration:none;}
.page_dir a{color: #07b9c2; text-decoration:none;}
.box p.description{color:#666; font-size:14px; padding:0px 20px; margin:0px; line-height:150%; text-align:left; overflow: hidden;}
.box div.description{color:#666; font-size:14px; padding:0px 20px; margin:0px; line-height:150%; text-align:left; overflow: hidden;}
.content{margin:0px; padding:0px; border:1px solid #CCC; background-color:#FFF;}
#content{background-color:#FFF; padding:10px; color:#333; overflow:hidden;word-wrap:break-word;}
.content p{text-indent: 2em; line-height:150%;word-wrap:break-word;}
.tip{background-color: #FFC; border:1px solid #F30; padding:10px; margin:5px;}
.tip p{padding:0px; margin:0px;}
h1.title1{margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; font-size:26px; line-height:40px; color:#000; font-family: Microsoft Yahei, verdana; z-index: 1; display: block; text-align: center; text-shadow: #F3F3F3 1px 1px 0px, #B2B2B2 1px 2px 0;}
.login{margin:0px; padding:0px;}
.login li{margin:0px; padding:0px 10px; line-height:30px; list-style:none;}
.login li input{display:block; height: 36px; width:100%; padding: 0px; margin: 0; border: 0; font-size: 16px; color: #262626; line-height: 1.2; border:1px solid #CCC;}
.login label{padding:0px 10px 0px 0px; margin:0px; display:block; width:100%;}
.sitemap{padding:5px;text-align:center;}

.left_ad{ height:80%;width: calc(50% - 512px);  display:block;position: absolute; left:0; top:102px;text-align:center;}
.right_ad{height:80%; width: calc(50% - 512px); display:block;position: absolute; right:0; top:102px;text-align:center;}


.pager{text-align: center; margin: auto;}
.pager li{display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid white;min-width: 20px;text-align: center;background-color: white;}
.pager li a{display: block;text-align: center;color:#666;}
.active{background:#666;border-radius:5px;}
.active span{color:white;}

@media screen and (min-width: 1024px){.row{width:1024px;}.c3{width:33.33%;}.left_ad{display:block;}.right_ad{display:block;}}
@media screen and (min-width: 800px) and (max-width: 1024px){.c3{width:33.33%;}.left_ad{display:none;}.right_ad{display:none;}}
@media screen and (min-width: 600px) and (max-width: 800px){.c3{width:50%;}.left_ad{display:none;}.right_ad{display:none;}}
@media screen and (max-width: 600px){.c3{width:100%;}.left_ad{display:none;}.right_ad{display:none;}}