@charset "utf-8";
/*
和V2下的common.css联用，没有basic.css的时候才引用这个
*/
/*顶部导航*/
.wrap{width:1200px; margin:0 auto; position:relative; }
.fl{float:left}.fr{float:right}.cl{clear:both}
.cf{*display:inline-block;*zoom:1}
.cf:after{content:"";display:block;height:0;clear:both;visibility:hidden}
#topbar{background:url(../images/top_line.png) repeat-x; padding-top:3px; position:fixed; left:0; top:0; width:100%; z-index:50; height:44px; _position:absolute;_top:expression(documentElement.scrollTop)}
.topbar_con{background:url(../images/cs_topbar.png) repeat-x; height:44px}
#topbar .left{float:left}

#topbar .nav{background:url(../images/cs_topbar.png) no-repeat; padding:0 16px 0 25px; float:left; height:44px; font:13px/44px "Microsoft Yahei"}

#topbar .left .nav{background:url(../images/cs_topbar.png) no-repeat; padding:0 16px 0 25px; float:left; height:44px; font:14px/44px "Microsoft Yahei"}

#topbar .pop_on .nav{text-decoration:none; color:#fff!important; background-color:#5c5c5c}
#topbar .nav em{position:absolute;z-index:10;right:5px;top:21px;border-color:#9f9f9f transparent transparent;border-style:solid dashed dashed;border-width:3px 3px 0;font-size:0;height:0;width:0;line-height:0;}
#topbar .pop_on .nav em{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s; -o-transition: all .25s ease 0s; transition: all .25s ease 0s;}
#topbar .pop_on q{color:#5c5c5c}
#topbar .pop_wrap{position:relative; float:left; margin-right:12px}
#topbar .pop_box{position:absolute; left:0; top:47px; padding-top:6px; display:none}

#topbar .left .nav_index{ background-position:10px -592px; padding:0 16px 0 29px; color:#11cd6e;}
#topbar .left .pop_on .nav_index{ background-position:10px -660px; border-bottom:3px solid #11cd6e; color:#fff;}
#topbar .left .nav_app{background-position:5px -47px; color:#3aceb2}
#topbar .left .pop_on .nav_app{background-position:5px -82px; border-bottom:3px solid #3aceb2}
#topbar .left .nav_novel{background-position:5px -117px; color:#3ea2e6}

#topbar .left .nav_app{background-position:2px -85px;}
#topbar .left .pop_on .nav_app{background-position:2px -133px;}
#topbar .left .nav_novel{background-position:5px -117px;}

#topbar .left .nav_app{background-position:5px -47px; color:#3aceb2}
#topbar .left .pop_on .nav_app{background-position:5px -82px; border-bottom:3px solid #3aceb2}
#topbar .left .nav_novel{background-position:5px -117px; color:#3ea2e6}

#topbar .left .pop_on .nav_novel{background-position:5px -152px; border-bottom:3px solid #3ea2e6}
#topbar .left .nav_uxiong{background-position:5px -187px; color:#d5882e}
#topbar .left .pop_on .nav_uxiong{background-position:5px -222px; border-bottom:3px solid #d5882e}
#topbar .left .nav_mall{background-position:2px -257px; color:#e14f8a}
#topbar .left .pop_on .nav_mall{background-position:2px -292px; border-bottom:3px solid #e14f8a}
#topbar .left .nav_game{background-position:4px -327px; color:#ff5c5f}
#topbar .left .pop_on .nav_game{background-position:4px -362px; border-bottom:3px solid #ff5c5f}
#topbar .left .nav_mowan{color: #ff8177; background-position: 0 -461px; padding-left: 33px;}
#topbar .left .nav_mowan:hover{background-position: 0 -523px; color: #fa5d50; text-decoration: none;}
/*导航下拉效果*/
#topbar .pop_on .pop_box{display:block!important;-webkit-animation:pop_fadein .5s alternate ease-in-out;-moz-animation:pop_fadein .5s alternate linear;-ms-animation:pop_fadein .5s alternate linear;animation:pop_fadein .5s alternate ease-in-out;}
@-webkit-keyframes pop_fadein{
	0%{opacity:0;-webkit-transform:translateY(-10px);}
	50%{opacity:1;-webkit-transform:translateY(0px);}
	80%{-webkit-transform:translateY(-2px);}
	100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes pop_fadein{
	0%{opacity:0;-moz-transform:translateY(-10px);}
	50%{opacity:1;-moz-transform:translateY(0px);}
	80%{-moz-transform:translateY(-2px);}
	100%{-moz-transform:translateY(0);}
}
@-ms-keyframes pop_fadein{
	0%{opacity:0;-ms-transform:translateY(-10px);}
	50%{opacity:1;-ms-transform:translateY(0px);}
	80%{-ms-transform:translateY(-2px);}
	100%{-ms-transform:translateY(0);}
}
@keyframes pop_fadein{
	0%{opacity:0;transform:translateY(-10px);}
	50%{opacity:1;transform:translateY(0px);}
	80%{transform:translateY(-2px);}
	100%{transform:translateY(0);}
}
/*下拉*/
#topbar .pop_box_con,#brand .pop_box{border:1px solid #5c5c5c;-webkit-box-shadow:2px 3px #818181;box-shadow:2px 3px #818181; padding:8px 0; background:#fff}
/*手机版*/
#topbar .app_pop .last span,#topbar .usercenter_pop .last span,#topbar .more_pop .last{border-bottom:none}
#topbar .app_pop .last a:hover span,#topbar .usercenter_pop .last a:hover span{padding-bottom:0}
#topbar .app_pop,#topbar .uxiong_pop{width:135px}
#topbar .app_pop li,#topbar .uxiong_pop li,#topbar .notice_pop li,#topbar .usercenter_pop li{float:left; width:100%}
#topbar .app_pop li a,#topbar .notice_pop li a,#topbar .usercenter_pop li a{padding:0 8px; display:block; position:relative; _zoom:1;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}
#topbar .app_pop li a{padding: 0 6px;}
#topbar .app_pop li a span,#topbar .notice_pop li span,#topbar .usercenter_pop li span{border-bottom:1px dashed #dcdddd; display:block; cursor:pointer; height:31px; color:#333; font:13px/31px "Tahoma"}
#topbar .app_pop li a span i,#topbar .uxiong_pop span{background:url(../images/cs_topbar_pop.jpg) no-repeat}
#topbar .app_pop li a span i{display:inline-block; width:22px; height:22px; margin:4px 3px; vertical-align:middle}
#topbar .app_pop li a:hover,#topbar .notice_pop a:hover,#topbar .usercenter_pop a:hover{text-decoration:none; background:#f2f2f2; margin-top:-1px; padding-top:1px}
#topbar .app_pop li a:hover span,#topbar .notice_pop a:hover span{border-bottom:none; padding-bottom:1px}
#topbar .app_pop li .a2 i{background-position:-25px 0}
#topbar .app_pop li .a3 i{background-position:-50px 0}
#topbar .app_pop li .a4 i{background-position:-75px 0}
/*有熊*/
#topbar .uxiong_pop span{display:block; width:115px; height:46px; margin:8px 0; cursor:pointer}
#topbar .uxiong_pop a{display:block; width:115px; margin:0 auto;border-bottom:1px dashed #dcdddd}
#topbar .uxiong_pop .x1{background-position:0 -25px}
#topbar .uxiong_pop .x2{background-position:0 -71px}
#topbar .uxiong_pop .x3{background-position:0 -117px}
#topbar .uxiong_pop .last a{border-bottom:none}
/*商城*/
#topbar .mall_pop{width:495px; padding:0}
#topbar .mall_pop .left{float:left; padding:10px 4px 10px 10px}
#topbar .mall_pop .info{float:left; margin-right:5px; width:90px; height:175px; padding:6px; border:1px solid #fff; line-height:18px; color:#999; text-align:center}
#topbar .mall_pop .info:hover{background:#f2f2f2; border-color:#e14f8a; text-decoration:none}
#topbar .mall_pop .info img{border:1px solid #cdcdcd; display:block; width:88px; height:88px}
#topbar .mall_pop .info p{color:#333; padding:4px 0}
#topbar .mall_pop .info em{color:#ff0087; font-family:"Arial"}
#topbar .mall_pop .info i{display:block; width:48px; height:16px; line-height:14px; border:1px solid #4f91c7; color:#fff; background:#47b3ff; margin:2px auto}
#topbar .mall_pop .right{float:left; border-left:1px solid #c7cacf; padding:17px 0 0 12px; height:192px}
#topbar .mall_pop .right .btn{background:url(../images/cs_topbar_pop.jpg) no-repeat 0 -163px; display:block; width:128px; height:38px; margin-bottom:12px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}
#topbar .mall_pop .right .btn:hover,#topbar .game_pop .btn1:hover,#topbar .game_pop .btn2:hover{opacity:0.85; filter:alpha(opacity=85)}
#topbar .mall_pop .right img{display:block; border:1px solid #e35d93; width:130px; height:128px}
/*游戏*/
#topbar .game_pop{padding:0; width:440px; height: 252px; color: #333;  font-family: "microsoft yahei"}
#topbar .game_pop .gp_title{ position: absolute; width: 73px; height: 24px; background: url(../images/game_title_bg.png); left: -6px; top:2px; line-height: 24px; color: #fff; padding-left: 12px;}
#topbar .game_pop .gp_left{ float: left; position: relative; width: 265px; height: 219px; padding-top:31px; background: url(../images/gp_border.jpg) right center no-repeat; }
#topbar .game_pop .gp_left .gpl_top{ width: 220px; margin-left:18px; line-height: 24px; }
#topbar .game_pop .gp_left .gpl_top img{ width: 220px; display: block; height: 110px;}
#topbar .game_pop .gp_left .gpl_bot{ width: 100%; margin-top:3px; margin-left: 18px;}
#topbar .game_pop .gp_left .gpl_bot li{ float: left; width:60px; height: 60px; margin-right:19px; text-align: center; }
#topbar .game_pop .gp_left .gpl_bot li img{ width: 60px; height: 60px; display: block; border-radius: 6px;}
#topbar .game_pop .gp_right{ float: left; position: relative; z-index: 2; width:175px; height: 234px; padding-top:32px;}
.gp_right .gpr_section{ display: block; height: 34px; line-height:34px; color: #333; padding-left:15px; width: 160px; vertical-align: middle; }
.gp_right .gpr_section i{ display: inline-block; color: #fff; background-color:#ff9c09; height: 14px; line-height: 14px; padding: 0px 4px; border-radius: 7px; margin-left: 4px;}
.gp_right .gpr_section span{ display: inline-block; height: 14px; line-height: 14px;}
.gp_right .gpr_section:hover{ background-color: #eeeeee; color:#6aae21; }



#topbar .fr .nav{line-height:44px; padding:0 22px 0 14px; float:left; background-image: none;}

#topbar .fr .nav em{right:9px}
#topbar .fr .nav q{position:absolute; top:0; right:-1px}
/*通知*/
#topbar .notice_pop{width:118px}
#topbar .notice_pop i{float:left; width:60px; padding-left:5px}
#topbar .notice_pop em{color:#ff585d; font-weight:bold; float:left; font-family:"Arial"}
#topbar .clock{width: 25px; height: 25px; background: url(../images/clock.gif) no-repeat; display: inline-block; position: absolute; right:0; top:8px;}
#topbar .fr .pop_on .nav i{display:none}
#topbar .fr .pop_box{padding-top:9px; top:44px; left:auto; right:0}
#topbar .notice_pop li span{font-family:"宋体"; line-height:32px}
#topbar .fr .pop_wrap{margin:0}
/*书架下拉*/
#topbar .book_pop{width:270px; padding:0}
#topbar .book_pop .tab_con{height:430px; clear:both; width:270px; overflow:hidden}
#topbar .book_pop .tab a{float:left; width:134px; height:32px; border-bottom:1px solid #d1d5de; background:#eff2f9; text-align:center}
#topbar .book_pop .tab a i{font:14px/32px "Microsoft Yahei"; display:inline-block; cursor:pointer}
#topbar .book_pop .tab .curr{background:#fff; text-decoration:none; border-bottom:none}
#topbar .book_pop .tab .curr i{border-bottom:3px solid #fa5603; color:#333; height:31px}
#topbar .book_pop .tab .curr .bor_green{border-color:#9cd12c}
#topbar .book_pop .tab q{float:left; height:33px; border-left:1px solid #d1d5de; width:0; overflow:hidden}
#topbar .book_pop ul{padding-top:12px; *padding-top:0; *margin-top:12px}
#topbar .book_pop li{padding:0 14px; line-height:20px; cursor:pointer; height:95px; float:left;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}
#topbar .book_pop li:hover{background:#f2f2f2}
#topbar .book_pop li div{border-bottom:1px dashed #c2c4c4; height:80px; padding:7px 0; float:left}
#topbar .book_pop .fl img{display:block; width:60px; height:79px}
#topbar .book_pop li p{float:left; padding-left:14px; width:168px}
#topbar .book_pop .comic_name{font-size:14px; font-weight:bold; color:#333; display:inline-block; line-height:26px}
#topbar .book_pop .comic_name:hover{color: #6dad14;}
#topbar .book_pop li p span{display:block; color:#6daf0f}
#topbar .book_pop .chapter_name{display:inline-block}
#topbar .book_pop .bot{line-height:38px; height:38px; padding:0 14px}
#topbar .book_pop .bot span{float:left; color:#999}
#topbar .book_pop .bot span em{font-weight:bold; color:#ff585d; font-family:"Arial"}
#topbar .book_pop .bot a{float:right; color:#39adff}
#topbar #recent_store li p span{color:#ff585d}
#recent_read .noread{background:url(../images/bg_noread.png) no-repeat center 55px; height:420px}
#recent_store .nostore{background:url(../images/bg_nostore.png) no-repeat 30px 52px; height:420px}
#recent_store .nostore a{font-size: 14px; color: #666; text-decoration: underline; padding: 102px 0 0 39px; display: block; font-weight: bold;}
#recent_store .nostore a:hover{color:#60a306;}
/*个人中心*/
#topbar .usercenter_pop{width:88px}
#topbar .usercenter_pop li{text-align:center}
/*更多*/
#topbar .more_pop{width:268px; padding:0 10px 10px}
#topbar .more_pop h6{font:13px/24px "Microsoft Yahei"; padding-top:5px}
#topbar .more_pop a{float:left; height:20px; line-height:20px; padding:0 7px; color:#333; margin:2px}
#topbar .more_pop a:hover{color:#fff; text-decoration:none; border-radius:2px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}
#topbar .more_pop .con1 a:hover{background:#fa5603}
#topbar .more_pop .con2 a:hover{background:#739f45}
#topbar .more_pop .con3 a:hover{background:#52a0e5}
#topbar .more_pop .con4 a:hover{background:#dfa934}
#topbar .more_pop .con5 a:hover{background:#b97a53}
#topbar .more_pop li{border-bottom:1px dashed #dcdddd; padding-bottom:5px; white-space:nowrap}
#topbar .more_pop .con1 h6{color:#fa5603}
#topbar .more_pop .con2 h6{color:#739f45}
#topbar .more_pop .con3 h6{color:#52a0e5}
#topbar .more_pop .con4 h6{color:#dfa934}
#topbar .more_pop .con5 h6{color:#b97a53}
/*登陆注册*/
#topbar .btn_login{float:left; width:66px; height:47px; background:#404040; border-bottom:3px solid #7cc815; text-align:center; font:16px/47px "Microsoft Yahei"; color:#fff; position:relative}
#topbar .btn_login em{position:absolute; border-color:#9f9f9f transparent transparent #9f9f9f; border-style:solid dashed dashed solid; border-width:7px 5px 0 0; right:-5px; top:43px; overflow:hidden; height:0}
#topbar .btn_regist{float:left; font:14px/46px "Microsoft Yahei"; color:#333; margin:0 72px 0 12px}
/*用户信息*/
#userbar{float:left; margin-right:60px; color:#666}
#topbar #userbar .pop_wrap{margin-right:10px}
#userbar .u_nav{padding:0; height:44px; line-height:44px; float:left; cursor:pointer}
#userbar .u_nav a{float:left}
#userbar .username .u_nav a img{display:block; width:22px; height:22px; border:1px solid #fff; margin:10px 8px 0 0}
#userbar .username .u_nav a{color:#60a306; font:14px/42px "Microsoft Yahei"}
#userbar .userlevel img{vertical-align:text-bottom; *margin-top:10px}
#userbar .ticket_box .num_ticket,#userbar .stone .num_stone,#userbar .read_notes_box .num_read_notes{float:left; height:12px;background:#ff585d; font:12px/12px "Arial"; color:#fff; border:1px solid #e53a3a; margin:15px 0 0 5px;padding: 1px 2px 0px 2px;}
#userbar q{float:left; margin-top:11px}
#userbar .stone a{background-position:0 -245px; width:15px; height:18px; margin:12px 5px 14px 10px}
#userbar .stone .num_stone{background:#78ccfa; border-color:#40a2e9}
#userbar .logout{color:#999; margin-left:10px; line-height:44px}
#topbar #userbar .pop_box{left:0}
#topbar #userbar .pop_box_con{border-color:#6dad15}

#userbar .read_notes_box .num_read_notes{background:#78ccfa; border-color:#40a2e9}
#userbar .read_notes_box{padding-left:10px;}
/*用户名弹框*/
#topbar .username .pop_box_con{width:182px; padding:10px 0 0;}
#topbar .username .top .fr{width:120px; line-height:18px;}
#topbar .username .top .ico_m{margin:4px 5px 0 0; _height:18px;}
#topbar .username .top{border-bottom:1px dashed #dcdddd; height:48px; width:172px; margin:0 auto;}
#topbar .username .mid{padding:5px}
#topbar .username .mid p{color:#6dad15; font:13px/22px "Arial"; padding:0 5px}
#topbar .username .mid .ticket{background:#ebffd0; font-weight:bold!important; color:#ff444e}
#topbar .username .mid a{color:#333; font:12px/22px "宋体"}
#topbar .username .bot{background:#f2f2f2; padding:5px 10px; height:45px}
#topbar .username .bot a{float:left; width:73px; padding-left:8px; background:url(../images/cs_ico.png) no-repeat -26px -412px}
#topbar .username .bot a i{color:#6dad15; font-family:"Arial"; margin:0 2px}
/*vip弹框*/
#topbar .userlevel .u_nav a{margin:11px 2px 0}
#topbar .userlevel .pop_box_con{color:#333; width:200px; padding:10px 0 0}
#topbar .userlevel .pop_box p{padding:0 12px}
#topbar .userlevel .pop_box span{color:#ff444e}
#topbar .userlevel .pop_box .bot{background:#f2f2f2; height:45px; padding:5px 15px; margin-top:5px; color:#666}
/*月票弹框*/
#topbar .ticket_box .pop_box_con,#topbar .stone .pop_box_con,#topbar .read_notes_box .pop_box_con{color:#333; width:230px; padding:10px}
#topbar .read_notes_box .pop_box_con .notes{height:30px; line-height:30px;}
#topbar .read_notes_box .pop_box_con .f_red{color:#ff0000;}