/* Comsenz官方站 (C) 2001-2006 Comsenz Inc. http://www.comsenz.com */ /*css sprites*/ #left #description, #content { background-repeat:no-repeat; text-align:left} #right li#contactSalesman, #content #small_banner, .purchase #left table td.f_td { background-image:url(../images/site/across_line.jpg); background-repeat:repeat-y;} /*菜单*/ #head { height:137px;} #topnav { width:950px; height:32px; margin:0 auto; background-position: left -138px; position:relative; z-index:100;} #topnav p { padding:8px 28px; font-weight:700;} #topnav p a { text-decoration:none; color:#333; font-weight:normal;} #topnav p em { padding:0 8px;} /*内容*/ #content { text-align: left;width:950px; margin:auto; position:relative; z-index:100; color:#4B5A61;overflow:hidden;} #content #left {width:730px;float:left;clear:both;} #left h2 { color:#51B400; font-size:16px; padding-left:24px; padding-bottom:10px; border-bottom:1px solid #A8B5BD;} #content #right { float:right;background-position:-712px bottom; width:205px; padding:5px 0 134px 15px;} #right h2 { width:201px; height:26px; font-size:12px; font-weight:600; color:#fff; padding:5px 25px; position:relative; z-index:2;} #right ul { position:relative; z-index:1; overflow:hidden;} #right li { background:transparent;} #right li a { display:block; border-bottom:1px solid #DDE6EB; color:#0097C9; font-size:12px; font-weight:300; text-decoration:none; margin-bottom:0; margin-top: 0; margin-right: 3px; margin-left: 3px; padding-top: 12px; padding-right: 30px; padding-bottom: 8px; padding-left: 40px; } #right li a.here, #right li a:hover {color:#53B402; text-decoration:none; margin:0 3px 0 0; padding:12px 30px 8px 53px;} #right li ul { background:#E9F0F4; margin:0; width:auto; padding:10px; margin-bottom:1px;} #right li li a { background:none; border:0; padding:6px 30px 6px 50px; width:auto; color:#8EA2A9; margin:0;} #right li li a.here, #right li li a:hover { background:none; color:#53B402; padding:6px 30px 6px 50px; margin:0;} #right h3 { font-size:12px; padding-top:10px; padding-left:25px; background:transparent;} #right li#contactSalesman { background-color:#FFF; background-position:-210px top; white-space:nowrap; padding-top:10px; padding-bottom:20px;} #right li#contactSalesman ul { background:transparent; padding:0; padding-top:10px; padding-left:12px; margin:0;} #right li#contactSalesman ul ul { padding-top:10px;} #right li#contactSalesman li { margin:0; padding:0;} #right li#contactSalesman li li { line-height:18px;} *+html #right li#contactSalesman li { margin-top:0;} /*Tab 标签切换*/ #left #description { width:709px; margin-top:20px; background-position:left -57px;} #left #description #description_head { width:100%; height:26px; overflow:hidden;} #left #description #description_head li { float:left; background-position:right -269px; background-repeat:no-repeat; height:26px; text-align:center;} #left #description #description_head li a { display:block; color:#fff; padding:8px 20px; text-decoration:none; font-weight:bold;} #left #description #description_head li a:hover, #left #description #description_head li a.here { color:#000; background-position:-180px -340px;} #left #description #description_head li a#description_first.here, #left #description #description_head li a#description_first:hover { color:#000; background-position:left -340px;} #left #description #description_content { margin:20px;} #left #description #description_content div { display:none;} /*下载*/ .down #left li { overflow:hidden; clear:both; border-bottom:1px dashed #A8B5BD; padding-bottom:15px;} .down #left li h3 { font-size:16px; margin-top:28px; font-weight:800; padding-left:25px; padding-bottom:6px;} .down #left ul ul,.down #left li p { margin-top:10px; margin-left:26px;} .down #left li li { border-bottom:0; line-height:240%; padding-bottom:0;} .down #left li p.productIntro { color:#999;} .down #left li li strong { font-weight:600; color:#777;} .down #left li li a { margin:0 10px;} .down #left li li.down_other { margin-top:10px;} .down #left li li.down_other a { margin:0;} .down #left li li.down_other img { margin-right:6px;} /*弹出下载窗口*/ #down_block { position:absolute; height:280px; width:380px; background:#FDFDFF; top:150px; left:50%; margin-left:-190px; overflow:hidden; z-index:100000; border:10px solid #A4CFFF;} #down_block img.pop_ad { display:block; margin:10px auto;} #down_block h2 { margin:10px; color:#0066FF; font-weight:600; font-size:14px; white-space:nowrap; overflow:hidden;} #down_block p { margin:10px; text-align:left;} #down_block p img { margin-right:20px;} #down_block a.down_pop_close { display:block; text-indent:-9999px; height:15px; width:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; background:url(../images/down/down_pop_close.gif) left top no-repeat;} #down_block a.down_pop_close:hover { background:url(../images/down/down_pop_close_hover.gif) left top no-repeat;} /*公司*/ .company #left .newstext { padding:10px; margin-top:20px; color:#4C5B62; line-height:22px; text-align:left; float:left;} .company #left .newstext img { margin-right:28px;} .company #left .newstext p { padding:5px 0 5px 5px; text-indent:2em;} .company #left .newstext dl { margin:0 5px; line-height:20px; color:#666;} .company #left .newstext dt { font-weight:600; margin-bottom:5px;} .company #left .newstext dd { margin-bottom:15px;} .company #left .newstext h3 { font-size:12px; margin:20px 0 5px 5px;} .company #left .newstext ul { margin:10px 0 10px 40px; list-style-type:disc;} .company #comsenz_logo { padding:10px; margin-top:20px; line-height:20px; color:#666;} .company #comsenz_logo ul { margin:5px;} .company #comsenz_logo img { margin-bottom:10px;} .company #comsenz_logo li { margin-bottom:40px;} .company #comsenz_logo li li { list-style-type:decimal; margin-left:20px; margin-bottom:5px;} .company #comsenz_logo li li li { list-style-type:upper-alpha; margin-left:30px; margin-bottom:0;} .company #comsenz_event { padding:10px; margin-top:20px; line-height:24px; color:#666;} .company #comsenz_event ul { margin:5px;} .company #comsenz_event li { margin-bottom:20px;} .company #comsenz_event li h3 { font-size:16px; font-weight:600; color:#0097CC; margin-left:62px;} .company #comsenz_event li li { margin-bottom:0;} .company #comsenz_event li li em { font-style:normal; padding-right:25px;} .company #comsenz_event li li.no_em { padding-left:57px;} .company #left .newstext.company_why img { float:none; margin:0 auto; margin:10px;} .company #contact, .company #company_hr { padding:10px; margin-top:20px; line-height:24px; color:#666;} .company #company_hr p { text-indent:2em; line-height:20px; margin-bottom:10px;} .company #company_news { padding:10px; margin-top:20px; color:#4B5A61;} .company #company_news p { text-indent:2em; margin-bottom:5px;} .company #company_news #topnew { overflow:auto;} .company #company_news #topnew h3 { color:#0098CA; font-weight:bold; font-size:14px; margin-bottom:16px;} .company #company_news #topnew h3 img { float:left; margin-right:20px; padding:2px; border:1px solid #CCC;} .company #company_news #topnew h3 a { text-decoration:none;} .company #company_news #topnew h3 a:hover { text-decoration:underline;} .company #company_news #topnew div { line-height:180%; overflow:auto;} .company #company_news #bottomnews { margin-top:40px; clear:both; overflow:hidden;} .company #company_news #bottomnews ul { margin:10px 0; overflow:hidden;} .company #company_news #bottomnews li { float:left; width:300px;} .company #company_news #bottomnews li.li_right { float:right;} .company #company_news #bottomnews li h4 { border-bottom:1px solid #A8B5BB; font-size:12px; padding-bottom:8px; margin-bottom:10px; margin-top:5px; overflow:hidden; display:block; height:10px;} .company #company_news #bottomnews li h4 a { color:#666; text-decoration:none;} .company #company_news #bottomnews li h4 span { float:left;} .company #company_news #bottomnews li h4 span.more_news { float:right;} .company #company_news #bottomnews li h4 span.more_news a { color:#999;} .company #company_news #bottomnews li h4 span.more_news a:hover { color:#51B400; text-decoration:underline;} .company #company_news #bottomnews li ul { list-style-type:disc;} .company #company_news #bottomnews li li { float:none; width:auto; margin-left:18px; line-height:22px; color:#09c;} .company #company_news #bottomnews li li a { color:#09c; text-decoration:none;} .company #company_news #bottomnews li li a:hover { color:#50B500; text-decoration:underline;} .company #news_view { margin-top:30px; color:#4b5a61;} .company #news_view h3 { font-size:18px; text-align:center; padding-bottom:15px; border-bottom:1px dashed #AAB5BB;} .company #news_view h4 { color:#51B400; font-size:12px; font-weight:500; text-align:center; margin-top:15px;} .company #news_view h4 em { padding:0 10px;} .company #news_view #news_content { margin-top:25px; font-size:14px; line-height:24px;} .company #news_view #news_content p { margin-bottom:25px; text-indent:2em;} .company #news_view ul#other_news { width:180px; margin:0 auto; height:16px; margin-top:20px; overflow:hidden; font-size:14px; background:url(../images/site/news_next.gif) center 2px no-repeat;} .company #news_view ul#other_news li { float:left;} .company #news_view ul#other_news li a { color:#0197CA;} .company #news_view ul#other_news li#o_n_r { float:right;} .company #company_custom { padding:10px; margin-top:20px; color:#4b5a61; line-height:20px;} .company #company_custom p a { padding:5px 22px 5px 0;} .company #company_custom p img { margin:5px 10px 5px 0;} .company #company_custom h3 { font-size:12px; margin-bottom:6px; margin-top:20px;} .company #left .partner { padding:10px; margin-top:20px; color:#4C5B62; line-height:22px;} .company #left .partner ul { margin:20px;} .company #left .partner li { overflow:hidden;} .company #left .partner ul ul { margin:0; border-bottom:1px dashed #AAB5BB; clear:both; margin-bottom:30px; overflow:hidden;} .company #left .partner li li { float:left; width:230px; height:110px; margin-right:70px; text-align:center;} .company #left .partner li li a { display:block; height:80px; vertical-align:middle; text-align:center;} .company #left .partner li li h3 { font-size:12px; color:#777;} .company #left #comsenz_join { padding:10px; margin-top:20px; color:#4b5a61; line-height:20px;} .company #left #comsenz_join form { margin:0 auto; text-align:center;} .company #left #comsenz_join th, .company #left #comsenz_join td { padding:3px 10px; text-align:right; vertical-align:top;} .company #left #comsenz_join td { text-align:left;} .conpany #left #comsenz_join td input { border:1px solid #E2E3EA;} .company #left #comsenz_join textarea { width:320px; height:130px; border:1px solid #E2E3EA;} .company #left #comsenz_join input.submit { width:60px; height:25px; color:#fff; margin:8px 0; border:0; background:none; border:0; background-position:-77px top; cursor:pointer;} .company #left #laws { padding:10px; margin-top:20px; color:#4b5a61; line-height:20px;} .company #left #laws ul { margin:10px 16px;} .company #left #laws h3 { font-size:12px; margin-bottom:8px;} .company #left #laws li { margin-bottom:15px;} .company #left #laws li ol { list-style-type:decimal; margin-left:30px;} .company #left #laws li li { margin-bottom:3px;} .company #left #laws li p { text-indent:2em;} .company #left #laws li ol ul { list-style-type:disc; margin-left:16px;} .company #left .newslist { margin:20px; padding-left:5px;} .company #left .newslist li { border-bottom:1px dashed #AAB5BB; margin-bottom:30px; padding-bottom:10px;} .company #left .newslist li h4 { font-size:14px; margin-top:10px;} .company #left .newslist li h4 a { text-decoration:none;} .company #left .newslist li h4 a:hover { text-decoration:underline;} .company #left .newslist li h5 { margin-top:6px; font-size:12px; font-weight:normal;} .company #left .newslist li h5 em { padding:0 10px;} .company #left .newslist li p { margin-top:15px; line-height:20px;} /*资源*/ .resource #left h3 { text-align:center; font-size:14px; margin-top:30px; padding-bottom:15px; border-bottom:1px dashed #AAB5BB;} .resource #left h3#themes { text-align:left; padding-left:24px;} .resource #left h3#themes span { float:right;} .resource #left h3#themes a { padding:2px 5px; margin-right:10px; border:1px solid #EAEAEA; text-decoration:none;} .resource #bottom_resource { margin-top:40px; color:#495B5F; overflow:hidden;} .resource #bottom_resource ul { overflow:hidden; margin-left:-10px; clear:both;} .resource #bottom_resource li { width:200px; float:left; margin-left:20px;} .resource #bottom_resource li h3 { font-size:12px; padding-left:8px; text-align:left; padding-bottom:8px; border-bottom:1px solid #A8B5BB; clear:both; margin-bottom:18px;} .resource #bottom_resource li p { line-height:20px; padding:5px;} .resource #bottom_resource li p.xiangqing { text-indent:0; text-align:right; margin-top:5px;} .resource #themes_list, .resource #plugins_list { padding:10px;} .resource #themes_list li { border-bottom:1px dashed #9C9C9C;} .resource #themes_list li ul { margin:20px 15px; overflow:hidden; padding-bottom:10px; padding-top:10px;} .resource #themes_list li li { border-bottom:0; float:none; padding:10px 0;} .resource #themes_list li li strong { color:#51B400;} .resource #themes_list li li em { padding:0 8px;} .resource #themes_list li li.style_look { float:left; margin-left:20px;} .resource #themes_list li li.style_look img { width:160px; height:120px; padding:2px; border:1px solid #C4D2DB; margin-right:40px;} .resource #themes_list li li.style_look img:hover { border:1px solid #8EC5E6;} .resource #plugins_list li { border-bottom:1px dashed #9C9C9C; margin-bottom:20px;} .resource #plugins_list li li { border-bottom:0; padding:4px 0; line-height:16px; margin-bottom:0; line-height:180%;} .resource #plugins_list li ul { margin-left:14px; margin-bottom:10px;} .resource #plugins_list li li strong { color:#51B400;} .resource #plugins_list li li em { padding:0 8px;} .resource .more_res { text-align:right; margin-top:10px;} .resource p.works_notice { margin:0 10px; line-height:200%;} .resource p.works_notice strong { color:#f00;} /*购买*/ .purchase #left h3, .product #left h3, .company #left h3#c_list { text-align:left; padding-left:24px; font-size:12px; margin-top:20px; padding-bottom:10px; border-bottom:1px dashed #AAB5BB;} .purchase #left h4 { margin-top:20px; font-size:12px; font-weight:bold; text-align:left; padding-left:24px;} .purchase #left table { border:1px solid #E5EDF0; margin-top:10px; width:709px;} .purchase #left table th, .purchase #left table td { padding:8px 5px; text-align:center; background:#F4F8F9; overflow:hidden; line-height:20px;} .purchase #left table th { text-align:left; padding:8px 10px; background:#E5EDF0; font-weight:normal; width:210px; overflow:hidden;} .purchase #left table td.f_td { background-position:-850px top; background-color:#F3F4F6; text-align:left; padding-left:13px;} .purchase #left.s_more table td { text-align:left;} .purchase #left.s_more table td.h_td { text-align:center;} .purchase #left.s_more ol#top_ec_more { list-style-type:decimal; line-height:180%; margin-top:10px;} .purchase #left.s_more ol#top_ec_more li { margin-left:24px;} .purchase #left.s_ecconsult table td.head_td { font-weight:800; text-align:center;} .purchase #left.s_ecconsult table td.left_td { text-align:left;} .purchase #left.s_ecconsult p { margin:10px 0;} .purchase #left table th p { color:#777; margin-top:10px;} .purchase #left table th p.show { display:block;} .purchase #left table th strong { color:#0197C9; padding:0 3px; cursor:pointer;} .purchase #left table th.s_th { width:100%; font-weight:600;} .purchase #left table th.s_th p { width:90%; font-weight:normal;} .purchase .s_diy p { margin:10px 10px 0 10px; text-indent:2em; line-height:24px;} .purchase .s_diy ol { margin:15px 10px; margin-left:36px; list-style-type:decimal;} .purchase .s_diy ol h5 { font-size:12px;} .purchase .s_diy ol p { margin:5px 0; text-indent:0; line-height:20px;} .purchase .s_diy ol li { margin-bottom:10px;} /*购买注意事项切换*/ .purchase #left #description #description_content #description_attention li { margin-bottom:20px; line-height:18px;} .purchase #left #description #description_content #description_attention li li { margin-bottom:5px;} .purchase #left #description #description_content #description_attention li h5 { font-size:12px; margin-bottom:10px;} .purchase #left #description #description_content #description_attention li ul { margin-left:40px; list-style-type:decimal;} .purchase #left #description #description_content #description_license { margin-top:20px; line-height:20px;} .purchase #left #description #description_content #description_license p { text-indent:2em; margin-bottom:5px;} .purchase #left #description #description_content #description_license h5 { font-size:12px; margin:10px 0;} .purchase #left #description #description_content #description_license ul { list-style-type:disc; margin-left:30px; margin-bottom:15px;} .purchase #left #description #description_content #description_flow { margin-top:20px; line-height:20px;} .purchase #left #description #description_content #description_flow ul { margin-bottom:20px; list-style-type:decimal; margin-left:20px;} .purchase #left #description #description_content #description_flow ul ul { margin:5px 0 5px 40px; list-style-type:circle;} .purchase #left #description #description_content #description_flow li { padding-bottom:5px;} .purchase #left #description #description_content #description_flow li li { padding-bottom:0;} .purchase #left #description #description_content #description_flow h5 { margin:10px 0; font-size:12px;} .purchase #left #description #description_content #description_payment { margin-top:20px; line-height:20px;} .purchase #left #description #description_content #description_payment p { text-indent:2em;} .purchase #left #description #description_content #description_payment h5 { font-size:12px; color:#09c; margin-top:10px;} .purchase #left #description #description_content #description_payment ul { margin:10px 0;} .purchase #left #description #description_content #description_payment h6 { font-size:12px;} /*产品*/ .product #left #product_top { height:245px; width:709px; margin-top:20px; background-position:left top; background-repeat:no-repeat; position:relative;} .product #left .dz_bg { background-image:url(../images/product/discuz.jpg);} .product #left .nt_bg { background-image:url(../images/product/discuznt.jpg);} .product #left .xs_bg { background-image:url(../images/product/xspace.jpg);} .product #left .ss_bg { background-image:url(../images/product/supesite.jpg);} .product #left .ec_bg { background-image:url(../images/product/ecshop.jpg);} .product #left .sv_bg { background-image:url(../images/product/supev.jpg);} .product #left .ucenter_bg { background-image:url(../images/product/ucenter.jpg);} .product #left .uchome_bg { background-image:url(../images/product/uchome.jpg);} .product #left .ecm_bg { background-image:url(../images/product/ecmall.jpg);} .product #left .agg_bg { padding-bottom:20px; position:relative;} .product #left .agg_bg p { line-height:140%; font-size:12px; color:#9BB8C8; position:absolute;} .product #left .agg_bg #product_uchome { height:128px; background:url(../images/product/products_uchome_bg.jpg) left top no-repeat;} .product #left .agg_bg #product_uchome img { position:absolute; top:0; right:0;} .product #left .agg_bg #product_uchome p { width:378px; top:45px; left:80px;} .product #left .agg_bg #product_ucenter { height:137px; background:url(../images/product/products_ucenter_bg.jpg) left top no-repeat;} .product #left .agg_bg #product_ucenter img { position:absolute; bottom:0; left:0;} .product #left .agg_bg #product_ucenter p { width:360px; top:150px; right:130px;} .product #left #product_top ul { position:absolute; top:179px; left:38px;} .product #left #product_top li { float:left; margin-right:7px;} .product #left #center_products { height:240px; border-bottom:1px dashed #A4B6C2;} .product #left #center_products ul { text-align:center; overflow:hidden;} .product #left #center_products li { float:left; margin:0 5px;} .product #left #center_products li span { text-align:center; display:block; padding-right:10px;} .product #left #center_products li span a { margin-left:3px;} .product #left #other_products { height:140px; margin-top:30px;} .product #left #other_products ul { text-align:center; overflow:hidden;} .product #left #other_products li { float:left; height:30px; padding-top:74px; margin:0 5px; position:relative;} .product #left #other_products li.other_products_nt { background:url(../images/product/products_discuznt.jpg) left top no-repeat; width:104px; padding-right:122px;} .product #left #other_products li.other_products_ss { background:url(../images/product/products_supesite.jpg) left top no-repeat; width:128px; padding-right:98px;} .product #left #other_products li.other_products_xs { background:url(../images/product/products_xspace.jpg) left top no-repeat; width:118px; padding-right:108px;} .product #left #other_products li a { margin-right:3px;} .product #left #other_products li img.products_special { position:absolute; top:0; right:0;} /* .product #left #other_products { height:140px; margin-top:30px;} .product #left #other_products ul { text-align:center; overflow:hidden;} .product #left #other_products li { float:left; height:30px; padding-top:74px; margin:0 5px; position:relative;} .product #left #other_products li.other_products_nt { background:url(../images/product/products_discuznt.jpg) left top no-repeat; width:104px; padding-right:122px;} .product #left #other_products li.other_products_ss { background:url(../images/product/products_supesite.jpg) left top no-repeat; width:128px; padding-right:98px;} .product #left #other_products li.other_products_xs { background:url(../images/product/products_xspace.jpg) left top no-repeat; width:118px; padding-right:108px;} .product #left #other_products li a { margin-right:3px;} .product #left #other_products li img.products_special { position:absolute; top:0; right:0;}*/ /*产品页内容切换*/ .product #left #description h4 { font-size:12px; margin-top:8px; margin-bottom:15px;} .product #left #description #description_content { line-height:160%;} .product #left #description #description_content ul.many_ul { line-height:90%; margin-left:2em;} .product #left #description #description_content ul.many_ul h5 { font-size:12px; margin-bottom:20px;} .product #left #description #description_content ul.many_ul ul { margin-left:2em;} .product #left #description #description_content ul.many_ul li { margin-bottom:10px;} .product #left #description #description_content ul.many_ul li li { margin-bottom:0;} .product #left #description #description_content p { text-indent:2em; margin-bottom:10px;} .product #left #description #description_content li p { text-indent:0;} .product #left #description #description_content #description_overview { overflow:hidden;} .product #left #description #description_content #description_function li { margin-bottom:15px;} .product #left #description #description_content #description_runtime ul { margin:10px 60px; list-style-type:circle;} .product #left #description #description_content #description_runtime ul#list_ul { margin:10px; list-style-type:none;} .product #left #description #description_content #description_runtime li { margin-bottom:8px;} .product #left #description #description_content #description_customers ul#cus_ec li { margin-bottom:20px;} .product #left #description #description_content #description_customers ul#cus_ec li h5 { font-size:12px; margin-bottom:10px;} /*服务*/ .service #left #service_top { height:245px; width:709px; margin-top:20px; background-position:left top; background-repeat:no-repeat; position:relative;} .service #left .insenz_bg { background-image:url(../images/service/insenz.jpg);} .service #left .s5d6d_bg { background-image:url(../images/service/5d6d.jpg);} .service #left .maifou_bg { background-image:url(../images/service/maifou.jpg);} .service #left .phpchina_bg { background-image:url(../images/service/phpchina.jpg);} .service #left #service_top a { width:110px; height:35px; display:block; position:absolute; left:55px; top:175px;} .service #service_top { margin-top:10px;} .service #description_content h4 { margin-bottom:10px; font-size:12px;} .service #description_content p { line-height:180%; text-indent:2em; margin-bottom:8px;} .service #description_content li { line-height:180%;} /*分页样式*/ .xspace-page { text-align:center; font-size:14px; font-weight:600;} .xspace-page .xspace-totlerecord, .xspace-page .xspace-totlepages { display:none;} .xspace-page a, .xspace-page span.xspace-current { padding:2px 5px; border:1px solid #ccc; margin:0 5px; color:#666;} .xspace-page span.xspace-current { color:#0033FF;} .xspace-page a:hover { color:#33CC00;} /*底部*/ #foot {width:100%; height:70px; margin-top:20px; overflow:hidden; background-position:left -196px;} #foot div { width:950px; margin:0 auto; padding-top:20px;} #foot p#comsenzservice { float:left;} #foot p#message, #foot p#copy { float:right;} #foot p#copy { clear:both; white-space:nowrap; margin-top:5px;} #foot em { padding:0 10px; color:#666;} /*广告*/ #content #small_banner { position:absolute; z-index:100; right:0; width:161px; padding:30px 25px 30px 15px; background-position:-210px top;} #content #right.small_banner_ul ul {} #content #right.small_banner_ul ul ul { padding-bottom:0;}