@charset "utf-8";
/*! by Izzy Zou
 *  build 2010-10-20 9:30 */

body{ font: 12px/1.5 tahoma,helvetica,\5b8b\4f53,'bitstream vera sans',arial,sans-serif; color: #333; background-color: #FFEFEF;}
a { text-decoration: none; color: #C36;}
a:hover { text-decoration: underline;}

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.group { display: inline-block;}
* html .group { height: 1%;}
.group{ display: block;}
.important { color: #CE3650;}
.figure:hover { text-decoration: none;}

.wrapper { width: 960px; margin: 0 auto; background-color: #FFF7FA;}
.header-bar {}
.header { height: 35px; background-color: #B76575;}
.logo { /*display: block; float: left; width: 152px; height: 35px; margin-right: 50px; text-indent: -9999px; background-position: -160px -130px;*/}
.header ul { float: left; height: 32px; line-height: 32px;}
.header ul li { float: left; color: #FFF;}
.header ul li a { padding: 0 10px; color: #FFF;}
.header ul li .expand { padding-right: 15px; background-position: 38px 5px;}
.header .secondary { float: right;}

.feature { position: relative; width: 960px; height: 286px;}
.feature .follow { position: absolute; right: 5px; top: 0; height: 53px; background-position: center 0;}
.feature .follow span { float: left; height: 53px; line-height: 59px; font-family: "Microsoft YaHei",黑体,arial,sans-serif; font-size: 14px; font-weight: bold;}
.feature .follow span em { padding: 0 5px; font-weight: bold; color: #FF335E;}
.feature .follow .f-border { display: block; width: 15px; height: 53px; background-position: -481px 0;}
.feature .follow .f-right { display: block; width: 15px; height: 53px; background-position: -738px 0;}
.main { padding: 15px 0 10px 20px; background-position: center -60px;}
.main h2 { height: 25px; margin-bottom: 15px; background-position: 895px top;}
.main h2 a { float: left; width: 270px; height: 25px; text-indent: -9999px;}

.main .figure { width: 274px; padding: 2px 3px 0 3px; border: 1px solid #D4C4C7;}
.main .figure h3 { text-align: center;}
.main .figure p { margin: 0 10px 10px;}
.main .figure p a { color: #333;}
.main .info { position: relative; width: 282px; height: 66px; background-position: -160px -180px;}
.main .info .detail { display: block; position: absolute; right: 27px; top: 11px; width: 130px; height: 40px; text-indent: -9999px;}
.main .info .num { display: block; width: 100px; height: 59px; font-weight: bold; text-align: center; border-right: 1px solid #BDBDBD;}
.main .info .num strong { margin-right: 5px; font-size: 25px; font-weight: normal; line-height: 1.6;}
.main .info em { position: absolute; left: 32px; top: 38px; font-style: normal; color: #999;}
.links { margin-bottom: 0; padding: 30px 0 10px; background: #FFEBF0;}
.links li { float: left; margin-right: 10px;}
.links .last { margin-right: 0;}
.links li img { border: 1px solid #AD060E;}

.qaList dt { font-weight: bold; margin-bottom: 5px;}
.qaList dd { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #CCC;}
.flotPl {background-color:#fff;border:1px solid #000;left:0;margin-top:2px;padding:3px 0 5px;position:absolute;visibility:hidden;width:75px;}
.flotPl a {display:block;line-height:20px;margin-bottom:1px;width:auto;}
a.B:link, a.B:visited {color:#6666cc;padding:2px 1px 0;text-decoration:none;}
a.B:hover, a.B:active{background-color:#6666cc;color:#fff;padding:2px 1px 0;text-decoration:none;}

.footer { margin-bottom: 20px; text-align: center; color: #999; background: #FFEBF0;}
.footer ul { margin: 20px auto;}
.footer li { display: inline;}
.footer li a { margin: 0 15px;}
.footer li a:hover { text-decoration: underline; background: none;}



html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a,img, th,td,form, fieldset, iframe, object, pre, code, legend, blockquote{ margin:0; padding:0; border:0; outline:0;}
ol, ul{ list-style:none;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
form label{ cursor:pointer;}
input, button, textarea{ font-family:inherit; font-size:100%;}
table{ border-collapse:separate;}
caption, th, td{ font-weight:normal;}

.main,.info,.feature .follow,.feature .follow .f-border{ background-image:url(c.component.png); background-repeat: no-repeat;}

body{ font: 12px/1.5 tahoma,helvetica,\5b8b\4f53,'bitstream vera sans',arial,sans-serif; color: #333; background-color: #FFEFEF; background-position: center -60px;}
a { text-decoration: none; color: #C36;}
a:hover { text-decoration: underline;}

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.group { display: inline-block;}
* html .group { height: 1%;}
.group{ display: block;}
.important { color: #CE3650;}
.figure:hover { text-decoration: none;}

.wrapper { width: 960px; margin: 0 auto; background-color: #FFF7FA;}
.header { height: 35px;}
.feature { position: relative; width: 960px; height: 286px;}
.feature .follow { position: absolute; right: 5px; top: 0; height: 53px; background-position: center 0;}
.feature .follow span { float: left; height: 53px; line-height: 59px; font-family: "Microsoft YaHei",黑体,arial,sans-serif; font-size: 14px; font-weight: bold;}
.feature .follow span em { padding: 0 5px; font-weight: bold; color: #FF335E;}
.feature .follow .f-border { display: block; width: 15px; height: 53px; background-position: -481px 0;}
.feature .follow .f-right { display: block; width: 15px; height: 53px; background-position: -738px 0;}
.main { padding: 15px 0 0 20px; background-position: center -60px;}
.main h2 { height: 25px; margin-bottom: 15px;}
.main h2 a { float: left; width: 270px; height: 25px; text-indent: -9999px;}
.main .figure { width: 274px; padding: 2px 3px 0 3px; border: 1px solid #D4C4C7;}
.main .figure h3 { text-align: center;}
.main .figure p { margin: 0 10px 10px;}
.main .figure p a { color: #333;}
.main .info { position: relative; width: 282px; height: 66px; background-position: -160px -180px;}
.main .info .detail { display: block; position: absolute; right: 27px; top: 11px; width: 130px; height: 40px; text-indent: -9999px;}
.main .info .num { display: block; width: 100px; height: 59px; font-weight: bold; text-align: center; border-right: 1px solid #BDBDBD;}
.main .info .num strong { margin-right: 5px; font-size: 25px; font-weight: normal; line-height: 1.6;}
.main .info em { position: absolute; left: 32px; top: 38px; font-style: normal; color: #999;}


.header{margin:0 auto!important;}
.header .secondary{margin:0 auto;width:auto;}
.wrapper .main{width:940px;}

.wrapper .main{ background-color:#FFF7FA;}
.content-l{ float:left; width:715px;}
.content-r{ float:left; width:225px;}

.ul-list li{ background:url(box-bg.png) no-repeat scroll; margin-bottom:10px; padding:11px 12px; width:689px; height:214px;}
.ul-list .l{ float:left; width:390px;overflow:hidden;}
.ul-list .r{ float:left; width:299px;}
.ul-list .r .test{ padding:10px 20px;}
.ul-list .r .test h3{ text-align:center; font-size:14px; font-weight:bold; color:#cc3366; margin-bottom:10px;}
.ul-list .r .test .wenzi{ height:70px; overflow:hidden;}
.ul-list .r .test .wenzi a{ color:#333;}
.ul-list .r .test .detail{display:block;width:130px; height:40px;text-indent: -9999px; background:url(c.component.png) no-repeat scroll -285px -190px ; margin-left:70px;}
.ul-list .r .test .i{ color:#999; text-align:center;}
.ul-list .r .test .i strong{ font-size:28px;color:#333;}
.ul-list .r .test .i .ren{ font-size:14px; font-weight:bold; color:#333;}

.aside-list{ padding:0 10px; margin-bottom:25px; color:#666;}
.aside-list h2{ font-size:14px; font-weight:bold; color:#666; margin-bottom:6px;}
.aside-list li{ background:url(c.component.png) no-repeat scroll -1235px 12px; padding:3px 0 3px 15px;}
.aside-list li a{ color:#666;}

.h-quick-menu li,.pop-panel_list li a{background-image:url(http://i2.dpfile.com/s/css/i/g.header.v20110124.png);background-repeat:no-repeat;}
.h-quick-menu,.header-bar .nav,.header .user-fn{line-height:14px;color:#999;}
.header-bar .nav li,.h-quick-menu li,.header .user-fn li{float:left;padding-left:8px;padding-top:7px;background-position:-169px -451px;padding-top:9px\9;}
.header-bar .nav a,.h-quick-menu a,.header .user-fn a{float:left;padding-right:7px;}
.header-bar .nav .first,.h-quick-menu .first,.header .user-fn .first{background:none;}
.h-quick-menu{float:right;margin-left:-100px;}
.h-quick-menu .user-fn{margin:5px 8px 0 0;padding:0;}
.h-quick-menu .user-signup{margin-right:3px;}
.h-quick-menu .user-fn a{padding-right:2px;background-position:right -35px;cursor:pointer;}
.h-quick-menu .user-fn span{float:left;height:20px;padding:0 8px 0 11px;line-height:18px;line-height:22px\9;_line-height:18px;background-position:0 -35px;}
.h-quick-menu .user-fn a:hover{text-decoration:none;background-position:right -60px;}
.h-quick-menu .user-fn a:hover span{background-position:0 -60px;}
.h-quick-menu .user-logged{padding-right:7px;}
.h-quick-menu a em{color:#C00;}
.pp_quick-nav{z-index:1000;top:25px;}
.pp_quick-nav ul{width:166px;overflow:hidden;}
.pp_quick-nav li{float:left;width:75px;margin:0 8px 3px 0;}
.pp_quick-nav .quick-nav-channels{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #F5EEE8;}
.pp_quick-nav .member a,.pp_quick-nav .coupon a{float:left;zoom:1;position:relative;padding-right:13px;}
.pp_quick-nav .icon{position:absolute;right:0;top:4px;width:9px;height:9px; background:none;}
.pp_quick-nav .member .icon{background-position:-80px -468px;}
.pp_quick-nav .coupon .icon{background-position:-80px -486px;}
.pop-panel a{color:#61646E;}
.pop-panel a:hover{text-decoration:underline;color:#C00;}
.pop-panel .close{position:absolute;right:7px;top:7px;width:16px;height:16px;text-indent:-9999px;background-position:-67px -252px;}
.pop-panel .close:hover{background-position:-87px -232px;background-color:#FFF;}
.pop-panel .title{margin:-5px -9px 15px -9px;padding:0 9px;line-height:30px;background:#FAF7EB;}
.pop-panel .title .title-main{display:inline;margin-right:10px;font-size:1.2em;color:#C00;}
.pop-panel .title .title-misc{font-size:12px;color:#111;}
.pop-panel .title a.title-misc{padding:0 1px;color:#66C;}
.pop-panel .title a.title-misc:hover{color:#FFF;background:#66C;}
.pop-panel .more{text-align:right;}
.pop-panel .more a{color:#66C;background-image:none;}
.pop-panel .more a:hover{color:#FFF;background:#66C;}
.pop-panel p{margin-bottom:5px;color:#61646E;}
.pop-panel_list li a{padding-left:3px;background-position:-169px -418px;*background-position:-169px -420px;}
.pop-panel_list li a:hover{background-position:-169px -438px;*background-position:-169px -440px;}