@charset "utf-8";
/* CSS Document */
body{min-width: 1200px; height:100%; background:#fff; font-size: 12px; font-family: "微软雅黑"; margin:0px; padding:0px;}
ul{margin:0; padding:0;}
li{list-style-type:none;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}


#header{float:left; width:100%;}
.top{float:left; width:100%; height:60px; line-height:60px;}
.topnav{position:fixed; top:0; width:100%; height:60px; background:#eee; border-bottom:#ccc 1px solid; filter:Alpha(Opacity=90);opacity:0.9;-moz-opacity:0.9; z-index:10001;}
.topnav_l{position:absolute; left:20px; font-size:18px; font-weight:400; color:#666;}
.topnav_l .logo{float:left; width:100px; height:30px; margin:15px 0 0 0; background:url(../images/logo.jpg) no-repeat; background-size: 100%; text-indent:-9999px;}
.topnav_l .logo a{float:left; width:197px; height:30px;}
.topnav_l span{float:left; font-size:18px;}
.topnav_l H1{float:left; font-size:18px; color:#000; margin:0 0 0 10px; padding:0px;}
.topnav_l a{color:#000; margin:0 10px 0 10px;}
.topnav_r{ position:absolute; right:20px;}
.topnav_r li { float:left; margin-left:15px; font-size:14px;}
.topnav_r li a{color:#06c; text-decoration:none; }
.topnav_r li a:hover{ color:#000; text-decoration: underline;}
.topnav_r li.user{float:left; text-indent:5px; font-size:14px; font-weight:bold; color:#ccc;}
.topnav_r li.user a span{float:left; width:18px; height:20px; margin-top:18px; background:url(../images/ico_bg.png) no-repeat -184px 0;}
.topnav_r li.user a:hover span{float:left; width:18px; height:20px; margin-top:18px; background:url(../images/ico_bg.png) no-repeat -204px 0;}
.topnav_r li.user a{color:#009900;}
.topnav_r li.pic{ float:left; width:46px; margin-top:7px;}
.topnav_r li.pic img{ width:40px; height:40px; border:#ccc 1px solid; padding:2px;}

#content{float:left; width:100%; padding-bottom:30px; position:relative; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.xihuan{position:fixed; left:0; width:150px; height:100%; box-shadow: 0 3px 6px rgba(0,0,0,.05);border-right:#ccc 1px solid; overflow: auto;}
.xihuan_top{ float:left; width:140px; font-size:18px; margin:20px 0 0 20px;}
.xihuan_list{float:left; width:140px; padding:20px 20px 100px;}
.xihuan_list li{ float:left; width:100px; margin:0 0 20px 0; position:relative;}
.xihuan_list li img{ width:100px; height:133px;}
.xihuan_list li p{ position:absolute; bottom:0; width:100px; text-align:center; height:25px; line-height:25px; color:#fff; margin:0px; padding:0px; background:#000; filter:Alpha(Opacity=80);opacity:0.8;-moz-opacity:0.8; font-size:14px;}
.cont{width:800px; margin:0 auto; margin-top:30px; }
.show_page{text-align:center; position:relative; overflow: hidden;}
.show_page .prev{float:left; width:100px; height:35px; line-height:35px; background:#ff6600; text-align:center; margin-right:15px; font-size:14px;}
.show_page .next{float:left; width:100px; height:35px; line-height:35px; background:#ff6600; text-align:center;  font-size:14px;}
.show_page .prev a,.next a{ color:#fff;}
.show_page .prev a:hover,.next a:hover{float:left; width:100px; height:35px; line-height:35px; background:#ff8800; color:#fff; text-decoration:none;}
.show_page .ye{float:left; width:94px; height:35px; line-height:22px; margin-right:15px; }
.show_page .ye_select {float:left; width:94px; height:35px; line-height:22px; background:#fff; border:#ccc 1px solid; text-indent:8px; font-size:14px; cursor:pointer;}
.show_page .ye_select a{ color:#000;}
.show_page .ye_select a:hover{float:left; width:80px; height:35px; line-height:35px; background:#f8f8f8; color:#000; text-align:center; text-decoration:none;}

.show_page .jubao{position:absolute; right:0; top:15px; font-size:14px; font-style:normal;}
.show_page .jubao a{ color:#06c;}
.show_page span{float:left; width:800px; margin-top:20px; text-align:left; font-size:14px; color:#999;}

.show_list{text-align:center; margin-top:30px;}
.show_list li{
  -webkit-box-shadow:3px 3px 10px #999;
  -moz-box-shadow:3px 3px 10px #999;
  box-shadow:3px 3px 10px #999;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
.show_list ul li span{display: inline-block;}
.show_list ul li img{max-width: 800px; height: auto; cursor: pointer;}
.show_list ul li p{position:absolute; bottom:-50px; right:0; color:#000; font-size:18px;}
.show_join ul{font-size:0;}
.show_join li{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

.show_shang{float:left; width:800px; height:100px; margin:50px 0 150px 0; position:relative; text-align:center; font-size:14px;}
.gongju_zhui{ position:absolute; width:68px; left:152px;}
.gongju_zhui a i{ float:left; width:68px; height:67px; background:url(../images/all_icon.png) no-repeat -14px -639px;}
.gongju_zhui a:hover i{ float:left; width:68px; height:67px; background:url(../images/all_icon.png) no-repeat -14px -725px;}
.gongju_zhui a span{ float:left; width:68px; color:#000; margin-top:16px;}
.gongju_zhui a:hover span{ color:#ff6600;}
.gongju_piao{ position:absolute; width:68px; left:352px;}
.gongju_piao a i{ float:left; width:68px; height:67px; background:url(../images/all_icon.png) no-repeat -317px -639px;}
.gongju_piao a:hover i{ float:left; width:68px; height:67px; background:url(../images/all_icon.png) no-repeat -317px -725px;}
.gongju_piao a span{ float:left; width:68px; color:#000; margin-top:16px;}
.gongju_piao a:hover span{ color:#ff6600;}
.gongju_liwu{ position:absolute; width:68px; left:552px;}
.gongju_liwu a i{float:left; width:68px; height:67px; background:url(../images/all_icon.png) no-repeat -166px -639px;}
.gongju_liwu a:hover i{ float:left; width:68px; height:67px; background:url(../images/all_icon.png) no-repeat -166px -725px;}
.gongju_liwu a span{ float:left; width:68px;  color:#000; margin-top:16px;}
.gongju_liwu a:hover span{ color:#ff6600;}

.gongju_next{float:left; width:800px; text-align:center; font-size:22px; margin:150px 0 50px 0;}
.gongju_next a {color:#000; }
.gongju_next a:hover{ color:#ff6600;}


#vip{width:682px; z-index:100; margin:0 auto; position:fixed; display: none;}
.vip_tishi{float:left; width:680px; height:183px; margin-top:80px; background:#fff; border:#bbb 2px solid; border-radius:5px;}
.vip_tishi_txt{float:left; width:680px;}
.vip_tishi_txt span{float:left; width:680px; text-align:center; font-size:20px; font-weight:400; margin-top:35px;}
.vip_tishi_txt p{float:left; width:680px; text-align:center; font-size:12px; font-weight:400; margin-top:10px; padding:0px; color:#666; border-bottom:#ccc 1px dashed; padding-bottom:35px;}
.vip_tishi_bottom{float:left; width:680px; position:relative;}
.vip_tishi_bottom span{ position:absolute; left:30px; top:5px; color:#666; font-size:14px;}
.vip_tishi_bottom font{ color:#ff6600; font-size:16px; padding-right:5px;}
.vip_tishi_bottom span a{ color:#ff6600; text-decoration:none; padding-left:20px;}
.vip_tishi_bottom span a:hover{ color:#ff3300; text-decoration: underline; }
.vip_tishi_bottom p{position:absolute; right:30px; top:5px; font-size:14px; margin:0px; padding:0px;}
.vip_tishi_bottom p a{ color:#000; text-decoration:none;}
.vip_tishi_bottom p a:hover{ color:#000; text-decoration:underline;}

.vip_gm{float:left; width:680px; height:385px; margin-top:10px; background:#fff; border:#bbb 2px solid; border-radius:5px;}
.vip_gmzj{float:left; width:340px; height:385px; border-right:#eee 1px solid;}
.vip_gmzj_top{float:left; width:340px; height:62px; border-bottom:#eee 1px solid;}
.vip_gmzj_top span{float:left; padding-left:12px; margin: 20px 0 22px 15px; font-size:18px; font-weight:400; border-left: 5px solid #ff9126;}
.vip_gmzj_u{float:left; width:340px; position:relative;}
.vip_gmzj_u span{float:left; margin:20px 0 0 20px; font-size:14px; color:#000;}
.vip_gmzj_u p{ position:absolute; width:340px; text-align:center; font-size:26px; top:70px; }
.vip_gmpl{float:left; width:339px; height:385px;}
.vip_gmpl_top{float:left; width:340px; height:62px; border-bottom:#eee 1px solid;}
.vip_gmpl_top span{float:left; padding-left:12px; margin: 20px 0 22px 15px; font-size:18px; font-weight:400; border-left: 5px solid #ff9126;}
.vip_gmpl_u{float:left; width:339px; position:relative;}
.vip_gmpl_u p{ position:absolute; width:340px; text-align:center; font-size:16px; top:90px; }
.vip_gmzj_btn{width:132px;height:50px;line-height:50px;font-family:"Microsoft YaHei";font-size:20px;display:block;overflow:hidden;border-radius:3px;margin:0 auto;}
.vip_gmzj_btn:hover{background:#ff6600;box-shadow: 0 0 1px rgba(228,30,18,0.5) inset;border: 1px solid #ff3300;color: #fff;text-decoration:none;}

.vip_btn{position:absolute;top:200px; left:100px;text-align:center; background: -moz-linear-gradient(top, #ff9900, #ff6600);background: -webkit-linear-gradient(top, #ff9900, #ff6600); background: -o-linear-gradient(top, #ff9900, #ff6600); background: -ms-linear-gradient(top, #ff9900, #ff6600); box-shadow: 0 0 1px rgba(255,255,255,0.5) inset;border: 1px solid #ff6600;color: #fff; background: url(../images/sxinfo_btn_bg.png) 0 0\9 !important;}
.vip_btn:hover{background: -moz-linear-gradient(top, #f71701, #e41703); background: -webkit-linear-gradient(top, #f71701, #e41703); background: -o-linear-gradient(top, #f71701, #e41703); background: -ms-linear-gradient(top, #f71701, #e41703);background: url(../images/sxinfo_btn_bg.png) 0 -88px\9 !important;}
.vip_btn:active{ background: -moz-linear-gradient(top, #ba1101, #d71704); background: -webkit-linear-gradient(top, #ba1101, #d71704);background: -o-linear-gradient(top, #ba1101, #d71704);
background: -ms-linear-gradient(top, #ba1101, #d71704);background: url(../images/sxinfo_btn_bg.png) 0 -176px\9 !important;}

.maskLayer{background: #000; opacity: 0.8; z-index: 99; display: none; position:fixed; top:0; left:0; width: 100%; height:100%;}

.pay-bott{padding:280px 0 0 210px;}
.pay-bott input{float:left;}
.pay-bott label{float:left;color:#666;margin:2px 0 0 4px;}

#footer{ bottom:0; width:100%; height:60px; background:#000; position: fixed; filter:Alpha(Opacity=90); opacity:0.9; -moz-opacity:0.9; z-index:200;}
.foot{float:left; width:100%; position:relative;}
.tuchao{ position:absolute; left:20px;}
.tuchao textarea{float:left; width:260px; height:35px; margin:10px 0 0 0px; line-height:35px; text-indent:10px; font-size:12px; color:#000; background:#eee; border:#eee 1px solid;}
.tuchao_btn{float:left; margin-top:10px; width:80px; margin-left:10px; text-align:center; font-size:14px; line-height:40px;}
.tuchao_btn a{float: left; width:80px; height:41px; background:#ff6600; border-radius: 3px; color:#fff;}
.tuchao_btn a:hover{float: left; width:80px; height:41px; background:#ff3300; border-radius: 3px;  color:#fff; text-decoration:none;}
.tuchao_on{float:left; margin-top:10px; width:80px; margin-left:10px; text-align:center; font-size:14px; line-height:40px;}
.tuchao_on a{float: left; width:80px; height:41px; background:#009900; border-radius: 3px; color:#fff;}
.tuchao_on a:hover{float: left; width:80px; height:41px; background:#008800; border-radius: 3px;  color:#fff; text-decoration:none;}
.tuchao_off{float:left; margin-top:10px; width:80px; margin-left:10px; text-align:center; font-size:14px; line-height:40px;}
.tuchao_off a{float: left; width:80px; height:41px; background:#999; border-radius: 3px; color:#fff;}
.tuchao_off a:hover{float: left; width:80px; height:41px; background:#888; border-radius: 3px;  color:#fff; text-decoration:none;}
.tuchao_shu{float:left; line-height:60px; font-size:14px; color:#fff; margin-left:15px;}

.bbCursor{max-width: 140px; min-width: 28px; position: absolute; background: #000; opacity: 0.7; color: #fff; border-radius: 4px; font-size: 12px;}
.bbCursor .handle{height: 16px; margin-top: -16px; overflow: hidden; background-color: #ccc; cursor: move; display: none;}
.bbCursor .handle a{display: block; float: right; margin-right: 5px; color:#000; transform: scale(1.3, 1); text-decoration:none;}
.bbCursor p{margin:5px 0; padding:0 5px; word-break:break-all;}
.bbCursor .arrow-top{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent; border-bottom:10px solid #000; font-size:0; line-height:0; position: absolute; top:-10px; left:15px;}
.bbCursor .resize{width:16px; height: 16px; cursor:se-resize; position:absolute; bottom:0; right: 0;}
.bbSet .show_list li span{background: blue none repeat scroll 0 0 !important;}
.bbSet .show_list li img{opacity: 0.7 !important;}
#bbCursor{display:none;}

.gongju{position:absolute; right:20px; top:20px;}
.gongju_shang{float:left; width:80px; font-size:14px; color:#fff;}
.gongju_shang a i{float:left; width:19px; height:19px; margin-right:5px; background:url(../images/all_icon.png) no-repeat -25px -195px;}
.gongju_shang a:hover i{float:left; width:19px; height:19px; margin-right:5px; background:url(../images/all_icon.png) no-repeat -25px -81px;}
.gongju_shang a{ color:#fff;}
.gongju_shang a:hover{ text-decoration:none;}
.gongju_xia{float:left; width:80px; margin-left:20px; font-size:14px; color:#fff;}
.gongju_xia a i{float:left; width:19px; height:19px; margin-right:5px; background:url(../images/all_icon.png) no-repeat -74px -195px;}
.gongju_xia a:hover i{float:left; width:19px; height:19px; margin-right:5px; background:url(../images/all_icon.png) no-repeat -74px -81px;}
.gongju_xia a{ color:#fff;}
.gongju_xia a:hover{ text-decoration:none;}
.gongju_mulu{float:left; width:80px; margin-left:20px; font-size:14px; color:#fff;}
.gongju_mulu a i{float:left; width:19px; height:19px; margin-right:5px; background:url(../images/all_icon.png) no-repeat -123px -195px;}
.gongju_mulu a:hover i{float:left; width:19px; height:19px; margin-right:5px; background:url(../images/all_icon.png) no-repeat -123px -81px;}
.gongju_mulu a{ color:#fff;}
.gongju_mulu a:hover{ text-decoration:none;}

/*目录列表*/
.chapterBox{position:fixed; bottom:80px; right:10px; min-width:240px; background: #eee; display: none; z-index:100;}
.chapterBox h2{margin:0; padding: 5px 0; background-color: #ddd; font-size:14px;}
.chapterBox ul{padding: 0 15px; overflow: auto;}
.chapterBox a{color:#000;}
.chapterBox p{text-align:right;padding-right: 15px;}
.chapterBox ul li{line-height: 3em; border-bottom:solid 1px #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

/*顶部*/
#rocket-to-top div {left: 0;margin: 0;overflow: hidden;padding: 0;position: absolute;top: 0; width: 149px;}
#rocket-to-top .level-2 { background: url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;display: none; height: 250px; opacity: 0;z-index: 1;}
#rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent;cursor: pointer;display: block; height: 150px;z-index: 2;}
#rocket-to-top {background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;cursor: default;display: block; height: 250px;margin: -125px 0 0;overflow: hidden; padding: 0;
position: fixed;right: 0;top: 80%; width: 149px;z-index: 11;}