@charset "utf-8"; /* CSS Document */ #main_container div.faq{ } #main_container div.faq div.faqdetail {padding-bottom:20px; padding-top: 24px; min-height:506px;_height:482px; padding-right:10px;width:744px;} #main_container div.faq div.faqdetail div.title, #main_container div.faq div.faqdetail div.content{ margin-left:24px; } #main_container div.faq div.faqdetail div.title{/*margin-top:23px;*/ font-size:20px; color:#646464; margin-bottom:18px;} #main_container div.faq div.faqdetail div.content{ margin-top:42px;font-size:12px; color:#868686; line-height:160%;} #main_container div.faq div.faqdetail div.scrollpane{height:480px;} /*内容滚动条*/ #main_container div.faq div.faqdetail .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1; outline:none} #main_container div.faq div.faqdetail .jScrollPaneTrack { position: absolute; cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; } #main_container div.faq div.faqdetail .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer; overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px} #main_container div.faq div.faqdetail .jScrollPaneDragTop {position: absolute;top: 0;left: 0; overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/} #main_container div.faq div.faqdetail .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/} #main_container div.faq div.faqdetail a.jScrollArrowUp {display: block;position: absolute;z-index: 1; top: 0; right: 1px;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/ height: 8px;} #main_container div.faq div.faqdetail a.jScrollArrowUp:hover {/*background-color: #f60;*/} #main_container div.faq div.faqdetail a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 8px;} #main_container div.faq div.faqdetail a.jScrollArrowDown:hover {/*background-color: #f60;*/} #main_container div.faq div.faqdetail a.jScrollActiveArrowButton, #main_container div.faq div.faqdetail a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/} #main_container div.faq div.faqdetail a.jScrollArrowUp, #main_container div.faq div.faqdetail a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.faq div.faqdetail a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.faq div.faqdetail a.jScrollArrowDown:hover { } #main_container div.faq div.faqdetail a.jScrollActiveArrowButton, #main_container div.faq div.faqdetail a.jScrollActiveArrowButton:hover {background-position: 0 0px;} #main_container div.faq div.faqdetail .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;} //#main_container div.faq div.faqdetail div.content div.img, //#main_container div.faq div.faqdetail div.content div.text{ float:left} //#main_container div.faq div.faqdetail div.content div.text{ font-size:12px; color:#868686; width:447px; margin-left:32px;} #main_container div.faq div.faqdetail div.content p{margin:0; padding:0;} /*右边faq分类列表样式*/ #main_container div.faq div.faqs{ padding-top:23px;width:234px;} #main_container div.faq div.faqs ul{list-style:none; margin:0; padding:0; clear:both;} #main_container div.faq div.faqs ul li{ width:185px; background:url(/cn/resource/images/memberare_menu_arrow_1.jpg) no-repeat 14px 8px; *background-position:14px 8px;padding-left:23px; padding-right:10px; padding-top:4px; padding-bottom:8px; line-height:100%;} /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #main_container div.faq div.faqs ul li{ height:23px; padding-top:6px; background-position: 14px 8px} } #main_container div.faq div.faqs ul li.title{ border-bottom:1px solid #e9e9e9; margin-bottom:14px;height:25px; width:217px; padding:0; margin-top:30px;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #main_container div.faq div.faqs ul li.title{ height:24px;} } #main_container div.faq div.faqs ul li.title div.bg{ display:inline;padding:5px 10px 5px 10px;height:20px; line-height:25px; overflow:hidden; background-color:#cccccc; color:#646464; font-size:12px; font-weight:bold; } #main_container div.faq div.faqs ul li.first{ margin-top:0px} #main_container div.faq div.faqs ul li.current{ background:url(/cn/resource/images/memberare_menu_arrow_2.jpg) no-repeat 14px 8px; background-color:#efefef;line-height:100%;} #main_container div.faq div.faqs ul li a{ text-decoration:none; font-size:12px; color:#646464} /*列表滚动条*/ #main_container div.faq div.faqs div.scrollpane{ height:480px;} #main_container div.faq div.faqs .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1; outline:none} #main_container div.faq div.faqs .jScrollPaneTrack { position: absolute; cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; } #main_container div.faq div.faqs .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer; overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px} #main_container div.faq div.faqs .jScrollPaneDragTop {position: absolute;top: 0;left: 0; overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/} #main_container div.faq div.faqs .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/} #main_container div.faq div.faqs a.jScrollArrowUp {display: block;position: absolute;z-index: 1; top: 0; right: 1px;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/ height: 8px;} #main_container div.faq div.faqs a.jScrollArrowUp:hover {/*background-color: #f60;*/} #main_container div.faq div.faqs a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 8px;} #main_container div.faq div.faqs a.jScrollArrowDown:hover {/*background-color: #f60;*/} #main_container div.faq div.faqs a.jScrollActiveArrowButton, #main_container div.faq div.faqs a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/} #main_container div.faq div.faqs a.jScrollArrowUp, #main_container div.faq div.faqs a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.faq div.faqs a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.faq div.faqs a.jScrollArrowDown:hover { } #main_container div.faq div.faqs a.jScrollActiveArrowButton, #main_container div.faq div.faqs a.jScrollActiveArrowButton:hover {background-position: 0 0px;} #main_container div.faq div.faqs .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;}