@charset "utf-8";
html,body{margin:0}
a{text-decoration:none;color:#000}
a:hover{color:red;text-decoration:underline}
a:visited{color:purple}
td,p,li,input,select,div{font-size:12px;line-height:21px;color:#000}
ul,li,dl,dt,dd,form,input,h1,h2,h3,h4,h5,h6,p,span,em{list-style:none;margin:0;padding:0}
em,cite,small{font-style:normal;font-size:12px}
img{border:none}
#topnav,#navber,.wrapper,#footer,#header,#navber{width:95%;max-width:960px;overflow:hidden;margin:0 auto}
#topnav .menu_help,#topnav .left .btn_reg,#topnav .left .btn_login,#topnav .left .myname{background:url(../images/nav_common.png) no-repeat;overflow:hidden}
#header .zuiyq_logo a{background:url(../images/zuiyq_logo.gif) no-repeat left 0;display:block;text-indent:-1000px}
#topnav{border-bottom:#e5e5e5 1px solid;padding:10px 0}
#topnav .left div{float:left;padding:0 10px;overflow:hidden}
#topnav .left a{padding:0 20px}
#topnav .right a{padding:0 20px;float:right}
#topnav .menu_site{color:#CACACA;padding-right:10px}
#topnav .m_ico{ background:url(../images/ico_index.gif) no-repeat left -1199px; padding:3px 0 0 20px}
#topnav .j_ico{ background:url(../images/ico_index.gif) no-repeat left -1228px; padding:3px 0 0 20px}
#topnav .menu_help{background-position:left -267px;padding:1px 0 0 17px}
#header .zuiyq_logo,#header .zuiyq_logo a{float:left;height:70px;width:220px;overflow:hidden}
#header .head_banner{width:728px;float:right;overflow:hidden;padding:5px 0}
#navber{margin-bottom:8px;}
#navber .mainnav,#navber .mainnav .two,#navber .mainnav .two ul,#navber .subnav,#navber .subnav ul li,#navber .subnav em,#navber .subnav ul.other{background:url(../images/navbg.png) repeat-x}
#navber .mainnav{background-position:left 0;height:24px;border:#D0D0D0 1px solid;overflow:hidden;padding:3px}
#navber .mainnav .one{padding-left:4px;height:24px;overflow:hidden}
#navber .mainnav .one li{padding:2px 10px 1px}
#navber .mainnav .two{background-position:left -100px;background-repeat:no-repeat;height:24px;overflow:hidden;padding-left:15px;width:170px}
#navber .mainnav .two li{padding:2px 11px 1px}
#navber .mainnav .two ul{background-position:right -124px;background-repeat:no-repeat;height:24px;overflow:hidden;padding-right:5px}
#navber .subnav{background-position:left -32px;overflow:hidden}
#navber .subnav em{width:75px;float:left;display:block;text-align:left;color:#FC6;font-weight:700;background-position:right -231px;background-repeat:no-repeat;position:relative;margin-right:-4px;font-size:14px;padding:7px 0 6px 9px}
#navber .subnav em a{color:#FC6}
#navber .subnav ul a:hover,#navber .mainnav .two ul a:hover{color:#FFF5C5}
#navber .subnav ul{height:34px;float:left;overflow:hidden}
#navber .subnav ul li{background-position:left -150px;background-repeat:no-repeat;_padding:6px 12px 7px 12px;font-size:14px;height:21px;margin-left:-1px;color:#fff;padding:6px 12px 7px 12px}
#navber .subnav ul.other{background-position:left -66px;padding-left:1px}
#navber .subnav ul.other li{background-position:right -193px;_padding:6px 9px 7px 10px;padding:6px 8px 7px 9px}
.wrapper{display:flex}
.wrapper .main{flex:1;overflow:hidden}
.wrapper .main .main_left{width:183px}
.wrapper .main .main_right{width:688px}
.wrapper .sidebar{width:24%;overflow:hidden}
.ico_rd,.ico_pl,.ico_ph,.ico_dp,.ico_app,.ico_aqy,.ico_novel,.ico_vipt,.ico_addt,.title_ico .mod_title .title,.title_ico2 .mod_title .title,.ico_txt,.ico_kb,.ico_dpxs,.ico_rj,.ico_blog,.ico_bbs,.li_2 a,.li_3 a,.u_list li,.mod_gg .mod_title span.title{background:url(../images/ico_index.gif) no-repeat;padding-left:23px}
.ico_rd{background-position:left -30px}
.ico_pl{background-position:left -63px}
.ico_ph{background-position:left -97px}
.ico_dp{background-position:left -129px}
.ico_aqy{background-position:-1px -387px;padding-left:25px}
.ico_app{background-position:-1px -423px;padding-left:24px}
.ico_novel{background-position:0 -489px;padding-left:27px}
.ico_addt{background-position:left -550px;padding-left:21px}
.ico_vipt{background-position:left -578px;padding-left:21px}
.ico_kb{background-position:2px -159px}
.ico_dpxs{background-position:left -193px}
.ico_txt{background-position:3px -226px}
.ico_rj{background-position:left -293px}
.ico_blog{background-position:2px -325px}
.ico_bbs{background-position:left -258px}
.mod_gg .mod_title span.title{background-position:left -354px}
.title_ico .mod_title .title{background-position:left -457px;padding-left:19px}
.title_ico2 .mod_title .title{background-position:left -612px;padding-left:21px}
.li_l{line-height:24px;overflow:hidden}
.li_l li{width:100%;line-height:36px;overflow:hidden;margin-left:0px;float:left;white-space:nowrap;border-bottom:#efefef 1px solid}
.li_f14,.li_f14 a{font-size:14px;line-height:24px;background:url(../images/li_l.gif)}
.li_2 a{background-position:left -647px;padding-left:13px}
.li_3 a{background-position:left -670px;padding-left:13px}
.li_hlep{padding-left:13px;overflow:hidden}
.mod .mod_title{background:url(../images/bar_index.png) repeat-x;height:25px;overflow:hidden}
.mod .mod_title span.more{display:block;float:right}
.mod_content{overflow:hidden}
.main .mod{border:#cecece 1px solid}
.main .mod_content{margin:12px}
.main .main_left .mod_title .title{background:url(../images/ico_index.gif) no-repeat left -522px;padding-left:18px}
.main .main_left .mod_content{margin:10px}
.sidebar .mod{border:#FABE7F 1px solid}
.sidebar .mod_content{padding:10px}
.main .mod .mod_title{background-position:left -84px;padding:3px 8px 0}
.main .mod_title span.title,.main .mod_title span.title a,.main .mod_title span.title a:visited{font-weight:700;color:#000}
.sidebar .mod .mod_title{background-position:left 0;padding:3px 5px 0 7px}
.wrapper .main_all{overflow:hidden}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.mod .tab_list{background-position:8px -929px;overflow:hidden;padding:10px 8px 2px}
.tab_list ul{padding-bottom:3px;overflow:hidden}
.tab_list li{display:block;float:left;line-height:30px;width:100%;white-space:nowrap}
.tab_list li a{overflow:hidden;font-size:14px}
.tab_list .div{text-align:right;border-top:#d1d1d1 1px dashed;padding:8px 0}
.pictext{overflow:hidden;padding:6px 0 10px}
.pictext .pic a:hover{background:#fc0;border:#fc0 1px solid}
.pictext h3{padding-bottom:3px;overflow:hidden}
.pictext h3,.pictext h3 a{font-size:14px;color:#000}
.pictext .text p{color:#777;line-height:18px}
.pictext .text p a,.pictext .text p a:visited{color:#f60;text-decoration:underline}
.wrapper .main .list_tr3,.wrapper .main .list_tr2{width:100%;overflow:hidden;display:flex;flex-wrap:wrap}
.wrapper .list_tr3 .mod-wrap{width:33.3333%}
.wrapper .list_tr3 .mod,.wrapper .main_all .mod{margin-right:8px;border:#C8CFE2 1px solid}
.wrapper .list_tr3 .pictext{}
.wrapper .list_tr3 .pictext .pic{width:88px;margin-right:10px}
.wrapper .list_tr3 .pictext .text{}
.wrapper .list_tr3 .li_l{}
.wrapper .list_tr2 .mod{width:339px;margin-right:8px;float:left;border:#C8CFE2 1px solid}
.wrapper .list_tr2 .pictext{padding-bottom:12px;width:315px}
.wrapper .list_tr2 .pictext .text h3{padding-top:3px}
.wrapper .list_tr2 .pictext .text p{line-height:20px;width:217px}
.more_bd{float:right;padding-right:10px;overflow:hidden}
.list_content{overflow:hidden;margin:8px 8px 12px 10px}
.list_content ul{border-bottom:#F1F1F1 1px solid;overflow:hidden;}
.list_content li{display:inline;overflow:hidden;float:left;line-height:36px;white-space:nowrap}
.list_content ul.btil li.td0,.list_content ul.btil li.td1,.list_content ul.btil li.td2,.list_content ul.btil li.td3,.list_content ul.btil li.td4,.list_content ul.btil li.td5{color:#111;font-weight:600}
.list_content ul li.td0,.list_content li.td0 a{float:left; width:65px;color:#666; text-align:left; margin:0; padding:0}
.list_content ul li.td1{float:left; width:65px;color:#888; text-align:left; margin:0; padding:0}
.list_content ul li.td2{float:left; width:30%; font-size:14px; color:#888; text-align:left; margin:0; padding:0}
.list_content ul li.td3,.list_content ul li.td3 a{float:left; width:30%; color:#888;font-size:12px; text-align:left; margin:0; padding:0}
.list_content ul li.td4{float:left;color:#888;padding:0 0 0 6px; text-align:left; margin:0; padding:0}
.list_content ul li.td5{float:right;width:20%;text-align:right;font-family:arial;color:#888;}
.mod .sidelist{overflow:hidden;padding:10px 8px 2px}
.mod .sidelist ul{padding-bottom:2px;overflow:hidden}
.mod .sidelist li{line-height:30px;width:100%;white-space:nowrap}
.mod .sidelist li a{overflow:hidden;font-size:14px}
.u_list{width:161px;overflow:hidden}
.u_list li{background-position:left -711px;padding-left:16px;height:22px;width:145px;display:block;float:left;overflow:hidden;border-bottom:#F3F3F3 1px solid;margin-bottom:-1px;padding-top:3px}
.u_list li span{float:right;}
#links{border-bottom:#CCC 1px dashed;border-top:#CCC 1px solid;background:#F9F9F9;overflow:hidden;padding:10px 20px}
#footer{overflow:hidden;text-align:center;padding:6px 0 12px}
#footer p.sitenav{height:25px;text-align:center;color:#DADADA;border-bottom:#E6E6E6 1px solid;padding:6px 0 0}
#footer p.Copyright{text-align:center;font-size:12px;line-height:18px;color:#666;padding-top:8px;font-family:Verdana, Lucida, Arial, Helvetica}
.orange a,.orange a:visited,#topnav .menu_help a{color:#f60}
.orange a:hover,#topnav .menu_help a:hover,#navber .mainnav .one a:hover,.mod .mod_title span.more a:hover,.main .mod_title span.title a:hover,.sidebar .mod_title span.title a:hover,.tab_list .div a:hover,.pictext h3 a:hover,.list_content li p.td1 a:hover,.list_content li p.td2 a:hover,.list_content li p.td3 a:hover,#footer p.sitenav a:hover,#footer p.Copyright a:hover{color:red}
#topnav,#topnav{line-height:23px}
#topnav .left,.box_l,.main_left,.pictext .pic{float:left;overflow:hidden}
#topnav .right,.box_r,.main_right,.pictext .text{overflow:hidden}
.tab_list .none{display:none}
#topnav .left .btn_login a,#topnav .left .myname a,#topnav .left .myname,.tab_list .div a{color:#c00}
#topnav a:visited,#navber .mainnav .one a:visited,#links a:visited,#footer p.sitenav a:visited{color:#000}
#navber .two{float:right}
#navber ul li,#navber .one,.u_list li div{float:left}
#navber .subnav em a:hover,#navber .subnav ul a,#navber .mainnav .two ul a,#navber .subnav ul a:visited,#navber .mainnav .two ul a:visited{color:#fff}
.wrapper .list_tr1{width:688px}
.mod{margin-bottom:8px;overflow:hidden}
.mod .mod_title span.title{display:block;float:left}
.mod .mod_title span.more a{color:#888}
#footer p.Copyright a,#footer p.Copyright a:visited{color:#666}
.tab_list .now,.list_content ul.now{display:block}
.pictext .pic a{border:#CECECE 1px solid;display:block;float:left;overflow:hidden;padding:3px}
.pictext .pic img{border:0}
.pictext .text p a:hover{color:red;text-decoration:none}
.wrapper .list_tr3 .mod_title,.wrapper .list_tr2 .mod_title{background-position:left -56px}
.sidebar .mod_title span.title,.sidebar .mod_title span.title a,.sidebar .mod_title span.title a:visited{color:#c00;font-weight:700}
#searcher .srk,#searcher .ok,#searcher .snext a,#topnav .left .myname{ background:url(/images/nav_common.png) no-repeat;overflow:hidden}
#searcher{background:#f0faf7;height:25px;width:95%;max-width:960px; padding:10px 0; margin:0 auto 10px auto }
#searcher #Form1{overflow:hidden;display:flex;padding:0 10px}
#searcher .srk{background-position:-215px -375px; background-color:#fff; border:#DBE2F2 1px solid;line-height:22px; padding-left:37px; color:#666666; font-size:14px;flex:1}
#searcher #searchtype{height:24px}
#searcher .ok,#searcher .snext a{height:24px; line-height:22px;text-align:center;}
#searcher .ok{background-position:-147px -310px; width:62px; color:#FF6600; font-weight:bold; cursor:pointer; border:none; }
#searcher .bd span,#searcher .snext a{display:block; float:left;}
#searcher .snext a{background-position:left -375px; width:72px; border:#B4C4D3 1px solid; height:22px; overflow:hidden; text-decoration:none}
#searcher .bd{ padding:3px; border:#DBE2F2 1px solid;background:#fff; margin:1px 4px 0 0;}
#searcher .bd span {height:16px; line-height:16px; overflow:hidden;}
#searcher .bd span select{  margin:-1px -1px 0 -1px; color:#666666}
#searcher em{ padding:2px 0 0 16px; display:block; width:384px}
#searcher em a{ color:#666666;}
#searcher em a:hover{ color:#FF0000}
.hot-writer{background:#f0faf7;line-height:25px;width:95%;max-width:960px; padding:10px 0; margin:0 auto 10px auto }
.hot-writer ul{padding:0 10px;overflow:hidden}
.hot-writer ul li{display:inline-block;width:80px;margin-left:10px}
#leftside{position:fixed; left:0px; top:0px;}
#rightside{position:fixed; right:0px; top:0px; }
* html,* html body{background-image:url(about:blank);background-attachment:fixed}  
#title2 h1{display:inline}
@media screen and (max-width: 640px) {
#topnav, #navber, .wrapper,#header, #navber,#topnav .right,.wrapper .main,.wrapper .sidebar,.wrap-1-3,#searcher,.wrapper .list_tr3 .mod-wrap{width:100%}
.writer,.sidebar .mod{border:none}
.wrapper{flex-direction:column}
.wrapper .list_tr3 .mod, .wrapper .main_all .mod{border:none;margin-right:0}
#header .head_banner,.list_content ul li.td3{display:none}
.list_content ul li.td2{width:50%}
#topnav .right{padding-top:10px}
}