@charset "utf-8";
/* 
	@名称: base
	@功能: 整站站点样式
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline;*zoom: 1;}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, \5b8b\4f53; }
input, select, textarea { font-size: 100%; border:0;resize: none; }
/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* IE bug fixed: th 不继承 text-align*/
th { text-align: inherit; }
/* 去除默认边框 */
fieldset, img { border: 0; display: block;vertical-align:top;}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 让链接在 hover 状态下显示下划线 */
a:hover { text-decoration: underline; }
/* 默认不显示下划线，保持页面简洁 */
ins,a, a:link { text-decoration: none; }
a:visited {}
a:active, a:hover { text-decoration: underline; }
a:focus { outline: none; }
/* 清理浮动 */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { clear: both; zoom: 1; /* for IE6 IE7 */ }
/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide { display: none; }
/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right { display: inline; }
.fn-left { float: left; }
.fn-right { float: right; }
/*通用框架区块*/
body{background:url(../Images/bg.jpg); font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Sans-serif;}
*html,*body { background: url(null:void) #ececec no-repeat fixed; }
a{ color:#333333;}
a:hover{color:#0A97DA;}
.m-top{ margin-top: 10px;}
.wrap,.header,.footer{position: relative; margin:auto; width: 980px; z-index: 1}
.wrap{z-index: 2 }
.note{ background:#FFFFFF;}
.note-title{ padding:25px 0 35px; text-align: center;  font:normal 22px/36px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti;}
.note-content{margin: 35px 20px;  height: 310px; width: 940px; line-height: 24px; }
.header{z-index: 3}
.head{position: relative; height: 100px; }
.add_favorite{position: absolute; left: 10px; top: 50px; width: 240px; height: 24px;  font:normal 16px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; }
.add_favorite img{ float: left; margin-right: 5px}
/*网站logo*/
.logo{position: absolute; left: 240px;  width: 445px; height: 100px; background:url(../Images/logo.png) no-repeat;}
.logo a{ display:block; width: 445px; height: 100px; text-indent: -9999px;}
/*顶部用户登录区块*/
.login-btn,.register-btn,.inner-comment-submit,.add-suumit{ display: inline-block; margin-left: 5px; width:71px; height:28px; background:url(../Images/xxhh-btn.png)  0px -42px no-repeat; text-align: center; text-shadow:0px -1px 0px #2474bf; font:bold 14px/28px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #FFFFFF}
.login-btn:hover,.register-btn:hover{color: #FFFFFF; }
/*顶部导航区块*/
.navigation{position: relative; width: 979px; height: 53px;  background:url(../Images/nav.gif) 0px -53px repeat-x; z-index: 4; }
.nav-left{ position: absolute; top: 0; left: -5px;  width: 5px; height: 53px; background:url(../Images/nav.gif)  0px 0px no-repeat;}
.nav-right{position: absolute; top: 0; right: -5px; width: 5px; height: 53px; background:url(../Images/nav.gif) 0px -106px no-repeat;}
.nav-menu{ position: absolute; top: 4px; left:15px; height: 46px;}
.nav-menu li{float: left; margin-right:10px; height: 46px;  font:bold 16px/46px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti;}
.nav-menu li a{display: block; padding: 0 15px;  text-shadow:0px 2px 1px #FFFFFF; color: #333333;}
.nav-menu li a:hover,.nav-menu li .current,.nav-menu li.current-menu-item a{ background: #2399d0; text-shadow:0px 2px 1px #1081c7;  text-decoration: none; color: #FFFFFF;}
.nav-menu li.upload-nav{ float: left; margin: 6px 0 10px 10px; width: 91px; height: 34px; overflow: hidden;}
.nav-menu li.upload-nav a.upload-link{ display: block; background:url(../Images/xxhh-btn.png)  -122px -264px no-repeat; text-indent: -9999px;}
.nav-menu li.upload-nav a.upload-link:hover{ background-position: -122px -298px}
/*会员页面信息*/
.u-head{margin-top: 20px; height: 110px; background:url(../Images/xxhh-sprite.png) 265px -180px no-repeat;}
.u-weather{left: 678px; top:0px;}
.u-navigation{width: 100%;}
.user-area{position: absolute; right: 0; top: 50px; width:160px; height: 30px; line-height: 30px;}
.u-area{top: 40px;}
.user-bar{text-align: right;}
.u-topFace { display: block; width:138px; height: 138px; }
.u-topFace img{border-bottom: 1px solid #dfdfdf; padding: 5px; background:#FFFFFF;}
.u-menu{ left:0px;}
.u-menu li.u-logo,.u-menu li.u-logo a:hover{width: 135px; height: 47px; background:url(../Images/xxhh-sprite.png) -450px -44px no-repeat; text-indent: -9999px; }
.u-title{ position: absolute; left: 120px; top: 0; }
.u-nameTop{ font:normal 24px/36px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; text-shadow:0px 1px 0px #FFFFFF; color: #666666 }
.u-nameAdd,.u-nameAdd:hover{display:inline-block; width: 40px; height: 18px; line-height: 18px; background:url(../Images/xxhh-icon.png) 2px -580px #3AA4D5 no-repeat; text-indent: 12px; color: #FFFFFF}
.u-addr{position: absolute; left: 120px; top: 45px;}
.u-visit,.u-rate{position: absolute; left: 120px; top: 60px; font:bold 18px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; text-shadow:0px 1px 0px #FFFFFF;  color: #666666 }
.u-visit i{display: inline-block; border:1px solid  #e0e0e0; padding: 2px 5px; height: 20px; background:#FFFFFF; font-style: normal; color: #adadad}
.u-notice{position: absolute; bottom:0;  right:0; padding: 5px 15px; height: 40px; width: 270px; background: #f7ced8}
.u-arrow{position: absolute; left: -10px; top: 15px; height: 14px; width: 10px; background:url(../Images/xxhh-icon.png) 0px -705px no-repeat;}
.u-tab{margin-bottom: 0px; border-top:1px solid #dbdee1; border-bottom:1px solid #dbdee1; height: 42px; width: 660px; background:url(../Images/u-tab.gif ) repeat-x;}
.u-tab li{float: left; border-left:1px solid #f5f5f5; border-right:1px solid #e5e5e5; width: 100px; height: 42px;  font:bold 18px/42px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; text-align: center; cursor: pointer; color:#666666;}
.u-tab li.current{border-top:2px solid #00a2d1; background:#FFFFFF;}
.user-info{position: absolute; top: -8px; left: 10px; width: 53px; border: 4px solid #fff; z-index: 10;}
.user-picture img{width: 53px; height: 53px;}
.u-rate{top: 90px; height: 20px;  line-height: 20px; }
.u-rate span,.user-fun span{display: inline-block; background:url(../Images/lv.png) no-repeat; overflow: hidden}
.u-rate span{ height: 9px;}
.u-rate span.lv1{ background-position:  -63px 0; width: 34px;}
.u-rate span.lv2{ background-position:  -63px -18px; width: 37px;}
.u-rate span.lv3{ background-position:  -63px -36px; width: 37px;}
.u-rate span.lv4{ background-position:  -63px -54px; width: 37px;}
.u-rate span.lv5{ background-position:  -63px -72px; width: 37px;}
.u-rate span.lv6{ background-position:  -63px -90px; width: 37px;}
.u-rate span.lv7{ background-position:  -63px -108px; width: 37px;}
.u-rate span.lv8{ background-position:  -63px -126px; width: 37px;}
.u-rate span.lv9{ background-position:  -63px -144px; width: 37px;}
.u-rate span.lv10{ background-position: -63px  -162px; width: 31px;}
.u-rate span.lv11{ background-position: -63px  -180px; width: 27px;}
.u-rate span.lv12{ background-position: -63px  -198px; width: 32px;}
.u-rate span.lv13{ background-position: -63px  -216px; width: 30px;}
.u-rate span.lv14{ background-position: -63px  -234px; width: 31px;}
.u-rate span.lv15{ background-position: -63px  -252px; width: 31px;}
.u-rate span.lv16{ background-position: -63px  -270px; width: 31px;}
.u-rate span.lv17{ background-position: -63px  -288px; width: 31px;}
.u-rate span.lv18{ background-position: -63px  -306px; width: 31px;}
.u-rate span.lv19{ background-position: -63px  -324px; width: 31px;}
.u-rate span.lv20{ background-position: -63px  -342px; width: 36px;}
.user-fun{padding: 5px 0; _padding-top:5px; width: 53px;height: 7px;line-height: 7px;background: #e8e8e8;text-align: center;}
.user-fun span{ display: block; margin:auto; height: 7px; }
.user-fun span.lv1{ background-position: 0 0; width: 31px;}
.user-fun span.lv2{ background-position: 0 -18px; width: 33px;}
.user-fun span.lv3{ background-position: 0 -36px; width: 33px;}
.user-fun span.lv4{ background-position: 0 -54px; width: 33px;}
.user-fun span.lv5{ background-position: 0 -72px; width: 33px;}
.user-fun span.lv6{ background-position: 0 -90px; width: 33px;}
.user-fun span.lv7{ background-position: 0 -108px; width: 33px;}
.user-fun span.lv8{ background-position: 0 -126px; width: 33px;}
.user-fun span.lv9{ background-position: 0 -144px; width: 33px;}
.user-fun span.lv10{ background-position: 0 -162px; width: 31px;}
.user-fun span.lv11{ background-position: 0 -180px; width: 27px;}
.user-fun span.lv12{ background-position: 0 -198px; width: 31px;}
.user-fun span.lv13{ background-position: 0 -216px; width: 31px;}
.user-fun span.lv14{ background-position: 0 -234px; width: 31px;}
.user-fun span.lv15{ background-position: 0 -252px; width: 31px;}
.user-fun span.lv16{ background-position: 0 -270px; width: 31px;}
.user-fun span.lv17{ background-position: 0 -288px; width: 31px;}
.user-fun span.lv18{ background-position: 0 -306px; width: 31px;}
.user-fun span.lv19{ background-position: 0 -324px; width: 31px;}
.user-fun span.lv20{ background-position: 0 -342px; width: 33px;}
.user-add{display: block;  background:url(../Images/xxhh-icon.png) 6px -662px no-repeat; text-indent: 8px; color: #0682bd;}
.u-name,.u-time{margin-left: 10px;font-family: "宋体",serif;  font-size: 12px  white-space: nowrap;}
.u-name a{color:#1085bd; }
.u-face{position: absolute; left:-50px; top: 0;  }
.u-face img{border:1px solid #dddddd; padding: 1px; width: 36px; height: 36px;}
.u-add{position: absolute; left:-50px; top: 42px;}
.u-add a{display:block; width: 40px; height: 18px;  line-height: 18px;  background:url(../Images/xxhh-icon.png) 2px -580px #3AA4D5 no-repeat; text-indent: 12px; color: #FFFFFF}
.u-box{border-bottom: 1px dashed #e0e5e8; padding: 5px 0px;}
.u-reply{position: absolute; right: 0px; top: 0px;}
.u-content{padding: 5px 0; line-height: 22px; word-wrap: break-word; word-break: break-all; color: #272727;}
.u-fun{text-align: right;}
.u-fun a{margin-left: 10px;}
.u-blue,.u-blue:hover{color: #259ad0}
.u-red,.u-red:hover{color: #e8580c}
/*去除边框*/
.no-border{ border:none 0;}
/*搜索区块*/
.so{position: absolute; top: 10px; right: 10px; width:195px; height: 30px; background:#e1e1e1;}
.so-Keyword{position: absolute; top: 3px; left: 3px; padding: 3px; width: 150px; height: 18px; line-height: 18px;}
.so-btn{position: absolute; top: 3px; left: 153px; width: 40px; height: 24px; background:url(../Images/xxhh-icon.png) 10px -411px #f4606c no-repeat; text-indent: -9999px; cursor: pointer;}
/*页面顶部推荐编辑区*/
.top{margin:1px auto; width: 990px; }
.top-box{padding:10px 5px 0 5px; width: 980px;  background: url(../Images/t-bg.gif) repeat-y; overflow: hidden }
.top-bot{display: block; margin:auto; width: 990px;  height: 7px; background: url(../Images/xxhh-sprite.png) 0px 0px no-repeat; overflow: hidden}
.top-edit{float: left; margin: 0px 0px 8px 11px;  _margin: 0px 10px 2px 6px; width: 52px; background:url(../Images/xxhh-btn.png) -84px 0px  no-repeat;}
.top-edit a{display: block; padding-top: 52px; line-height: 18px; text-align: center;  color:#0A97DA;}
.top-rec {float: right; width: 904px; _width: 910px;}
.top-rec li{position: relative;  float: left;  margin: 0 11px 15px 0; _margin:0 11px 10px 0; width: 64px; height: 70px; }
.top-rec li img{border:1px solid #e3e3e3; padding: 3px; height: 44px; width: 56px; background:#f9f9f9;}  
.top-rec li span{ display: block; width: 64px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-align:center; cursor: pointer;}
.top-rec .new{ display: block; position: absolute; right: -3px; top: -4px; width: 9px; height: 9px;  background:url(../Images/xxhh-icon.png) 0px -625px  no-repeat;}
.top-rec .delete,.top-rec .add{ display: none; position: absolute; right: -6px; top: 34px; width: 12px; height: 12px;   background:url(../Images/xxhh-icon.png) 0px -459px  no-repeat; cursor: pointer;}
.top-rec .add{ background-position: 0px -798px; }
.top-title{clear: both; position: relative;  margin:10px auto; border-top: 1px solid #ECECEC;  width:979px; height: 32px; background: #F9F9F9 }
.icon-alter{position: absolute; top: -6px ; left: 26px; width: 16px; height: 6px; background:url(../Images/xxhh-icon.png) 0px -214px  no-repeat;}
.top-title .direcions{position: absolute; top: 0; left: 10px; line-height: 32px; color: #676d72}
.top-title .save{display: block; position: absolute; top: 4px; right: 10px; height: 23px; width: 66px; background:url(../Images/xxhh-btn.png) -147px -74px no-repeat; line-height: 23px; text-align: center;}
.top-rec-con{float: none; margin-left:15px; width: 980px;}
.top-rec-con li{margin-right: 15px; margin-bottom: 15px;}
.top-float{position: absolute; top: 53px;  left: -5px; width: 670px; }
.top-boxL{padding:10px 5px; width: 660px; background: url(../Images/tl-bg.gif) repeat-y; overflow: hidden}
.top-botL{ position: relative;width: 670px; height: 7px; background: url(../Images/xxhh-sprite.png) 0 -12px no-repeat; overflow: hidden}
.top-recTag{padding:0px 15px 15px 15px;  _padding:0px 10px;  width: 630px;  margin: auto;}
.top-recTag .recTag-title{float: left; border-bottom:1px solid #2399d0; width: 70px;  height: 80px;}
.top-recTag .recTag-title span{display: block; padding: 5px 0px 5px 15px; height: 30px; line-height: 30px; background:url(../Images/xxhh-icon.png) 0px -750px  no-repeat; }
.top-recTag .recTag-portal,.recTag-ranking{float:left; border-bottom:1px solid #e3e3e3; width:545px;  _width:560px; height: 80px;}
.top-recTag .recTag-portal li{margin: 0px 0px 10px 13px}
.top-recTag .recTag-ranking{height: 40px;}
.recTag-ranking a{display: inline-block; padding: 5px 0px 5px 15px; _padding: 5px 0px 5px 25px; width: 85px; _width: 75px;height: 30px;line-height: 30px;color: #0A97DA;}
/*正文内容区块*/
.container{float: left; margin-top:10px; width: 660px;}
.content{position: relative;  width: 660px; background:#FFFFFF; }
.content .title{padding:15px 0px 0px 75px; width: 500px; font:bold 18px/30px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; }
.content .title a{color: #2399D0; }
.content .title a:hover{text-decoration: none;}
.content .dateTime{position: absolute; right: 15px; top: 18px; width: 80px; height: 24px; text-align: right; font:12px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #727272; overflow: hidden; }
.content-inner{position: relative; width:660px; min-height: 150px; zoom:1;}
.content-inner .title{padding: 15px 15px 15px 90px; color: #2399D0;}
.content-bot{padding-bottom: 10px;}
.c-shadow{clear: both; width: 660px; height: 15px; background: url(../Images/xxhh-sprite.png)  0 -24px no-repeat;}
.c-shadow:after,.content:after {display: block;height: 0; visibility: hidden; font-size: 0; clear: both; }
.notfound{padding:50px 0; text-align:center; font:bold 16px/28px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color:#EF3949}
/*正文文章区块*/
.detail{ padding: 15px 0;}
.article{padding:0px 95px; word-wrap: break-word;font: 14px/26px "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Sans-serif; color:#242424;  text-align:justify;}
/*正文按钮上下翻页*/
.left-box,.right-box{display:block; position: absolute; top: 60px;  width: 70px; height: 80%; cursor: pointer; }
.left-box{left: 0;}
.right-box{right: 0}
.left-album{display:block; position: absolute; top:0px;  width: 64px; height: 70px;}
.left-album img {border: 1px solid #e3e3e3; padding: 3px; height: 44px; width: 56px; background: #f9f9f9;}
.left-album span {display: block; width: 64px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-align: center; cursor: pointer;}
.right-album{margin: auto; padding: 10px 0; width: 630px; height: 24px;line-height: 24px; text-align: right;}
.right-album a{color: #2399D0}
*html .left-up {position: absolute; left: 10px;  _top:expression(documentElement.scrollTop+50);}
.left-up{display:block;  margin-left:15px; width:39px; height:60px; background:url(../Images/xxhh-btn.png) -42px -127px no-repeat;  text-indent: -9999px;}
*html .right-down {position: absolute; right:10px;  _top:expression(documentElement.scrollTop+50);}
.right-down{display:block;  margin-left:15px; width:40px; height:60px;  background:url(../Images/xxhh-btn.png) -41px -187px no-repeat;  text-indent: -9999px;}
/*.left-up:hover{  background:url(../Images/xxhh-btn.png) 0px -127px no-repeat;  }
.right-down:hover{ background:url(../Images/xxhh-btn.png) 0px -187px no-repeat;}*/
/*正文图片区块*/
.img-article{margin:auto; position: relative; text-align: center; z-index: 1;}
.img-article .entire-box{ position: absolute; right: -28px;  top: 420px; height: 100%; width: 28px; height: 78px; z-index: 10;}
.img-article .entire-box a{display:block; width: 28px; height: 78px; text-indent: -9999px;  }
.img-article .entire-box a.entire{display:block;  background:url(../Images/xxhh-btn.png) -110px -448px no-repeat;}
.img-article .entire-box a.entire-close{background:url(../Images/xxhh-btn.png) -143px -448px no-repeat;}
.img-cBox{position: relative;  -moz-border-radius: 2px; -webkit-border-radius: 2px;   -moz-box-shadow: 0px 0px 8px #dfdfdf;  -webkit-box-shadow: 0px 0px 8px #dfdfdf; box-shadow: 0px 0px 8px #dfdfdf;  overflow: hidden}
.img-article img{ margin:auto; border:1px solid #E0DFDF; border-radius: 2px; padding:4px;background:#fcfcfc url(../Images/o_loading.gif) no-repeat center 20%;}
.img-more{position: absolute; bottom: 0px; left:1px; right: 2px; border-top:1px solid #E0DFDF; height: 24px; width: 100%;   text-align: center; background:url(../Images/xxhh-more.png) #f5f5f5  no-repeat center 10px; }
.img-shadow{display: block; margin:auto; height:5px; width:100%; background:url(../Images/img-shdow.png) top center #FFFFFF no-repeat;}
/*正文功能区块*/
.function {border-top: 1px solid #e8e8e8; background: #fcfcfc;  clear: both; }
.function-box{position: relative; height: 30px; width: 640px; padding: 5px 10px; clear: both; z-index: 30 }
.function-inner{border:none; background:#FFFFFF; padding: 5px 15px;}
.tags{float:right; margin: 0 10px 10px; width: 320px; height:30px; text-align: right;}
.tags span{display: inline-block; *display: inline; zoom: 1; background:url(../Images/xxhh-icon.png) 0px -165px no-repeat;  text-indent: 22px;}
.tags a{margin-left:10px; line-height: 36px; color: #686868}
/*新增底部查看全部样式*/
.img-entireBox{ position: relative; display: block; height: 25px; background: #fcfcfc; border: 1px solid #E0DFDF;}
.img-entireBox_more {display: block; margin: -1px auto; width: 140px; height: 38px;background: url(../Images/xxhh-btn.png?v1) -70px -440px no-repeat;text-indent: -9999px;}
.img-zoom {cursor: url(../Images/cur_zin.cur); pointer;}

.key{ float:left; width: 262px; _width: 272px;}
.key li{float:left;  margin-right: 5px; width:82px; height:30px; line-height: 30px; background:url(../Images/xxhh-btn.png) 0px -70px no-repeat; }
.key a{display: block; width:82px; height:30px; font: 14px/30px Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #aaaaaa}
.key li.point{background:url(../Images/xxhh-btn.png) -131px -174px no-repeat; cursor:default; }
.key li.point a{ text-decoration: none; cursor:default;}
.key li.ding{ background:url(../Images/xxhh-btn.png) -131px -234px no-repeat;}
.key li.ding a{color: #fe949a}
.key li.step{ background:url(../Images/xxhh-btn.png) -131px -204px no-repeat;}
.key li.step a{color: #6ec0e6}
.good{background:url(../Images/xxhh-icon.png) 4px 1px no-repeat;  text-indent: 40px;}
.step .good{background:url(../Images/xxhh-icon.png) 4px -40px no-repeat;  text-indent: 40px;}
.share{background:url(../Images/xxhh-icon.png) 12px  -80px no-repeat; text-indent: 34px;}
.sharebox {display:none; position:absolute;margin:-80px 0 0 438px; _margin:-80px 0 0 116px; padding:10px;width:174px;height:75px;}
.bds_more{visibility:hidden;margin-right: -30px; width: 0;}
#bdshare{position:absolute; top: -28px; _top: -30px; left: 169px; border: 1px solid #dddddd;  padding: 0px 2px 0px 2px; border-radius: 3px 3px 3px 3px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: 91px;  height: 24px;  background:#FFFFFF;  }
#bdshare a{text-decoration: none;cursor: pointer; }
#bdshare .arrow {display:block; position:absolute; top: 26px; _top: 27px; right: 32px; width:9px; height:6px; background:url(../Images/xxhh-icon.png) 0px -834px no-repeat;}
/*内容快速评论区块*/
.comment{ position: relative; float: right; margin-top: 1px; width: 360px;} 
.comment-none{padding: 10px 0; height: 22px; }
.comment-iNone{margin:auto; padding-top: 15px; width: 630px; height: 28px;line-height: 28px;}
.comment-content{position: absolute; left:0px; border:1px solid #2399D0; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;  -moz-border-radius: 3px 0 0 3px;  padding: 3px 5px; width: 200px; height: 22px; background:#FFFFFF; color: #4f4f4f }
.comment-submit{position: absolute;  left:202px; border:1px solid #2399D0; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;  -moz-border-radius:0 3px 3px 0; width: 62px; height: 30px; background-color:#2399D0; cursor: pointer; color: #FFFFFF}
.comment-result{position: absolute; left:270px; height: 28px; line-height: 28px; background: url(../Images/xxhh-icon.png) 0px -121px no-repeat; text-indent: 25px; }
.comment-fine{margin-top: 2px; padding:4px; width:460px; height: 26px; line-height: 26px; background:#f7f7f7; }
/*内容页面推荐区块*/
.inner-rec{margin: 20px 0 10px 20px; width: 650px; _width: 630px; overflow: hidden;}
.inner-rec li{float: left; margin:0 10px 15px 0; width: 116px; height: 205px; *+height: 203px; overflow: hidden;}
.inner-rec li a:visited{color:#812873}
.inner-rec img{ border:1px solid #E0DFDF; padding:2px;background:#fcfcfc url(../Images/o_loading.gif) no-repeat center;}
.inner-rec .inner-title{display: block; line-height: 24px; *line-height: 26px; cursor: pointer}
/*内容页面留言区块*/
.inner-comment{width: 610px; margin: auto; padding: 10px;  border:1px solid #e0e5e8; background: #F2F2F2;}
.inner-comment-content{border:1px solid #a2a2a2; width: 606px; height: 100px;}
.inner-info{position: relative; padding-top: 10px; height:28px;}
.inner-info a{ color: #1085bd}
.inner-comment-submit{position: absolute; top: 10px; right: 0px; cursor: pointer;}
.inner-commentTitle{margin:15px auto;  border-top:2px solid #e5e5e5; width: 630px; height: 36px; background-color:#f8f8f8;}
.inner-commentTitle li{float: left; position: relative; width: 96px; line-height: 36px; text-align: center; font-size: 14px; color:#1085bd; cursor: pointer;}
.inner-commentTitle li.current{margin-top: -2px; border-top:2px solid #459dc7; background-color:#FFFFFF; color: #6e6e6e}
.inner-commentBox{margin:auto;  padding-bottom: 5px;  width: 630px; zoom: 1; z-index: 1;}
ol.inner-commnetCon li ul li{ margin-bottom: 0px;}
.inner-auther,.u-fun{position: relative; height: 22px; line-height: 22px;}
.inner-auther span{ display: inline-block; color:#767676;}
.list-commentBox{ display: block; clear: both;  padding: 10px; width: 640px; zoom: 1; z-index: 1;}
.list-commentBox .u-face{top: -5px;}
/*开启右侧内容*/
.side{float: right; margin-top:10px; width: 300px; position: relative; }
.s-content{border:1px solid #d8d7d7; padding: 10px; _width: 278px;  _overflow: hidden; background:#FFFFFF;}
.s-content .title{position: relative; padding-bottom: 10px; width: 284px; font:bold 14px/14px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #333333; }
/*关注我们*/
.s-content .follow-list{display: block; position: relative; width: 280px; height: 130px; overflow: hidden;}
.f-wx{float: left; width: 130px; height: 130px; background: url(../Images/xxhh-follow.png) no-repeat; }
.f-box{float: left; margin-left: 8px; width:140px; height: 132px;}
.f-box li{margin-bottom: 2px;  width: 140px; background:#F2F2F2; overflow: hidden; }
.f-box a div{ float: left; width: 42px; height: 42px;  }
.f-box span{float: left; height: 42px; line-height: 42px; padding-left: 8px; color: #727272}
.f-box strong{ height: 42px; line-height: 45px; color: #666666}
div.f-sina{background: url(../Images/xxhh-follow.png) -134px 0px no-repeat;}
.f-qq{background: url(../Images/xxhh-follow.png) -134px -44px no-repeat;}
.f-rss {background: url(../Images/xxhh-follow.png) -134px -88px no-repeat;}
.f-feed {background-position: -210px top;}
/*快速登录*/
.login-fast{ margin-top: 2px; zoom:1; height: 28px; background:#A3E1F1; overflow: hidden; }
.login-fast a{float: left; padding-left: 10px; width: 82px; _width: 76px; height: 28px; text-indent: 22px; _text-indent: 20px; font:bold 14px/28px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; text-shadow:0px 1px 0px #FFFFFF; color: #666666}
.login-sina{background: url(../Images/xxhh-icon.png) 10px -328px no-repeat;}
.login-qq{background:url(../Images/xxhh-icon.png) 10px -286px no-repeat;}
.login-ren{background:url(../Images/xxhh-icon.png) 10px -368px no-repeat;}
/*内容推荐*/
.inner-refresh{position: absolute; top: 0; right: 10px; padding-left: 20px; background:url(../Images/xxhh-icon.png) 2px -499px no-repeat; color: #079ee5;}
.inner-list {display: block; position: relative;  width: 278px; height: 208px; overflow: hidden; }
.inner-list img{border:1px solid #E0DFDF; padding:3px;background:#fcfcfc url(../Images/o_loading.gif) no-repeat center;}
.inner-listMore{position: absolute; bottom: 1px; left: 1px; right: 2px; border-top: 1px solid #E0DFDF; height: 28px; width: 276px; line-height: 28px;  text-align: center; background:#F5F5F5; overflow: hidden; white-space: nowrap;  z-index: 10;}
.s-shadow{ display: block;  width: 300px; height: 2px; background: #e2e1e1; overflow: hidden;}
/*讲一个发布表单*/
.talk {position: relative; width: 278px; height: 94px;}
.talk-content{ position: absolute; top: 0; left: 0; border:1px solid #dddddd; width: 276px; height: 64px;  background:url(../Images/msg.gif) repeat-x; color: #666666; font-size: 14px;}
.talk-face{position: absolute; top: 66px; left: 0px;  border:1px solid #dddddd; border-top: none; width: 202px; height: 27px; background:url(../Images/msg.gif)  0px -62px #f9f9f9 repeat-x; }
.talk-submit{position: absolute; top: 66px; right: 0;  border:1px solid #dddddd; border-top: none; width: 79px; height: 28px; background:url(../Images/msg.gif)  0px -89px repeat-x ; font:bold 14px/28px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color:#888888; cursor: pointer;}
.icon-face{ display:block; width: 202px; height: 27px; /*background:url(../Images/xxhh-icon.png)  10px -533px no-repeat */}
.upload-btn{position: absolute; top: 0px; left: -1px; border:1px solid #dddddd; border-top: none; width: 79px; height: 28px; background:url(../Images/msg.gif)  0px -89px repeat-x ; font:bold 14px/28px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color:#888888; cursor: pointer;}
.upload-file{display:none}
.upload-text{ background:url(../Images/msg.gif)  repeat-x scroll 0 -62px #F9F9F9; border:none; line-height: 26px; position: absolute; top: 0px; left: 80px; width: 120px; height: 26px;}
/*左侧标签*/
.tag{margin-bottom: -10px; _margin-bottom: 1px;overflow: hidden; display: block; }
.tag li{ float: left; position: relative;  margin:0px 10px 10px 0;  padding-right: 6px; *padding-right: 10px; height: 22px; line-height: 22px;  background:url(../Images/xxhh-draw.png)  0px 0px no-repeat; white-space: nowrap; text-indent: 8px}
.tag li .tag-rs{display: block; position: absolute; right: -4px; top: 0; width:4px; height:23px; background:url(../Images/xxhh-draw.png) 0px -23px no-repeat;  }
.tag li a:visited{color:#812873}
.tag-inner{ _margin-bottom: 15px; padding:15px; height: auto; overflow: hidden;}
.tag-inner li{margin: 0px 10px 15px 0; _margin: 0px 10px 0px 0;}
#float-r{ width:300px; z-index: 20;}
/*笑话制作*/
.tool-list{margin-top: 10px; width: 300px;}
.tool-list li{float: left; margin:0  10px 10px 0; padding-left: 18px; width: 116px; height: 27px; background:url(../Images/xxhh-btn.png) 0px -100px no-repeat ; line-height: 27px; }
/*上下翻页*/
.page{padding-top: 35px; width:980px; height:75px; background:url(../Images/xxhh-sprite.png)  560px -250px no-repeat;}
.page ul{margin-left: 60px; width:560px;}
.page li{float: left; margin-right: 15px; }
.page li a{display: block; height: 35px; text-align: center; font:14px/35px Tahoma,Arial; cursor: pointer; }
.page-on{width:68px; height:75px; background:url(../Images/xxhh-btn.png) 0px -247px no-repeat;}
.page-on a,.page-down a{ padding-top:35px; color: #888888;}
.page-down{width:68px; height:75px; background:url(../Images/xxhh-btn.png) 0px -322px no-repeat;}
.page-number,.page-current,.page-more{position: relative; margin-top: 35px; min-width: 40px; width: 40px; height: 41px;}
.page .page-rs{position: absolute; top: 0; right: 0; width:4px; height:41px;}
.page-number{background:url(../Images/xxhh-draw.png) 0px -128px no-repeat;}
.page-number .page-rs{background:url(../Images/xxhh-draw.png) 0px -169px no-repeat;}
.page-current{background:url(../Images/xxhh-draw.png) 0px -46px no-repeat;}
.page-current a,.page-current a:hover{ color: #FFFFFF}
.page-current .page-rs{background:url(../Images/xxhh-draw.png) 0px -87px no-repeat;}
/*右侧浮动功能*/
.fun-up{position: fixed; left:1445px; bottom:100px; width:60px; height:81px; background:url(../Images/xxhh-btn.png) 0px -397px no-repeat; z-index: 20;}
.up-btn {margin-top: 30px;}
.up-btn, .into-btn {display: block; height: 50px;text-indent: -9999px; width: 50px;}
#wenjuan{position: fixed; left:45px; bottom:200px;z-index: 20;}
/*右侧广告样式*/
.banner{ display: block; overflow: hidden;}
/*讲一个页面*/
.add-form{ margin:auto; padding: 15px 0 35px; width: 600px; }
.add-cotent,.add-tagIn,.add-picIn,.input-uname,.input-password,.input-upassword, .input-email,.input-veri,.input-un{border: 1px solid #E0DFDF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:3px 3px 6px #ECECEC inset;  -webkit-box-shadow:3px 3px 6px #ECECEC inset;  box-shadow:3px 3px 6px #ECECEC inset;  }
.add-con{ position: absolute;top: 8px;}
.add-cotent{ display: inline-block; width: 530px; background: #F9F9F9;}
.add-option{position: relative; padding: 6px 0; font-size: 14px; z-index: 1}
#fileDiv{ padding-left: 45px; }
#fileDiv span{ display: block; padding-top: 8px; line-height: 28px; overflow: hidden}
#fileDiv input{float: left;}
#fileDiv button{ float: left; margin-left: 4px;  padding: 1px 8px; _padding: 0px 8px;}
.add-picIn{ padding: 2px 0; height: 22px; }
.add-note{}
.add-lab{ display: inline-block; padding-right: 10px;}
.add-tagIn{ padding: 2px 0; width: 350px; height: 22px; line-height: 22px;}
.add-tagList{position: absolute; top: 32px; left: 43px; border:1px solid #E0DFDF; border-radius:4px; padding: 10px; width: 535px; background: #F9F9F9; z-index: 20;}
.add-tagList li{ float: left; margin-right: 10px; cursor: pointer;}
.add-tagList li a{ color: #0180b8}
.add-dir{ margin:auto; border-top:1px solid #E0DFDF; padding: 15px 0 15px; width:600px; }
.add-dir-title{  font:bold 14px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #333333;}
.add-dir p{ line-height: 24px;}
.add-suumit{ margin-left: 0; cursor: pointer;}
.alter-lab{ display: inline-block; width: 70px; text-align: right;}
.alter-info{padding: 2px 0; width: 250px; height: 22px; line-height: 22px; border: 1px solid #E0DFDF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent: 6px}
.alter-note{ padding:15px 0px 0px 165px; height: 24px;  font:bold 16px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #df1510;}
.alter-pic dt{width: 65px; float: left;}
.alter-pic dd{float: left;  width: 150px; height: 180px; }
.alter-pic img{  -moz-box-shadow: 0px 0px 4px #dfdfdf;  -webkit-box-shadow: 0px 0px 4px #dfdfdf; box-shadow: 0px 0px 4px #dfdfdf;}
.alter-pic_max img{ width: 125px; height: 125px; }
.alter-pic_smail img{  width: 53px; height: 53px;}
.alter-save{ margin-left: 15px;}
.alter-info:focus{ background:#ffe8ee;}
.alter-file{ position: absolute; bottom: 6px; left: 0px; margin-left: -150px; width: 220px; height: 28px; opacity: 0; z-index: 2147483583; cursor: pointer;}
/*悬浮注册登录*/
.sheet {position: fixed; left: 110px;}
*html .sheet { position: absolute; _top:expression(documentElement.scrollTop+200);}
.overlay, .sheet-overlay {position: fixed;top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1);z-index: 99;}
.sheet {position: fixed; left: 110px; padding: 25px 0px; width: 760px; box-shadow: inset 0 -1px 0 #FFF,0 1px 6px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 -1px 0 #FFF,0 1px 6px rgba(0, 0, 0, .3);
border-bottom: 2px solid #EFEBDA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #FFF9E2; z-index: 100; }
.sheet .login-connect {float: right; padding: 10px 35px 0px 0px;  width: 195px;}
.sheet  h5 {margin-bottom: 14px; font:700 14px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #444;}
.sheet .connections {margin-top: 15px; width: 246px; }
.sheet .connections a {display: block; margin: 0 8px 5px 0; width: 114px; height: 36px; background: url(../Images/xxhh-login.png) left top no-repeat; text-indent: -999999px; }
.sheet .connections a.douban {background-position: -228px 0;}
.sheet .connections a.weibo {background-position: -456px 0;}
.sheet .connections a.qzone {background-position: -342px 0;}
.sheet .login-connect p {margin-top: 16px; font-size: 12px; color: #999;}
.sheet .login-form {float: left; border-right: 1px solid #E6E6E6; padding: 10px  0px 0 35px; width: 444px;_width: 424px;}
.sheet .login-form li{ display: block; position: relative; margin-bottom: 12px; width: 444px; font-weight: 300; overflow:hidden }
.sheet .login-form li label{ float:left; padding-right: 5px; height:36px; width:60px; text-align:right; line-height:36px; font-size:14px; color:#333333}
.input-uname,.input-password,.input-upassword, .input-email,.input-veri,.input-un{ border: 1px solid #cdcccc; padding-left: 34px; height: 36px; width: 170px; 
 background: url(../Images/xxhh-login.png) left -5px no-repeat transparent; resize: none; outline: 0; font:700 14px/34px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #000000;}
.input-uname{background-position: -542px -40px;}
.input-password,.input-upassword{background-position: -542px -74px;}
.input-email{background-position: -542px -110px;}
.veriCode-box{height: 36px;}
.input-veri{position: absolute; top: 0; left: 0; width:75px; background-position: -542px -142px; }
.veriCode{position: absolute; top: 0;  left: 118px;}
.veriCode img{width: 72px; height: 40px; }
.veriRes{position: absolute; left: 195px; top: 0; width: 60px; line-height: 40px; color:#1E80C3 }
.reset-veri{position: absolute; right: 0; top: 10px;}
.input-clause{position: absolute; top: 50%; left: 0; margin-top: -5px; *margin-top: -10px; }
.sheet .login-form li label.clause-txt{padding-left: 15px; cursor: pointer; font-size:12px; width:200px}
.clause-more{color: #1E80C3}
.login-button, .login-account{width: 80px; height: 35px;   background: url(../Images/xxhh-login.png)  -1px -41px;  font:700 14px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #FFFFFF; text-shadow:0px 1px 0px #165f91;  cursor: pointer;}
.login-button:hover{background: url(../Images/xxhh-login.png)  -1px -83px; color: #FFFFFF}
.login-account{display: block; background-position: -1px -132px; line-height: 32px; text-align: center; text-shadow:0px 1px 0px #842516;  }
.login-account:hover{background-position: -1px -174px; text-decoration: none; color: #FFFFFF}
.login-not{ margin-left:10px; color: #0A97DA;}
.login-not:hover{ color:#333333;}
.sheet a.close {display: block; position: absolute;  right: 5px; top: 5px; width: 20px; height: 20px; background: url(../Images/xxhh-login.png)  -97px -41px no-repeat;}
.sheet a:hover.close {background-position: -97px -71px;}
.sheet a:active.close {background-position: -97px -101px;}
.reset-password{position: absolute; right: 0; top: 10px;} 
.login-title{margin-top: 15px; border-top: 1px solid #E6E6E6; padding-top: 15px; }
.reg-mobile{border-top: 1px solid #E6E6E6; padding-top: 15px;}
.reg-mobile a{color:#0A97DA;}
.tips{position: absolute; top: 3px; left: 275px; height: 30px; }
.tips-err{padding-left: 35px; background: url(../Images/xxhh-icon.png)  0px -864px no-repeat;}
.tips-right{background: url(../Images/xxhh-icon.png)  0px -918px no-repeat;}
.tips-war{background: url(../Images/xxhh-icon.png)  0px -966px no-repeat;}
.sheet-not{width: 500px;}
.sheet-not_title{margin: auto;  border-bottom: 1px solid #dddddd; padding: 5px 15px 5px 40px; width: 340px; font:700 18px/30px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #444; }
.sheet-not_login{float: left; margin-top:15px; border-right: 1px solid #E6E6E6; padding: 0px 15px 5px 50px; width: 185px;}
.sheet-not_login a,.sheet-not_reg a{display: block; line-height: 35px; text-align: center;}
.sheet-not_login span,.sheet-not_reg span{display: block; margin-bottom: 14px; padding:5px 0;  font: 700 14px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color: #444;}
.sheet-not_reg{float: right; margin-top:15px; padding: 0px 50px 5px 15px; width: 120px;  }
/*连载页面*/
.serialize{margin:auto; padding-top: 15px; width: 633px; overflow: hidden;} 
.serialize-img{float: left; margin-bottom: 2px; margin-left: 2px;}
.serialize-img img{border:1px solid #E0DFDF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 3px #dfdfdf;
-webkit-box-shadow: 0px 0px 3px #dfdfdf; box-shadow: 0px 0px 3px #dfdfdf; padding:5px;  width: 220px;height: 250px; }
.serialize-info{float: right; width: 383px;}
.serialize-info span{ font:700 12px/28px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; color:#333333}
.serialize-info dd{ overflow: hidden;}
.serialize-title{border-bottom: 1px solid #F0F0F0; padding-bottom: 15px; font:700 22px/42px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; }
.serialize-intro{padding:5px; height: 124px; line-height: 24px;}
.serialize-time,.serialize-author,.serialize-nation{float: left; width:120px; border-bottom: 1px solid #F0F0F0;  color: #626262}
.serialize-author,.serialize-nation { margin-left: 10px;}
.serialize-btn{ padding-top: 15px;}
.serialize-new,.serialize-reset{ display: block; float: left; padding:0 20px 0 0px; width: 46px; height: 26px; line-height: 26px; background: url(../Images/xxhh-btn.png) no-repeat; text-indent: 8px; color: #079ee5;}
.serialize-new{ background-position:-147px -122px; }
.serialize-reset{margin-left: 25px; background-position:-147px -148px;}
.serialize-list {margin:auto; padding: 20px 0 0 15px;  width: 660px; _width: 645px;overflow: hidden;}
.serialize-list li{float:left; margin:0  25px 10px 0; _margin:0  23px 10px 0;  width: 106px; height: 190px; overflow: hidden; }
.serialize-list li a:visited{color:#812873}
.serialize-list li span{display: block; text-align: center;}
.serialize-list img{border:1px solid #F0F0F0; padding: 2px; width: 109px; height: 144px;}
/*底部菜单*/
.footer{margin-top:25px; border-top:4px solid #2399D0;}
.footer p{position: relative; padding: 10px 0px; line-height: 24px;}
.f-menu{ position: absolute; right: 0}
/*视频*/
.video-aritcle{margin: auto; width: 480px; text-align: center;}
.video-img{display:block; position: relative; width: 138px;height: 106px; margin: auto;} 
.video-aritcle img{border:1px solid #E0DFDF; padding:4px;  background: #f9f9f9}
.video-playBox{position: relative;margin: auto;width: 480px;}
a.video-playClose{display: block; position: absolute; bottom: 0; right: -20px; padding-top:22px; width:20px; height: 40px;  background: url(../Images/xxhh-btn.png) -60px -504px no-repeat #efefef; color: #2399D0;}
a.video-playClose:hover{background: url(../Images/xxhh-btn.png) -85px -504px no-repeat #dadada; text-decoration: none; color: #008ed0}
.video-aritcle .video-play{position: absolute; top: 28px; left: 52px; width: 40px; height: 40px; background: url(../Images/play.png) no-repeat;  _background: none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.xxhh.net/static/images/play.png", sizingMethod="scale"); cursor: pointer;}
.img-box{position:relative; margin:auto}
.img-loading-box{display:block; position: absolute; top: 28px; left: 52px; padding: 10px;  height: 60px; width: 60px;  background: url(../Images/load-bg.png) transparent;  _background: none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.xxhh.net/static/images/load-bg.png", sizingMethod="scale"); cursor: pointer; }
.img-loading{display: block; margin-top:10px; height: 40px; width: 58px;  background: url(../Images/img-loading.gif) center center transparent no-repeat; }
.img-play{display: block; margin-top:10px;  height: 40px; width: 58px;  background: url(../Images/imgPlay.png) center center transparent no-repeat;  }
/*绑定账号*/
.binding{ padding: 35px 0 10px 0; overflow: hidden;}
/*.binding_bar {display: block; margin: 0 auto; padding: 10px 0; width: 600px; clear: both; background:url(../Images/login_bar.png) no-repeat center center;}*/
.binding h3{margin-bottom: 20px; padding: 5px;color: #666;text-align: center; font: 700 14px/24px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti; }
.avatar { display: block; float: left; text-align: center;width: 200px;min-height: 200px;}
.avatar .binding_avatar { padding: 5px; width:100px; height: 100px;  background-color: white; box-shadow: 0 1px 3px rgba(34, 25, 25, .4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .4);}
.binding_form {float: left;}
.binding_form input[type="text"] ,.binding_form input[type="password"]{ width: 270px;}
.binding_form label{  line-height: 36px; padding: 6px 0;}
.binding_form  label.clause-txt {padding-left: 15px;}
.bin-option{ position: relative; padding: 6px 0; height: 36px; font-size: 14px;}
.next-page{ clear: both; margin:5px auto; padding: 5px;background: #ffffe5; border: 1px solid #ffcc7f; line-height: 24px; text-align:center;display: none;}
.next-page span{ padding:0 3px; font: 700 14px/24px Tahoma,Arial,Helvetica,Simsun,STHeiti;  color: #2399D0 }
/*内页翻页样式*/
.inner-page {margin: 15px auto; padding:2px; width: 100%;  text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif}
.inner-page a { margin: 2px; border: 1px solid #079ee5; padding: 0.4em 0.64em 0.3em; color: #0080c0;  text-decoration: none; }
.inner-page a:hover { margin: 2px; padding: 0.4em 0.64em 0.3em;background-color: #079ee5; color: #fff; } 
.inner-page a:active { margin: 2px; padding: 0.4em 0.64em 0.3em;background-color: #de1818; color: #fff; } 
.inner-page span.current,.inner-page span.disabled { margin: 2px; border: 1px solid #079ee5; padding: 0.4em 0.64em 0.3em; background-color: #079ee5; color: #fff; }
.inner-page span.disabled {border: 1px solid #ececec; background-color: #ececec;  color: #414141;}
/*主页翻页样式*/
.home-page {margin: 15px auto; padding:2px; width: 460px;  text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif}
.home-page a { margin: 2px; border: 1px solid #ececec; background-color: #ececec;  padding: 0.2em 0.34em 0.1em; color: #0080c0;  text-decoration: none; }
.home-page a:hover { margin: 2px; padding: 0.2em 0.34em 0.1em;background-color: #079ee5; color: #fff; } 
.home-page a:active { margin: 2px; padding: 0.2em 0.34em 0.1em;background-color: #de1818; color: #fff; } 
.home-page span.current,.home-page span.disabled { margin: 2px; border: 1px solid #079ee5; padding: 0.2em 0.34em 0.1em; background-color: #079ee5; color: #fff; }
.home-page span.disabled {border: 1px solid #ececec; background-color: #ececec;  color: #414141;}
.object{ position: relative; width: 600px; margin:auto;}
.object-copy{ position: absolute; bottom: 0px; left: 0px; height:50px; width: 200px; background:#FFFFFF; z-index: 999; }
/*内容页广告样式*/
.con-ban-468{width:468px;margin:20px auto;}
.con-ban-640{width:640px;margin:0 auto;}
/*内页迷你头部*/
.head-min{position:relative; height: 45px; padding-bottom:9px;   background:url(../Images/head-s_bg.gif) repeat-x; z-index:10}
.head-min-wrap{ position: relative; margin: auto; width: 980px;}
.head-min-wrap a.head-min-logo,a.head-min-logo:hover{ display:block; float:left; margin-left: 6px; width: 203px; height: 47px;  background:url(../Images/header-s.png) 4px 0 no-repeat; text-indent: -9999em;}
.head-nav-menu{ float: left; margin-left:10px;  padding-top:9px; height: 36px; }
.head-nav-menu li{ float: left; margin-right: 7px; font: 700 16px/36px 'Microsoft Yahei',Tahoma,Arial,Helvetica,Simsun,STHeiti;}
.head-nav-menu a{ display: block;text-align: center; text-align: center;}
.head-nav-menu a.head-nav-short{ width:48px; height: 36px;}
.head-nav-menu a.head-nav-short:hover,.head-nav-menu li.head-nav-crrent a.head-nav-short{background:url(../Images/header-s.png) 0 -52px  no-repeat; color:#FFFFFF; text-decoration: none;}
.head-nav-menu a.head-nav-long{ width:63px; height: 36px;}
.head-nav-menu a.head-nav-long:hover,.head-nav-menu .head-nav-crrent a.head-nav-long{background:url(../Images/header-s.png) -53px -52px  no-repeat; color:#FFFFFF; text-decoration: none;}
.head-nav-menu a.head-nav-upload { margin-top: 4px; width:82px; height: 28px; background:url(../Images/header-s.png) -121px -52px  no-repeat; text-indent: -9999em}
.head-nav-menu a.head-nav-upload:hover{margin-top: 3px; }

/*搜索区块*/
.head-min-wrap .so{top: 13px; left: 590px; width:190px;}
.head-min-wrap .so-Keyword{ width: 145px; }
.head-min-wrap .so-btn{left: 148px;}
.head-min-wrap .user-area{ top:14px; width: 180px;}
/*内页上下翻页*/
.page-next{ display: block; position: relative; width: 280px; height: 66px;   margin:10px auto 30px;}
.page-next a{ display: block; position: absolute; background:url(../Images/page-down.png) no-repeat; text-indent: -9999px}
.page-next a.page-up{ left: 0px; top: 8px; background-position:0 0; width: 85px; height: 43px; }
.page-next a.page-up:hover{ left: -3px; top: 8px;}
.page-next a.page-down{right: 0px; top: 0px; background-position:0 -43px; width: 153px; height: 66px;}
.page-next a.page-down:hover{right: -3px; top: 0px;}

/*移动端下载*/
.mDown-banner{padding-top: 10px; width: 980px; height: 300px;}
.mDown-box{_margin-top: -3px; padding-bottom: 20px; width: 980px; overflow: hidden; background:#FFFFFF;}
.mDown-item{padding: 0 20px; width: 450px; float: left;}
.mDown-border{ margin-left: -1px; border-right: 1px solid #EEE;}
.mDown-title{padding:20px 0 40px; font:bold 26px/53px "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Sans-serif; color: #888888 }
.mDown-title i.ios{display: block; float: left; margin-right: 10px; width: 45px; height: 53px; background:url(../Images/m_down.png) 0px 0px  no-repeat;}
.mDown-title i.anrd{display: block; float: left; margin-right: 10px; width: 45px; height: 53px; background:url(../Images/m_down.png) -70px 0px  no-repeat;}
.mDown-info{width: 450px; overflow: hidden; }
.mDown-code{float:left; width: 100px; font:bold 14px/20px "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Sans-serif; color: #363636}
.mDown-desc{float: right; width: 328px;}
.mDown-desc-caption{line-height: 20px; color: #5e5e5e}
.mDown-desc-version{font:bold 14px/24px "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Sans-serif; color: #363636}
.mDown-desc-ios,.mDown-desc-android{display: block; width: 150px; height: 51px;  text-indent: -9999em}
.mDown-desc-ios{background:url(../Images/m_down.png) 0px -64px  no-repeat;}
.mDown-desc-ios:hover{ background:url(../Images/m_down.png) -161px -64px  no-repeat;}
.mDown-desc-android{background:url(../Images/m_down.png) 0px -125px  no-repeat;}
.mDown-desc-android:hover{ background:url(../Images/m_down.png) -161px -125px  no-repeat;}

.hc{display:none;}
.showVideo {
position: relative;
height: 100%;
display: block;
width: 400px;
}
.showVideo img {
width: 400px;
}
.showVideo .play {
width: 34px;
height: 34px;
position: absolute;
display: block;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: -17px;
cursor: pointer;
background: url(../Images/play_btn0.png) no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Index/Tpl/Public/Images/play_btn0.png);
_background-image: none;
}
.img-cBox embed {
background: url(../Images/video_bg.gif);
width: 580px;
height: 420px;
}


.signin-form input{
border: 1px solid #DACEB7;
box-shadow: 0 2px 1px rgba(0, 0, 0, .05) inset, 0 1px 0 rgba(255, 255, 255, 1);
border-radius: 4px;
-webkit-appearance: none;
line-height: 100%;
}
.signin-form{margin:25px 0;}
.signin-form .placeholder{color: #A9A9A9;}
.signin-form input,.signin-form button{font-size:18px}
.signin-form input{width:220px;padding: .5em;margin:0 6px 0 0;box-shadow:inset 1px 2px 1px rgba(0,0,0,.06);background: #F8F8F8;border-radius:0px;line-height:normal;}
.signin-form button{
font-family: Arial,Helvetica,sans-serif;
margin: 0;
padding: .4em;
border: 1px solid #CCC;
line-height: normal;
border-radius: 0;
cursor: pointer;
padding-left: 1.6em;
padding-right: 1.6em;
color: white;
border-color: #7BB03E;
background: #7BB03E;
}
.signin-form button:hover{
	background: #360;
border-color: #360;
}
.signin-form, .signin-account {
margin-bottom: 25px;
}
.signin-icon-qq, .signin-icon-weibo {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin: -4px 0 0 10px;
background: url(../Images/login_icon.png) no-repeat;
}
.signin-icon-qq {
background-position:-20px 0;
}
.signin-icon-weibo{
	
}
.alert_box a {
color: #0073B9;
text-decoration: underline;
padding: 2px;
cursor: pointer;
}
.alert_box a:hover{color:#fff;background:#0073b9;text-decoration:none}
.signin-foot {
text-align: right;
padding: 25px 0 0;
border-top: 2px dotted #D7D7D7;
}
.signin-foot a {
margin: 0 0 0 20px;
}

.main .col_l .list_no_content {
background-color: white;
clear: both;
padding: 18px 20px;
border: 1px solid #D2D2D2;
}

/*  穿越相关 */
.clearfix::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.history-nv {
background: white;
padding: 15px;
font-size: 16px;
}
.history-nv .post-number {
background-color: #77B8EE;
color: white;
font-weight: bold;
padding: 2px 10px 2px 9px;
margin: 0 6px;
border-radius: 40px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}
.history-block{background:white;width:300px;}
.history-block .month{
padding: 10px;
background: #77B8EE;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
color: white;
}
.history-block .week{font-size:10px;color:#7D7D7D;padding:0 10px;}
.history-block .week span{height:26px;width:40px;text-align:center;line-height:26px;display:inline-block;}
.history-block .day{padding:0 0 10px 10px;}
.history-block .day .on,.history-block .day .off{background:white;}
.history-block .day a {
float: left;
height: 24px;
width: 40px;
line-height: 24px;
text-align: center;
color: #503E2C;
border-radius: 4px;
}
.history-block .day a:hover {
background: #EBEBEB;
color: black;
}
.history-block .day a.today {
color: white;
background: #77B8EE;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

/*发布*/
.add_new_article{
	padding: 18px 20px;
	width:620px;
}
.m-add-tab {
padding: 12px 0 6px 0;
}
.m-add-tab a {
float: left;
padding: 0 6px 0 23px;
border-radius: 3px;
background: url(../Images/icon-add.png) no-repeat left top;
margin: 0 10px 0 0;
color: #666;
font-size: 12px;
line-height:24px;
cursor:pointer;
text-decoration:none;
}
.m-add-tab a.m-add-tab-joke {
background-position: 6px 6px;
}
.m-add-tab a.m-add-tab-pic {
background-position: 6px -35px;
}
.m-add-tab a.m-add-tab-video {
background-position: 6px -73px;
}
.m-add-tab a.m-add-tab-joke.current{
background-color: #b69e88;
background-position: -44px 6px;
}
.m-add-tab a.m-add-tab-pic.current{
background-color: #b69e88;
background-position: -44px -35px;
}
.m-add-tab a.m-add-tab-video.current{
background-color: #b69e88;
background-position: -44px -73px;
}
.m-add-tab a.current {
color: #fff;
}

.new_article textarea {
font-size: 14px;
color: #54412E;
width: 560px;
height: 100px;
border: 1px solid #e2e1de;
padding: 6px;
box-shadow: none;
border-radius: 0px;
font-size: 12px;
}
#length {
display: none;
margin: 10px 0px;
}
#length h3 {
color: #09F;
}
.new_article .picbox, .new_article .videobox, .new_article .tagbox, .new_article .optionbox, .new_article .buttonbox {
padding-top: 10px;
}
.new_article .buttonbox #error {
color: red;
margin-left: 50px;
}
.new_article input[type="text"] {
height: 24px;
width: 200px;
margin-right: 10px;
border-radius: 0px;
border: 1px solid #e1ded9;
box-shadow: none;
}

.post-readme {
border-top: 1px solid #ECE5D8;
margin: 20px 0 0 0;
}
.post-readme h1 {
font-size: 22px;
margin: 20px 0 10px 0;
}
.post-readme ol li {
list-style-position: inside;
list-style-type: decimal;
line-height: 160%;
}

/* 翻页效果 */
.pagebar {
margin-bottom: 20px;
}
.pagebar a, .pagebar .current, .pagebar .dots, .pagebar a.next {
margin-right: 5px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
}
.pagebar a, .pagebar .current, .pagebar .dots {
width: 40px;
}
.pagebar .current {
font-weight: bold;
border: 1px dashed #AD956F;
background: #E8E0D1;
}
.pagebar .next, .pagebar .prev {
width: 72px;
}