

body{font:16px/1.5 "Microsoft YaHei",Arial,"\5b8b\4f53",georgia,verdana,helvetica,sans-serif;}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, pre , form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
ul, ol, menu{list-style:none;}
fieldset, img{border:none;}
img, object, select, input, textarea, button{vertical-align:middle;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6, input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr{font-size:100%;font-style:normal;}
q:before, q:after{content:'';}
ins, s, u, del{text-decoration:none;}

a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline;}

button::-moz-focus-inner{margin:0;padding:0;border:0;}
input::-ms-clear{display:none;} /* remove ie10 btn--X */

::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
.placeholder,
.placeholdervalue{color:#999;} /* placeholder default color */

/* css common
---------------------------------------------------------*/

/* clearfix */
.clearfix:after, .hd:after, .bd:after, .ft:after, .module:after, .list-fluid:after{display:block;clear:both;visibility:hidden;height:0;content:'';}
.clearfix, .hd, .bd, .ft, .module, .list-fluid{zoom:1;}

/* float */
.f-l{float:left;}
.f-r{float:right;}

/* ie fixed */
.ie6,
.ie6 body{
   background-image:url("about:blank");background-attachment:fixed;
}
html{overflow-y:scroll;}

/* website layout */
#doc-view,
#doc-hd,
#doc-bd,
#doc-ft{position:relative;}

/* hack */
.ie6 #doc-view,
.ie6 #doc-bd{zoom:1;} /* ie6 absolute bug */

/* doc-body layout */
#doc-main,
#doc-main-hd,
#doc-main-bd,
#doc-main-ft{position:relative;}

/* fun */
#doc-view{width:100%;}
.container{margin:0 auto;}

/* z-index */
#doc-view   {z-index:1;}
#doc-hd     {z-index:300;}
#doc-bd     {z-index:200;}

#doc-main   {z-index:100;}
#doc-main-hd{z-index:300;}
#doc-main-bd{z-index:200;}

/* css set
---------------------------------------------------------*/

/* background-color */
body,
.wrapper{background-color:#f2f2f2;}
#doc-hd{background-color:#fff;}
#doc-view{color:#333;}

/* width */
.wrapper,
#doc-wrap,
#doc-view{min-width:1002px;}
.container{width:1000px;}

/* link */
a          {color:#333;}
a:hover    {color:#e60012;}
a:active   {color:#f60;}

/* comm: highlight (通用文字高亮提醒) */
.green{color:#3ba354!important;}
.orange{color:#f60!important;}
.blue{color:#07519a!important;}

/* margin */
.module{margin-top:10px;}/* 各种列表
 *
 * 1.普通列表
 * <ul class="g-list">
 *     <li></li>
 *     <li></li>
 * </ul>
 *
 * 2.浮动列表
 * <ul class="g-list list-fluid">
 *     <li></li>
 *     <li></li>
 * </ul>
 *
 * 3.带•列表
 * <ul class="g-list has-disc">
 *     <li><ins class="disc">•</ins></li>
 *     <li><ins class="disc">•</ins></li>
 * </ul>
 *
 * <ul class="g-list has-square">
 *     <li><ins class="square"></ins></li>
 *     <li><ins class="square"></ins></li>
 * </ul>
 *
 * 4.带icon列表
 * <ul class="g-list">
 *     <li class="icon-video"></li>
 *     <li class="icon-pic"></li>
 *     <li class="icon-play"></li>
 *     <li class="icon-logo"><img src="" /></li>
 * </ul>
 *
 * 5.带|列表
 * <ul class="g-list">
 *     <li><ins class="line">|</ins></li>
 *     <li><ins class="line">|</ins></li>
 * </ul>
*/

.g-list{overflow:hidden;*zoom:1;}
.g-list li{overflow:hidden;height:29px;line-height:29px;white-space:nowrap;}
.g-list .disc{overflow:hidden;position:absolute;top:12px;left:0;vertical-align:top;font-family:Arial;}
.g-list .square{overflow:hidden;position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#a9a9a9;}
.g-list a{margin-right:6px;}
.g-list .line{margin-right:6px;color:#e4e4e4;}
.g-list .info{font-size:12px;color:#ccc;}
.g-list .icon-logo a{overflow:hidden;position:relative;padding-left:24px;}
.g-list .icon-logo img{position:absolute;left:0;top:-1px;_top:6px;width:16px;height:16px;}
.g-list .icon-video,
.g-list .icon-pic,
.g-list .icon-play{*display:inline-block;overflow:hidden;padding-right:18px;background-repeat:no-repeat;}
.g-list .icon-video{
	background-image:url(http://p1.qhimg.com/t01404e57bd5883d8e9.png);
	background-position:right 1px;*background-position:right 7px;
}
.g-list .icon-pic{
	background-image:url(http://p1.qhimg.com/t01a2226419ec548e09.png);
	background-position:right 1px;*background-position:right 7px;
}
.g-list .icon-play{
	background-image:url(http://p1.qhimg.com/t01e0a44477109e846c.png);
	background-position:right 1px;*background-position:right 7px;
}
.list-fluid li{display:inline;float:left;}
.has-square li,
.has-disc li{position:relative;padding-left:11px;}

/* 图文结合
 *
 * 模块中应用图文结合必须对g-pic、g-pic a、g-pic mask设置宽和高
 *
 * 1.普通图文(套g-pic的可以是任何标签)
 * <div class="g-pic">
 *    <a href="">
 *        <img src="" />
 *        <em class="txt"></em>
 *        <span class="txt-bg"></span>
 *        <span class="mask"></span>
 *     </a>
 * </div>
 *
 * 2.带icon图文
 * <div class="g-pic">
 *    <a href="">
 *        <img src="" />
 *        <em class="txt icon"></em>
 *        <span class="txt-bg"></span>
 *        <span class="mask"></span>
 *     </a>
 * </div>
 *
 * 3.无mask图文
 * <div class="g-pic">
 *    <a href="">
 *        <img src="" />
 *        <em class="txt"></em>
 *        <span class="txt-bg"></span>
 *     </a>
 * </div>
 *
 * 3.带figure图文
 * <div class="g-pic-figure">
 *     <div class="g-pic">
 *        <a href="">
 *            <img src="" />
 *            <em class="txt"></em>
 *            <span class="txt-bg"></span>
 *            <span class="mask"></span>
 *         </a>
 *         <div class="figure">
 *             <a href=""></a>
 *         </div>
 *     </div>
 * </div>
*/

.g-pic a{overflow:hidden;display:block;position:relative;vertical-align:top;}
.g-pic a:hover{text-decoration:none;}
.g-pic a img{width:100%;}
.g-pic .txt,
.g-pic .txt-bg,
.g-pic .mask{position:absolute;left:0;width:100%;height:20px;line-height:20px;text-align:center;color:#fff;}
.g-pic .txt-bg{z-index:1;bottom:0;background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.g-pic .txt{z-index:2;overflow:hidden;bottom:0;}
.g-pic .mask{z-index:3;top:0;background-color:#fff;opacity:0;filter:Alpha(opacity=0);}
.g-pic a:hover .mask{opacity:0.1;filter:Alpha(opacity=10);}
.g-pic .icon-play{
	padding-right:24px;width:85%;text-indent:8px;text-align:left;
	background-repeat:no-repeat;background-position:97% 0;
	background-image:url(http://p1.qhimg.com/t01818c13a0fa2c5c6e.png);
	_background-image:url( http://p1.qhimg.com/t01abeea7872f88f808.png);
}
.g-pic-figure .figure{overflow:hidden;margin-top:5px;width:100%;text-align:center;}

/* 排行榜列表
 *
 * <div class="g-ranking">
 *     <ol>
 *         <li>
 *             <span class="ranking-number"></span>
 *             <span class="ranking-txt"><a href=""></a></span>
 *             <span class="ranking-up"></span>
 *         </li>
 *     </ol>
 * </div>
 *
*/

.g-ranking li{position:relative;margin-bottom:9px;height:20px;line-height:20px;font-family:"\5b8b\4f53";font-size:14px;}
.g-ranking li{vertical-align:top;} /* li bottom 4px bug */
.g-ranking .ranking-number{
	float:left;margin:5px 9px 0 0;*margin:1px 9px 0 0;width:13px;height:13px;line-height:13px;font-size:14px;text-align:center;font-family:Arial;
	color:#666;
}
.g-ranking .top3{color:#fd6c0f;}
.g-ranking .ranking-txt{overflow:hidden;float:left;height:20px;}
.g-ranking .ranking-up,
.g-ranking .ranking-down{
	position:absolute;top:8px;right:0;width:7px;height:7px;
	background-image:url(http://p1.qhimg.com/t01e80fc7634a6634de.png);background-repeat:no-repeat;
}
.g-ranking .ranking-up{background-position:0 0;}
.g-ranking .ranking-down{background-position:0 -30px;}

/* 快速搜索
 *
 * 必须对快速搜索的位置做定位
 *
 * <div class="quick-search">
 * 	  <div class="search-input">
 *         <input type="text" /><button class="search-btn">搜索</button>
 *    </div>
 * </div>
 *
*/

.quick-search{position:absolute;width:150px;height:24px;}
.quick-search .search-input{overflow:hidden;width:148px;height:22px;white-space:nowrap;border:1px solid #c5c8cd;background-color:#fff;}
.quick-search .search-input input{display:inline;float:left;margin:3px 7px 0 6px;margin:4px 7px 0 6px\9;width:110px;height:16px;font-size:12px;font-family:Arial;border:0;background:none;outline:0;-webkit-appearance:none;}
.quick-search .search-btn{
	overflow:hidden;float:left;width:25px;height:22px;text-indent:-99em;cursor:pointer;
	color:#fff;border:0;outline:0;
	background:url(http://p1.qhimg.com/t01dbe36004832423d4.png) no-repeat 5px 4px;
}

/* 轮播
 *
 * 必须对slide-wrap、slide-content设置宽和高
 * 按钮分两种样式：半透明式(slide-opacity-btn)、实体样式(slide-btn)
 *
 * <div class="slide-wrap">
 *     <div class="slide-content">
 *         <ul class="items clearfix">
 *             <li class="slide-section">content</li>
 *             <li class="slide-section">content</li>
 *         </ul>
 *     </div>
 *     半透明按钮
 *     <a href="###" class="slide-opacity-btn opacity-prev pre">
 *         <span class="bg"></span><em class="arrow">&lt;</em>
 *     </a>
 *	   <a href="###" class="slide-opacity-btn opacity-next next">
 *          <span class="bg"></span><em class="arrow">&gt;</em>
 *     </a>
 *     实体按钮
 *     <a href="###" class="slide-btn pre disabled">&lt;</a>
 *	   <a href="###" class="slide-btn next">&gt;</a>
 *     文字按钮
 *     <a href="###" class="slide-txt-btn prev">文字</a>
 *	   <a href="###" class="slide-txt-btn next">文字</a>
 *     <div class="slide-pagination">
 *         <a href="###1" class="active"><ins>1</ins></a>
 *         <a href="###2"><ins>2</ins></a>
 *         <a href="###3"><ins>3</ins></a>
 *         <a href="###4"><ins>4</ins></a>
 *         <a href="###5"><ins>5</ins></a>
 *         <a href="###6"><ins>6</ins></a>
 *     </div>
 * </div>
 *
*/

.slide-wrap{position:relative;}
.slide-wrap .slide-content{position:relative;overflow:hidden;}
.slide-wrap .slide-content .slide-section{overflow:hidden;display:inline;float:left;}

.slide-wrap .slide-text{z-index:3;position:absolute;color:#999;}
.slide-wrap .slide-text em{font-weight:bold;color:#666;}

.slide-wrap .slide-pagination{z-index:3;position:absolute;}
.slide-wrap .slide-pagination a{
	overflow:hidden;float:left;width:12px;height:12px;line-height:12px;text-align:center;
}
.slide-wrap .slide-pagination a ins{
	overflow:hidden;display:inline-block;;width:8px;height:8px;
	background-color:#f6f6f6;
	-webkit-border-radius:12px;border-radius:12px;
}
.slide-wrap .slide-pagination .active ins{background-color:#3ba354;}

/* 半透明按钮 */
.slide-wrap .slide-opacity-btn{overflow:hidden;display:none;z-index:3;position:absolute;width:20px;height:40px;}
.slide-wrap .slide-opacity-btn .bg{height:40px;width:22px;z-index:1;position:absolute;top:0;left:0;background:#000;opacity:0.4;filter:Alpha(opacity=40);}
.slide-wrap .slide-opacity-btn:hover .bg{opacity:0.7;filter:Alpha(opacity=70);}
.slide-wrap .slide-opacity-btn .arrow{z-index:2;position:absolute;top:11px;height:19px;width:10px;text-indent:-999em;background-image:url(http://p1.qhimg.com/t01091c4d6600879f01.png);background-repeat:no-repeat;}
.slide-wrap .opacity-prev{left:0;}
.slide-wrap .opacity-next{right:0;}
.slide-wrap .opacity-prev .arrow{left:4px;background-position:0 0;}
.slide-wrap .opacity-next .arrow{left:7px;background-position:-26px 0;}

/* 文字按钮 */
.slide-wrap .slide-txt-btn{z-index:3;position:absolute;height:17px;line-height:20px;color:#999;}
.slide-wrap .slide-txt-btn:hover{color:#e60012;}

/* 实体按钮 */
.slide-wrap .slide-btn{
	overflow:hidden;display:block;z-index:3;position:absolute;width:19px;height:18px;line-height:20px;text-align:center;
	font-family:"\5b8b\4f53","\u534e\u6587\u7ec6\u9ed1"; /* Mac default font */
	color:#3ba354;border:1px solid #d1d1d1;background-color:#fff;
}
.slide-wrap .slide-btn:hover,
.slide-wrap .slide-btn:active{z-index:4;text-decoration:none;color:#3ba354;border-color:#a7a7a7;}
.slide-wrap .disabled,
.slide-wrap .disabled:hover{color:#dadada;border-color:#dadada;cursor:default;}

/* 气泡提示
 *
 * 设置气泡出现在目标周围的位置：
 * g-tips-top(目标在气泡之上)    g-tips-right(目标在气泡之左) 
 * g-tips-bottom(目标在气泡之上) g-tips-left(目标在气泡之右)
 *
 * <div class="g-tips g-tips-left">
 *     <div class="cont">text</div>
 *     <!--[if lte IE 7]>
 *     <span class="arrow-border"></span>
 *     <span class="arrow-background"></span>
 *     <![endif]-->
 * </div>
 *
*/

.g-tips{
	display:none;position:absolute;z-index:21;padding:2px 4px;border:1px solid #febe8f;background-color:#fff8d9;
	-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}
.g-tips .cont{line-height:18px;font-size:12px;white-space:nowrap;font-family:"\5b8b\4f53";color:#7a7a7a;}
.g-tips .close{position:absolute;top:3px;line-height:12px;font-size:12px;font-weight:bold;font-family:Arial;cursor:pointer;color:#ddd7b9!important;}
.g-tips a.close:hover{text-decoration:none;}
.g-tips-top:before,.g-tips-top:after,.g-tips-top .arrow-border,.g-tips-top .arrow-background{overflow:hidden;position:absolute;left:50%;margin-left:-6px;width:0;height:0;border-width:6px 6px 0;border-style:solid dashed dashed;content:'';}
.g-tips-top:before,.g-tips-top .arrow-border{bottom:-7px;border-color:#febe8f transparent transparent transparent;}
.g-tips-top:after,.g-tips-top .arrow-background{bottom:-6px;border-color:#fff8d9 transparent transparent transparent;}
.g-tips-right:before,.g-tips-right:after,.g-tips-right .arrow-border,.g-tips-right .arrow-background{overflow:hidden;position:absolute;top:50%;margin-top:-6px;width:0;height:0;border-width:6px 6px 6px 0;border-style:dashed solid dashed dashed;content:'';}
.g-tips-right:before,.g-tips-right .arrow-border{left:-7px;border-color:transparent #febe8f transparent transparent;}
.g-tips-right:after,.g-tips-right .arrow-background{left:-6px;border-color:transparent #fff8d9 transparent transparent;}
.g-tips-bottom:before,.g-tips-bottom:after,.g-tips-bottom .arrow-border,.g-tips-bottom .arrow-background{overflow:hidden;position:absolute;left:50%;margin-left:-6px;width:0;height:0;border-width:0 6px 6px;border-style:dashed dashed solid;content:'';}
.g-tips-bottom:before,.g-tips-bottom .arrow-border{top:-7px;border-color:transparent transparent #febe8f transparent;}
.g-tips-bottom:after,.g-tips-bottom .arrow-background{top:-6px;border-color:transparent transparent #fff8d9 transparent;}
.g-tips-left:before,.g-tips-left:after,.g-tips-left .arrow-border,.g-tips-left .arrow-background{overflow:hidden;position:absolute;top:50%;margin-top:-6px;width:0;height:0;border-width:6px 0 6px 6px;border-style:dashed dashed dashed solid;content:'';}
.g-tips-left:before,.g-tips-left .arrow-border{right:-7px;border-color:transparent transparent transparent #febe8f;}
.g-tips-left:after,.g-tips-left .arrow-background{right:-6px;border-color:transparent transparent transparent #fff8d9;}
.g-tips-top .close,
.g-tips-right .close,
.g-tips-bottom .close{right:4px;}
.g-tips-left .close{left:4px;}

/* 箭头
 *
 * 必须对箭头g-arrow设置宽和高和相应的background-position
 *
 * <div class="g-arrow"><ins class="pic"></ins></div>
 *
*/

.g-arrow{position:relative;cursor:pointer;}
.g-arrow .pic{
	overflow:hidden;position:absolute;top:50%;left:50%;margin:-2px 0 0 -3px;width:7px;height:4px;cursor:pointer;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAMAAACwak/eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTE4NURCMEQ3NzQzMTFFM0IxNzRFREYwMzhCQzVBNTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTE4NURCMEU3NzQzMTFFM0IxNzRFREYwMzhCQzVBNTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMTg1REIwQjc3NDMxMUUzQjE3NEVERjAzOEJDNUE1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMTg1REIwQzc3NDMxMUUzQjE3NEVERjAzOEJDNUE1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PptRW8UAAAAJUExURaisr3h8f////3ivjMoAAAADdFJOU///ANfKDUEAAAAmSURBVHjaYmCEACYQYABjBhCA8EE0A5SG8IEsBqhKJiaoXoAAAwAKoABPNU9aKAAAAABJRU5ErkJggg==) no-repeat;
}
.g-arrow-up .pic{
	background-position:-9px 0;
}
.g-arrow .pic{
	_background-image:url(http://p1.qhimg.com/t0184d678302a0984b2.png);
}

/* 三角
 *
 * 必须对g-sj设置定位的距离
 * 设置三角的方向：g-sj-top(朝上) g-sj-right(朝右) g-sj-bottom(朝下) g-sj-left(朝左)
 * <ins class="g-sj g-sj-bottom"><span class="border"></span><span class="bg"></span></ins>
 *
*/
.g-sj{overflow:hidden;position:absolute;}
.g-sj .border,
.g-sj .bg{overflow:hidden;position:absolute;width:0;height:0;}
.g-sj .border{z-index:1;}
.g-sj .bg{z-index:2;}

.g-sj-top .border,
.g-sj-top .bg{left:0;border-width:0 5px 5px;border-style:dashed dashed solid;}
.g-sj-top .border{top:0;border-color:transparent transparent #333 transparent;}
.g-sj-top .bg{top:2px;border-color:transparent transparent #fcfcfc transparent;}

.g-sj-right .border,
.g-sj-right .bg{top:0;border-width:5px 0 5px 5px;border-style:dashed dashed dashed solid;}
.g-sj-right .border{left:0;border-color:transparent transparent transparent #333;}
.g-sj-right .bg{left:-2px;border-color:transparent transparent transparent #fcfcfc;}

.g-sj-bottom .border,
.g-sj-bottom .bg{left:0;border-width:5px 5px 0;border-style:solid dashed dashed;}
.g-sj-bottom .border{top:0;border-color:#333 transparent transparent transparent;}
.g-sj-bottom .bg{top:-2px;border-color:#fcfcfc transparent transparent transparent;}

.g-sj-left .border,
.g-sj-left .bg{top:0;border-width:5px 5px 5px 0;border-style:dashed solid dashed dashed;}
.g-sj-left .border{left:0;border-color:transparent #333 transparent transparent;}
.g-sj-left .bg{left:2px;border-color:transparent #fcfcfc transparent transparent;}/* module: topbar */
#topbar{
	position:relative;height:34px;
	border-bottom:1px solid #e8e8e8;background-color:#fcfcfc;
}
 
#topbar .hao360cn-site{float:left;border-left:1px solid #e8e8e8;}
#topbar .hao360cn-site li{float:left;height:34px;border-right:1px solid #e8e8e8;}
#topbar .hao360cn-site li a{
	display:block;width:74px;height:34px;line-height:34px;text-align:center;
	color:#727272;
}
#topbar .hao360cn-site li a:hover{text-decoration:none;background-color:#efefef;}
#topbar .hao360cn-site .on a,
#topbar .hao360cn-site .on a:hover{background-color:#fff;}

#topbar .hao360cn-set{float:right;height:34px;line-height:34px;color:#bcbcbc;}
#topbar .hao360cn-set a{margin:0 4px 0 2px;color: #000;font: 12px/1.5 "Microsoft YaHei",Arial,"\5b8b\4f53",georgia,verdana,helvetica,sans-serif;}
#topbar .hao360cn-set a:hover{color:#e95656;}

/* module: header-section */
#header-section{
	position:relative;height:91px;
}

#header-section .logo{position:absolute;top:18px;left:6px;width:186px;height:62px;}
#header-section .pic-board{margin-top:30px;}

/* module: nav */
.nav{height:42px;background-color:#f39f06;}
.nav li{float:left;}
.nav li a{
	display:inline-block;padding:0 20px;height:42px;line-height:42px;font-size:16px;
	color:#fff;
}
.nav .on a,
.nav li a:hover{
	text-decoration:none;color:#fff;background-color:#d74646;
}

/* module: copyright */
#copyright{
	position:relative;margin-top:25px;padding-top:40px;height:144px;
	border-top:1px solid #dfdfdf;background-color:#f2f2f2;
} 
#copyright p{text-align:center;font-size:14px;line-height:30px;font-weight:bold;color:#737373;}
#copyright p img{margin-right:20px;}
 
#copyright .copyright-link{margin-top:18px;text-align:center;color:#9a9a9a;}
#copyright .copyright-link a{color:#9a9a9a;}

/* iframe-mediaV */
.iframe-mediaV{overflow:hidden;margin:15px auto 0;width:950px;}/* bank-list */
#logo-wall ul{margin-top:10px;margin-left:-2px;}
#logo-wall li{float:left;text-align:center;}

#logo-wall li a{
	display:block;width:167px;height:92px;
	background:url(http://p2.qhimg.com/t0160084e7ee7cfaa93.png) no-repeat 0 0;
}
#logo-wall li img{
	margin-bottom:3px;padding-top:5px;width:120px;height:54px;vertical-align:middle;
}
#logo-wall li p{
	color:#666;*zoom:1;
}

#logo-wall li a:hover{
	text-decoration:none;color:#666;
	background-position:-168px 0;
}

/* product-list */
.product-list{margin:30px 0 6px;}
.product-list .product-hd{position:relative;height:40px;}
.product-list .product-hd .product-logo{float:left;margin-right:10px;}
.product-list .product-hd .product-logo img{height:40px;}
.product-list .product-hd .product-slogan{overflow:hidden;float:left;height:40px;line-height:65px;color:#999;}
.product-list .product-hd .product-phone{margin-top:16px;padding-right:2px;float:right;color:#474e5d;}
.product-list .product-hd .product-phone span{color:#e41b1b;}


.product-list .product-bd{overflow:hidden;margin-top:10px;width:1000px;height:198px;}
.product-list .product-bd .product-item{
	z-index:1;position:relative;float:left;margin-right:-1px;padding-left:20px;width:216px;height:196px;
	border:1px solid #eee;background-color:#fff;
}
.product-list .product-bd .hover{
	z-index:2;border-color:#f66;
}
.product-list .product-bd .product-item .title{
	overflow:hidden;position:relative;padding-top:12px;width:190px;height:40px;line-height:40px;font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;
}
.product-list .product-bd .product-item .g-list li{font-size:14px;}
.product-list .product-bd .product-item .g-list li span{color:#999;}
.product-list .product-bd .product-item .g-list li em{font-size:30px;color:#f13333;}
.product-list .product-bd .product-item .g-list	.earnings .square{top:18px;}
.product-list .product-bd .product-item .go{margin-top:16px;}
.product-list .product-bd .product-item .go a{
	display:block;width:85px;height:28px;line-height:28px;text-align:center;
	color:#fff;background-color:#ffb85c;
	-webkit-border-radius:4px;border-radius:4px;
}
.product-list .product-bd .product-item .go a:hover{text-decoration:none;background-color:#febe6b;}


.product-list .product-bd .product-other{
	overflow:hidden;width:267px;height:196px;
	background-color:#fcfcfc;
}
.product-list .product-bd .product-other .title{color:#ffa837;}
.product-list .product-bd .product-other .g-list li{
	width:248px;height:27px;line-height:27px;
	text-overflow:ellipsis;white-space:nowrap;
}
.product-list .product-bd .product-other .g-list li a{color:#999;}
.product-list .product-bd .product-other .g-list li a:hover{color:#e60012;}

/* indexPopPic */
#indexPopPic{position:relative;margin:10px auto 0;width:1000px;}/* module: news */
.bank-list{overflow:hidden;padding:4px 0 4px 3px;border:1px solid #e2e3e7;background-color:#fff;}
.bank-list li{
	overflow:hidden;display:inline;float:left;margin:5px;padding:2px;width:232px;height:120px;
	border:1px solid #e7e7e7;
}
.bank-list li:hover{padding:0;border:3px solid #e95656;}
.bank-list .bank-logo{display:block;width:232px;height:60px;text-align:center;}
.bank-list .links,
.bank-list .phones{overflow:hidden;margin:4px 9px 0;padding-left:8px;height:24px;line-height:24px;text-align:center;}
.bank-list .links a{margin-right:10px;text-align:center;}
.bank-list .phones span{margin-right:10px;}

.more-link{padding:8px 0;height:30px;text-align:center;}
.more-link a{
	display:inline-block;overflow:hidden;width:187px;height:29px;line-height:29px;font-size:14px;text-align:center;
	background:url(http://p1.qhimg.com/t013fbd2246a0257dc1.png) no-repeat;
}
.more-link a:hover{text-decoration:none;}

.bank-iframe{overflow:hidden;height:137px;_height:124px;}
.bank-banner{overflow:hidden;margin:0 auto;padding:5px 0;*padding:10px 0 5px;width:960px;height:90px;}

.bank-reco{overflow:hidden;border:1px solid #e2e3e7;background-color:#fff;zoom:1;}
.bank-reco ul{padding:8px 0 8px 20px;text-align:center;}
.bank-reco li{
	overflow:hidden;padding-right:8px;float:left;width:120px;height:30px;line-height:30px;font-size:14px;text-align:left;
	white-space:nowrap;word-wrap:break-word;
}
.bank-reco li .more{color:#e95656;}
.bank-reco li .more:hover{text-decoration:underline;}/* module: news */
.insurance-reco{
	overflow:hidden;zoom:1;
	border:1px solid #e2e3e7;background-color:#fff;
}
.insurance-reco ul{padding:8px 20px;}
.insurance-reco li{
	overflow:hidden;padding-right:10px;float:left;width:125px;height:30px;line-height:30px;font-size:14px;white-space:nowrap;word-wrap:break-word;
}
.insurance-reco li .more{color:#e95656;}
.insurance-reco li .more:hover{text-decoration:underline;}

.insurance-iframe{overflow:hidden;height:1310px;}/* about */
.tabview{overflow:hidden;margin-top:10px;border:1px solid #d7d7d7;}

.tabview .tabs{
	float:left;margin-bottom:-9999px;padding-bottom:9999px;width:179px;font-size:16px;
	border-right:1px solid #d7d7d7;background-color:#f6f6f6;
}
.tabview .tabs li{
	position:relative;width:179px;text-align:center;
	border-bottom:1px solid #e3e3e3;
}
.tabview .tabs li a{display:block;width:179px;height:50px;line-height:50px;color:#666;}
.tabview .tabs li a:hover{text-decoration:none;}
.tabview .tabs .on{background-color:#fff;}
.tabview .tabs .on a{
	width:176px;line-height:50px;
	color:#e95656;border-left:3px solid #e95656;
}

.tabview .views{
	float:left;margin-bottom:-9999px;padding-bottom:9999px;width:818px;
	background-color:#fff;
}
.tabview .views .title{
	padding-left:20px;line-height:50px;font-size:20px;
	color:#e95656;border-bottom:1px solid #ededed;
}
.tabview .views .content{padding:10px 25px 20px;}
.tabview .views .content h3{font-weight:bold;}
.tabview .views .content h3,
.tabview .views .content p{margin:10px 0;line-height:25px;font-size:14px;color:#666;}