@charset "utf-8"; /*--------------------------------- Site:u17.com nameAuthor:zhyy Updated:2014/4/11 Updated by:Name ---------------------------------*/ /*** z-index： popMsg提示框——90 showmsg提示框：——80 Mask——60 顶部固定导航栏——50 顶部黄色提示框——51 banner——10 底部footer——50 回到顶部——52 */ /*reset*/ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {margin:0;padding:0} body,button,input,select,textarea{font:12px/22px "宋体"} h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal} address,cite,dfn,em,i{font-style:normal} blockquote,q{quotes:none} ul,ol{list-style:none;} a{color:#666;text-decoration:none; outline:none} a:hover{text-decoration:underline;} a.u{text-decoration:underline} fieldset,img{border:none;} button,input,select,textarea{font-size:100%; /* 使得表单元素在 ie 下能继承字体大小 */} table{border-collapse:collapse;border-spacing:0;} html{overflow-y:scroll;} .clear{background: none;border: 0; clear: both; display: block; font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden; width: 0;height: 0;} /*basic*/ .fl{float:left}.fr{float:right}.cl{clear:both} .po_r{position:relative} .cf{*display:inline-block;*zoom:1} .cf:after{content:"";display:block;height:0;clear:both;visibility:hidden} .fblack{color:#000} .f33{color:#333}.f66{color:#666}.f99{color:#999!important} .f_green{color:#58900d!important}.f_green2{color:#10ad90}.red{color:#ff444f!important}.orange{color:#eca205!important}.orange2{color:#f80!important}.blue{color:#379be9!important}.purple{color:#8687ca!important} .f_arial{font-family:"Arial"} .fb{font-weight:bold!important} .f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f13{font-size: 13px;} .sp10,.sp15,.sp20{clear:both;height:10px;overflow:hidden} .sp15{height:15px}.sp20{height:20px} .mg_b_5{margin-bottom:5px} .pd_b_10{padding-bottom:10px}.pd_b_40{padding-bottom:40px} .txt_in2{text-indent:2em} .txt_left{text-align:left} .wrap{width:1200px; margin:0 auto; position:relative; } .ico{background:url(../images/cs_ico.png) no-repeat; display:inline-block; vertical-align:text-bottom} .ico_geng{background-position:0 -40px; width:15px; height:15px; *margin-right:5px} .ico_vip{background-position:-15px -40px; width:15px; height:15px; *margin-right:5px} .ico_end{background-position:0 -60px; width:14px; height:16px} .ico_pay{background-position:-14px -60px; width:16px; height:16px} .ico_sign{background-position:0 -80px; width:16px; height:15px} .ico_caiman{ background-position:0px -540px; width:17px; height:16px;} .ico_tiaoman{ background-position:-22px -540px; width:16px; height:16px;} .ico_male{background-position:-19px -80px; width:12px; height:13px; margin-right:3px} .ico_female{background-position:-19px -100px; width:12px; height:13px; margin-right:3px} .ico_n{background-position:-14px -519px; width:12px; height:13px; margin-right:3px} .ico_nosex{background-position: -25px -498px;width:12px; height:13px; margin-right:3px} .ico_new{background-position:0 -440px; width:23px; height:11px} .ico_noread{background-position:0 -475px; width:39px; height:16px} ::selection {background-color:#67a414; color:#fff;} ::-moz-selection {background-color:#67a414; color:#fff;} /*顶部导航*/ #topbar { width: 100%; z-index: 50; height: 44px; } .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_mail{ background-position:10px -725px; padding:0 13px 0 33px; color:#df6f93;} #topbar .left .pop_on .nav_mail{ background-position:10px -784px; border-bottom:3px solid #ff4ea4; color:#fff;} #topbar .left .nav_app{background-position:5px -47px; color:#11cd6e} #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:#11cd6e} #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:#11cd6e} #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{width:105px; text-align:center; padding:3px 0; } #topbar .app_pop .bgleft{position: absolute; left:-51px; bottom: 5px;} #topbar .app_pop img{vertical-align:top;} #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:75px; 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, #recent_read .noread a {font-size: 14px;color: #666;text-decoration: underline;padding: 140px 0 0 39px;display: block;font-weight: bold;} #recent_store .nostore a:hover,#recent_read .noread 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; padding: 0 30px; height: 40px; background: #404040; border-bottom: 3px solid #7cc815; text-align: center; font: 12px/40px "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;} /*头部*/ #header{ background:url(../images/bg_top.jpg) center top no-repeat;} #header .wrap{ height:147px} #header .wrap{ height:147px} .logo{float:left; padding:18px 0 0 14px; display:inline} .logo a{background:url(../images/logo_1.png) no-repeat; width:210px; height:80px; display:block} #header .top_link,#header .search,#header .search .laba,#header .search .laba a:hover{background:url(../images/pic_header.png) no-repeat; margin-right:6px} #header .top_link{width:285px; padding:0 10px; height:30px; background-position:0 -60px; margin:7px 6px 40px 0} #header .top_link a{float:left; width:95px; height:30px} #header .search{height:27px; width:343px; padding:22px 0 0 1px; position:relative; left:0; top:0;} #header .search .text{float:left; background:#fff; border:none; width:280px; height:26px; line-height:26px; padding-right:10px; color:#999; padding-left: 5px;} #header .btn_search{float:left; width:47px; height:28px;background:url(../images/pic_header.png) no-repeat -250px -100px; border:none; cursor:pointer; position: relative; top:-1px;} #header .btn_search:hover{opacity: .8; filter: alpha(opacity:80);} #header .search .laba{position:absolute; left:105px; top:-5px; width:19px; height:24px; overflow:hidden; background-position:0 -100px} #header .search .laba a{float:left; width:24px; height:24px; margin-left:5px; outline:none} #header .search .laba .a1{margin:0; width:19px} #header .search .laba .a1:hover{background-position:-116px -100px} #header .search .laba .a2:hover{background-position:-140px -100px} #header .search .laba .a3:hover{background-position:-169px -100px} #header .search .laba .a4:hover{background-position:-198px -100px} /*导航下拉效果*/ /*导航*/ #banner{position:relative; z-index:11} .banner_wrap{height:40px; width:1200px; background:#3a3a3a; border-bottom:2px solid #232323; clear:both;} /*传送门*/ #portal{float:left; position:relative; z-index: 2;} .banner_wrap .btn_portal{background:url(../images/bg_banner.png) no-repeat; display:block; width:125px; height:40px; font:16px/40px "Microsoft Yahei"; padding-left:25px; color:#fff} .banner_wrap .btn_portal span{cursor:pointer} .banner_wrap .btn_portal em{display:inline; float:left; background-position:0 -100px;width:19px;height:11px; margin:15px 0 0 8px; cursor:pointer} .banner_wrap .btn_portal:hover{text-decoration:none} .banner_wrap .open em{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in} .portal_pop{font-size:14px; background:url(../images/bg_portal.png) no-repeat; width:1200px; height:450px; position:absolute; left:0; top:40px;border-top:2px solid #232323; display:none} .portal_pop .close{position:absolute; width:43px; height:43px; right:0; bottom:-43px; background-position:9px -116px; background-color:#000; opacity:0.85; filter:Alpha(opacity=90)} .portal_pop .close:hover{background-position:9px -152px} .portal_pop .left{float:left; width:875px} .portal_pop .allcomic ul{padding:50px 0 0 182px} .portal_pop .allcomic li{padding-top:11px} .portal_pop .allcomic ul a{line-height:20px; color:#333; padding:0 6px; height:20px; margin:0 5px; 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} .portal_pop .allcomic ul a:hover{color:#fff; text-decoration:none; background:#9cd12c} .portal_pop .allcomic p{padding:15px 0 0 130px; *padding-top:12px} .portal_pop .allcomic p a{color:#333; margin-left:20px} .portal_pop .allcomic p a:hover{color:#6dad14;} .portal_pop .allcomic p a i{margin-right:3px} .portal_box{width:790px; height:90px; overflow:hidden; clear:both; padding:70px 0 0 85px} .portal_box a{margin-right:35px; line-height:32px; white-space:nowrap; float:left} .portal_pop .right{width:305px; float:right; padding-top:50px} .portal_pop .right img{display:block; margin:0 auto 12px; width:266px; height:90px} .portal_pop .right .comic_list{padding:52px 0 0 22px} .portal_pop .right .comic_list li{float:left; width:128px; line-height:26px; height:26px} .portal_pop .right .comic_list a{font-size:13px; color:#fff} .portal_pop .ico_male{background-position:-19px -270px} .portal_pop .ico_female{background-position:-19px -290px} /*动画*/ .animeBox{margin:40px 10px 0 140px; overflow: hidden;} .animeBox a{display: inline-block; float: left; margin-right: 20px;} /*导航中间*/ .banner_mid{float:left} .banner_mid a,.btn_brand{float:left; font:16px/40px "Microsoft Yahei"; color:#fff; padding:0 15px; position: relative;} .banner_mid a:hover,.btn_brand:hover{text-decoration:none; color:#9cd12c} .banner_mid q{height:14px; width:0; border-left:1px solid #2e2e2e; border-right:1px solid #424242; float:left; margin-top:13px} .update_v4Box{position: absolute;width: 100px;height: 30px;left: 50%;margin-left: -50px;top: -20px;*top: -9px;text-align: center;} .update_v4{height: 18px;line-height: 18px;background-color:#ff0000;border-radius:5px; font-size:12px;text-align:center;color:#fff; filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75; padding:0 3px;} /*品牌馆*/ #brand{position:relative; float:right; height:42px; z-index: 2;} #brand .btn_brand{background:url(../images/bg_banner.png) no-repeat 0 -40px; width:145px; height:40px;text-align:center; padding:0; border-bottom:2px solid #232323} #brand .pop_box{position:absolute; right:0; top:42px; width:670px; padding:3px 4px 3px 4px; display:none;overflow: hidden;} #brand .pop_box ul{overflow: hidden; width: 678px; /* height:242px; */} #brand .pop_box a{display:inline-block; width:200px; height:60px; margin:8px auto} #brand .pop_box img{width:200px; height:60px} #brand .pop_box li{height:80px; width: 224px; float: left; overflow:hidden; border-bottom:1px dashed #dcdddd; border-right: 1px dashed #DCDDDD; } /*动画*/ #banner .anime,#banner .anime p{height:31px; background:url(../images/bg_banner.png) repeat-x 0 -111px; position: relative;} #banner .anime p{padding-left:67px; background-position:-98px -80px; background-repeat:no-repeat; font:16px/31px "Microsoft Yahei"; color:#fff; padding-right:130px;} #banner .anime, #banner .anime{ overflow:hidden} #banner .anime span{ width:91px; height: 22px; background: url(../images/main_pic_1.png) no-repeat -83px -298px; position: absolute; right: 0px; top: 4px; line-height: 22px; padding-left: 26px; display:inline-block; } #banner .anime a{font:14px/22px "Microsoft Yahei"; color:#fff; display:inline-block;} #banner .anime span a{color: #846612;} #banner .anime q{color:#6f961c; margin:0 9px; font-size:14px; display: inline-block;} /*我看过的*/ #banner .readed{background:#f3f3f3; height:32px;padding:0 15px; color:#666} #banner .readed .left{float:left; background-position:-21px -188px; padding-left:17px; font:14px/30px "Microsoft Yahei"} #banner .readed .left a{color:#ff7a21} #banner .readed .left span{margin:0 10px} #banner .readed .fr a{color:#ff7a21; line-height:32px} /* ---尾部--- */ #v4footer{clear:both; border-top:5px solid #79c90e; position:relative; z-index:50; background:url(../images/bg_footer.png); height:170px; padding-left:40px; width:1160px; margin:15px auto 0} #v4footer dl{float:left; margin:30px 25px 0 0} #v4footer dt{background:url(../images/pic_foot.png) no-repeat; width:120px; height:23px; text-align:center; line-height:23px; color:#fff; margin-bottom:5px} #v4footer dt.t2{background-position:0 -25px} #v4footer dt.t3{background-position:0 -50px} #v4footer dt.t4{background-position:0 -75px} #v4footer dd a:hover{color:#55af2d; text-decoration:none} #v4footer .appbox{position: relative;} #v4footer .appbox i{position:relative; top: 4px;} #v4footer .appbox .erweima_box{position: absolute; left:60px; top:-86px; border:1px solid #ccc; display:none;} #v4footer .appbox:hover .erweima_box{display:block;} #v4footer .erweima_box img{vertical-align:top;} #v4footer q{float:left; border-left:1px solid #ddd; height:100px; width:0; overflow:hidden; margin:20px 0 0 25px; _margin-left:0} #v4footer .right{float:right; display:inline; width:435px; margin:22px 65px 0 0; color:#666; line-height:28px; font-family:"Arial"} #v4footer .right a{line-height:28px} #v4footer .img_foot{position:absolute; right:0; bottom:0; background:url(../images/img_foot.gif) no-repeat; width:163px; height:74px} #v4footer dd.wx{position:relative} #v4footer dd.wx img{-webkit-box-shadow:1px 2px #b6b6b6;box-shadow:1px 2px #b6b6b6; position:absolute; left:50px; bottom:0; _bottom:100px; display:none} /* ---尾部 结束--- */ /*广告*/ .ad_wrap{width:1200px; margin:10px auto; position: relative; z-index: 10;} .ad_wrap img{display:block; border:1px solid #c8c8c8; padding:2px} .ad_wrap .support{float:right; width:26px; height:66px; background-position:0 -310px} /*翻页*/ .page{text-align:center; font-size:14px; color:#999; line-height:30px; height:32px; padding:50px 0; width:100%} .page a,.page span{font-family:"verdana"; color:#191919; display:inline-block; height:30px; padding:0 10px; border:1px solid #e0e0e0; background:#f6f6f6; margin-right:4px} .page a:hover{border:1px solid #63a612; text-decoration:none} .page .prev,.page .next{display:inline-block; font-family:"宋体"} .page .current{background:#7cca1c; color:#fff; border:1px solid #63a612} .page .go{display:inline-block; margin-left:20px; color:#666; width:150px; text-align:left; background:none; border:none; height:32px} .page .go i{padding:0 5px;} .page .input_txt{display:inline-block; width:40px; line-height:30px; height:30px; background:#f6f6f6; border:1px solid #e0e0e0; vertical-align:middle} .page .btn_go{display:none; width:35px; height:30px; background:#79cb29; color:#fff; border-radius:1px; border:none; font-family:"Arial"; cursor:pointer; vertical-align:middle} /*顶部黄色消息提示框*/ #tip_topfixed{background:#ffffce; border:1px solid #f0e5ba; width:180px; padding:8px; position:fixed;margin-left:282px;z-index:50;left:54%;top:84px;line-height:20px;color:#666;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+56)} #tip_topfixed .close{background-position:-15px -455px; width:15px; height:15px; top:3px; right:4px; position:absolute} #tip_topfixed .fred{color:#ff444e; margin-right:3px} #tip_topfixed a{color:#379be9; margin-left:12px; text-decoration:underline} /*顶部搜索下拉样式*/ .ac_results{padding:0px;border:1px solid #81bd17;background-color:white;overflow:hidden;z-index:600;margin-left:251px; width:340px; /*top:172px!important;*/margin-left: -1px;} .v4_w1000 .ac_results{width:258px!important; margin-left:-1px;} .ac_results ul {width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results li {margin:0px;padding:2px 5px;cursor:default;display:block;font:menu;font-size:14px;line-height:20px;overflow:hidden;cursor:pointer;} .ac_results li strong{color:#81bd17;font-weight:bold;} .ac_over {background-color:#81bd17;color:white;} .ac_results li.ac_over strong{background-color:#81bd17;color:white;} /*图片变灰*/ /*.gray_img a{filter:grayscale(100%);-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1); filter:gray} .gray_img a:hover{-webkit-filter:grayscale(0%);-webkit-filter:grayscale(0);filter:grayscale(0); filter:none}*/ /*width1000*/ .v4_w1000 .wrap{width:990px} /* .v4_w1000 #header .wrap {background: url(../images/bg_top_1000.jpg) no-repeat;height: 147px;} */ .v4_w1000 #header .wrap { height: 147px;} .v4_w1000 #header .search {background: url(../images/pic_header.png) no-repeat 0 -131px; width: 260px; float: right;} .v4_w1000 #header .search .text{width: 197px;} .v4_w1000 #userbar{margin-right:1px} .v4_w1000 #brand .btn_brand{width:94px; background-position:0 -145px} .v4_w1000 .banner_mid a{padding:0 12px} .v4_w1000 .portal_pop{width: 990px; background: url(../images/bg_portal_1000.png);} .v4_w1000 #topbar .pop_wrap{margin-right: 4px;} .v4_w1000 .portal_pop .left {width: 680px;} .v4_w1000 .portal_pop .allcomic ul {padding: 50px 0 0 116px;} .v4_w1000 .portal_pop .allcomic p {padding: 15px 0 0 64px;} .v4_w1000 .portal_box {width: 682px;padding: 66px 0 0 66px;} .v4_w1000 #v4footer{width:970px; padding-left:20px} .v4_w1000 #v4footer .right{margin-right:36px; width: 386px;} .v4_w1000 #v4footer dl{margin-right:10px} .v4_w1000 #v4footer q{margin-left:0px} .v4_w1000 .logo a{background: url(../images/logo_w1000.png) no-repeat;} /*popMsg提示框*/ .exp,.exp_w{position:absolute;width:226px;background:#b4dd1d; border:1px solid #83991a; padding:0 5px 5px; z-index:90;-webkit-box-shadow:2px 3px #bebebe;box-shadow:2px 3px #bebebe} .exp_top,.exp_top_w{width:226px;height:20px;line-height:20px;overflow:hidden;background:#b4dd1d} .exp_content{min-height:20px;_height:20px;max-height:40px} .exp_content i,.exp_content_w i,.exp_content p,.exp_content_w p{display:inline;width:0px;height:100%;vertical-align:middle;zoom:1} .exp_content p,.exp_content_w p{width:100%;line-height:18px} .blue_00{color:#008aea} .font_18{font-size:18px;font-family:"\9ED1\4F53"} .exp_content,.exp_content_w{background:#fff;padding:5px 5px 10px 0;height:auto; border:1px solid #95bb18; line-height:18px; text-align:center; vertical-align:middle} /*loading*/ .loading{line-height:50px; height:50px; clear:both;text-align:center; margin:50px 0; font:14px "Microsoft Yahei"; color:#666} .loading span{display:inline-block !important; width:50px; height:50px; background:url(../images/loading.gif) no-repeat; vertical-align:middle; margin-right:15px} #topbar .book_pop .loading{margin:150px 0} /*图标*/ .ico_lev,.ico_levm,.ico_viplev,.ico_viplev_s,.ico_online,.ico_offline,.ico_vipyes,.ico_vipnot,.ico_man,.ico_woman,.ico_hi,.ico_manage,.ico_author,.ico_editor,.ico_zeng,.ico_cv,.ico_dj,.ico_sf,.ico_jing{background:url(../images/cs_ico_member.png) no-repeat;display:inline-block;height:18px;width:20px;vertical-align:middle; margin:0 3px; overflow:hidden}/*用户相关图标*/ /*用户等级图标*/ .ico_lev,.ico_levm{width:36px}.lev_0{background-position:0 -300px}.lev_1{background-position:0 -330px}.lev_2{background-position:0 -360px}.lev_3{background-position:0 -390px}.lev_4{background-position:0 -420px}.lev_5{background-position:0 -450px}.lev_6{background-position:0 -480px}.lev_7{background-position:0 -510px}.lev_8{background-position:0 -540px}.lev_9{background-position:0 -570px}.lev_10{background-position:0 -600px}.lev_11{background-position:0 -630px}.lev_12{background-position:0 -660px}.lev_13{background-position:0 -690px}.lev_14{background-position:0 -720px}.lev_15{background-position:0 -750px} /*用户等级m图标*/ .levm_0{background-position:0 -930px}.levm_1{background-position:0 -960px}.levm_2{background-position:0 -990px}.levm_3{background-position:0 -1020px}.levm_4{background-position:0 -1050px}.levm_5{background-position:0 -1080px}.levm_6{background-position:0 -1110px}.levm_7{background-position:0 -1140px}.levm_8{background-position:0 -1170px}.levm_9{background-position:0 -1200px}.levm_10{background-position:0 -1230px}.levm_11{background-position:0 -1260px}.levm_12{background-position:0 -1290px}.levm_13{background-position:0 -1320px}.levm_14{background-position:0 -1350px}.levm_15{background-position:0 -1380px}.levm_16{background-position:0 -1410px}.levm_17{background-position:0 -1440px}.levm_18{background-position:0 -1470px}.levm_19{background-position:0 -1500px}.levm_20{background-position:0 -1530px} /*用户vip等级图标*/ .ico_viplev{width:48px}.viplev_0{background-position:0 -1560px}.viplev_0n{background-position:0 -1590px}.viplev_1{background-position:0 -1620px}.viplev_1n{background-position:0 -1650px}.viplev_2{background-position:0 -1680px}.viplev_2n{background-position:0 -1710px}.viplev_3{background-position:0 -1740px}.viplev_3n{background-position:0 -1770px}.viplev_4{background-position:0 -1800px}.viplev_4n{background-position:0 -1830px}.viplev_5{background-position:0 -1860px}.viplev_5n{background-position:0 -1890px}.viplev_6{background-position:0 -1920px}.viplev_6n{background-position:0 -1950px} /*用户vip等级图标-小*/ .ico_viplev_s{width:33px; height:12px; vertical-align:middle}.viplev_1_s{background-position:0 -2060px}.viplev_1n_s{background-position:0 -2075px}.viplev_2_s{background-position:0 -2090px}.viplev_2n_s{background-position:0 -2105px}.viplev_3_s{background-position:0 -2120px}.viplev_3n_s{background-position:0 -2135px}.viplev_4_s{background-position:0 -2150px}.viplev_4n_s{background-position:0 -2165px}.viplev_5_s{background-position:0 -2180px}.viplev_5n_s{background-position:0 -2195px}.viplev_6_s{background-position:0 -2210px}.viplev_6n_s{background-position:0 -2225px} /*其他图标*/ .ico_man,.ico_woman,.ico_online,.ico_offline{width:16px}ico_online{background-position:0 0}.ico_offline{background-position:0 -30px}.ico_man{background-position:0 -60px}.ico_woman{background-position:0 -90px}.ico_hi{background-position:0 -120px}.ico_vipyes{background-position:0 -240px}.ico_vipnot{background-position:0 -270px}.ico_author{background-position:0 -150px}.ico_manage{background-position:0 -180px}.ico_editor{background-position:0 -210px}.ico_zeng{background-position:0 -1980px; width:18px}.ico_cv{background-position:0 -2010px; width:32px}.ico_dj{background-position:0 -2035px; width:35px; height:20px}.ico_sf{width:34px; height:20px;background-position:0 -2240px}.ico_jing{background-position:0 -2265px; width:30px; height:30px} /*回到顶部*/ /* #goTop{position:fixed; right:10px; bottom:10px; margin-left:620px; _position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-100 + "px"); z-index:52; display:none;} #goTop .feedback{background:url(../images/gotop.png) no-repeat; display:block; width:47px; height:43px} #goTop .feedback:hover{background-position:0 -45px} #goTop .btn_goTop{position:relative; margin-bottom:3px} #goTop .btn_goTop a{background:url(../images/gotop.png) no-repeat 0 -90px; display:block; width:47px; height:25px; position:relative; z-index:2} #goTop .btn_goTop a:hover{background-position:0 -115px} #goTop .btn_goTop span{position:absolute; background:url(../images/up.gif) no-repeat; width:50px; height:50px; left:-1px; top:-30px; cursor:pointer} #goTop .btn_goTop span.h{ background:url(../images/up1.gif) no-repeat;} */ /* 新回到顶部 */ #goTop{position: fixed; width:50px;left:50%; margin-left:610px; bottom:10px; _position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-100 + "px"); z-index:110;} #goTop li{background:url(../images/fixed_right.png) no-repeat; margin-bottom:3px; cursor:pointer;} #goTop li:hover{background:url(../images/fixed_right.png) no-repeat; } #goTop .btn_goTop{width: 50px; height: 64px; background-position:0 0;} #goTop .btn_goTop:hover{background-position:-54px 0;} #goTop .erweima{height: 43px; background-position:0 -67px; position:relative;} #goTop .erweima:hover{background-position:-54px -67px;} #goTop .erweima .erweima_box{width: 137px; height: 128px; position: absolute; left: -140px; top: -42px; background:url(../images/fixed_ewm_box.png) no-repeat; box-sizing: border-box; padding:6px 0 0 5px; display:none;} #goTop .erweima:hover .erweima_box{display:block;} #goTop .feedback{height: 43px; background-position:0 -113px;} #goTop .feedback:hover{background-position:-54px -113px;} #goTop .feedback a{display:block; height: 100%;} /* 头部文字换色 */ .banner_mid a.current,.brand a.current{ color:#9cd12c;} /*通用弹出框*/ input{vertical-align: middle;} .ui-widget-overlay{position:absolute;left:0;top:0;background-color:#545454;filter:alpha(opacity=20);opacity:.2} .ui-dialog{position:absolute;left:0;top:0;padding:0px;z-index:10;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .ui-widget-header{position:relative;background:#f7f7f7;height:30px;border:0;border-bottom:1px solid #85ba01;color:#76A600;font-family:"微软雅黑";font-size:16px;z-index:12;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;font-weight:normal;padding-top:5px} .ui-dialog .ui-dialog-bg{width:100%;height:100%;position:absolute;top:-6px;left:-6px;background:#292928;border:6px solid #292928;filter:alpha(opacity=40);opacity:0.4;z-index:-1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} .ui-dialog .ui-dialog-content{color:#3b3b3b;z-index:1;overflow:auto;_overflow:visible;background:#fff;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px} .ui-dialog .ui-dialog-title{background:url(../images/pic_dialog.png) 10px 9px no-repeat;float:left;height:30px;line-height:24px;padding:0 15px 0 23px;position:static} .ui-dialog .ui-dialog-title i{font-size:12px;padding-right:10px;color:#999;font-weight:normal;text-align:right;position:absolute;width:150px;height:22px;right:30px;top:6px} .ui-dialog .ui-dialog-title i a{color:#f80;position:relative;z-index:10000} .ui-dialog .ui-dialog-titlebar-close{background:url(../images/pic_dialog.png) 0 -25px no-repeat;width:16px;height:15px;margin:-7px 0 0;position:absolute;right:0.6em;top:50%} .ui-dialog .ui-dialog-titlebar-close span{display:none} .ui-dialog .ui-dialog-titlebar-close:hover{background-position:0 -40px} .ui-dialog .ui-dialog-buttonpane{position:relative;height:40px;background:#fff;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;margin-top:-5px} .ui-dialog .ui-dialog-content td{vertical-align:middle;} .ui-dialog .ui-dialog-content td a{color:#808080;text-decoration:underline} .ui-dialog .ui-dialog-content td a:hover{color:#ff9900;text-decoration:none} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{text-align:center} .ui-dialog .ui-dialog-buttonpane button,.ui-dialog .ui-dialog-buttonpane button.left{background:url(../images/pic_dialog.png) 0 -55px no-repeat;width:72px;bottom:20px;text-align:center;border:0;padding:0;margin:0 0 .5em .4em;overflow:hidden;cursor:pointer;height:26px;color:#444;font-size:12px;line-height:25px;line-height:24px\9;padding-bottom:3px} .ui-dialog .ui-dialog-buttonpane button:hover{text-decoration:none;text-indent:0;opacity:0.85;filter:Alpha(Opacity=85)} .ui-dialog .ui-dialog-buttonpane button.left{background-position:0 -85px;color:#fff} .ncc_upload_img{height:100px;overflow:hidden} .m_set{position: fixed; left: -94px; bottom: 100px; z-index: 200;} .m_set .set_btn{width: 200px; height: 200px; background: url(../images/ico_set.png) no-repeat; background-size: 100%; position: relative; z-index: 20;} .m_set .set_tip{ position: absolute;background: #6eb80b;border: 4px solid #fff;z-index: 10;border-radius: 75px;padding-left: 97px;padding-top: 33px;overflow: hidden;width: 408px;height: 117px;left: 75px;top: 14px;} .m_set .set_tip a{display: inline-block; font-size: 38px; width: 49%; color: #fff; text-align: center; line-height: 84px; font-weight: bold;} .m_set .set_tip a#a1{color: #433641; border-right: 1px dashed #fff;} .m_set .set_tip a:hover{text-decoration: none;} /*@media screen and (min-width:320px){ .m_set .set_btn{width: 88px; height: 88px;} .m_set .set_tip{width: 215px; height: 41px;left: 45px; top: 14px;} }*/ /*@media screen and (max-width:320px){ .m_set .set_btn{width: 44px; height: 44px;} .m_set .set_tip{width: 120px; height: 25px; left: 11px; top: 4px;border: 2px solid #fff; padding-top: 5px;} .m_set .set_tip a{line-height: 18px;font-size: 12px;} }*/ /* 底部二维码 */ .bottom_qr_code_content{ position: fixed; z-index: 999; left: 0; bottom: 0; width: 100%; height: 215px; background:url(../images/bottom_qr_code_bg.png) no-repeat center top;} .bottom_qr_code_box{ position: relative; width: 1200px; margin: 0 auto; height: 215px; background:url(../images/bottom_qr_code_bg_con.png) no-repeat;} .bottom_qr_code{ position: absolute; width: 162px; height: 162px; overflow: hidden; left: 483px; top: 45px;} .bottom_qr_code img{ display: block; width: 100%; height: auto;} .bottom_qr_code_close{ position: absolute; width: 48px; height: 48px; right: 10px; top: 35px; background: url(../images/bottom_qr_code_close.png); display: block; cursor: pointer;} /* 东京动漫节 底部 */ .bottom_dj_mz_footer{position: fixed; z-index: 999; left: 0; bottom: 0; width: 100%; height: 244px; background:url(../images/dj_mz_footer_bg.png) no-repeat center top;} .bottom_dj_mz_content{position: relative; width: 1200px; margin: 0 auto; height: 244px; } .bottom_dj_mz_content .dj_mz_btn{width:190px; height:57px; position:absolute; top:144px;} .bottom_dj_mz_content .btn1{left:155px; background:url(../images/dj_mz_btn1.png) no-repeat;} .bottom_dj_mz_content .btn2{left:841px; background:url(../images/dj_mz_btn2.png) no-repeat;} .bottom_dj_mz_footer .dj_mz_close{width:38px; height:38px; position:absolute; top: 30px; right:30px; background:url(../images/dj_mz_close.png) no-repeat;} /* 电信激活 */ .telecom-active-content{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.6); z-index: 999; font-family: "microsoft yahei"} .telecom-active-box{ width: 434px; position: absolute; left: 50%; top: 50%; margin: -230px 0 0 -217px; position: relative;} .telecom-active-topbar{ width: 100%; height: 36px; background-color: #f7f7f7; border-bottom: 1px solid #6fc2de; border-radius: 5px 5px 0 0;} .telecom-active-topbar .telecom-close{ position: absolute; display: block; right: 10px; top: 11px; width: 16px; height: 15px; background: url(../images/telecom_close.jpg); cursor: pointer;} .telecom-active-info{ display: none; position: relative; min-height: 270px; height:auto!important; _height:270px; background-color: #fff; border-radius: 0px 0px 5px 5px; padding:40px 0 30px 0; } .telecom-active-info.cur{ display: block;} .taci2{ text-align: center; font-size: 18px; line-height: 160px;} .taci2 .telecom-btn-finish{ display: block; width:138px; margin:0 auto; height:40px; line-height: 40px; color: #fff; font-size: 20px; text-align: center; background-color: #f1b823; border-bottom: 4px solid #b48817; text-decoration: none!important;} .telecom-active-info-title{ font-size: 18px; text-align: center; margin-bottom: 20px;} .telecom-active-info-str{ padding: 0px 33px; text-align: left; color: #888; font-size: 14px; line-height: 28px;} .telecom-input-box{ padding: 0 33px; margin-top: 15px; line-height: 32px;} .telecom-input-box label{ font-size: 16px; color: #888; width: 88px; display: inline-block;} .telecom-input-box input{ background: transparent; border:1px solid #c2c2c2; height: 32px; padding: 0 5px; outline: none;} .telephoneNum-box{ margin-top: 30px;} .telephoneNum-box input{ width:248px; } .checkNum-box input{ width:110px;} .checkNum-box a{ display: inline-block; width: 130px; margin-left:5px; text-align: center; line-height: 30px; background-color: #00a0e9; color: #fff; border-bottom: 3px solid #007cb4; border-radius: 2px; height: 30px; font-size: 14px; text-decoration: none!important; } .checkNum-box a.disable{ border-bottom: 3px solid #bdbdbd; background-color: #d8d8d8;} .telecom-btn-box{ margin-top: 40px; text-align: center;} .telecom-btn-box .telecom-btn{ display: inline-block; width:138px; margin:0 15px; height:40px; line-height: 40px; color: #fff; font-size: 20px; text-align: center; } .telecom-btn-now{ border-bottom: 4px solid #b48817; background-color: #f1b823;} .telecom-btn-later{ border-bottom: 4px solid #888888; background-color: #bdbdbd;} .checkNum-tips{ color:#ff3030; text-align: center; margin-top: 15px; } .telephoneNum-tips1{ position: absolute; left: 126px; top: 172px; color: #ff3030;} .telephoneNum-tips2{ position: absolute; left: 126px; top: 172px; color: #888;} /* banner float tips */ #header{ position: relative; width: 100%; height: 147px; overflow: hidden;} .banner-tips{ position: absolute; display: none; z-index: 999; width: 243px; height: 33px; text-align: center; color: #fff; font-size: 14px; line-height: 32px; background: url(../images/banner_tips_right.png);} .banner-tips.bt-left{ background: url(../images/banner_tips_left.png);} .gift_value img{width: 65px;} /* 鍏煎 v4鐗堟湰 basic css鏂囦欢 闇€瑕佷慨鏀圭洿鎺ヤ慨鏀� v5涓嬭竟鐨刡asic.css鏂囦欢 褰撳墠鏂囦欢涓嶉渶瑕佸叏閮藉紩鐢� */ /* 椤甸潰 z-index -- 20锛� top_bar z-index -- 50锛� 寮圭獥 z-index -- 60 鍥炲埌椤堕儴 z-inde -- 30 */ /*reset*/ @charset "UTF-8"; body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body{font:12px/24px "瀹嬩綋",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;} a{color:#333;text-decoration:none;outline:none;} a:hover{color:#333;text-decoration:none;} h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;} em锛宎ddress,cite,dfn,em,i{font-style:normal;} ul,ol{list-style:none;} img{border:0;} table{border-collapse:collapse;border-spacing:0;} p{word-wrap:break-word;} fieldset,img{border:0;} .clearfix::after{content:'';display:block;height:0;clear:both;} .clearfix{zoom:1;} .clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden;} ::selection{background-color:#67a414;color:#fff;} ::-moz-selection{background-color:#67a414;color:#fff;} /*common*/ .fl{float:left;} .fr{float:right;} .fb{font-weight:bold!important;} .overflow{overflow:hidden;} .hide{display:none;} .show{display:block;} .ib{display:inline-block;} .rank_num{width:16px;height:16px;background:#eeeeee;line-height:16px;text-align:center;color:#333;} .rank_num_orange{background:#ff7200;color:#fff;} .red{color: #ff585d!important;} #topbar .wrap{width: 1200px;} /*鑳屾櫙鍥捐缃箍鍛婂浘鐗�*/ .bg_ad{position:absolute;height:650px;display:block;top:270px;left:0;width:100%;z-index:1;background:url(../images/2017-11_8_bg.png) center center no-repeat;} /*鍥為《閮�*/ .go_top{width:57px;height:225px;position:fixed;left:50%;margin-left:610px;bottom:30px;z-index:30;display:none;} .go_top .top_head{width:57px;height:63px;background:url(../images/gotop1.png) no-repeat 0px 4px;} .go_top .top_click{width:57px;height:25px;background:url(../images/gotop1.png) no-repeat 0px -59px;cursor:pointer;} .go_top .top_click:hover{background:url(../images/gotop2.png) no-repeat 0px -59px;} .go_top .top_code{width:57px;height:43px;background:url(../images/gotop1.png) no-repeat 0px -87px;cursor:pointer;position:relative;} .go_top .top_code:hover{background:url(../images/gotop2.png) no-repeat 0px -88px;} .go_top .top_code:hover .erweima_box{display:block;} .go_top .top_write{width:57px;height:43px;background:url(../images/gotop1.png) no-repeat 0px -133px;cursor:pointer;} .go_top .top_write:hover{background:url(../images/gotop2.png) no-repeat 0px -134px;} .go_top .erweima_box{width:137px;height:128px;position:absolute;left:-134px;top:-42px;background:url(../images/fixed_ewm_box_1.png) no-repeat;box-sizing:border-box;padding:6px 0 0 5px;display:none;} .go_top .top_service{float: left;width: 57px;height: 43px;background:url(../images/gotop1.png) no-repeat 0px -180px;} .go_top .top_service:hover{float: left;background:url(../images/gotop2.png) no-repeat 0px -181px;} /*鏉℃极ico*/ .ico_tiaoman{position:absolute;width:42px;height:42px;background:url(../images/main_pic_1.png) no-repeat 0 -351px;right:0px;top:0;z-index:2;} /*瀵艰埅*/ #v5_nav{width:100%;height:42px;background:#3a3a3a;} #v5_nav .nav{width:1200px;margin:0 auto;height:42px;} #v5_nav .nav a{float:left;color:#fff;padding:0 22px;position:relative;line-height:42px;font-size:16px;} #v5_nav .nav a:first-of-type{margin-left:7px;} #v5_nav .nav a:hover,#v5_nav .nav .current{color:#89d38f;} #v5_nav .nav q{height:14px;width:0;border-left:1px solid #2e2e2e;border-right:1px solid #424242;float:left;margin-top:15px;} #v5_nav .nav q::after{content:"";} #v5_nav .nav q::before{content:'';} .update_v5Box{position:absolute;width:100px;height:30px;left:60px;margin-left:-50px;top:-15px;text-align:center;} .update_v5{height:18px;line-height:18px;background-color:#ff0000;border-radius:5px 5px 5px 0px;font-size:12px;text-align:center;color:#fff;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;padding:0 3px;} /*鎼滅储*/ .search_box{margin-right:15px;} .search_box input{resize:none;outline:none;} .search_box .search{width:183px;height:24px;border:1px solid #dddddd;border-radius:2px 0 0 2px;margin-top:8px;padding-left:10px;} .search_box .search_btn{float:left;width:47px;height:26px;background:url(../images/pic_header_1.png) no-repeat -250px -100px;border:none;cursor:pointer;margin-top:8px;} /*鐪嬭繃鐨�*/ #readed_box{width:100%;background:#f3f3f3;height:32px;} #readed_box .readed{background:#f3f3f3;height:32px;padding:0 15px;color:#666;width:1200px;margin:0 auto;} .readed .left{float:left;background-position:-21px -188px;padding-left:17px;font:14px/30px "Microsoft Yahei";} .readed .left a{color:#ff7a21;} .readed .left .f_green{color:#58900d;} .readed .left{float:left;background-position:-21px -188px;padding-left:17px;font:14px/30px "Microsoft Yahei";background-repeat:no-repeat;} .readed .left span{margin:0 10px;} .readed .fr a{color:#ff7a21;line-height:32px;} /*椤佃剼*/ .v5_footer{width:100%;padding:20px 0px 20px 0px;background:#efefef;margin-top:50px;border-top:2px solid #e7e6e6;font-family:"Microsoft YaHei","榛戜綋";} .v5_footer .v5_footer_inner{width:1200px;margin:0 auto; text-align: center;} .v5_footer dl{float:left;width:120px;} .v5_footer dt{height:42px;line-height:42px;font-size:16px;color:#333333;font-weight:bold;} .v5_footer dd{height:32px;line-height:32px;font-size:14px;color:#666;} .v5_footer dd a{color:#666;} .v5_footer dd a:hover{text-decoration:underline;} .v5_footer_inner .first_dl{margin-left:30px;} .v5_footer_inner .halving_line{height:170px;width:1px;border-left:1px solid #d0d0d0;} .v5_footer_inner .copyright{margin:25px 0 0 38px;line-height:35px;color:#666666;} .v5_footer_inner .copyright a{color:#666;} .v5_footer_inner .copyright a:hover{color:#666;text-decoration:underline;} .v5_footer_inner .copyright img{margin-right:5px;} .v5_footer_inner .erweima{width: 335px;height: 170px;} .v5_footer_inner .erweima .app{margin-left: 57px;} .v5_footer_inner .erweima .weixin{margin-left: 20px;} .v5_footer_inner .erweima img{width: 100px;height: 100px;display: block;margin-top: 10px;} .v5_footer_inner .erweima p{width: 100px;text-align: center;line-height: 24px;color: #666666;} /* * @Author: xiejiaxing * @Date: 2017-12-25 13:56:27 * @Last Modified by: xiejiaxing * @Last Modified time: 2019-10-25 13:06:55 */ @charset "UTF-8"; body{background:#f8f8f8;} /*宸︿晶鍏ㄧ珯鏈€鐑�*/ #banner_box{width:100%;height:365px;position:relative;overflow:hidden;min-width:1200px;} #banner_box .top_nav_shadow{width:100%;height:91px;background:url(../images/top_shadow.png) repeat-x top center;position:absolute;z-index:3;top:0;} #banner_box .top_nav_shadow .top_nav{width:1200px;margin:0 auto;height:57px;line-height:57px;} #banner_box .top_nav_shadow .top_nav .fl{position: relative;} #banner_box .top_nav_shadow .top_nav .fl .update_v5Box{margin-left: -70px;} #banner_box .top_nav .top_logo{width:85px;height:100%;background:url(../images/logo_1.png) no-repeat center center;margin-right:-8px;} #banner_box .top_nav .top_logo a{float:left;width:100%;height:100%;font-size:0;} #banner_box .top_nav .nav_list{color:#fff;font:14px/57px "瀹嬩綋";margin-left:44px;} #banner_box .top_nav .nav_list:hover{color:#8ccd58;} #banner_box .search_box{margin:0px 7px 0 0;} #banner_box .search{width:223px;height:24px;border:1px solid #909092;background:#565658;color:#fff;margin-top:13px;} #banner_box .search_box .search_btn{width:46px;height:26px;background:url(../images/comiclist_ico.png) no-repeat -1px 0px;margin-top:13px;} #banner_box .search_box .search_btn:hover{background:url(../images/comiclist_ico.png) no-repeat -61px 0px;} #banner_box #loop_container{position:relative;width:100%;height:522px;z-index:1;} #banner_box #loop_container .loop_slide_box,#banner_box #loop_container .loop_slide_box ul{width:100%;height:522px;} #banner_box #loop_container .loop_slide_box li{width:100%;height:100%;position:absolute;opacity:0;filter:alpha(opacity=0);} #banner_box #loop_container .loop_slide_box li.cur{z-index:5;filter:alpha(opacity=50);opacity:1;} #banner_box #loop_container .loop_slide_box li a{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;} #banner_box #loop_container .loop_slide_box li img{width:100%;height:100%;} #banner_box .loop_choose{width:605px;height:102px;position:absolute;bottom:28px;left:300px;z-index:6;left:50%;margin-left:-295px;} #banner_box .loop_tit{width:532px;margin:0 auto;background:url(../images/tit_bg.png) no-repeat center center;height:30px;} #banner_box .loop_tit a{line-height:30px;color:#fff;font-size:14px;font-family:"瀹嬩綋";float:left;} #banner_box .loop_tit a::before{content:'';display:inline-block;vertical-align:top;zoom:1;*display:inline;width:15px;height:30px;background:url(../images/comiclist_ico.png) no-repeat -113px 14px;margin:0 5px 0 14px;} #banner_box .loop_pagination{width:605px;height:68px;margin-top:4px;} #banner_box .loop_pagination .pagination_btn{width:29px;height:100%;cursor:pointer;} #banner_box .loop_pagination .pagination_prev{background:url(../images/loop_prev.png) no-repeat center center;margin-right:8px;} #banner_box .loop_pagination .pagination_prev:hover{background:url(../images/loop_prev_hover.png) no-repeat 0px center;} #banner_box .loop_pagination .pagination_next{background:url(../images/loop_next.png) no-repeat center center;margin-left:8px;} #banner_box .loop_pagination .pagination_next:hover{background:url(../images/loop_next_hover.png) no-repeat 0px center;} #banner_box .loop_focus_pic_box{width:530px;height:68px;background:url(../images/loop_bg.png) no-repeat center center;position:relative;overflow:hidden;} #banner_box .loop_focus_pic_box .little_pic{width:9990px;margin-top:4px;position:absolute;left:0;} #banner_box .loop_focus_pic_box .little_pic li{float:left;width:94px;height:60px;margin:0 6px;position:relative;cursor:pointer;} #banner_box .loop_focus_pic_box .little_pic li img{width:90px;height:46px;border:1px solid #000;position:absolute;top:6px;left:1px;z-index:2;} #banner_box .loop_focus_pic_box .little_pic li .little_pic_border{width:94px;height:55px;background:url(../images/little_pic_bg.png) no-repeat center center;position:absolute;display:none;z-index:3;top:0;} #banner_box .loop_focus_pic_box .little_pic li .little_pic_mask{position:absolute;z-index:3;width:90px;height:46px;top:7px;left:2px;background:url(../images/pic_mask.png) no-repeat center center;} #banner_box .loop_focus_pic_box .little_pic li.cur .little_pic_border{display:block;} #banner_box .loop_focus_pic_box .little_pic li.cur .little_pic_mask{display:none;} .part_loop .hot_tab a:hover{color:#fff;} .all_hottest{width:100%;height:100%;position:relative;overflow:hidden;font-family:"Microsoft YaHei";} .all_hottest { background: url(../images/hot_bg.png) no-repeat center center; width: 227px; height: 260px; padding: 18px 22px 10px 17px; border-radius: 5px; position: absolute; left: 50%; margin-left: -605px; top: 65px; z-index: 4; background-size: cover; } .hot__mask_bg_box{background:url(../images/hot_bg.png) no-repeat center center;width: 266px;padding: 0;height: 428px;background-size: cover;border-radius:5px;position:absolute;left:50%;margin-left:-605px;top:65px;z-index:4;} .hot__mask_bg{background:none; width: 100%;height: 100%;-webkit-filter: blur(10px); -moz-filter: blur(10px); filter: blur(10px); background-position: -355px -65px;z-index: 3;position: absolute;top: 0;left: 0;opacity: 0;} .hot__mask_bg.cur{opacity: 1}; .hot__mask_bg:active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .hot_tit{font-size:18px;font-weight:bold;color:#fff;margin-right:40px;} .hot_tab_btn,.goup_tab_btn{text-align:center;height:20px;vertical-align:top;margin-left:12px;color:#fff;} .hot_tab_btn:hover{color:#fff;} .hot_tab_btn.cur{border-bottom:2px solid #8ccd58;} .hot_comic_cut{margin-top:6px;} .hot_comic_list li{height:17px;line-height:17px;margin-top:10px;*margin-top:6px;overflow:hidden;} .hot_comic_list .hot_num{width:16px;height:16px;line-height:16px;text-align:center;color:#fff;} .part_loop .hot_comic_list .hot_num{background:none;color:#fff;} .hot_comic_list .hot_comic_detail{height:80px;} .hot_comic_show,.rank_comic_show{width:195px;} .rank_bang .rank_comic_tit{overflow:hidden;height:16px;color:#000;cursor:pointer;} .hot_comic_list .hot_comic_tit{overflow:hidden;height:16px;color:#fff;cursor:pointer;} .rank_bang .rank_comic_tit:hover{color:#ff7200;} .hot_comic_list .hot_comic_box{margin-left:9px;float:left;} .hot_comic_hide{height:80px;} .hot_comic_hide .hot_comic_img{width:62px;height:80px;} .hot_comic_hide .hot_comic_img img{width:100%;height:100%;} .hot_comic_box .hot_comic_content{margin-left:14px;width:118px;} .hot_comic_box .comic_type{color:#e5e5e5;} .hot_comic_box .hot_comic_content .comic_tit{display:inline-block;font-size:16px;font-weight:bold;width:112px;height:18px;line-height:18px;overflow:hidden;color:#fff;} .hot_comic_box .hot_comic_content .comic_tit:hover{color:rgb(137,211,143);} .hot_comic_box .hot_comic_content .comic_style{overflow:hidden;} .hot_comic_box .hot_comic_content .comic_style .diamonds{color:#fff;margin-top:13px;width:55px;height:16px;line-height:16px;overflow:hidden;font-family:"瀹嬩綋";} .hot_comic_box .hot_comic_content .comic_style .diamonds::before{content:'';display:inline-block;width:3px;height:3px;background:#999;vertical-align:middle;margin-right:4px;} .hot_rank{height:18px;width:220px;margin-top:17px;} .hot_rank .comic_rank{width:58px;height:18px;line-height:18px;text-align:center;cursor:pointer;color:#c4c4c4;} .hot_rank .comic_rank.cur{color:#d9616a;text-decoration:underline;} .hot_rank .comic_rank2{margin:0 22px;} /*婕敾鍒楄〃*/ .v5_comic_list{width:1200px;height:314px;margin:0 auto;margin-top:20px;font-family:"Microsoft YaHei";position:relative;z-index:5;background:#fff;border-radius:5px;padding-top:18px;} .comic_content{width:972px;height:100%;} .comic_goup{width:220px;height:100%;} .comic_content .comic_content_tit{width:100%;height:37px;background-image:url(../images/comiclist_ico.png);background-repeat:no-repeat;} .comic_content .comic_content_tit h2{width:148px;height:37px;line-height:37px;font-size:24px;color:#4a4a4a;font-weight:bold;text-align:center;float:left;} .comic_content .comic_choose li{float:left;width:60px;height:37px;line-height:42px;color:#000;font-size:14px;text-align:center;cursor:pointer;} .comic_list_qy .comic_content .comic_content_tit{background-position:10px -51px;} .comic_list_ts .comic_content .comic_content_tit{background-position:10px -123px;} .comic_list_dy .comic_content .comic_content_tit{background-position:10px -193px;} .comic_list_man .comic_content .comic_content_tit{background-position:10px -268px;} .comic_list_maid .comic_content .comic_content_tit{background-position:10px -329px;} .comic_list_gay .comic_content .comic_content_tit{background-position:10px -402px;} .comic_list_sige .comic_content .comic_content_tit{background: url(../images/sige.png) no-repeat 10px center;} .no_bg .comic_content .comic_content_tit{background:none;} .no_bg .comic_content .comic_content_tit .comic_sort_font::before{content:'';margin:0 6px 0px 16px;vertical-align:middle;display:inline-block;width:20px;height:37px;} .comic_list_mohuan .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -29px -468px;} .comic_list_shenghuo .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -54px -468px;} .comic_list_dongzuo .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -81px -468px;} .comic_list_gaoxiao .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -111px -468px;} .comic_list_tuili .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -140px -468px;} .comic_list_potential .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat 0px -515px;} .comic_list_over .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -34px -515px;} .comic_list_mangai .comic_content .comic_content_tit .comic_sort_font::before{background:url(../images/comiclist_ico.png) no-repeat -73px -515px;} .comic_content .comic_choose li.cur{background:url(../images/comiclist_ico.png) no-repeat 0px -563px;} .comic_content .comic_look_more{width:67px;height:28px;line-height:28px;position:relative;padding-left:20px;margin-top:5px;} .comic_content .comic_look_more:hover::after{background:url(../images/comiclist_ico.png) no-repeat -116px -519px;} .comic_content .comic_look_more:hover{color:#e9626e;} .comic_content .comic_look_more::after{content:"";display:inline-block;width:26px;height:26px;background:url(../images/comiclist_ico.png) no-repeat -156px -519px;position:absolute;top:2px;right:7px;} .rotate90.comic_look_more::after{content:"";display:inline-block;width:26px;height:26px;background:url(../images/comiclist_ico.png) no-repeat -116px -519px;position:absolute;top:2px;right:7px;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} .rotate0.comic_look_more::after{content:"";display:inline-block;width:26px;height:26px;background:url(../images/comiclist_ico.png) no-repeat -116px -519px;position:absolute;top:2px;right:7px;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);} .comic_look_more .more_hide{position:absolute;border:1px solid #cccccc;border-radius:4px;background-color:rgb(250,250,250);height:20px;line-height:20px;right:0;top:27px;z-index:6;width:105px;box-shadow:0px 0px 5px #ccc;} .comic_look_more.third .more_hide{width:158px;} .comic_look_more .more_hide a{float:left;padding:0 14px;background:#fff;color:#999999;} .comic_look_more .more_hide a:first-of-type,.comic_look_more.third .more_hide a:nth-of-type(2){border-right:1px solid #ccc;} .comic_look_more .more_hide a:hover{background:#e0e0e0;color:#666666;} .comic_content .comic_list_slide_box{height:260px;width:100%;position:relative;margin-top:17px;border-left:10px solid #fff;box-sizing:border-box;} .comic_content .comic_list_slide_box ul{position:absolute;top:0px;left:0;height:260px;width:9999px;} .comic_content .comic_list_slide_box li{float:left;width:185px;margin-right:12px;position:relative;} .comic_content .comic_list_slide_box li:last-of-type{margin-right:0;} .comic_content .comic_list_slide_box li .comic_pic { display: block; width: 185px; height: 210px; border: 1px solid #eeeded; border-radius: 5px; } .comic_content .comic_list_slide_box li .comic_pic img{width:100%;height:100%;border-radius:5px;} .comic_content .comic_list_slide_box li .comic_tit { display: block; width: 100%; overflow: hidden; height: 20px; line-height: 20px; font-size: 14px; text-align: center; margin-top: 5px; font-weight: bold; position: relative; } .comic_content .comic_list_slide_box .comic_pic:hover{border:1px solid #6dad14;} .comic_content .comic_list_slide_box li .comic_tit:hover{color:#89d38f;} .comic_content .comic_list_slide_box li .comic_tit .ico_rec{display:inline-block;width:18px;height:18px;background:url(../images/comiclist_ico.png) no-repeat -1px -473px;margin:0px 3px 0 0;position:relative;top:2px;} .comic_content .comic_list_slide_box li .border1{border:1px solid #89b38f;} .comic_content .comic_list_slide_box li .comic_type,.comic_content .comic_list_slide_box li .comic_class{text-align:center;height:28px;line-height:28px;color:#999999;} .rank_bang .comic_type{color:#999;} .rank_bang .rank_comic_tit{margin-left:9px;} .comic_goup .goup_tab{margin-top:8px;} .goup_tit{font-size:18px;font-weight:bold;color:#fff;} .v5_comic_list .hot_tab_btn.cur,.v5_comic_list .goup_tab_btn.cur{border-bottom:2px solid #e9626e;color:#e9626e;} .rank_bang{background:#fff;margin-top:20px;padding:0px 3px 5px 3px;position:relative;color:#333;} .rank_bang li{height:34px;line-height:17px;margin-top:11px;*margin-top:6px;overflow:hidden;} .rank_bang .rank_num{width:16px;height:16px;background:#eeeeee;line-height:16px;text-align:center;color:#333;} .rank_bang .rank_comic_tit:hover{color:#8ccd58;} .hot_comic_list .hot_num.hot_num_orange,.rank_bang .rank_num.rank_num_orange{width:14px;height:14px;line-height:14px;background:#9bd66d;color:#fff;border:1px solid #7bb350;} .v5_comic_list .rank_bang .click_read_more{width:210px;height:22px;border:1px solid #e4e4e4;text-align:center;line-height:22px;border-radius:5px;margin-top:15px;overflow:visible;position:relative;} .v5_comic_list .rank_bang .click_read_more:hover{border:1px solid #cccccc;} .v5_comic_list .rank_bang .click_read_more>a{float:left;width:100%;height:100%;color:#999;} .v5_comic_list .rank_bang .click_read_more>a::after{content:'';width:10px;height:22px;display:inline-block;vertical-align:top;zoom:1;*display:inline;background:url(../images/comiclist_ico.png) no-repeat -150px 5px;margin-left:5px;} .v5_comic_list .rank_bang .click_read_more.more_pull>a.hover{background:#e0e0e0;color:#333;} .v5_comic_list .rank_bang .click_read_more.more_pull>a.hover::after{background:url(../images/comiclist_ico.png) no-repeat -172px 5px;} .v5_comic_list .rank_bang .click_read_more>a:hover{background:#e0e0e0;color:#333;} .v5_comic_list .rank_bang .click_read_more>a:hover::after{background:url(../images/comiclist_ico.png) no-repeat -172px 5px;} .v5_comic_list.comic_list_sort .comic_sort_font{font-size:24px;font-weight:bold;height:37px;line-height:37px;margin-right:45px;} .v5_comic_list .click_read_more.more_pull>a.hover::after{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);} .v5_comic_list .click_read_more.more_pull .choose_more{width:100%;position:absolute;top:22px;left:-1px;border:1px solid #e4e4e4;border-radius:5px;background:#fafafa;display:none;} .v5_comic_list .click_read_more.more_pull .choose_more a{margin:0 15px;color:#999999;} .v5_comic_list .click_read_more.more_pull .choose_more a:hover{color:#333;} /*骞垮憡浣�*/ .generalize{display:block;width:1200px;height:110px;margin:20px auto;position:relative;overflow:hidden;} .generalize img{position:absolute;left:50%;margin-left:-750px;} /*涓婂崌姒滄粦杩囨樉绀鸿鎯卌ss*/ .comic_info{width:106px;background:#fff;position:absolute;right:6px;text-align:center;z-index:5;pointer-events:none;border:1px solid #cadacb;} .comic_info img{width:90px;height:118px;margin:8px auto;} .comic_info h3{height:22px;line-height:22px;font-size:16px;color:#333;font-weight:bold;width:100%;overflow:hidden;margin-bottom:7px;} .comic_info .lx span{float:left;width:40px;height:18px;line-height:18px;border-radius:9px;color:#478c4c;border:1px solid #d0ffca;margin:0 0 7px 7px;} .comic_content .comic_list_slide_box .comic_slide_prev,.comic_content .comic_list_slide_box .comic_slide_next{width:45px;height:266px;position:absolute;top:0px;cursor:pointer;z-index:3;} .comic_content .comic_list_slide_box .comic_slide_prev{left:0;background:url(../images/btn_sprites.png) no-repeat -264px -10px;} .comic_content .comic_list_slide_box .comic_slide_next{right:0;background:url(../images/btn_sprites.png) no-repeat -385px -10px;} .comic_content .comic_list_slide_box .comic_slide_prev:hover{left:0;background:url(../images/btn_sprites.png) no-repeat -328px -10px;} .comic_content .comic_list_slide_box .comic_slide_next:hover{right:0;background:url(../images/btn_sprites.png) no-repeat -448px -10px;} .goup_tab_btn.goup_tab_btn1{margin-left:30px;color:#333;} .goup_tab_btn.goup_tab_btn2,.goup_tab_btn.goup_tab_bt3{margin-left:15px;color:#333;} .comic_goup .rank_all li a{color:#333;} .comic_goup .goup_tab .goup_tit{color:#333;} .rank_bang li .rank_comic_show{width:190px;} /*婕敼*/ .comic_list_sort.comic_list_mangai .comic_content,.comic_list_sort.comic_list_mangai .comic_content_tit,.comic_list_sort.comic_list_mangai .comic_list_slide_box{width:1200px;border-radius:5px;} .comic_list_sort.comic_list_mangai .comic_list_slide_box li{width:171px;margin-right:12px;} .comic_list_sort.comic_list_mangai .comic_list_slide_box li .comic_pic{width:171px;height:222px;} .comic_list_sort.comic_list_mangai.v5_comic_list{height:382px;} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box{height:328px;} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev,.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{height:328px;background-size:auto 100%;} /*.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/prevbtn.png',sizingMethod='scale');} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nextbtn.png',sizingMethod='scale');} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev,.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{background:none\0/;} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev,.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{!background:none;}*/ .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev{left:0;background:url(../images/btn_sprites.png) no-repeat -10px -10px;} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{right:0;background:url(../images/btn_sprites.png) no-repeat -131px -10px;} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev:hover{left:0;background:url(../images/btn_sprites.png) no-repeat -74px -10px;} .comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next:hover{right:0;background:url(../images/btn_sprites.png) no-repeat -194px -10px;} .comic_list_sort.comic_list_mangai .comic_content .comic_choose li.dh{width:90px;} .comic_list_sort.comic_list_mangai .comic_content .comic_choose li.zrj{width:75px;} .comic_list_sort.comic_list_mangai .comic_content .comic_choose li.cur.dh{background:url(../images/comiclist_ico.png) no-repeat 0px -638px;} .comic_list_sort.comic_list_mangai .comic_content .comic_choose li.cur.zrj{background:url(../images/comiclist_ico.png) no-repeat -87px -563px;} /*閫氱敤澶撮儴*/ #topbar .wrap .left .pop_wrap .nav,#topbar .wrap .left .pop_wrap .nav1{color: #333;} @media screen and (min-width:1550px){ #banner_box .top_nav_shadow .top_nav{width:1500px;} .comic_content{width:1245px;height:100%;} .comic_goup{width:235px;height:100%;} .comic_content .comic_list_slide_box li{margin-right:55px;} .comic_content .comic_list_slide_box ul{padding-left:10px;} .comic_list_mangai .comic_content .comic_list_slide_box ul{padding-left:2px;} .comic_list_mangai .comic_content .comic_list_slide_box li{margin-right:18px;} .comic_content .comic_list_slide_box{height:600px;} .comic_list_sort.comic_list_mangai .comic_list_slide_box,.v5_comic_list,.generalize,.comic_list_sort.comic_list_mangai .comic_content_tit,.comic_list_sort.comic_list_mangai .comic_content{width:1200px;} .comic_list_sort.comic_list_mangai .comic_list_slide_box{border:none;} .go_top{margin-left:760px;} .all_hottest{margin-left:-745px;} #topbar .wrap{width: 1500px;} #topbar #userbar{margin-right: 130px;} #topbar .fr .pop_wrap.wrap_forum{margin-right: 150px;} .comic_content .comic_list_slide_box .comic_slide_prev, .comic_content .comic_list_slide_box .comic_slide_next{width: 50px;} .hot__mask_bg_box{background:url(../images/hot_bg.png) no-repeat center center;width: 266px;padding: 0;height: 428px;background-size: cover;border-radius:5px;position:absolute;left:50%;margin-left:-745px;top:65px;z-index:3;} .hot__mask_bg{background:none; width: 100%;height: 100%;-webkit-filter: blur(10px); -moz-filter: blur(10px); filter: blur(10px); background-position: -216px -65px;z-index: 3;} .hot__mask_bg:active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .generalize_box{width: 1500px;} .generalize_new.g1{width: 1246px;} .generalize_new.g2{width: 234px;} } .big #banner_box .top_nav_shadow .top_nav{width:1500px;} .big .comic_content{width:1245px;height:100%;} .big .comic_goup{width:235px;height:100%;} .big .comic_content .comic_list_slide_box li{margin-right:18px;} .big .comic_content .comic_list_slide_box ul{padding-left:10px;} .big .comic_list_mangai .comic_content .comic_list_slide_box ul{padding-left:2px;} .big .comic_list_mangai .comic_content .comic_list_slide_box li{margin-right:18px;} .big .comic_content .comic_list_slide_box{height:260px;} .big .comic_list_sort.comic_list_mangai .comic_list_slide_box,.big .v5_comic_list,.big .generalize,.big .comic_list_sort.comic_list_mangai .comic_content_tit,.big .comic_list_sort.comic_list_mangai .comic_content{width:1500px;} .big .comic_list_sort.comic_list_mangai .comic_list_slide_box{border:none;} .big .go_top{margin-left:760px;} .big .all_hottest{margin-left:-745px;} .big #topbar .wrap{width: 1500px;} .big #topbar #userbar{margin-right: 130px;} .big #topbar .fr .pop_wrap.wrap_forum{margin-right: 150px;} .big .comic_content .comic_list_slide_box .comic_slide_prev, .comic_content .comic_list_slide_box .comic_slide_next{width: 50px;} .big .hot__mask_bg_box{background:url(../images/hot_bg.png) no-repeat center center;width: 266px;padding: 0;height: 428px;background-size: cover;border-radius:5px;position:absolute;left:50%;margin-left:-745px;top:65px;z-index:3;} .big .hot__mask_bg{background:none; width: 100%;height: 100%;-webkit-filter: blur(10px); -moz-filter: blur(10px); filter: blur(10px); background-position: -216px -65px;z-index: 3;} .big .hot__mask_bg:active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} /* 璋冩煡闂嵎寮圭獥 */ .vip_dialog{width:385px; height: 353px; background:url(../images/vip_dialog_bg.png) no-repeat; position:fixed; left:50%; top: 50%; margin-left:-197px; margin-top:-176px; z-index:1200;} .vip_dialog .close{width:32px; height: 32px; background:url(../images/vip_dialog_close.png) no-repeat; position:absolute; right:0; top:75px;} .vip_dialog .tit_pay,.vip_dialog .txt,.vip_dialog .info_txt{text-align:center; font-size:16px; color:#447a00;} .vip_dialog .tit_pay{ margin-top:170px;line-height: 30px;} .vip_dialog .bg_l,.vip_dialog .bg_r{position:absolute; top: 196px;} .vip_dialog .bg_l{left:45px;} .vip_dialog .bg_r{right:46px;} .vip_dialog .erweima_box{width:150px; height: 150px; background:#f2f2f2; border:1px solid #9fca59; margin:5px auto 0;} .vip_dialog .erweima_box img{width:150px; height: 150px;} .vip_dialog .txt{margin-top:3px;} .vip_dialog .info_txt{text-align: center; height: 145px; width: 320px; position: absolute; top: 130px; left: 28px;} .vip_dialog .info_txt:after,.vip_dialog .info_txt span{display:inline-block; *display:inline; *zoom:1; width:0; height:100%; vertical-align:middle;} .vip_dialog .info_txt:after{content: '';} .vip_dialog .info_txt p{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:16px;} .vip_dialog .btn{text-align: center; position: absolute; bottom: 50px; left: 50%; margin-left: -124px; width: 248px;} .vip_dialog .btn a{width:100px; height: 26px; border-radius:3px; display: inline-block; text-align:center; line-height:26px; border:1px solid #7aba33; margin:0 10px 0 10px;} .vip_dialog .btn a:hover{opacity: .9; filter:alpha(opacity=90);} .vip_dialog .btn_focus{background:#85c441; color:#fff;} .vip_dialog .btn_normal{background:#F0FFE3; color:#447a00;} .vip_dialog .click_go{padding: 0px 20px;height: 30px;line-height: 30px;background: #BAE88D;color: #315112;font-size: 16px;border: 2px solid #74C349;border-radius: 8px;text-decoration: none;position: absolute;bottom: 40px;left: 138px;} /*鏂板鏍囩*/ .v5_comic_list.comic_list_naodong .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px 2px;} .v5_comic_list.comic_list_ranbao .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px -50px;} .v5_comic_list.comic_list_gufeng .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px -103px;} .v5_comic_list.comic_list_satang .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px -153px;} .v5_comic_list.comic_list_jingqi .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px -206px;} .v5_comic_list.comic_list_yaoqi .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px -257px;} .v5_comic_list.comic_list_maoxian .comic_content_tit .comic_sort_font::before{width:32px;height:32px; background:url(../images/tag.png) no-repeat 3px -309px;} .v5_comic_list .comic_sort_font{font-size:24px;font-weight:bold;height:37px;line-height:37px;margin-right:45px;} .generalize_box{margin: 20px auto;width: 1200px;overflow:hidden;} .generalize_new{height: 110px;position: relative;overflow: hidden;} .generalize_new.g1{width: 972px;} .generalize_new.g2{width: 220px;} .generalize_new.g1 img{position: absolute;left: 50%;margin-left: -623px;} .generalize_new.g2 img{position: absolute;left: 50%;margin-left: -117px;} .big .generalize_box{width: 1500px;} .big .generalize_new.g1{width: 1246px;} .big .generalize_new.g2{width: 234px;} @charset "utf-8"; /*通用弹出框*/ input{vertical-align: middle;} .ui-widget-overlay{position:absolute;left:0;top:0;background-color:#545454;filter:alpha(opacity=20);opacity:.2} .ui-dialog{position:absolute;left:0;top:0;padding:0px;z-index:10;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .ui-widget-header{position:relative;background:#f7f7f7;height:30px;border:0;border-bottom:1px solid #85ba01;color:#76A600;font-family:"微软雅黑";font-size:16px;z-index:12;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;font-weight:normal;padding-top:5px} .ui-dialog .ui-dialog-bg{width:100%;height:100%;position:absolute;top:-6px;left:-6px;background:#292928;border:6px solid #292928;filter:alpha(opacity=40);opacity:0.4;z-index:-1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} .ui-dialog .ui-dialog-content{color:#3b3b3b;z-index:1;overflow:auto;_overflow:visible;background:#fff;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px} .ui-dialog .ui-dialog-title{background:url(../images/pic_dialog.png) 10px 9px no-repeat;float:left;height:30px;line-height:24px;padding:0 15px 0 23px;position:static} .ui-dialog .ui-dialog-title i{font-size:12px;padding-right:10px;color:#999;font-weight:normal;text-align:right;position:absolute;width:150px;height:22px;right:30px;top:6px} .ui-dialog .ui-dialog-title i a{color:#f80;position:relative;z-index:10000} .ui-dialog .ui-dialog-titlebar-close{background:url(../images/pic_dialog.png) 0 -25px no-repeat;width:16px;height:15px;margin:-7px 0 0;position:absolute;right:0.6em;top:50%; border: none;} .ui-dialog .ui-dialog-titlebar-close span{display:none} .ui-dialog .ui-dialog-titlebar-close:hover{background-position:0 -40px} .ui-dialog .ui-dialog-buttonpane{position:relative;height:40px;background:#fff;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;margin-top:-5px} .ui-dialog .ui-dialog-content td{vertical-align:middle;} .ui-dialog .ui-dialog-content td a{color:#808080;text-decoration:underline} .ui-dialog .ui-dialog-content td a:hover{color:#ff9900;text-decoration:none} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{text-align:center} .ui-dialog .ui-dialog-buttonpane button,.ui-dialog .ui-dialog-buttonpane button.left{background:url(../images/pic_dialog.png) 0 -55px no-repeat;width:72px;bottom:20px;text-align:center;border:0;padding:0;margin:0 0 .5em .4em;overflow:hidden;cursor:pointer;height:26px;color:#444;font-size:12px;line-height:25px;line-height:24px\9;padding-bottom:3px} .ui-dialog .ui-dialog-buttonpane button:hover{text-decoration:none;text-indent:0;opacity:0.85;filter:Alpha(Opacity=85)} .ui-dialog .ui-dialog-buttonpane button.left{background-position:0 -85px;color:#fff} .ncc_upload_img{height:100px;overflow:hidden} /*--- 月票、推荐弹出框样式（old） ---*/ .song{font-family:"宋体"} .lf{display:inline;float:left}.rt{display:inline;float:right} .font_14{font-size:14px}.gray_80{color:#808080}.red_e5{color:#E50000}.yellow{color:#FF4E00}.blue_22{color:#2275DB}.green_30{color:#309830}.blue3{color:#3b57e7} .line_18{line-height:18px} .auto{overflow:auto} .blo{display:block} .green_6b{color:#6BA718} .b{font-weight:bold} .txt_ct{text-align:center}.txt_rt{text-align:right} .pd_t_6{padding-top:6px}.pd_t_10,.pd_t_13{padding-top:10px} .pd_l_15{padding-left:15px} .pd_lr_13{padding:0 13px} .pd_lr_35{padding-left:35px; padding-right:35px} .pd_rt_13{padding-right:13px} .pd_b_6{padding-bottom:6px} .pd_b_15{padding-bottom:15px} .pd_tb_4{padding:4px 0} .tanchu_donate_bg{background:url(../images/tanchu_donate_bg.gif) right bottom no-repeat;padding-bottom:135px} .width_360{width:360px} .width_190{width:190px;line-height:24px} .tanchu_dot_shu{background:url(../images/tanchu_dot_shu.gif) right top repeat-y} .tanchu_dot_heng{background:url(../images/tanchu_dot_heng.gif) repeat} .width_90{width:90px} .width_92{width:92px} .width_350{width:350px;clear:both} .pd_rt_10{padding-right:10px} .indent_2{text-indent:2em} .pd_t_25{padding-top:20px} .pd_t_40{padding-top:40px} .img_bor_2_pd_1{border:2px solid #d6d6d6;padding:1px} .mg_2{margin-left:23px;margin-right:23px} .bg_bottom{background:url(../images/dot.gif) repeat-x scroll left bottom transparent} .btn_ui_add_favorite{position:absolute;right:0;top:0;display:inline-block;width:94px;height:30px;background:url(../images/btn_ui_add_favorite.gif) left center no-repeat} #month_ticket_dialog,#donate_dialog,#grade_dialog,#recommend_dialog,#forward_dialog,#tongren_dialog,#send_gift_dialog,#dashang_dialog{padding:20px 0 10px} /*推广*/ #forward_dialog .pd_lr_13 .pd_t_16{clear:both;padding-top:10px} #forward_dialog .line_21 img{vertical-align:text-bottom} /*同人*/ #tongren_dialog .pd_t_10{clear:both} #tongren_dialog .pd_t_10 div.auto{float:left;width:450px} /*空间*/ #recommend_dialog dl dt{width:124px} #recommend_dialog dl dd{float:right;width:400px;padding-left:0} #donate_dialog .in_blo{float:left;height:20px;overflow:hidden;*float:none} #donate_dialog .pd_t_10{padding-top:8px} #donate_dialog .width_350 .pd_t_6{padding-top:0} #forward_dialog .pd_lr_13 .pd_t_16 p,#tongren_dialog .pd_t_10 p,#grade_dialog .pd_t_10 p,#month_ticket_dialog .month_ticket_dialog_bot,#dashang_dialog .dashang_dialog_bot{padding:6px 13px;line-height:24px;border:1px solid #E7E5E4;background:#F7F7F7;color:#808080} /*切换*/ .tanchu_exchange{padding:0 0 0 50px;height:31px;font-size:14px;border-bottom:1px solid #c5c5c5;margin-bottom:12px} .tanchu_exchange a{height:30px;line-height:30px;background:#fcfcfc; border:1px solid #d3d3d3; border-bottom:none; color:#515151;float:left; padding:0 15px; margin-right:7px} .tanchu_exchange a.exchanged,.tanchu_exchange a:hover{text-decoration:none; background:#78b328; border:1px solid #5c980d; border-bottom:none; color:#fff} /*按钮*/ .btn_tanchu_submit,.btn_tanchu_reset,.btn_recommend_tanchu,.btn_copy,.btn_tougao,.btn_donate_submit,.btn_donate_reset{background-image:url(../images/cs_readerjoin.png)!important;cursor:pointer;width:60px;height:28px;border:0} .btn_recommend_tanchu{width:108px;height:27px;background-position:0 -115px} .btn_copy{width:57px;height:23px;background-position:0 -176px; position: relative; top:3px;} .btn_tougao{background-position:0 -142px;width:96px;height:34px} .btn_donate_submit{width:82px;background-position:0 -59px;margin-right:10px} .btn_tanchu_submit,.btn_tanchu_reset,.btn_tanchu_add{margin-right:10px; background-image:none!important; width:87px; background-color:#f28b1e; border:1px solid #cc6902; color:#fff; font-size:15px} .btn_tanchu_submit:hover{background:#e57804} .btn_tanchu_reset{background-color:#f8f8f8; border-color:#d3d3d3; color:#515151} .btn_tanchu_reset:hover{background-color:#f0f0f0} .btn_tanchu_add{background-color: #76b127;border-color:#5c980d; width: auto; padding: 0 5px;} .btn_tanchu_add:hover{background:#70a924} .btn_donate_reset{width:82px;background-position:0 -87px} /*打分*/ .tanchu_score{width:383px;height:44px;margin:0 auto;background:url(../images/tanchu_score_bg.gif) bottom center no-repeat;overflow:hidden} .tanchu_score span{float:left;display:inline-block;margin-left:70px;width:75px;height:44px;text-align:center;font:600 31px/44px "\5FAE\8F6F\96C5\9ED1";color:#d40500} .tanchu_score_info{width:526px;margin:0 auto;text-align:center} .tanchu_score_info span{display:inline-block;width:104px;height:40px;border-right:1px solid #d1d1d1} .tanchu_score_info span.bor_0{border:0} .score{width:227px;height:44px;margin:0 auto;background:url(../images/sorce_bg.gif) bottom center no-repeat;overflow:hidden} .score span{float:left;display:inline-block;width:75px;height:44px;text-align:center;font:600 31px/44px "\5FAE\8F6F\96C5\9ED1";color:#d40500} .star-rating{list-style:none;margin-top:5px;padding:0px;width:150px;height:32px;position:relative;line-height:32px;list-style-image:none;list-style-position:outside;list-style-type:none;overflow:hidden;background:transparent url(../images/ico_star.gif) repeat-x scroll left top} .star-rating li{color:#FF6600;float:left;font-weight:bold;margin:0;padding:0} .star-rating li a{display:block;height:32px;padding:0;position:absolute;text-decoration:none;text-indent:-9000px;width:30px;z-index:20} .star-rating li a:hover{background:transparent url(../images/ico_star.gif) repeat scroll 0 -32px;left:0;z-index:1} .star-rating li.current_rating{background:transparent url(../images/ico_star.gif) repeat scroll 0 32px;display:block;height:32px;left:0;position:absolute;text-indent:-9000px;z-index:1} .star-rating{float:left} .star-rating a.one-star{left:0px} .star-rating a.two-stars{left:30px} .star-rating a.three-stars{left:60px} .star-rating a.four-stars{left:90px} .star-rating a.five-stars{left:120px} .star-rating a.one-star:hover{width:30px} .star-rating a.two-stars:hover{width:60px} .star-rating a.three-stars:hover{width:90px} .star-rating a.four-stars:hover{width:120px} .star-rating a.five-stars:hover{width:150px} .score_text{line-height:30px;height:30px;color:#797979;text-align:center} /*弹出框结束*/ /*推荐弹出框开始*/ .input_txt_240,.input_txt_320,.input_file_313{border:1px solid #dbdbdb;font-size:12px;width:320px;background-color:#fff;color:#9c9c9c;padding:3px; box-shadow: inset 1px 1px 2px #fcfbfb;} .input_txt_240{width:240px} .input_file_313{width:313px;background-color:#fff;margin:0} .texteare_1_63,.texteare_1_112,.texteare_1_90,.texteare_1_92{border:1px solid #d6d6d6;color:#999;font-size:12px;line-height:21px;overflow:auto;width:96%;height:63px;background:#fff;padding:0 3px} .texteare_1_112{height:112px} .texteare_1_92{height:92px} .texteare_1_120{height:120px} .texteare_1_90{height:90px;line-height:18px} /*送礼物弹框*/ #send_gift_dialog{color:#515151;} #send_gift_dialog .tab,#dashang_dialog .tab{height:28px; line-height:28px; background:#fff; margin-top:-20px; padding-left:35px; border: 1px solid #6eaf17; border-top: none; *position: relative; *top: -20px;} #send_gift_dialog .tab a,#dashang_dialog .tab a{display:inline-block; padding: 0 5px; text-align:center; color:#808080; font-size:13px} #send_gift_dialog .tab a.curr,#send_gift_dialog .tab a:hover,#dashang_dialog .tab a.curr,#dashang_dialog .tab a:hover{color:#6da81d; font-weight:bold; text-decoration:none} #send_gift_dialog .con_top{height:82px; border-bottom:1px dashed #e3e3e3} #send_gift_dialog .ico_gift{width:65px; height:60px; float:left; margin:10px} #send_gift_dialog .gift_info{float:left; padding:12px 0 0 10px} #send_gift_dialog .gift_info strong{font-size:16px; color:#ea9105; line-height:30px} #send_gift_dialog .choose_num{height:22px; padding:10px 0 15px 10px} #send_gift_dialog .choose_num a{width: 59px; height: 30px; background: #fdfdfd; border: 1px solid #c6c6c6; display: inline-block; text-align: center; font: 18px/30px "microsoft yahei"; float: left; margin-right: 10px; cursor: pointer;} #send_gift_dialog .choose_num a.cur{width: 61px; height: 32px; background: url(../images/curbg.png) 0 -39px no-repeat; line-height: 32px; border: none;} #send_gift_dialog .choose_num a:hover{text-decoration: none;} #send_gift_dialog .choose_num input{margin-right:5px; *margin-right:0px} #send_gift_dialog .choose_num label{margin-right:27px; *margin-right:24px; font:13px "Arial"; display:inline} .gb{width: 22px; height: 22px; float: left; background: url(../images/lb.gif) no-repeat; margin-left: 10px; border: 0; position: relative; top: 13px;} .gb:hover{background: url(../images/lb_hover.gif);} .gb_tc{width: 325px; padding: 10px; height: 95px; background: #fffded; border: 1px solid #d5c6bb; position: absolute; left: 448px; top: 45px; display: none;} .gb_tc h3{font-style: normal; font-weight: normal;} .gb_tc .fb{font-weight: bold;} .gb_tc p{margin-top: 5px;} .orang_f28{color: #f28b1e;} .red_e5{color: #e50000;} #send_gift_dialog .choose_num .text{width:56px; height:18px; border:1px solid #b9b9b9; margin:-5px 0 0 -15px} #send_gift_dialog .con_mid .words textarea{width:522px; height:42px;padding:0 5px; border:1px solid #b9b9b9; display:inline-block; vertical-align:top; color:#808080} #send_gift_dialog .con_mid .words .num_words{color:#767474; float:right; font-family:"Arial"} #send_gift_dialog .con_mid .btn_zs{display:inline-block; width:87px; height:28px; background:#f28b1e; border:1px solid #cc6902;font-size:15px; line-height:28px; text-align:center; color:#fff; margin:0 20px 0 205px; text-decoration:none} #send_gift_dialog .con_mid .btn_zs:hover{background:#e57804; text-decoration:none} #send_gift_dialog .btn_box{padding:10px 0; text-align: center;} #send_gift_dialog .btn_box a{color:#3b57e7; text-decoration:underline} #send_gift_dialog .con_bot{background:#f5f5f5; border:1px solid #e7e5e4; width:550px; padding:5px 13px; color:#808080; margin-top: 10px;} #send_gift_dialog .con_bot .charge{color:#3b57e7; text-decoration:underline; margin-left:24px} #send_gift_dialog .con_bot i,#send_gift_dialog .con_bot em,#send_gift_dialog h5 em{color:#70ab21; font-weight:bold; margin:0 2px; font-family:"Arial"} #send_gift_dialog .con_bot i{color:#e50000} #send_gift_dialog .con_bot p a{color:#70ab21; margin-left:15px} /*投月票*/ /*#month_ticket_dialog .month_ticket_dialog_bot{margin-top:10px} #month_ticket_dialog .month_ticket_dialog_bot .dashang{background:#e3e8c3; width:325px; padding:0 3px} .gray_b9{color:#bbb9b9} #member_ticket_count,#month_ticket_dialog .month_ticket_dialog_bot em{color:#e50000; font-weight:bold; font-family:"Arial"} #month_ticket_dialog .btn_tobe_vip{display:inline-block; width:196px; height:42px; background:#f28b1e; border:1px solid #cc6902; font:18px/42px "Microsoft Yahei"; color:#fff; text-align:center} #month_ticket_dialog .btn_tobe_vip:hover{background:#e57804; text-decoration:none}*/ /*我要打赏*/ /*#dashang_dialog .pd_b_6 label{display:inline-block; margin-right:26px; font-family:"Arial"} #dashang_dialog .pd_b_6 label input{margin-right:5px; *margin-right:0; vertical-align:text-top; *vertical-align:middle} #dashang_dialog #ds_ticket .pd_b_6 label{margin-right:30px}*/ /*表情*/ .ico_feel_img{background:url(../images/ico_coment_feel_bg_new.gif) no-repeat 2px 0;width:112px;height:24px;float:left;padding-left:1px; position:relative;} .ico_feel_img ol{float:left;width:53px;height:24px;background:none;padding:0} .ico_feel_img ol i{position: absolute;background:url(../images/cs_pic.png) no-repeat -138px -90px;display: block;width: 22px;height: 14px;top: -6px;left: 45px;} .ico_feel_img ol a{display:block;height:24px;line-height:24px} .ico_feel_img ol a:hover{color:#2f2f2f;text-decoration:none} /*-----------分享弹出层----------------------*/ #allshadow,#sharebox{ display:none} #sharebox a,#sharebox span{ position:relative} #allshadow{filter:alpha(opacity=20);opacity:0.2;background:#000;width:100%;height:100%;position:fixed;_position:absolute;_top:expression(documentElement.scrollTop + "px");_height:expression(documentElement.clientHeight + "px");left:0;top:0;z-index:600} #sharebox{padding:62px 0 0 35px;width:405px;height:159px;z-index:99998;top:25%;left:50%;margin-left:-220px;position:fixed;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight*0.25 + "px");background:url(../images/sharebg.png);_background:none} #sharebox .bbg{_position:absolute;left:0;top:0;_width:405px;_height:159px;z-index:-1;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.u17i.com/v4/common/images/dialog/sharebg.png")} #sharebox p{ padding:13px 0 0 14px;color:#333;clear:both} #sharebox p span{color:#666} #sharebox .wb{padding:0 0 0 14px;color:#333;height:42px} #sharebox .wb span.fl{ padding-top:3px} #sharebox .wb .u{color:#205b9e;padding:3px 0 5px 26px} #bdshare a,#bdshare span{position:relative} #sharebox .url{border:0;height:26px;line-height:26px;margin-top:8px;width:270px;*margin-left:220px} #sharebox .close{width:18px;height:18px;top:17px;left:406px;position:absolute;cursor:pointer} #sharebox .copy{left:324px;top:143px;cursor:pointer;position:absolute;display: inline-block;width: 87px;height: 28px;background: #f28b1e;border: 1px solid #cc6902;font-size: 15px;line-height: 28px;text-align: center;color: #fff;text-decoration: none;} #sharebox .close:hover{filter:alpha(opacity=20);opacity:0.2;background:#fff} #sharebox .copy:hover{background:#e57804; text-decoration:none} /*新弹框*/ .dialogBox{width: 688px; min-height: 490px;_height:490px; background: #f2f2f2; position: absolute; left: 50%; margin-left: -354px; top:900px; z-index: 501; padding: 10px; border: 10px solid #fff;} .dialogBox .close{width:20px; height:20px; background:#cacaca; padding:5px 9px; position:absolute; right:-48px; top:-10px} .dialogBox .close i{width:20px; height:20px; background:url(../images/ico_list.png) no-repeat 0 -150px; display:block; cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease} .dialogBox .close:hover i{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .dialogBox .help{width: 33px; height: 33px; background: url(../images/help.png) no-repeat; position: absolute; right: 0; bottom: 0; cursor: pointer; display: none;} .dialogBox .dialogTit{overflow: hidden; background:#6eaf17; height: 36px; line-height: 36px; } .dialogBox .dialogTit a{ padding: 0 29px; float: left; font-family: "microsoft yahei"; font-size: 16px; color: #fff;} .dialogBox .dialogTit a.cur,.dialogBox .dialogTit a:hover{background:#fff; color: #6eaf17; border-radius: 3px; margin: 5px 10px; padding: 0 19px; height: 26px; line-height: 26px;} .dialogBox .conBox{display: none;} /*投月票*/ .dialogBox .ypBox{padding: 28px 24px 40px; line-height: 24px; font-family: "microsoft yahei";} .f_51{color: #515151;} .mt20{margin-top: 20px;} .ypBox .ypBg a{margin-right: 35px; width: 117px; height: 46px; display: inline-block; float: left; font-size: 20px; font-family: "microsoft yahei"; text-align: center; line-height: 46px; border: 1px solid #c6c6c6; background: #fdfdfd; cursor: pointer; position: relative;} .double_btn{width: 19px; height: 19px; position: absolute; right: -8px; top: -8px; background: url(../images/cs_btn.png) no-repeat -1px -250px;} .at_box{margin-top: 10px; position: relative; } .at_box .at_btn{width: 18px; height: 18px; display: inline-block; background: url(../images/cs_btn.png) no-repeat 0 -275px;} .at_box .new{position: absolute;background: url(../images/cs_ico.png) no-repeat 0px -440px;display: block;width: 23px;height: 11px;overflow: hidden;top: -4px;left: 20px;} .ypBox .ypBg a:hover{text-decoration: none;} .ypBox .ypBg a#more:hover{border: 2px solid #6eaf16; width: 113px; height: 43px; line-height: 43px;} .f18{font-size: 18px;} .ypBox .ypBg a.cur{background: url(../images/curbg.png) 0 -136px; color: #6eaf17; border: none; width: 119px; height: 48px;} .over_hidden{overflow: hidden;} .textareaBox{margin-top: 30px; overflow: hidden;} .textareaBg{width: 570px; height: 34px; border: 1px solid #b9b9b9; box-shadow: inset 1px 1px 2px #f6f4f4; padding: 0 5px; position: relative; border-radius:3px; background: #e5e5e5;} .textareaBg.cur{background: #fff;} .textareaBg.err{background: #fff; border-color: #e50000;} .textareaBg.err textarea{ color: #e50000;} .textareaBg i{width: 20px; height: 20px; display: inline-block; background: url(../images/feel_ico.png) no-repeat; position: relative; top:6px; float: left;} .textareaBg textarea{width:545px; height: 34px; border: none; background: none; float: left; margin-left: 5px; outline: none; resize: none; line-height: 34px; color: #908b8b;overflow: auto;} .textareaBox span{line-height: 34px;} .dialogBox .ypBox .tc{text-align: center; height: 40px; padding-top: 2px; } .tsInfor{background: #fdfcfc; padding: 5px 0 10px 10px; color: #808080; width: 590px; line-height: 30px; border: 1px solid #e7e5e4; margin-top: 15px;} .bg_jin{background: #fff8c7; display: inline-block; padding:0 3px; line-height: 20px;} .tsInfor p{padding-left: 5px;} .helpCon{width: 220px; background: #fffded; border: 1px solid #d5c6bb; position: absolute; left:33px; bottom: 0px; padding:10px; line-height: 24px; color: #333; display: none;} .helpCon ul {width: 184px;} .helpCon ul li{height: 24px;} .helpCon ul li span,.helpCon ul li a{float: left;} .helpCon ul li span{display: inline-block; width: 80px;} .helpCon ul li a{color: #6baf0e;} .line_dot{height: 1px; overflow: hidden; background: #c5c5c5;} .giftCon{width: 380px;} .col_green{color: #6baf0e;} .yptj{margin-right: 15px; border: 1px solid #c6c6c6; background: #fdfdfd; height: 53px; width: 161px; padding-left: 12px; padding-top: 2px; cursor: pointer; font-family: simsun;} .yptj.cur{width: 163px; height: 57px; border: none; background: url(../images/curbg.png) 0 -74px no-repeat;} .yptj input{float: left; margin-right: 10px; margin-top: 20px;} .yptj span{margin-top: 15px; float: left;} .yutjBox{width: 60px; text-align: center;} .dialogBox img{vertical-align: text-bottom;} .width_506{width: 506px;} .imgbgf{background: #fff; padding: 4px; padding-bottom: 0px;} .v4_w1000 .helpCon{left:-209px; bottom: -167px;} .v4_w1000 .giftCon{left: -369px;} .v4_w1000 .dsCon{bottom: -215px;} /*添加漫画标签弹窗*/ .comic_title_v4{font-size: 18px; color: #515151; font-family: "microsoft yahei"; height: 30px; line-height: 30px;} .inputBox_v4{height: 34px; margin: 10px 0; position: relative; z-index: 2;} .inputBox_v4 .inputText{width: 425px; height: 28px; line-height: 28px; padding-left: 5px; color: #908b8b; font-size: 12px; border: 1px solid #b9b9b9; background: #e5e5e5;} .haved_lable{width: 280px;} .haved_lable table{margin-top: 10px;} .haved_lable tr:hover{background: #fff;} .haved_lable td{height: 30px; padding-left: 5px;} .haved_lable td a{vertical-align: middle; margin-bottom: 0;} .comic_label a{ white-space:nowrap;} .haved_lable .acc,.haved_lable .ref,.haved_lable .lock,.haved_lable .open_lock{width: 15px; height: 16px; overflow: hidden; background: url(../images/cs_pic_1.png) no-repeat 0 -519px; border: none; display:inline-block; margin-right: 5px; vertical-align: middle; cursor: pointer; position: relative; top: -2px;} .haved_lable .ref{background-position: -16px -520px; top: 0;} .orange_f9c{color: #ff9c00;} .gray_68{color: #686868;} .haved_lable .lock{width: 12px; height: 16px; overflow: hidden; background-position: -33px -520px; float: left; top: 0;} .haved_lable .open_lock{width: 12px; height: 16px; overflow: hidden; background-position: -47px -520px; float: left; top: 0;} .comic_explain{padding: 10px; background: #fdfcfc; border: 1px solid #e7e5e4; color: #808080; line-height: 24px; margin-top: 10px;} .no_lable{width: 229px; height: 183px; background: url(../images/no_lable.png) no-repeat; margin: 40px 0 0 30px;} /*分享弹框*/ .shareBox{padding-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #fff;} .shareBox .add{display: inline-block; width: 13px; height: 13px; background: url(../images/shareadd.png) no-repeat; position: relative; top: 5px; margin-right: 5px;} .shareBox .u {color: #2daed8;padding: 3px 0 5px 26px;} .shareBoxInput p{padding: 15px 0 15px 0px;color: #333;clear: both;} .shareBoxInput .url {border: 1px solid #b9b9b9;height: 26px;line-height: 26px;width: 420px; padding:0 5px; color: #908b8b;} /*赠送礼物成功*/ .sendSucc{width: 267px; margin: 0 auto; background: url(../images/yg.png) no-repeat left center; height: 110px; padding-top: 20px; padding-left: 88px;} .f80{color: #808080;} .sendSucc p{font-size: 22px; color: #515151; font-family: "microsoft yahei"; padding-bottom: 15px;} .comic_label a.closeBtn{width: 13px; height: 13px; background: url(../images/cs_pic_1.png) no-repeat 0 -536px; padding: 0; overflow: hidden; border: none; margin-left: 10px; position: relative; top: 2px;} .gray_bg{border-color: #d8d8d8!important; color: #b5b5b5!important; position: relative;} .gray_bg .red_e5{color: #b5b5b5!important;} /*添加角色标签*/ .dialogBox form .ico{vertical-align: middle;} .add_role_input{width: 360px; height: 28px;} .haved_role{margin-top: 10px;} .haved_role_list{margin-top: 5px;} .haved_role_list a{margin-right: 5px;white-space:nowrap;} .f_red_e5{color: #e50000 !important;} .f_blue_2d{color: #2daed8; font-family: simsun;} .ypBox .tx_img{width: 40px; height: 40px; border: 1px solid #fff; margin-right: 5px; display: inline-block;} .ypBox .dou_txt{font-size: 14px; color: #fff; background: #ff6767; padding: 0 8px 2px; border-radius: 10px; margin-left: 5px;} .ypBox .tx_img img{width: 40px; height: 40px; vertical-align: middle;} .ypTxtTs{height: 20px; line-height: 20px; background: #fffded; border: 1px solid #d5c6bb; font-size: 13px; color: #4d4d4d; position: absolute; top:-25px; left:-80px; display: none; width: 380px; text-align: center;} .ypTxtTs span{font-size: 16px; color: #ee8c00; font-family: arial; font-weight: bold;margin-top: 0;float: none;} .cf{*display:inline-block;*zoom:1} .cf:after{content:"";display:block;height:0;clear:both;visibility:hidden} .fl{float: left;} .fr{float: right;} .conBox .a_link{float: left; background: none; line-height: 30px; font-size: 16px; color: #ff6600; font-family: "microsoft yahei"; position: relative; top: 10px;} .conBox .a_link em{ display: inline-block; width: 20px; height: 17px; background: url(../images/cs_btn.png) no-repeat 0 -158px; margin: 0 2px; position: relative; top: 2px;} .conBox .a_link:hover{background: none;color: #ff6600; text-decoration: underline;} /*新注册登录框*/ .dialog_box{width: 434px; min-height: 338px; padding-bottom: 10px; background: #fff; position: absolute; left: 50%; margin-left: -217px; top: 310px; z-index: 1000; border-radius: 3px; display:none;} .dialog_box .yzm{float: right;width: 137px; height: 42px;} .dialog_box .yzm img{width: 137px; height: 42px;} .dialog_box h2{height: 54px; background: #f3efe6; position: relative; color: #5d9116; font: 22px/54px "microsoft yahei"; padding-left: 30px;} .dialog_box .bg_top{height: 6px; overflow: hidden; background: url(../images/dialog_top_bg.jpg);} .dialog_box h2 .close{width: 12px; height: 11px; overflow: hidden; background: url(../images/ico_reg_log.png) no-repeat 0 0; position: absolute; right: 10px; top: 8px;} .dialog_box h2 .close:hover{background-position: -18px 0; } .dialog_box .login_box{width: 372px; margin: 0 auto; position: relative; padding-top: 24px;} .dialog_box .input_text{width: 352px; height: 40px; line-height: 42px; border: 1px solid #c2c2c2; background: #fff; border-radius: 3px; box-shadow:0 0 5px #eae5e5 ; outline: none; padding: 0 10px; color: #888; font: 18px/42px "microsoft yahei";} .dialog_box .input_text.w225{width: 203px;} .dialog_box .mob_yzm{width: 135px; height: 40px; display: inline-block; background:#00a0e9 ; vertical-align: middle; border: none; border-bottom: 3px solid #007cb4; border-radius: 3px; float: right; text-align: center; color: #fff; font: 16px/38px "microsoft yahei";} .dialog_box .mob_yzm.hui{background: #c9c9c9; border-color: #aaa; cursor: default;} .dialog_box .mob_yzm:hover{text-decoration: none;} .dialog_box .curr .input_text{border-color: #9de3ee;box-shadow:0 0 5px #a9e5f6} .dialog_box li{margin-bottom: 12px; position: relative; } .dialog_box li em{width: 23px; height: 24px; position: absolute; right: 10px; top: 8px; background: url(../images/ico_reg_log.png) no-repeat;} .dialog_box li .user_name{background-position: -27px -23px;} .dialog_box li.curr .user_name{background-position: 0 -23px;} .dialog_box li .user_pass{background-position: -64px -24px;} .dialog_box li.curr .user_pass{background-position: -89px -24px;} .dialog_box .err{position: absolute; left: 0; top: 0; color: #F3BA49;} .dialog_box .checked{width: 21px; height: 21px; display: inline-block; background: url(../images/ico_reg_log.png) -67px 0; vertical-align: middle; margin-right: 5px;} .dialog_box .checked.cur{background-position: -44px 0;} .dialog_box .login_check{font-size: 13px; color: #888; font-family: "microsoft yahei"; position: relative;} .dialog_box .onekey_link{text-align:center; font-size:16px;font-family:"microsoft yahei"; margin-bottom:5px;} .dialog_box .onekey_link a{color: #6fc2de;} .dialog_box .login_check .pass_forget{position: absolute; right: 5px; top: 0; text-decoration: none;} .dialog_box .login_check .pass_forget a{color: #00a0e9; font-size: 13px; padding-left: 5px;} .dialog_box .login_check .pass_forget a:hover{text-decoration: underline;} .dialog_box .login_check a{font-size: 12px;} .dialog_box .login_btn{width: 372px; height: 54px; background: #fe5f5c; font: 30px/50px simhei; color: #fff; border: none; border-bottom: 4px solid #e74b48; border-radius: 3px; text-shadow: 0 2px 5px #9f5200; cursor: pointer;} .dialog_box .login_btn:hover{opacity: .9; filter:alpha(opacity:90)} .dialog_box .way_login{border-top: 1px solid #eaeaea; position: relative; padding-top: 10px;} .dialog_box .way_login a{width: 82px; height: 26px; float: left; margin-right: 11px; border: 1px solid #6d9fe1; border-radius: 3px; text-align: center; font-family: "microsoft yahei"; font-size: 13px; display: inline-block; line-height: 26px;} .dialog_box .way_login a:hover{text-decoration: none;} .dialog_box .way_login a b{display: inline-block; width: 19px; height: 19px; overflow: hidden; background: url(../images/ico_reg_log.png) no-repeat; margin-right: 5px; vertical-align: middle; margin-top: -2px;_margin-top:3px;} .dialog_box .way_login .qq{color: #70a0e1;} .dialog_box .way_login .qq b{background-position: -98px 0;} .dialog_box .way_login .weixin{border-color: #89c736; color: #89c736;} .dialog_box .way_login .weixin b{background-position: -117px -28px;} .dialog_box .way_login .sina{border-color: #f77563; color: #f87665;} .dialog_box .way_login .sina b{background-position: -126px 0;} .dialog_box .way_login .sd{border-color: #f77563; color:#f45e91 ; margin-right: 0;} .dialog_box .way_login .sd b{background-position: -153px 0;} .dialog_box .way_login .sd_tk{width: 193px; height: 90px; background: #f3efe6; position: absolute; left: 280px; _left:60px; top: 0px; border-radius: 5px; text-align: center; font-size: 14px; color: #333; font-family: "microsoft yahei"; padding-top: 10px;} .dialog_box .way_login a.reg_btn_blue{position: absolute;right: 0px;top: 12px;color: #00a0e9;text-decoration: none;width: auto;border: none;} .dialog_box .way_login a.reg_btn_blue:hover{text-decoration: underline;} .triangle-left{position:absolute;color: #f3efe6;width: 0px;height:0px;line-height: 0px;border-width: 8px 8px 8px 0px;border-style: dashed solid dashed dashed ;border-top-color: transparent;border-bottom-color: transparent;top: 10px;left: -8px;} .dialog_box .way_login .sd_tk .sd_btn{width: 137px; height: 40px; background: #f46092; border: none; border-bottom: 4px solid #ce4875; border-radius: 3px;text-shadow: 0 2px 5px #9f5200; color: #fff; font: 16px/36px "microsoft yahei"; margin-top: 10px; cursor: pointer;} .dialog_box .way_login .sd_tk .sd_btn:hover{opacity: .9; filter:alpha(opacity:90)} .dialog_box .pass_ts{width: 50%; padding:3px 5px; background: #fffded; border: 1px solid #c9b179; line-height: 16px; color: #333; position: absolute; left: -215px; top: 0; text-align: left; font-family: "microsoft yahei";} .dialog_box .arrow{position:absolute;width: 0px;height:0px;line-height: 0px;border-width: 6px 0 6px 6px;border-style: dashed dashed dashed solid ;border-top-color: transparent;border-bottom-color: transparent;} .dialog_box .arrow-border{color: #c9b179;bottom: 40%;right: -7px;} .dialog_box .arrow-bg{color: #fffded;bottom: 40%;right: -6px;} .link_blue{color: #00a0e9; text-decoration: none;} /* Overlays */ .ui-widget-overlay {background: #000/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;opacity: .6/*{opacityOverlay}*/;filter: Alpha(Opacity=60)/*{opacityFilterOverlay}*/; } /* Overlays */ .ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;} .ui-front {z-index: 4001;} /* 新增加弹窗 */ .seven_year_dialog{width:741px; height:619px; background:url(../images/7_year_box.png); position:fixed; left:50%; margin-left:-408px; top: 50%; margin-top:-306px; z-index:1200; font-family:"Microsoft yahei"; padding:0 20px 0 55px;} .seven_year_dialog .close{position:absolute; right:-15px; top: 0;} .seven_year_dialog h2,.seven_year_dialog_small h2{font-size:18px; color:#f33042; text-align:center; margin-top:44px; line-height:30px; border-bottom:1px dashed #f3dc9f; padding-bottom:10px;} .seven_year_dialog h2{margin-top:0;} .seven_year_dialog .top_txt{font-size:14px; color:#333;} .seven_year_dialog .top_txt .tit{padding:5px 0 0px;} .seven_year_dialog .top_txt p{ line-height:24px; } .seven_year_dialog .txt_box{border:1px solid #f3dc9f; margin:2px 0 0; padding:5px;} .seven_year_dialog .txt_box .tit{font-weight:bold;font-size:14px;} .seven_year_dialog .txt_box .txt_box_info{font-size:12px; line-height:24px; padding-left:20px;} .f_blue_y{color:#0066cc;} .f_red_y{color:#f33042;} .seven_year_dialog .txt_thank{font-size:14px;color:#000; text-align:center; padding:5px 0;} .seven_year_dialog .more_fl{width:513px; background:#f7d477; height:30px; margin:0 auto; border-radius:5px 5px 0 0; text-align:center; font-size:14px; color:#ff4c06; line-height:30px; margin-top:10px;} .seven_year_dialog .txt_list{width:483px; background:#fff2d0; margin:0 auto; border-radius:0 0 5px 5px ; margin-top: 1px;color:#ff4c06; padding-left:30px; padding-bottom:10px;} .seven_year_dialog .link_list{width:510px; margin-left:115px; padding:0px 0 10px 90px; border-bottom:1px dashed #f3dc9f; } .seven_year_dialog .link_list a{color:#0066cc; padding:0 10px;} .seven_year_dialog .link_a,.seven_year_dialog_small .link_a{width:130px; height:34px; background:#85c441; color:#fff; text-align:center; margin:14px auto 0; line-height:34px; display:block; border-radius:3px; font-size:14px;} .seven_year_dialog .link_a:hover,.seven_year_dialog_small .link_a:hover{text-decoration:none; opacity:0.9; filter:alpha(opacity:90);} .seven_year_dialog_small{width:392px; height:243px; background:url(../images/7_year_dialog_samll.png) no-repeat; position:fixed; left:50%; top: 50%; margin-left:-196px; margin-top:-121px; z-index:1201; font-family:"Microsoft yahei";} .seven_year_dialog_small .close{position:absolute; right:-15px; top: -10px;} .seven_year_dialog_small h2{border:none; margin-top:30px;} .seven_year_dialog_small p{font-size:14px; color:#333; margin:20px 0px 0px 33px; padding-left: 10px;} .seven_year_dialog_small .link_a{margin-top:40px;} .seven_year_dialog .left_bot_icon{position:absolute; left:-44px; bottom:-20px; z-index:3;} .seven_year_dialog .scrollbar_7year{height:580px; overflow:hidden; position:relative; margin-top:30px;} .seven_year_dialog .viewport{height: 100%;overflow:hidden;position:relative;width: 720px;} .seven_year_dialog .overview{position:absolute;left:0;top:0;margin:0; width: 100%;} .seven_year_dialog .scrollbar{background:#f9e7b8;position:absolute;right: 10px;top:0;width:10px; height: 100%; border-radius: 3px;} .seven_year_dialog .thumb{background:#f3b451;height:20px;width:10px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:0; border-radius: 3px;} .seven_year_dialog .content_2{ width:75%; margin:7px auto 0; padding:0 3%;} .seven_year_dialog .con_left{width:74%; float: left; } .seven_year_dialog .con_box_7y{border:1px solid #f3dc9f;background:#fff2d0} .seven_year_dialog .content_2 h3{height:26px; line-height:26px; text-align:center; font-size:14px; color:#ff4c06; background:#f3dc9f; border-radius:5px 5px 0 0; position:relative;} .seven_year_dialog .content_2 p{padding:10px;} .seven_year_dialog .con_left span{margin-left:15px; display:inline-block;} .seven_year_dialog .con_right{float: right; width:23%;} .seven_year_dialog .more_fuli{position:absolute; right:10px; top: 0px; color:#0066cc; text-decoration:underline; padding-right:10px; font-size:12px; font-family:"simsun";} .seven_year_dialog .fuli_list{height:30px; line-height:30px; font-family:"simsun"; font-size:12px; background:#fff2d0; border-radius:0 0 5px 5px; margin-top:1px; padding-left:8px;} .seven_year_dialog .fuli_list span{margin:0 29px 0 22px;} /* vip自动续费弹窗 */ .auto_renew{width:464px; height:312px; border:3px solid #74c349; border-radius:20px; position:fixed; left:50%; top: 50%; margin-left:-232px; margin-top:-156px; z-index:1100; background:#def1cc url(../images/vipbg_left.png) left bottom no-repeat;} .auto_renew .close{width:32px; height:32px; background:url(../images/vip_close.png) no-repeat; position:absolute; right:-40px; top: 0;} .auto_renew .tit{background:#bae88d; height:55px; border-bottom:1px solid #74c349; border-radius:20px 20px 0 0; text-align:center; padding-top:10px;} .auto_renew .auto_info{height:215px; text-align:center; font-size:18px; color:#056e0d; font-family:"Microsoft yahei"; line-height:30px; padding-top:30px;} .auto_renew .auto_info font{font-size:28px; color:#fa0415;} .auto_renew .info_txt{margin-top:20px;} .auto_renew .info_txt span{font-size:12px; color:#82ad58;} .auto_renew .bg_right{position:absolute; right:-118px; bottom:-50px;} .auto_renew .btn_chongzhi{width:123px; height:37px; display: inline-block; background:url(../images/btn_chongzhi.png) no-repeat; text-align:center; font-size:16px; line-height:36px; color: #315112;} .auto_renew .btn_chongzhi:hover{text-decoration:none;} .auto_renew .open_auto_renew{font-size:14px; font-family:"simsun";} .auto_renew .auto_info font.red_auto{color:#e72e0f; font-size:14px;} .cb{font-weight:bold;} .underline{text-decoration:underline;} /* 阅读券通用提示框 */ .read_notes_dilog{width:398px; height:110px; background:#b4dd1d; border:1px solid #83991a; position:fixed; left:50%; margin-left:-207px; top: 50%; z-index:120; padding:22px 8px 8px; display:none;} .read_notes_dilog .read_notes_box{height:108px; background:#fff; border:1px solid #9cc027; } .read_notes_dilog .read_notes_box .ctt_text{text-align:center; font-size:14px; color:#333; display: block;} .read_notes_dilog .read_notes_box .fred{margin-right:5px;} .read_notes_box .bg{position:absolute; left:-20px; top: -10px;} .tip_msg_box{position: fixed; width: 400px; height: 45px; background: #000; z-index: 2; opacity: 0;} .tip_msg_box span{text-align: center; color: #FFF; font: 16px "microsoft yahei"; display: block; vertical-align: middle; line-height: 45px;} /* 新版月票 */ .dialogBox .dialogTit a{margin:0px 20px;padding:0 19px;} .dialogBox .dialogTit a.cur,.dialogBox .dialogTit a:hover{margin:5px 20px;padding:0 19px;} .dashang_go{display:inline-block;width:140px;height:28px;line-height:28px;font-size:16px;color:#ff655d;border:1px solid #ff655d;margin-left:20px;vertical-align:middle;cursor:pointer;} .blue.u{margin-left:162px;} .dashang_box{width:640px;margin:0 auto;height:120px;font-size:16px;color:#353535;} .yp_num_box{width:80px;height:48px;background:#fff;position:relative;border:1px solid #C6C6C6;margin:0 10px;} #yp_inp{width:54px;height:48px;line-height:48px;font-size:20px;color:#E52100;position:absolute;top:0;left:0;text-align:center;border:none;outline:none;resize:none;font-weight:bold;} .triangle{width:0;height:0;position:absolute;right:15px;cursor:pointer;z-index:2;} .triangle.up{border-width:0 6px 6px;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #D8D8D8;top:11px;} .triangle.down{border-width:0 6px 6px;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #D8D8D8;top:31px;} .top_wrap{line-height:48px;height:50px;} .margin_5{margin:0 5px;} .top_wrap .line{color:#B9B9B9;} .red_font{color:#E52100;} .line_t{text-decoration:line-through;} .gray_font{color:#B9B9B9;} .bottom_wrap{height:20px;line-height:20px;font-size:16px;margin-top:30px;} .rechage_font{margin-left:20px;color:#E52100;text-decoration:underline;} .rechage_font:hover{color:#E52100;text-decoration:underline;} /* 韬唤楠岃瘉 寮圭獥 */ .status_dialog{width:608px; height:510px; background:#fff; border:2px solid #a7d392; z-index:3000; border-radius:15px; overflow: hidden; font-family:"Microsoft yahei"; font-size:14px; color: #333;} .status_dialog a:hover{text-decoration:none;} .status_dialog .title{height:48px; background:#faf7eb; border-bottom:2px solid #a7d392; position:relative; font-size:18px; color: #3c9410; line-height:48px; padding-left:18px;} .ui-dialog-titlebar .close{position:absolute; width:auto; height:20px; border:1px solid #80c269; border-radius:5px; line-height:20px; right:18px; top: 5px; font-size:12px; color: #339108; padding:1px 4px;} .ui-dialog-titlebar .close:hover{text-decoration:none;} .status_dialog .status_con{padding:14px 30px 0;} .status_dialog .input_box{height:108px; margin:5px 0;} .status_dialog .input_box input{float: left; width:24px; height:24px; background:#fff; border:1px solid #555; margin-left:-1px; text-align:center; outline:none;} .status_dialog .txt{font-size:14px;} .status_dialog .txt p{padding-top:5px;} .status_dialog .btn_done{width:90px; height:35px; border-color:#999; background:#ccc;display: block; margin:10px auto 10px auto; border-radius:5px; text-align:center; font-size:#fff; line-height:35px; color: #fff;} /*.status_dialog .btn_done .gray{}*/ .status_dialog .icon_list{height:51px; margin:15px 0 15px; padding-left:65px;} .status_dialog .icon_list a{float: left; width:51px; height:51px; background:url(../images/statis_icon.png) no-repeat; margin:0 45px 0 42px;} .status_dialog .icon_list .wechat{background-position:0 -54px;} .status_dialog .icon_list .sina{background-position:0 -111px;} .status_dialog .erweima{width:97px; margin:0 auto; text-align:center; color: #f42725; } .status_dialog .erweima img{width:95px; height:95px;border:1px solid #7abf58;} #topbar .nav1{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 .nav1{text-decoration:none; color:#fff!important; background-color:#5c5c5c} #tip_topem{display: block!important;} #tip_topclock{display: none!important;} .pd_b_20 { padding-bottom: 20px; } .pd_b_8 { padding-bottom: 8px; } .pd_lf_23 { padding-left: 23px; } .red_e5 { color: #e50000; } .font_30 { font-size: 30px; } .pd_t_8 { padding-top: 8px; } .pd_t_15 { padding-top: 15px; } .reset { width: 68px; height: 25px; height: 23px\9; color: #fff; font-size: 12px; line-height: 25px; line-height: 24px\9; text-align: center; cursor: pointer; overflow: hidden; } .reset{background-position: -250px 2px;background-position: -250px 0\9; color:#444} .reset:hover{color:#444;text-decoration:none} .pd_rt_23 { padding-right: 23px; } .green { color: #6b9812; } #pull_welfare .usercenter_pop li{width: 88px;} #all_msg{height: 18px;line-height: 18px;background-color: #ff0000;border-radius: 5px 5px 0px 5px;font-size: 12px;text-align: center;color: #fff;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;padding: 0 3px;} #all_msg_box{position: absolute;width: 100px;height: 30px;left: 60px;margin-left: -105px;top: -15px;text-align: center;} #pull_welfare_tougao .pop_box_con{border-color: #6dad15;width: 358px;padding: 10px;} #pull_welfare_tougao .pop_box_con strong{font-size: 14px;font-weight: bold;}