@charset "utf-8";
/* CSS Document */

/* 通用信息列表_普通式 */
.infoList li{ height:25px; line-height:25px;   }
.infoList li .date{ float:right; color:#999;  }


/* 通用图片列表_普通式 */
.picList li{ width:126px;  }
.picList .pic{ text-align:center; line-height:0px;  }
.picList .pic img{ width:120px; height:90px; padding:2px; border:1px solid #ccc;  }
.picList .pic a:hover img{ border-color:#f00;  }
.picList .title{ line-height:24px;   }


/* 文本切换盒子 - 公用类 */
.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; cursor:pointer; }
.slideTxtBox .bd{ padding:15px;  }
.slideTxtBox .bd ul{ padding:10px;  }
.slideTxtBox .tempWrap{ margin:15px;  }


/* 单个图片幻灯片盒子 - 公用类 */
.slideBox{ width:450px; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:450px; height:230px; }


/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.leftLoop .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{ background:#f00;  }
.leftLoop .bd{ padding:10px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }


/* 多个上滚动 - 图片- 公用类 */
.topLoop{ overflow:hidden; position:relative; }
.topLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4; display:none;}
.topLoop .hd .prev,.topLoop .hd .next{ display:block;  width:9px; height:10px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background:url("images/icoUp.gif") center no-repeat;}
.topLoop .hd .next{ background:url("images/icoDown.gif") center no-repeat;  }
.topLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.topLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.topLoop .hd ul li.on{ background:#f00;  }
.topLoop .bd{}
.topLoop .bd ul{ overflow:hidden; zoom:1; }


/* 多个左滚动 - 文本 - 公用类 */
.leftLoopTxt{  }


/* 图片按钮(左)滚动 - 公用类 */
.picBtnLeft{ width:467px; height:313px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnLeft .hd{ width:467px;  height:84px; position:absolute;  top:240px; }
.picBtnLeft .hd ul{ width:480px;  overflow:hidden; zoom:1; }
.picBtnLeft .hd ul li{ padding-top:5px; float:left; _display:inline; text-align:center;  }
.picBtnLeft .hd ul li img{ width:105px; height:65px; border:4px solid #ddd; cursor:pointer; margin-right:5px;   }
.picBtnLeft .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picBtnLeft .hd ul li.on img{ border-color:#f60;  }
.picBtnLeft .bd{ width:467px;  height:230px; position:relative;  }
.picBtnLeft .bd img{ width:467px; height:230px;  }
.picBtnLeft .bd li{ position:relative; zoom:1; }
.picBtnLeft .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnLeft .bd li .bg{ display:none;  width:467px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnLeft .bd li .title{ display:none;  width:467px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnLeft .bd li .title a{ color:#fff;  }

/* 图片按钮(上)滚动 - 公用类 */
.picBtnTop{ width:500px; height:214px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:98px;  height:214px; position:absolute; right:5px;}
.picBtnTop .hd ul li{ width:93px; padding:0 0 5px 5px;  text-align:center; line-height:0px;  }
.picBtnTop .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer;  }
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .bd{ width:400px;  height:214px; position:relative;  }
.picBtnTop .bd img{ width:400px; height:214px;  }
.picBtnTop .bd li{ position:relative; zoom:1; }
.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff;  }
 

/* 5、More Idea 衍生效果 不共用样色 ----------------------------------------------------------------------------------- */

/* 双重slide-文本滚动效果 */
#doubleSlideTxt{ width:524px; zoom:1; position:relative; text-align:left;  }
#doubleSlideTxt .parHd{ position:absolute; z-index:1; top:10px; left:453px; width:44px; overflow:hidden; }
#doubleSlideTxt .parHd li{ width:14px; padding:5px 5px 5px 5px;  line-height:16px; border:1px solid #baccdf; border-left:0; 
	margin-bottom:5px; background:#fff; color:#b5c4d3;  cursor:pointer; margin-left:1px;  }
#doubleSlideTxt .parHd li.on{ background:#dbeefd; font-weight:bold; color:#367399;  border-right:3px solid #4e98c6;  
	margin-left:0px; position:relative; z-index:100; padding:5px 10px 5px 10px;}
#doubleSlideTxt .parBd{ position:relative;  z-index:0; width:440px; left:0px; border:1px solid #baccdf; padding:6px; background:#dbeefd;}
#doubleSlideTxt .parBd .slideTxtBox{ background:#fff; width:400px; border:0; padding:20px;    }
#doubleSlideTxt .parBd .slideTxtBox .hd{ background:#fff;  }

/* 双重slide-相册效果 */
.gallery{ border:1px solid #ccc; padding:5px; text-align:left;    }
.gallery .bd li .pic{ line-height:0px;  }
.gallery .bd li .bg,.gallery .bd li .title{ display:none;  }
.gallery .bd li img{ width:450px; height:230px;   }
.gallery .hd{ position:relative; padding:0 15px; margin-top:10px; zoom:1; }
.gallery .hd .tempWrap{ margin-left:8px;  }
.gallery .hd ul{ overflow:hidden; zoom:1; }
.gallery .hd li{ width:100px; padding-top:4px; text-align:center; cursor:pointer;   }
.gallery .hd li img{ width:86px; height:60px; border:1px solid #ddd; padding:2px;   }
.gallery .hd li.on{ background:url("images/icoUp.gif") no-repeat center 0;  }
.gallery .hd li.on img{ border:1px solid #f60; background:#fff;   }
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center;  width:15px; height:66px; line-height:66px;  border:1px solid #ddd; cursor:pointer; position:absolute;  left:0px; top:4px; }
.gallery .hd .sNext{ left:auto; right:0px; }
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60;  }

/* 双重slide-仿Mtime */
.Mtime{ width:960px; height:311px;  overflow:hidden; position:relative; background:url("demoEffect/Mtime/bg_movies.jpg") no-repeat;  }
.Mtime .prev,.Mtime .next{ width:63px; height:100%; clear:both; cursor:pointer; position:absolute; left:0px; top:0px; }
.Mtime .next{ width:59px; left:auto; right:0px;  }
.Mtime .tempWrap{ margin-left:63px; }
.Mtime .MtimeCon{ width:840px; height:100%;     }
.Mtime .tabBox{ overflow:hidden; zoom:1; }
.Mtime .tabBox .bd{ padding: 15px 18px 15px 20px; width: 667px;  float:left;  }
.Mtime .tabBox .bd li{ overflow:hidden; zoom:1; }
.Mtime .tabBox .bd .text{  width: 225px; padding-right: 20px; word-wrap: break-word; float:left;  }
.Mtime .tabBox .bd .text h3 a{ color:#86CA35; font:normal 28px/40px "Microsoft YaHei"; _font-weight:bold;  }
.Mtime .tabBox .bd .text p{ padding-top:18px; line-height:22px; color:#fff; font-size:14px;     }
.Mtime .tabBox .bd .imgs{ float:right;  }
.Mtime .tabBox .hd{ width:103px; float:left; margin-top:6px;   }
.Mtime .tabBox .hd li{ margin-top:7px; padding-left:7px;  cursor:pointer; vertical-align:middle; }
.Mtime .tabBox .hd a{ padding:3px; display:block; height:45px; overflow:hidden;   }
.Mtime .tabBox .hd img{ width:90px; height:45px;  }
.Mtime .tabBox .hd li.on{ background:url("demoEffect/Mtime/icoLeft.gif") 0 center no-repeat; }
.Mtime .tabBox .hd li.on a{ background:#85CB35;  }

/* 常见焦点图 */
.focusBox{ width:275px; height:243px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.focusBox .hd{ position:absolute; z-index:1; right:3px; bottom:34px; }
.focusBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focusBox .hd ul li{ float:left; margin-right:3px;  width:14px; height:14px; line-height:14px; text-align:center; background:#ddd; cursor:pointer; 
	font-family:Arial; color:#666; 
}
.focusBox .hd ul li.on{ background:#f00; color:#fff;     }
.focusBox .bd{ position:relative;  }
.focusBox .bd .pic{ line-height:0px;  }
.focusBox .bd .pic img{ width:275px; height:215px;}
.focusBox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; background:#f6f6f6; }
 
/* 视频网站大焦点图 */
.tv-slideBox{  height:288px; overflow:hidden; background:#333; position:relative;   }
.tv-slideBox .hd{ display:none;  }
.tv-slideBox li{ overflow:hidden;  }
.tv-slideBox li .pic{ width:720px; float:left;   }
.tv-slideBox li .pic img{ width:720px;  }
.tv-slideBox li .con{ position:relative;  background:#fff;  height:288px; width:240px; padding-left:20px;   float:left; background:url("demoEffect/images/gtvSplit.png") -281px 0 repeat-y;  }
.tv-slideBox li .con .bg{ position:absolute; width:96px; height:96px; right:0px; top:0px; background:url("demoEffect/images/gtvSplit.png") -84px 0 no-repeat;    }
.tv-slideBox li .con .title{  width:170px; padding-top:30px; height:68px;  }
.tv-slideBox li .con .title a{ color:#fff;  font:normal 14px/22px "Microsoft YaHei"; _font-weight:bold; }
.tv-slideBox li .con .intro{ color:#cbcbcb; width:220px; border-top:1px dotted #cbcbcb;  padding-top:10px; margin-top:10px;   }
.tv-slideBox li .con .intro .more{ position:absolute; bottom:20px; left:20px; display:block; width:94px; height:28px; background:url("demoEffect/images/gtvSplit.png") -184px 0 no-repeat; overflow:hidden; line-height:990px;   }
.tv-slideBox li .con .intro .more:hover{ bottom:21px; }
.tv-slideBox .prev,.tv-slideBox .next{ position:absolute; z-index:1;width:39px; height:87px; overflow:hidden; cursor:pointer; left:10px; top:80px; background:url("demoEffect/images/gtvSplit.png") 0 0 no-repeat; }
.tv-slideBox .next{ background-position:-41px 0; left:674px; }
.tv-slideBox .prev:hover,.tv-slideBox .next:hover{ top:79px;  }

a {text-decoration:none;}
    .left_float {width: 178px; height: 594px; float:left; border: 1px solid #eba86c; background: url("images/bg_1.jpg") repeat-y;  display: block; position: absolute; left: 0px; top: 33px; z-index: 4; }
    .top_bg {width: 167px; height: 236px; float: left; margin:11px 6px 0 6px; display: inline;  background: url("images/bg_2.jpg") no-repeat; position: relative;}
    .button_bg  {width: 167px; height: 334px; float: left; margin:8px 6px 0 6px; display: inline; background: url("images/png_bg_4.png") no-repeat; position: relative;}
    .top_bg .bg_j {width: 180px; height: 93px; position:absolute; left:-6px; top:-74px; background: url("images/png_1.png") no-repeat;}
    .top_bg .titles {width: 164px; height: 31px; line-height: 31px; float: left; margin:20px 0 0 2px; display: inline; background: url("images/png_2.png") no-repeat; font-size: 17px; color: #ffffff; font-weight: bold; text-align: center;}
    .top_bg .duiH {width: 100%; height:30px; line-height: 30px; margin-top: 13px; float: left;font-size: 19px; color: #472d08; text-align: center; font-weight: bold; }
    .top_bg .duiH font {font-size: 13px; height: 30px; line-height: 40px; overflow: hidden;}
    .top_bg .add {width: 100%; height: 20px; float: left; margin-top: 6px ;display: inline; background:url("images/png_img_jia.png") center center no-repeat;}
    .top_bg .award {width:100%; height: 42px; float: left;}
    .top_bg .award img {width: 42px; height: 42px; float: left; margin-left: 22px; display: inline; }
    .top_bg .award span {height: 42px; line-height: 42px; color: #ff0000; font-size: 22px; float: left; font-weight: bold;}
    .top_bg .award span font {height: 42px; line-height: 46px; padding: 0 2px; font-size: 13px;}
    .top_bg .award .cz_yes {width: 137px; height: 47px;   float: left; margin: 15px 0 0 15px; display: inline-block; background: url("images/png_bg_1.png") no-repeat}
    .top_bg .award .cz_yes:hover {background: url("images/bg_3.jpg") no-repeat;}



    .div_1 {width: 100%; height: 34px; float: left; margin-top: 16px; display: inline; font-family: "microsoft YaHei";}
    .div_1 .dqbd {width: 55px; font-size: 15px; color: #472d08; text-indent: 10px; float: left; }
    .div_1 .balance {color: #ff0101; font-size: 15px;}
    .div_1 .refresh {width: 48px; height: 22px; line-height: 22px; margin-left: 5px;text-align: center;font-size: 12px; color: #ffffff; display: inline-block; background: url("images/bg_4.jpg") no-repeat;}
    .ul_1 {width: 92%; float: left; margin-left: 4%; border-top: 1px dashed #d0b783; border-bottom: 1px dashed #d0b783;}

    .ul_1 .DH {width: 100%; height: 26px; line-height: 26px; font-size: 15px; color:#472d08 }
    .ul_1 li {height: 26px; line-height: 26px; float: left; color:#000000;width:100%;}
    .ul_1 li label {font-size: 12px; color: #ff0000;}
    .ul_1 li span {font-size: 12px; color: #ff0000;}
    .div_3 {height: 33px; line-height: 33px; float: left; width: 100%; font-size: 15px; color:#000000; text-indent: 4%;}
    .convert {width: 92%; padding: 0 4%; float: left; line-height: 22px; font-size: 12px; }
    .convert .sp1 {height: 22px; line-height: 22px; font-size: 12px; color: #ffffff; background: #7f5130; border-radius: 4px; display: inline-block; padding: 0 2px;}
    .convert font {line-height: 22px; text-align: center; padding: 0 4px; font-size: 14px; color: #ff0000;}
    .convert .sp2 {height: 22px; line-height: 22px; font-size: 12px; color: #01322f;  display: inline-block; padding-left: 4px;}
    .a4 {width: 150px; height: 42px; float: left; margin-left: 7px; margin-top: 12px; background: url("images/png_bg_3h.png") no-repeat; display: inline-block}
    .a4:active { background: url("images/png_bg_3h.png") no-repeat}


    .div_4 {width: 100%; height: 23px; line-height: 23px; float: left; position: relative; }
    .div_4 .selects {background: url("/images/bg_gold.jpg") no-repeat; float:left; color: #cc0000; line-height: 23px; border: 0; cursor:pointer; width: 110px; height: 23px; }
    .div_4 .selects span {font-size: 12px; float: left; color: #ffffff;  width: 68px;  height: 23px; line-height: 23px; display: inline-block;}
    .div_4 .baDou {width: 50px; height: 23px; line-height: 23px; color: #fff; font-size: 12px; background:url("./images/bg_badou.jpg") no-repeat; float: left; overflow: hidden; }
    .div_4 .options {width: 64px; height: 63px; position: absolute; left: 0; top: 23px; display: none; background: #c29a5d}
    .div_4 .options a { float:left; color:#fff; text-decoration: none; font-size: 12px;  width: 62px; height: 20px; line-height: 20px; border: 1px solid #b0755b; border-top: 0;}
    .div_4 .options a:hover {font-weight: bold;}
    .div_5 {width:94px; height: 29px; cursor: pointer; margin: 12px auto 0; background: url("./images/buttom_confirm.jpg")}

    .right_float {width: 180px; height: 584px; padding-top: 17px;  background: url("images/right_png.png") no-repeat; position: absolute; top: 0; left: 1003px; z-index: 4}
    .right_float .tableBg {width: 153px; height:570px; margin: 0 auto; }
    .right_float .tableBg .lis {width:153px; height: 47px; float: left; position: relative; cursor: pointer; margin-top: 13px;  display: inline;}
    .right_float .tableBg .lis .down {width:15px; height: 10px; position: absolute; top: 18px; left: 124px; background: url("images/arr_no.png") no-repeat}
    .right_float .tableBg .lis .up {background: url("images/arr_yes.png") no-repeat}
    .right_float .tableBg .ddz {background: url("images/png_bg_ddz.png") no-repeat}
    .right_float .tableBg .mj {background: url("images/png_bg_mj.png") no-repeat}
    .right_float .tableBg .zjh {background: url("images/png_bg_zjh.png") no-repeat}
    .right_float .tableBg .dn {background: url("images/png_bg_dn.png") no-repeat}
    .right_float .tableBg .ddzs {width: 137px; margin: 0 auto; display: none}
    .right_float .tableBg .ons {display: block;}
    .right_float .tableBg .ddzs  a {width: 139px; height: 35px; float: left; margin-top: 12px; display: inline;  background: url("images/png_cc_no.png") no-repeat}
    .right_float .tableBg .ddzs .yes {background: url("images/png_cc_yes.png") no-repeat}
    .right_float .tableBg .ddzs a:hover {background: url("images/png_cc_yes.png") no-repeat}
    .right_float .tableBg .ddzs a .sp1 {width: 80px; line-height: 35px; text-align: center; font-weight: bold;  height: 35px; float: left; font-size: 18px; color:#472d08; display: inline-block;}
    .right_float .tableBg .ddzs a .p1 {width: 55px; height: 17px; float:left; line-height: 20px; overflow: hidden; font-size: 12px; color:#472d08; }
    .right_float .tableBg .ddzs a .p2 {width: 55px; height: 17px; float:left; line-height: 15px;  overflow: hidden; font-size: 12px;  color:#472d08;}
    .alerts {width:140px; height: 46px;  float:left; margin-left: 0px;  line-height: 23px; text-align: center; font-size: 13px; color:#666666;  display: none; overflow: hidden; }