@charset "utf-8";

body{margin:0; padding:0; color:#565656;  font:12px "Lucida Grande", "Lucida Sans Unicode","宋体" , Helvetica, Arial, Verdana, sans-serif; background:url(images/bg.jpg) repeat-x #fff; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,,textarea,p,blockquote,th,td{margin:0; padding:0;}

a{text-decoration:none;color:#333;}
a:hover{text-decoration:none; color:#eb161e;} 
img{border:none;display:block;}

ul{list-style:none;padding:0; margin:0;}
ol{list-style:none;padding:0; margin:0;}
dl,dt,dd{list-style:none;padding:0; margin:0; float:left;}

/*----------------com----------------*/
#SiteContainer{width:960px; height:auto; margin:auto; background:#fff;}
#header{width:960px; height:162px; padding:0px; float:left;}
#conetnt{width:960px; height:auto; padding:0; float:left; background:#fff;}
#banner{width:940px; height:199px; padding-top:2px; float:left; padding-left:10px;}
#comic_newst{width:940px; height:auto; margin-top:6px; float:left;padding-left:10px;}
.slide_book_box {float:left;background-color:#fff;height:auto; width:918px; padding:0 10px; overflow:hidden;}
.slide_book_box .w940 {width:940px;}
.slide_book_box .w660 {width:660px;}
.slide_book_box h2 {font-size:14px;color:#333;padding:10px; margin-left:-10px;margin-right:-10px; line-height:20px;}
.rounded_border {border: 1px solid #e4e4e4;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px 5px 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;border-bottom-right-radius:5px 5px;border-bottom-left-radius:5px 5px;}
.bar_bg_blue {background-image:url(images/bar_bg_blue.png);background-repeat:no-repeat;}
.bar_bg_red {background-image:url(images/bar_bg_red.jpg);background-repeat:no-repeat;}
.fl {float:left;}
.fr {float:right;}
.clear {margin-top:-1px;height:0px;font-size:0px;line-height:0;clear:both;visibility:hidden;}
.clearfix {display: block;}
.clearfix::after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.c_tit{width:910px; float:left;}
h2.h2Title_s {height:27px; font-size:12px; font-weight:normal; float:left; width:900px; padding-top:10px; float:left;}
.ctitle_s {height:27px; font-size:12px; font-weight:normal; float:left; width:600px; padding-top:16px; padding-bottom:12px; float:left;}
.c_more{width:250px; float:right; margin-right:0px; padding-top:5px; text-align:right; font-size:12px; }
.c_more a{ color:#ed1b23;}
.c_more a:hover{ color:#ed1b23; text-decoration:underline;}
.comic_newst{ float:left; height:auto; padding-top:6px; width:920px;}
.comic_pic{float:left; width:164px;  margin-right:10px; margin-left:8px;}
.comic_pic p{line-height:18px; text-align:center; padding-top:6px; margin:0;}
.comic_pic p a { color:#464646; margin-left:auto; margin-right:auto; overflow:hidden; display:block; text-align:center; padding-bottom:10px;}
.comic_pic img{width:160px;height:119px;padding:2px;border:1px solid #ccc;}
.comic_pic a:hover img{border:1px solid #258fb8;}
.comic2_pic{float:left; width:170px; background:url(images/c_picbg.jpg) no-repeat; height:200px; margin-right:8px; margin-left:5px; padding-top:4px;}
.comic2_pic p{line-height:18px; text-align:center;}
.comic2_pic p a { color:#464646; margin-right:auto; height:16px; overflow:hidden; display:block; padding-top:8px;}
.comic2_pic img{width:160px;height:119px; padding:5px; border:none;}
.zhuanqu { color:#9d9d9d!important; padding:4px 0; text-align:center;}
/*colum*/
.colum { margin-top:3px;overflow:hidden;background-color:#fff;width:938px;}
.colum h2 {width:100%;font-size:14px;padding-top:20px;line-height:20px;text-indent:20px;color:#333;}
.mbox {padding-bottom:10px;}
.m930 {width:910px;float:left;padding:0 10px 10px;overflow:hidden;}
.main_tab {height:27px;overflow:visible;_overflow:hidden;border-bottom:solid #dfdfdf 1px;margin-bottom:15px;}
.l_pd215 {padding-left:215px;}
.main_tab li {float:left;height:26px;padding:0 10px;font-size:12px;color:#414141;line-height:26px;text-align:center;cursor:pointer;}
.main_tab li:hover {color:#258FB8;}
.main_tab .on {position:relative;height:26px;color:#258FB8;margin-bottom:-1px;font-weight:bold;border:solid #dfdfdf 1px;border-bottom:solid #fff 1px;}
.bookbox_inner { }
.books-wrap ul.cover-list {position:absolute;}
.cover-list {overflow:hidden;padding:2px 0 10px;}
.cover-list img {padding:4px;border:1px solid #DDE6EE;background:white;}
.cover-list li {float:left;margin:0 25px 5px 0;width:142px;overflow:hidden;position:relative;}
.cover-list p {text-align:center;color:#888;}
.cover-list .title {font-size:14px;width:142px;height:18px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.cover-list .bg {position:absolute;right:5px;top:161px;display:block;width:132px;height:30px;background:#333;filter: Alpha(opacity=50);-moz-opacity: .5;opacity:0.5;}
.cover-list .txt {position:absolute;right:8px;top:161px;display:block;width:132px;height:30px;padding-right:5px;color:white;line-height:30px;text-align:right;}
.cover-list li.cover_big {float:left;margin-right:30px;width:210px;overflow:hidden;position:relative;}
.pw50 {width:207px;float:left;padding-left:20px;line-height:24px;white-space:nowrap; word-break:keep-all;overflow:hidden;text-overflow:ellipsis;text-decoration:none; margin:0;}
.fBlue {color:#258FB8;}
.line{width:906px; height:4px; margin:15px 0 15px 15px; float:left; background:url(images/line.jpg) no-repeat;}
.bar{width:940px; height:74px; margin:6px 0; float:left; padding-left:10px;}

/*wallpaper壁纸*/
.other_o3{width:920px; height:auto; padding:0px; font-size:11px; margin-top:10px; padding-left:15px;}
.other_o3 li{float:left; margin-bottom:5px; width:130px; height:145px; padding-left:3px; padding-right:16px;}
.other_o3 li img{border:1px solid #cacaca; padding:1px; width:128px; height:96px; float:left;}
.other_o3 li a:hover img{border:1px solid #ed1b23;}
.other_o3 li strong{line-height:20px; font-weight:normal; float:left; }
.other_o3 li a{color:#333; text-decoration:none;}
.other_o3 li a:hover{color:#ed1b23;}

/*emotion壁纸*/
.em_o3{width:920px; height:auto; padding:0px; font-size:11px; margin-top:10px; margin-left:15px;}
.em_o3 li{float:left; margin-bottom:5px; width:129px; margin-right:14px; margin-left:6px; height:119px; padding-left:3px; background:url(images/em_bg.jpg) no-repeat;}
.em_o3 li img{width:100px; height:100px; padding:6px 10px; float:left;}
.em_o3 li a:hover img{border:1px solid #ed1b23;}
.em_o3 li strong{line-height:20px; font-weight:normal; float:left; }
.em_o3 li a{color:#333; text-decoration:none;}
.em_o3 li a:hover{color:#ed1b23;}

/*news*/
.news_top {padding:6px 0;margin-bottom:16px;border-bottom:1px dashed #cfcfcf;}
.news_top h1 {line-height:30px;font-size:20px;font-weight:bold;text-align:center;}
.news_top p {font-size:12px;color:#555;padding:9px 0px 5px 0px;text-indent:25px; line-height:22px; margin-left:10px;}
.news_list {margin-bottom:5px; margin-left:6px;}
.news_list p {float:left;padding:3px 10px 3px 16px;font-size:12px; line-height:18px ;height:20px;white-space:nowrap; word-break:keep-all; overflow:hidden;text-overflow:ellipsis;text-decoration:none; background:url(images/list_dot.gif) no-repeat 0 50%; margin:0;}
.m930 .news_list p {width:426px;font-size:14px;line-height:20px;}
.m270 .news_list p {width:201px;}
.moreLink {float:right;text-align:right;padding-right:35px;line-height:25px;}
.moreLink a { color:#1f618d;}
.moreLink a:hover{color:#ed1b23;}

/*友情链接*/
#muu_link {padding:0 10px 5px 15px;}
#muu_link .linktips{width:100%;padding:5px 0 0 0; float:left;}
#muu_link .linktips h2 {width:auto;padding:0;font-size:12px;line-height:20px;text-indent:0; float:left;}
#muu_link .linktips span{font-weight:normal; font-family:Helvetica, Arial, "宋体"; padding:0 8px;}
#muu_link .linkspan {padding-right:32px;line-height:22px;}

/*底部bottom*/
#bottom{width:940px; height:64px; margin-top:8px; background:url(images/bottom_bg.jpg) repeat-x;}
.bot_logo{width:104px; height:43px; margin:10px 20px; float:left; background:url(images/bot_bg.jpg) no-repeat;}
.bot_text{width:700px; height:auto; line-height:22px; margin-top:20px;  margin-left:10px; color:#9d9d9d; float:left;}

/*滑块bar*/
.page{-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
background:#FFFFFF;border-color: #E5E5E5 #DBDBDB #D2D2D2;border-style: solid;border-width: 1px;margin:5px auto 0;width:938px;}
.miaov_box{overflow: hidden;position: relative;width: 920px;z-index: 0;height:158px;margin: 0;}
.miaov_box_head{width: 940px;	}
.miaov_box_head li{width:140px; float:left;text-align: center;padding-top:15px;padding-left:12px;}
.miaov_box_head li a:hover{color:#333;}
.miaov_box_foot{height:30px; text-align:center; background:#fff; overflow:hidden;background:url(images/nav_bg.png) no-repeat 0 0;background:-moz-linear-gradient(center bottom, rgba(223,223,223,1) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 90%, rgba(230,230,230,1) 93%, rgba(190,190,190,1) 96%, rgba(150,150,150,1) 100%);
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(223,223,223,1)), color-stop(66%, rgba(242,242,242,1)), color-stop(90%, rgba(242,242,242,1)), color-stop(93%, rgba(230,230,230,1)), color-stop(96%, rgba(210,210,210,1)), to(rgba(140,140,140,1)));
	border-bottom:1px solid #ebebeb;position:relative;
}
.caret{background: url(images/caret_active.gif) no-repeat scroll 0 0; display: block; height: 8px; margin: 0 0 -8px -7px; position: absolute;  width: 15px;}
.miaov_box_foot a{display: inline-block;margin: 0 15px; padding: 8px 0 6px;cursor:pointer; text-shadow: 0 1px 0 #FFFFFF;}
.miaov_box_foot .show{cursor: default; color:#2B2B2B;}
.miaov_box_foot a:hover{color:#000;}
.miaov{height:36px;line-height:26px;text-align:center;position:fixed;_position:absolute;bottom:0;width:100%;}
.miaov a{color:#777;font-size:16px;}
.miaov a:hover{color:#555;}
.miaov_head{height:36px;width:980px;overflow:hidden;margin:0 auto;}
.miaov_head .left{float:left;}
.miaov_head .right{float:right;}
.miaov_head a{line-height:36px;color:#777;}
.miaov_head a:hover{color:#555;}

/*comic_newst最新漫画*/
.box {border: #d8d8d8 1px solid; WIDTH: 938px; height:auto; margin:0; background:url(images/bar_bg_blue.png) top no-repeat left;}
.box H2 {FLOAT: left; font-size:14px; padding:5px 20px; font-weight:normal;}
.box .hd {BACKGROUND: #fbfcff}
.box .hd h2{height:27px; font-size:12px; font-weight:normal; float:left;  width:400px; background:url(images/rmmh.png) no-repeat 20px 15px; padding-left:120px; padding-top:25px;}
.more {font-size:12px; font-weight:normal;}
.box .bd {BACKGROUND: #fbfcff}
.box .sildPicBar {FLOAT: right; OVERFLOW: hidden; WIDTH:85px; MARGIN-RIGHT:18px; PADDING-TOP:15px; ZOOM: 1; HEIGHT: 22px; _display: inline}
.box .pre {background:url(images/pre.gif) no-repeat; FLOAT: left; WIDTH: 20px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 20px; _display: inline}
.box .next { background:url(images/next.gif) no-repeat; FLOAT: right; WIDTH: 20px; CURSOR: pointer; HEIGHT: 20px}
.box .sildPicBar LI {MARGIN-TOP: 5px; background:url(images/icon01.gif) no-repeat; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 7px; CURSOR: pointer; HEIGHT: 7px; _display: inline;}
.box .sildPicBar LI.select {background:url(images/icon02.gif) no-repeat;}
.box .bd {PADDING-LEFT: 19px; BACKGROUND: #fbfcff; PADDING-BOTTOM: 0px; WIDTH: 910px; PADDING-TOP: 5px}
.box .cnt-wrap {OVERFLOW: hidden; WIDTH:890px; ZOOM: 1; HEIGHT:192px}
.box .cnt {WIDTH:4450px;}
.box .cnt LI {FLOAT: left; WIDTH:180px; line-height:18px;}
.box .cnt SPAN {WIDTH: 100%; COLOR: #9d9d9d; padding-bottom:8px; text-align:center;}
.box .cnt .a1{ display:block; width:170px; height:140px; background:url(images/c_picbg.jpg); margin-bottom:6px; text-align:center;}
.box .cnt .a1 img{ width:160px; height:119px; padding:10px 0 0 5px; border:none;} 
.box .cnt .atext{text-align:center; line-height:18px;}
.box .cnt .a1:hover{ border:none;}

/*banner*/
.flashbox {MARGIN-BOTTOM: 10px; OVERFLOW: hidden; POSITION: relative; HEIGHT:196px; width:938px; border:1px solid #e4e4e4;}
.flashbox .pic {left:0; padding:1px;WIDTH:760px; POSITION: absolute; TOP: 0px; HEIGHT: 194px;}
.flashbox UL {LEFT:762px; WIDTH:180px; POSITION: absolute; TOP: 0px;}
.flashbox LI {MARGIN-BOTTOM: 1px; OVERFLOW: hidden; LINE-HEIGHT: 24px; HEIGHT:48px;  border-bottom:1px solid #e4e4e4;}
.flashbox LI A {PADDING-RIGHT:50px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #f7fcff; PADDING-BOTTOM: 0px; COLOR: #333; PADDING-TOP: 10px; POSITION: relative; HEIGHT:38px}
.flashbox LI.selected A {BACKGROUND: url(images/index_icon.gif) repeat-x; COLOR: #fff; TEXT-DECORATION: none}
.flashbox LI A:hover {BACKGROUND: url(images/index_icon.gif) repeat-x; COLOR: #fff; TEXT-DECORATION: none}
.flashbox LI STRONG {DISPLAY: block; OVERFLOW: hidden; CURSOR: pointer; LINE-HEIGHT:24px; HEIGHT:24px;}

/*top 顶部*/
.header_top{width:960px; height:128px; padding:0; float:left;}
.top1, .top1_1, .top1_2, .top2, .top3 {width:auto; height:128px; padding:0; float:left; margin-left:0;}

.header_nav{width:960px; height:34px; padding:0; float:left;}
.top5{width:629px; height:34px; padding:0; float:left; margin-left:0; background:url(images/menu_bg.jpg) no-repeat; }
.top6 {width:331px; height:34px; padding:0; float:left; margin-left:0;}
.nav {margin-left:30px; width:599px; padding-top:6px;}
.nav ul{}
.nav ul li{ width:82px; height:34px; line-height:22px; list-style:none; padding-left:2px; float:left; text-align:center; cursor:pointer;}
.nav ul li a{ font-size:14px; font-weight:bold; color:#3383c2; width:82px;}
.nav ul li a:hover{color:#ed1b23;  width:82px;}
.nav ul li a span{color:#fff; padding-left:4px;}