body{font:12px/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.普通列表
*
*
* 2.浮动列表
*
*
* 3.带•列表
*
*
*
*
* 4.带icon列表
*
*
*
*
* ![]()
*
* 5.带|列表
*
*/
.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://static.mangdai.com/images/t01404e57bd5883d8e9.png);
background-position:right 1px;*background-position:right 7px;
}
.g-list .icon-pic{
background-image:url(http://static.mangdai.com/images/t01a2226419ec548e09.png);
background-position:right 1px;*background-position:right 7px;
}
.g-list .icon-play{
background-image:url(http://static.mangdai.com/images/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的可以是任何标签)
*
*
* 2.带icon图文
*
*
* 3.无mask图文
*
*
* 3.带figure图文
*
*/
.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://static.mangdai.com/images/t01818c13a0fa2c5c6e.png);
_background-image:url(http://static.mangdai.com/images/t01abeea7872f88f808.png);
}
.g-pic-figure .figure{overflow:hidden;margin-top:5px;width:100%;text-align:center;}
/* 排行榜列表
*
*
*
*/
.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://static.mangdai.com/images/t01e80fc7634a6634de.png);background-repeat:no-repeat;
}
.g-ranking .ranking-up{background-position:0 0;}
.g-ranking .ranking-down{background-position:0 -30px;}
/* 快速搜索
*
* 必须对快速搜索的位置做定位
*
*
*
*/
.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://static.mangdai.com/images/t01dbe36004832423d4.png) no-repeat 5px 4px;
}
/* 轮播
*
* 必须对slide-wrap、slide-content设置宽和高
* 按钮分两种样式：半透明式(slide-opacity-btn)、实体样式(slide-btn)
*
*
*
*/
.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://static.mangdai.com/images/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(目标在气泡之右)
*
*
*
*/
.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
*
*
*
*/
.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://static.mangdai.com/images/t0184d678302a0984b2.png);
}
/* 三角
*
* 必须对g-sj设置定位的距离
* 设置三角的方向：g-sj-top(朝上) g-sj-right(朝右) g-sj-bottom(朝下) g-sj-left(朝左)
*
*
*/
.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;}/* common */
a{
color: #333;
}
a:hover{
color: #f33d3c;
}
.body,
.wrapper,
#doc-hd{
background-color: #f5f5f5;
}
/* grid: container */
.container{
width: 1200px;
margin-bottom: 22px;
}
/* module: header-section */
#header-section{
position:relative;height:68px;
}
#header-section .logo{
/**8position:absolute;
top:5px;
left:0px;**/
width: 185px;
height:90px;
float:left;
}
#header-section .scroll-board{
margin-top:40px;
}
#header-section .scroll-board .icon{
width: 18px;
height: 18px;
margin-right: 5px;
}
#header-section .scroll-board .slide-wrap{
width: 220px;
}
#header-section .scroll-board .slide-content{
width: 220px;
height: 18px;
}
#header-section .scroll-board .slide-content li{
width: 220px;
text-overflow: ellipsis;
}
#header-section a{
color: #fb6532;
}
/* module: nav */
.nav{
margin-bottom: 28px;
border-bottom: 1px solid #e5e5e5;
background-color:#fff;
}
.nav .container{
height: 54px;
margin-bottom: 0;
}
.nav li{float:left;}
.nav li a{
display:inline-block;
padding: 0 25px;
height:52px;
line-height:52px;
font-size:16px;
text-align: center;
}
.nav .on{
border-bottom: 3px solid #fb6532;
}
.nav .on a{
color: #f33d3c;
}
.nav li a:hover{
text-decoration:none;
color:#f33d3c;
}
/* 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;}/* icons */
.icon{
background: url(http://static.mangdai.com/images/t015b155312d980bc18.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='http://static.mangdai.com/images/t015b155312d980bc18.png');
}
.icon-1{
background: url(http://static.mangdai.com/images/t01b6b5bc9ec6e13722.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='http://static.mangdai.com/images/t01b6b5bc9ec6e13722.png');
}
.icon-award { background-position: 0 -2px; }
.icon-search { background-position: -128px 0; }
.icon-sun { background-position: -257px 0;}
.icon-pig { background-position: 0px -56px; }
.icon-plane { background-position: -128px -56px; }
.icon-speech { background-position: -257px -56px; }
.icon-dollar-bag-2 { background-position: 0px -106px; }
.icon-chart-increasing { background-position: -128px -109px; }
.icon-chart { background-position: -257px -109px; }
.icon-alert { background-position: -89px 0; }
.icon-dollar-bag { background-position: 5px -50px; }
.icon-hot { background-position: 0 4px; }
.icon-chart-increasing-2{ background-position: -68px -50px;}
/* bank-list */
#logo-wall ul{margin-top:10px;margin-left:-2px;margin-right: -5px;}
#logo-wall li{
float:left;
margin: 0 5px 5px 0;
text-align:center;
}
#logo-wall li a{
display:block;width:167px;height:92px;
background:url(http://static.mangdai.com/images/t0160084e7ee7cfaa93.png) no-repeat 0 0;
}
#logo-wall li .defCursor{
cursor: default;
}
#logo-wall li img{
margin-bottom:3px;padding-top:5px;width:120px;height:54px;vertical-align:middle;
}
#logo-wall li p{
color: #a4a4a2;
*zoom:1;
}
#logo-wall li a:hover{
text-decoration:none;color:#666;
background-position:-168px 0;
}
#logo-wall li a:hover p{
color: #666668;
}
/* main-zone */
.main-zone .nav-list{
width: 220px;
}
.main-zone .sliders{
width: 570px;
margin-left: 17px;
}
.main-zone .info-box{
width: 372px;
border: 1px solid #ececec;
background-color: #fff;
}
/* module: nav-list */
.nav-list{
border: 1px solid #ececec;
background-color: #fff;
}
.nav-list .nav-list-wrap{
padding: 0px;
}
.nav-list .nav-list-item{
padding: 15px 0 5px 5px;
border-bottom: 1px dashed #ebebeb;
font-size: 14px;
}
.nav-list .last{
border: none;
padding-bottom: 3px;
}
.nav-list-item h3{
color: #fd4500;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
border-bottom:1px dashed #ccc;
}
.nav-list-item ul{
margin-right: -10px;
*padding-bottom: 10px;
}
.nav-list-item li{
float: left;
width: 210px;
margin: 5px 10px 0px 0;
overflow:hidden;
}
.nav-list-item a:hover{
color: #ff4300;
text-decoration: none;
}
.nav-list-item em{ color: #fd4500; margin: 0 3px; vertical-align: middle; }
/* module: sliders */
#focus-pic .slide-wrap{
width: 570px;
background-color: #fff;
}
#focus-pic .slide-content{
width: 570px;
height: 392px;
}
#focus-pic .slide-wrap .slide-content .slide-section{
font-size: 0;
}
.slide-wrap .slide-opacity-btn {
top: 40%;
width: 33px;
height: 40px;
}
.slide-wrap .slide-opacity-btn .bg {
width: 33px;
height: 40px;
opacity: 0.2;
filter: Alpha(opacity=20);
}
.slide-wrap .slide-opacity-btn:hover .bg {
opacity: 0.4;
filter: Alpha(opacity=40);
}
.slide-wrap .opacity-prev .arrow {
left: 9px;
}
.slide-wrap .opacity-next .arrow {
left: 13px;
}
.slide-wrap .slide-pagination .active ins{
background-color: #fd4500;
}
#focus-pic .slide-pagination{
width: 100%;
height: 4px;
font-size: 0;
text-align: center;
white-space: nowrap;
bottom: 5%;
}
#focus-pic .slide-pagination a{
display: inline-block;
float: none;
width: 16px;
height: 16px;
line-height: 16px;
margin: 0 2px;
}
#focus-figure{
margin-top: 15px;
}
#focus-figure .slide-wrap{
width: 570px;
}
#focus-figure .slide-content{
width: 570px;
height: 166px;
}
#focus-figure .slide-content li{
width: 570px;
height: 166px;
overflow: hidden;
}
#focus-figure .slide-content a{
float: left;
width: 188px;
height: 164px;
border: 1px solid #fff;
text-align: center;
}
#focus-figure .slide-content a:hover{
text-decoration: none;
}
#focus-figure .slide-content img{
width: 120px;
height: 59px;
margin-top: 15px;
}
#focus-figure .slide-content p{
margin-top: 10px;
}
#focus-figure .slide-content .desc{
font-size: 14px;
margin-top: 15px;
}
#focus-figure .sp-1{
color: #bebebe;
}
#focus-figure .sp-2{
color: #f33d3c;
}
#focus-figure .slide-content a:hover .sp-1{
color: #333;
}
#focus-figure .bg-1{
background-color: #ffdfd2;
}
#focus-figure .bg-2{
background-color: #d1ecff;
}
#focus-figure .bg-3{
background-color: #e0efd8;
}
#focus-figure .bg-4{
background-color: #fee5bc;
}
#focus-figure .bg-5{
background-color: #baf2e5;
}
#focus-figure .bg-6{
background-color: #dae1fb;
}
/* module: info-box */
.news{
padding: 0 20px;
}
.news-block{
padding: 10px 0 4px;
}
.news-block h3{
font-size: 18px;
font-weight: normal;
}
.news-block li{
float: left;
}
.news-block li a{
color: #b3b3b3;
border-right: 1px solid #b3b3b3;
padding-right: 10px;
margin-right: 10px;
}
.news-block li a:hover{
color: #ff6843;
}
.news-block .last a{
border: none;
}
.nav-box{
margin: 10px 0 -1px -1px;
}
.nav-box .g-list{
padding-bottom: 1px;
}
.nav-box li{
border: 1px solid #ececec;
margin: 0 -1px -1px 0;
height: auto;
}
.nav-box a{
display: block;
width: 130px;
height: 49px;
line-height: 49px;
margin: 0;
}
.nav-box .icon-1{
float: left;
width: 22px;
height: 28px;
margin: 15px 0 0 15px;
}
.nav-box .icon-dollar-bag-2{
margin-top: 12px;
}
.nav-box li span{
float: left;
padding-left: 10px;
font-size: 14px;
font-weight: normal;
}
/* module: zone */
.zone-hd{
margin-bottom: 20px;
}
.zone-bd{
border: 1px solid #ececec;
background-color: #fff;
}
.zone-hd .icon{
float: left;
width: 25px;
height: 28px;
margin-right: 10px;
}
.zone-hd .tit{
font-size: 18px;
font-weight: normal;
}
.zone-bd .zone-l-bd{
width: 935px;
}
.zone-bd .zone-r-bd{
width: 263px;
}
/* product-list */
.product-list li{
height: 58px;
line-height: 58px;
font-size: 14px;
color: #5f5f5f;
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;
margin-bottom: -1px;
}
.product-list .row-tit{
background-color: #e9f4fd;
}
.product-list .hover{
color: #494949;
background-color: #f2f7fb;
}
.product-list a:hover{
color: #494949;
}
.product-list .plat,
.product-list .title,
.product-list .rate,
.product-list .cycle,
.product-list .money{
float: left;
text-align: center;
border-right: 1px solid #ececec;
overflow: hidden;
text-overflow: ellipsis;
}
.product-list .plat{
width: 112px;
}
.product-list .title{
width: 240px;
}
.product-list .rate{
width: 166px;
font-size: 22px;
color: #ff5256;
}
.product-list .row-tit .rate{
font-size: 14px;
color: #333;
}
.product-list .cycle,
.product-list .money{
width: 128px;
}
.product-list .btn-go{
display: inline-block;
margin: 0 0 0 35px;
padding: 7px 25px;
color: #494949;
background-color: #fffdf6;
border: 1px solid #ececec;
border-radius: 4px;
font-size: 12px;
height: auto;
line-height: normal;
}
.product-list .hover .btn-go{
color: #fff;
background-color: #fc774a;
border-color: #fc774a;
}
.product-list .btn-go:hover{
color: #fff;
background-color: #ff6936;
border-color: #ff6936;
text-decoration: none;
}
/* rec-list */
.rec-list{
padding: 0 0 17px;
}
.rec-list .tit{
font-size: 18px;
font-weight: normal;
padding: 17px 18px 15px;
}
.rec-list .tit .icon{
float: left;
width: 45px;
height: 25px;
margin-right: 5px;
}
.rec-list .rec-item{
position: relative;
font-size: 14px;
}
.rec-list .rec-item a{
display: block;
padding: 7px 18px 10px 40px;
}
.rec-list .rec-item a:hover{
background-color: #fff6f2;
text-decoration: none;
}
.rec-list .rec-item .num{
position: absolute;
top: 13px;
left: 18px;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 12px;
text-align: center;
color: #fff;
background-color: #aaa;
}
.rec-list .rec-item .num-1,
.rec-list .rec-item .num-2,
.rec-list .rec-item .num-3{
background-color: #ff6600;
}
.rec-list .rec-item p{
height: 56px;
line-height: 28px;
overflow: hidden;
}
/* side-ad */
.rec-ad{
width: 217px;
margin: 0 auto;
overflow: hidden;
background-color: #eee;
}
.list-main {
float: left;
}
.act-list {
border-bottom: 1px solid #d7e4f4;
margin: 0 20px;
}
.act-list li {
border-bottom: 1px dotted #a7b8d0;
height: auto;
margin: 0;
padding: 18px 0 16px;
position: relative;
z-index: 1;
width:880px;
}
.act-list li:last-child {
border-bottom: medium none;
}
.act-list a.preview {
float: left;
margin-top: 4px;
}
.act-list a.preview img {
border: 1px solid #d9e5f5;
height: 64px;
width: 90px;
}
.act-list li.list-img {
overflow: auto;
}
.act-list li.list-img .list-text {
float: left;
margin-left: 14px;
width: 510px;
}
.act-list h3 {
color: #222222;
margin-bottom: 8px;
margin-top: 0;
}
.act-list h3 a {
color: #222222;
}
.act-list h3 a:hover {
color: #0092ff;
}
.act-list .title{
font-style: normal;
font-size:20px;
font-weight: 400;
}
.act-list p {
color: #414141;
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
margin-top: 6px;
}
.act-list span {
color: #999999;
float:right;
font-size:16px;
}
.act-list .title-img {
bottom: 13px;
left: 0;
position: absolute;
}
.act-list .title-img img {
border: 1px solid #d9e5f5;
height: 63px;
width: 89px;
}
.act-list em {
color: #cc0000;
font-style: normal;
}
.dodipar {
padding: 20px 0;
text-align: center;
}
.dodipar li {
display: inline;
}
.dodipar a, .dodipar span {
border: 1px solid #d7e4f4;
display: inline-block;
padding: 6px 10px;
text-align: center;
}
.dodipar a:hover {
background-color: #5986d0;
color: #fff;
text-decoration: none;
}
.dodipar li.thisclass span {
background-color: #5986d0;
color: #fff;
}
.dodipar > a, .dodipar > span {
margin-left: 5px;
}
.dodipar a, .dodipar span {
}
.dodipar span.current-page {
background-color: #5986d0;
color: #fff;
}
.dodipar span.pageinfo {
border: 1px solid #fff;
}
#licai table {line-height: 1.6em; width: 220px; font-size: 14px;line-height: 180%;font-family: '微软雅黑',Microsoft YaHei,Verdana;}
#licai th {
border: 1px solid #e5e5e5;
font-size: 13px;
padding: 5px;
}
#licai tbody tr th {font-weight: normal;text-align: right;width:80px; border: 1px solid #e5e5e5;font-size: 13px;}
#licai tbody td {text-align: left;padding-left: 2px;border: 1px solid #e5e5e5;padding: 5px; width:130px;}
#repayType{width:100px;}
#licai input{width:70px; line-height:26px;height:26px;}
.product-list .buynow, table .buynow {
background-color: #fd6424;
border-bottom: 3px solid #e1441f;
border-radius: 5px;
color: #ffffff;
display: block;
font-size: 14px;
height: 30px;
line-height: 32px;
margin-top: 8px;
text-align: center;
width: 88px;
}
.product-list .buynow:hover, table .buynow:hover {
background-color: #f25e34;
color: #ffffff;
text-decoration: none;
}
.quick-nav a div { background: url(/static/images/quick-nav.png) no-repeat; width: 35px; height: 25px; margin: 14px auto 5px;}
.quick-nav ul {border: 1px solid #f7f7f7; border-bottom: 0;}
.quick-nav li { float: left; width: 86px; height: 71px; border: 1px solid #f4f4f4; margin: -1px 0 0 -1px;}
.quick-nav a {display: block; }
.quick-nav a:hover span { color: #fd6424;}
.quick-nav span {display: block; text-align: center; font-size: 12px; color: #585858;}
.quick-nav .last { border-right: none;}
.quick-nav .icon4 {
background-position: -706px 1px;
}
.quick-nav .icon1 { background-position: -461px -66px;}
.quick-nav .icon2 { background-position: -587px 2px;}
.quick-nav .icon3 { background-position: -343px -67px;}
.quick-nav .icon4 { background-position: -706px 1px;}
.quick-nav .icon5 { background-position: -706px -66px;}
.quick-nav .icon6 { background-position: -845px 1px;}
.quick-nav .icon7 {background-position: -116px 0px;}
.quick-nav .icon8 {background-position: -229px 0;}
.quick-nav .icon9 {background-position: -342px 0;}
.quick-nav .icon10 {background-position: -118px -65px;}
.quick-nav .icon11 {background-position: -230px -64px;}
.quick-nav .icon12 {background-position: -343px -65px;}
/* search-list */
.search-list{
/*padding-left: 14px;*/
margin-top:10px;
}
.search-list li{
text-align: center;
height: 45px;
margin: 0 0 12px 10px;
}
.search-list li a{
display: block;
border: 1px solid #e5e5e5;
width: 115px;
height: 43px;
line-height: 45px;
margin-right: 0;
color: #5e5e5e;
font-size: 13px;
}
.search-list li a:hover{
border-color: #fd6424
}