@charset "utf-8";
/*-------------------
*Description:        For Emlog(Emer)
*Website:            http://www.ewceo.com
*Author:             易玩稀有-尔今
*update:             2014-12-22(Last:2015-3-3)
-------------------*/
body{padding: 0 !important;color:#555;font-size:12px;background:#E9E9E7 url(../images/bg.png) repeat-y center top;font:12px/1.5 "Hiragino Sans GB","Helvetica neue",Helvetica,"Microsoft Yahei", sans-serif !important;}
/*全局选中颜色*/
::selection {
  background:#c9dae1;
  color:#6F8EC5;
}

::-moz-selection {
  background:#c9dae1;
  color:#6F8EC5;
}

::-webkit-selection {
  background:#c9dae1;
  color:#6F8EC5;
}
/*lanye down*/
.newfujian{margin:10px auto;border:1px solid #cedebd;background:#fdfefb;min-height:44px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;overflow:hidden;}.newfujian .img{background-position: 0 0;}.newfujian .pdf{background-position: -40px 0;}.newfujian .doc{background-position: -80px 0;}.newfujian .xls{background-position: -120px 0;}.newfujian .txt{background-position: -160px 0;}.newfujian .audio{background-position: -200px 0;}.newfujian .video{background-position: -240px 0;}.newfujian .EC{background-position: -280px 0;}.newfujian .exe{background-position: -360px 0;}.newfujian .dll{background-position: -520px 0;}.newfujian .e{background-position:-440px 0;}.fileico{width:35px;height:44px;background: url(../images/fileico.png) -400px 0;float:left;}.filecont{float:left;padding:0 0 0 10px; text-indent:0 !important;}.filecont .filetit{height:27px;font-size:14px;line-height:25px;letter-spacing:1px;font-family:"Microsoft Yahei";}.filecont .filetit span{font-size:12px;color:#999;float:left;font-family:arial;letter-spacing:0;}.filecont .filetit a{color:#666;text-decoration:none;display:block;max-width:290px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;text-decoration:underline}.filecont .filetit a:hover{text-decoration:underline;}.down_2{float:right;}.down_2 a{width:130px;height:42px;display:block;background:url(../images/down_2.jpg) no-repeat -2px -1px;overflow:hidden;}.down_2 a:hover{background:url(../images/down_2.jpg) no-repeat -2px -46px;}

/*文章页面优化*/
@media only screen and (min-width: 1100px) {
  .echo-log .con-right{display:none !important;}
  .echo-log .con-left{width:100% !important;}
  .echo-log .art-content{width: inherit !important;}
}
/*新评论列表*/
.comment h2{border-bottom:#EAEAEA 1px solid;font-size: large;}

.comment-list,.comment-list ol,.comment-list ul {
  list-style: none;
}
.comment-list>li {
  padding-top: 20px;
}
.comment-body {
  position: relative;
  min-height: 55px;
}
.comment-avatar-area {
  position: absolute;
}
.comment-avatar-area>.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 0;
  vertical-align: middle;
  user-select: none;
}
.comment-content-area,.comment.depth-1>.children,.comment-list>li:after,.comment-list>.comment.depth-1>#respond {
  margin-left: 75px;
}
.comment-content-user {
  line-height: 18px;
  padding-bottom: 4px;
  display: block;
  word-wrap: break-word;
}
.comment-content-user .comment-auth,.comment-content-user .comment-auth a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  word-wrap: break-word;
  color: #6d757a;
  cursor: url(../sb/curoslink.cur),auto;
}
.comment-content-user .level {
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #666;
  padding: 0 4px;
  border-radius: 2px;
  font-size: 12px;
  cursor: url(../sb/curoslink.cur),auto;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5;
  line-height: 150%;
  display: inline-block;
  vertical-align: middle;
}
.comment-content-user .commentTop{
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
  background-color: red;
  padding: 0 4px;
  border-radius: 2px;
  font-size: 12px;
  cursor: url(../sb/curoslink.cur),auto;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5;
  line-height: 150%;
  display: inline-block;
  vertical-align: middle;
}
.comment-content-user .level-1 {
  background: #348be8
}

.comment-content-user .level-2 {
  background: #0bf;
}

.comment-content-user .level-3 {
  background: #fd8edb
}

.comment-content-user .level-4 {
  background: #673ab7
}

.comment-content-user .level-5 {
  background: #ffb31e
}

.comment-content-user .level-6 {
  background: #6ec400
}

.comment-content-user .level-7 {
  background: #fc912d
}

.comment-content-user .level-8 {
  background: #fd5d3c
}

.comment-content-user .level-9 {
  background: #fd5d3c
}

.comment-content-user .level-admin {
  background: #fd5d3c
}
.comment-content-text {
  clear:both;
  line-height: 25px;
  padding: 2px 0;
  font-size: 14px;
  text-shadow: none;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
}
.comment-content-info,.comment-content-info a {
  color: #99a2aa;
  text-decoration: none;
}
.comment-content-info {
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 13px;
}
.comment-content-info span {
  margin-right: 6px;
}
.links {
  color: #313131;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  margin: 0 5px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  cursor: url(../sb/curoslink.cur),auto;
}
.links:hover {
  color: #eb5055;
  border-bottom: 1px solid #eb5055
}
.comment-content-area:hover .comment-content-user .level {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}
.comment-content-area:hover .comment-content-user .commentTop {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}
.comment-content-text a:not([class]):not([data-fancybox]):hover {
  color: #eb5055;
  border-bottom: 1px solid #eb5055
}
@media screen and (max-width: 500px) {
  .comment.depth-1>.children,.comment-list>li:after,.comment-list>.comment.depth-1>#respond {
    margin-left:0;
  }
  .comment-content-area, .comment-list>li:after, .comment-list>.comment.depth-1>#respond{
    margin-left:60px;
  }
  .comment.depth-1>.children {
    border-left: 3px dotted #f3f3f3;
    padding-left: 12px;
  }
}
/*彩色大事件*/
.mb21 p:nth-child(2){
  color:#ff00bc;
}
.mb21 p:nth-child(3){
  color:#b400ff;
}
.mb21 p:nth-child(4){
  color:#0095ff;
}
.mb21 p:nth-child(5){
  color:#ff5e00;
}
.mb21 p:nth-child(6){
  color:#ff0000;
}
/*右下角悬浮按钮*/
#f_list{position:fixed;right:30px;bottom:60px;transition:bottom ease .3s;z-index:9;font-size:18px;text-align:center;line-height:36px}
#f_list a.btn{width:36px;height:36px;display:block;text-decoration:none;color:#999;border-radius:5px}
@media screen and (max-width: 720px) {
  #f_list {right:0px;}
}

/*打卡抖动特效*/
.qddk span:hover{display: inline-block;-webkit-animation: a 5s infinite ease-in-out;animation: a 5s infinite ease-in-out;}
/*.qddk a{width:auto;height:auto;border:2px #eee solid;color:#FFF;background:#87A7D6;padding:4px 10px;cursor:pointer;border-radius:5px;}*/
.qddk a{margin: 0 2px 0 2px;color:#999;}

/*msg*/
.msg{display:inline;}
.msg #info{color: red;padding: 4px 10px;}
.msg #succ{color: mediumseagreen;padding: 4px 10px;}
.msg #primary{color: #87a7d6;padding: 4px 10px;}

/*鼠标样式*/
body{cursor:url('../sb/curos.cur'),auto;}
a{cursor:url('../sb/curoslink.cur'),auto;}
input{cursor:url('../sb/curostext.cur'),auto;}
button{cursor:url('../sb/curoslink.cur'),auto;}
img{cursor:url('../sb/curoslink.cur'),auto; }
wait{cursor:url('../sb/CursorBusy.ani'),auto; }

/*自定义框体*/
.statement{border: 1px solid #dcdcdc;padding: 20px !important;background: ghostwhite;font-size: 13px;text-indent: inherit !important;border-left: 4px solid #c9c9c7;border-right: 4px solid #c9c9c7;margin-bottom:10px;}

/*首页轮播图优化*/
/*.layui-carousel>[carousel-item]{border: 1px #a49999 solid;}*/
.layui-carousel-ind li.layui-this{background:rgb(111, 142, 197) !important;}

/*最新评论表情大小*/
.clearfix .info p img{width:25px;}

.art-content ol{
  list-style: decimal;
  padding-left: 40px;
}
/*版权声明*/
.copyright{padding: 10px;/*border-radius: 4px;border: 4px solid rgb(111, 142, 197);*/background: white;margin:30px 0;clear:left;box-shadow:0 -0.06rem 0.4rem 0 rgba(26, 13, 0, 0.19);border-radius: .1rem;}
/*相关文章*/
.related_img{list-style: none;}
.related_posts{margin-top:5px;}
.related_box:hover{background:#f9f9f9}
.related_box .r_pic{text-align:center;}
.related_box .r_title{width:auto;font-weight:400;font-size:14px;margin:0 10px;overflow:hidden;text-align:center;}
.related_box .r_pic{margin:6px}
.related_box .r_pic img{width:130px;height:100px;/*border:1px  solid #e1e1e1;*/background:#fff;padding:2px;box-shadow:0 -0.06rem 0.4rem 0 rgba(26, 13, 0, 0.19);border-radius: .1rem;}

/*剩余内容按钮特效*/
.rest-butt-content{width: 100%;padding-top: 60px;background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 100%);margin-top: -70px;position:relative}
#rest-butt{margin: 1rem auto;line-height: 2.3rem;display: block;width: 8rem;border: 1px solid #6f8ec5;text-align: center;cursor: url(../sb/curoslink.cur),auto;color: #6f8ec5;}

/*阅读全文*/
.readall_box{position: relative;z-index: 9999;padding: 0 0 25px;margin-top: -200px;text-align: center}.readall_box .read_more_mask{height: 200px;background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))}
.read_more_btn{cursor:pointer;font-size: 16px;color: #de686d;background: #fff;border-radius: 4px;border: 1px solid #de686d;line-height: 30px;padding:5px 10px}.read_more_btn:hover{background:#de686d;color:#fff}
/*tooltips*/
.tooltip{font-size:12px;position:absolute;padding:5px;z-index:100000;opacity:.8;font-family:Microsoft Yahei}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:6px dashed #000;top:0;left:20%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-arrow-n{border-bottom-color:#6F8EC5}.tipsy-inner{background-color:#6F8EC5;color:#FFF;max-width:200px;padding:5px 8px 4px 8px;text-align:center;border-radius:3px}
a{color:#333;outline:none;text-decoration:none;transition:all .3s linear}
a:hover{color:#6F8EC5;}
input:focus{border-style:solid;border-color:#6F8EC5}
/*滚动条样式代码*/
::-webkit-scrollbar {
  width: 8px;
  height:5px;
}
::-webkit-scrollbar-track {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
::-webkit-scrollbar-thumb {
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, .4) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .4) 50%,  rgba(255, 255, 255, .4) 75%,  transparent 75%,  transparent);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
/*问候语*/
#welcome {width:200px;background:#ffffff;border:0px solid #ffffff;color:#000000;font-size:14px;opacity:0.7;filter:alpha(opacity=70);padding:10px 20px;position:fixed;right:15px;bottom:25px;z-index:99999;border-top-left-radius: 15px;border-bottom-right-radius: 15px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
#welcomefont{word-wrap:break-word;width: 200px;color:rgb(34, 101, 67);}
.from-url{color:#dd8d8d;}
.closebox{text-align:center;font-size:16px;margin-top:10px;}
#welcome:hover{box-shadow:rgb(136, 123, 123) 3px 2px 5px;opacity:1;}
#sheli{width:5%;height:15px}
/*蓝叶下载插件杀毒class隐藏*/
div.fileaq{display:none;}
/*蓝叶下载插件附件文字颜色*/
.filecont .filetit a:hover{color:red;}
/*文章超链接文字颜色*/
.art-content a:link{color:red;}
.art-content a:hover{opacity:0.9}

/*心情插件图片缩小*/
#vote img{max-width:60px;}
/*修改评论框字体默认颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
  color:rgba(222, 52, 52, 0.75);
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:rgba(222, 52, 52, 0.75);
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:rgba(222, 52, 52, 0.75);
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:rgba(222, 52, 52, 0.75);
}
html *{outline:0;;}
/*3D图片*/
.yx-rotaion img:hover{-webkit-filter: drop-shadow(0px 0px 5px #e2e2e2);}
.rtpic img:hover{-webkit-filter: drop-shadow(0px 0px 5px #e2e2e2);}
.thumb img:hover{-webkit-filter: drop-shadow(0px 0px 5px #e2e2e2);}
.art-content img:hover{-webkit-filter: drop-shadow(0px 0px 5px #e2e2e2);}
.rtpica img:hover{-webkit-filter: drop-shadow(0px 0px 5px #e2e2e2);}
#vote img:hover{max-width:64px;}
pre{position:relative;box-sizing:border-box; 	overflow:auto;font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;font-size:xx-small;padding:9.5px;margin-top:0px;margin-bottom:10px;line-height:1.42857;word-break:break-all;word-wrap:break-word;border:1px solid #CCCCCC;border-radius:4px;background-color:#E9F7FF;
  /* white-space: pre-wrap; /* css-3 */
  /* white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  /* white-space: -pre-wrap; /* Opera 4-6 */
  /* white-space: -o-pre-wrap; /* Opera 7 */
  /* word-wrap: break-word; /* Internet Explorer 5.5+ */
  border-left: 4px solid rgb(0, 185, 204);}
.sh_html:after {
  color: #ccc;
  content: 'HTML';
  font-size: 9.6px;
  font-size: .6rem;
  font-weight: 600;
  height: 15px;
  line-height: 15px;
  padding: 5px 10px 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0
}
.sh_c:after{color: #ccc;content: 'C';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_cpp:after{color: #ccc;content: 'C++';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_css:after{color: #ccc;content: 'CSS';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_java:after{color: #ccc;content: 'JAVA';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_javascript:after{color: #ccc;content: 'JS';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_php:after{color: #ccc;content: 'PHP';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_sql:after{color: #ccc;content: 'SQL';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.sh_xml:after{color: #ccc;content: 'XML';font-size: 9.6px;font-size: .6rem;font-weight: 600;height: 15px;line-height: 15px;padding: 5px 10px 0;position: absolute;right: 0;text-align: right;top: 0
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; margin:5px auto; }
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; }
.break{ word-wrap:break-word;overflow:hidden;}
.tal{ text-align:left} .tar{ text-align:right;}
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
.wrapper-outer{	width:1120px; margin:0 auto; clear:both; height:auto; overflow:hidden;}
.wrapper,.header{ width:1000px; margin:0 auto;}
.row{clear:both; height:auto; overflow:hidden; }
.topBar{ background:#272625; height:30px; line-height:30px;}
.topBar a{ display:inline-block;  color:#fff;}
.topBar .t-fl{ float:left;width:70%;color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.topBar .t-fr{ float:right;}
.topBar .t-fr a{ padding-left:15px;}
.logo{float:left;min-height:60px;line-height:60px;font-size:30px;font-weight:bold;font-style:italic}
.logo a{color:#00AA98;}
.search-fr{float:right;width:297px;margin-top:12px;}
.header{padding:10px 0 8px 0;}
.seach_cha {box-sizing: content-box;float:left;	/*background: url(../images/search_bg.png) no-repeat 5px center;*/border:none;height:31px;padding:5px;line-height:31px; border:1px solid #ddd;padding-left:35px; width:195px;	color:#999;font-family:"微软雅黑", "黑体", Arial;border-bottom-left-radius:5px;border-top-left-radius:5px;background: rgba(255,255,255,0);}
.seach_dian {transition:all .3s linear;float:right;width:60px;height:43px;background:#6F8EC5;border:none;padding:0px;cursor:pointer; color:#fff; font-family:"微软雅黑", "黑体", Arial;border-top-right-radius:5px;border-bottom-right-radius:5px}
.seach_dian:hover{background:#9E61A9}
.navbar{ height:46px; background:#333;border:1px solid;border-radius:5px;border:4px solid #C9C9C7}
.pull-left{ width:950px; float:left; height:46px; line-height:46px;}
.pull-right{ width:50px; float:right; height:46px; line-height:46px;}
/*主导航*/
.navbg{width:950px;}
#navul li{float:left;margin-right:1px;position:relative;text-align:center;z-index:99}
#navul li.active{background:#6F8EC5}
#navul .active{background:#6F8EC5}
#navul li a{display:block;width:70px;text-align:center;color:#FFF;}
#navul li a:hover{background:#6F8EC5;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#navul li ul{display:none;position:absolute;z-index:1000;top:45px;left:-1px;background:#333333;border:#004E6C 1px solid; border-top:none;}
#navul li ul li{display:block;float:none;margin-right:0px;height:30px;position:relative;line-height:30px;font-size:14px;text-align:center;z-index:9999;}
#navul li ul li a:hover{text-shadow:1px 1px 0 #333;}
.pull-right ul{ float:right;}
.pull-right ul li{ float:left; padding:0 10px; font-size:14px;height:46px; line-height:46px;}
.pull-right ul li a{ color:#fff;}
.pull-right ul li.weixin { padding:0 10px 0 5px;}
.pull-right ul li.weixin a{ display:block; float:left; width:30px; height:30px; font-size:14px; text-indent:-99999em;background:url(../images/ico_sprit.png) no-repeat -30px 0; margin-top:8px;}
.pull-right ul li.weixin a:hover{ background:url(../images/ico_sprit.png) no-repeat -30px -30px;}
.con-left{float:left;width:650px; -webkit-transition: all 300ms linear 80ms;}
.con-right{float:right;width:320px; -webkit-transition: all 300ms linear 80ms;}
.con-right .affix{position: fixed;width: 300px;}
/*焦点图*/
.layui-carousel img{width:100%;height:100%;}
#shift-slide{display:none}
.yx-rotaion{width: 650px !important;height: 350px !important;}
.yx-rotaion img{max-width:100%;}

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.rotaion_list{ width:650px; height:350px;}
.yx-rotation-title{position:absolute;width:100%;height:55px;line-height:55px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1; }
.yx-rotation-t{color:#fff;font-size:24px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:55px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
/*轮播图按钮隐藏*/
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;display:none;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:-6px;}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:-6px;}
.yx-rotaion-btn .left_btn:hover{background:url(../images/ico2.png) no-repeat;background-position:-2px -2px;float:left;left:-6px}
.yx-rotaion-btn .right_btn:hover{background:url(../images/ico2.png) no-repeat; background-position:-2px -49px;float:right;right:-6px}

.yx-rotation-focus span.hover{background-position:-10px -126px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.rotaion_list{width:0;height:0;overflow:hidden;}
.cmsbox{width:680px;}
.cmslist{float:left;width:310px;min-height:276px;margin:0 30px 8px 0}
.xyti{position:relative;height:34px;line-height:34px;border-bottom:2px #eee solid;background:url(../images/symbol.svg) 0 center no-repeat;padding:0 0 0 30px}
.xyti .tline{position:absolute;bottom:-2px;left:0;width:100%;height:0;border-top:2px #6F8EC5 solid}
.xyti h3{font-size:18px;font-weight:normal;}
.xyti .more{position:absolute;top:9px;right:0}
.cmslist ul{padding:8px 0}
.cmslist li{height:28px;line-height:28px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.icon{display:inline-block;width:12px;height:12px;margin:0 3px -1px;}
.icon-00{ background:url(../images/ico_00.png) no-repeat}
.icon-01{ background:url(../images/ico_01.png) no-repeat}
.icon-02{ background:url(../images/ico_02.png) no-repeat}
.icon-03{ background:url(../images/ico_03.png) no-repeat}
.icogroup .ico-list{ display:inline-block; margin-right:10px; color:#818181;}
.loginfo{padding-bottom:6px;border-bottom:1px dashed #eee;}
.main-tit { height:37px; line-height:37px; margin-bottom:25px;background:#F8F8F8;border-radius:5px}
.main-tit .tit{ height:37px; line-height:37px; background:#6F8EC5; color:#fff;display:inline-block; padding:0 10px; text-align:center; margin-right:20px;border-radius:5px;}
.articleCon li{box-shadow:0 -0.06rem 0.4rem 0 rgba(26, 13, 0, 0.19);border-radius: .1rem;background: #f2f2f2;position:relative;padding-bottom:15px;border-radius: 4px;margin-bottom:15px;padding-top: 12px;padding-left: 5px;}
.articleCon li:hover{background:rgba(143, 186, 188, 0.18);box-shadow: 0 0 8px #bbb;background: #e2e2e2;}
.articleCon li .thumb{ float:left; width:200px; height:131px;}
.articleCon li .thumb img{border-radius: 4px;/*border: 1px solid #e6e6e6;*/}
.articleCon li .mark{ float:right; width:430px;}
.articleCon li .mark h3{ font-size:18px;color:#333;padding-bottom:10px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.articleCon li .mark .icogroup{ padding-bottom:10px;}
.articleCon li .mark .info{ line-height:150%;}
.articleCon li a.more{ color:#fff;width:85px;height:28px;display:block;background: rgb(111, 142, 197);position:absolute;bottom:5px;right:10px;text-align:center;font-size:14px;line-height:28px;border-radius: 3px;}
.articleCon li a.more:hover{background:#f90}
.art-content{width:650px;overflow:}
.art-content img{max-width:92% !important;height:auto !important;transition: all .3s linear;margin:10px 0;border-radius: 4px;cursor: url(../sb/curoslink.cur),auto;-webkit-box-shadow: 0 0 2.6875rem rgba(0,0,0,0.15);-moz-box-shadow: 0 0 2.6875rem rgba(0,0,0,0.15);box-shadow: 0 0 2.6875rem rgba(0,0,0,0.15);}
.art-content embed{max-width:96% !important;}
.art-content p{word-wrap:break-word ;}
.art-content h1{padding: 0px 20px;border-left: 10px solid #ed515191;background-color: rgba(208, 208, 208, 0);font-size: 19px;line-height: 30px;color: cornflowerblue;font-weight: bold;margin: 5px 0;}
.art-content h2{padding:0px 20px;border-left: 10px solid #BF51ED91;background-color: rgba(208, 208, 208, 0);font-size:18px;line-height: 30px;color:cornflowerblue;font-weight:bold;margin: 5px 0;}
.art-content h3{padding:0px 20px;border-left: 10px solid #6495ed91;background-color: rgba(208, 208, 208, 0);font-size:17px;line-height: 27px;color:cornflowerblue;font-weight:bold;margin: 5px 0;}
.art-content h4{padding:0px 20px;border-left: 10px solid #e2aa2b91;background-color: rgba(208, 208, 208, 0);font-size:16px;line-height: 24px;color:cornflowerblue;font-weight:bold;margin: 5px 0;}
.art-content h5{padding:0 20px;border-left: 10px solid #64c1c191;background-color: rgba(208, 208, 208, 0);font-size:15px;line-height: 21px;color:cornflowerblue;font-weight:bold;margin: 5px 0;}
.atlist li .mark{width:635px;height:105px;}
blockquote{background:#f4f4f4;padding:10px;margin-left:0;margin-right:0;border-left:3px solid #ddd;}
/*右边*/
.mail-box{ background:#E5E5E5; height:190px; width:290px; padding:15px;border-radius:5px}
.mail-box h3{ padding-bottom:10px; background:url(../images/line2.png) repeat-x left bottom; font-size:14px;}
.mail-box .icogroup{ padding-top:10px; background:url(../images/line2.png) repeat-x left top; font-size:14px;}
.mail-box .icogroup li{ float:left; height:25px; line-height:25px; padding-right:10px;}
.mail-box .icogroup li img{ float:left; margin:0 5px;}
.xyshare{height:auto;}
.xyshare .bdsharebuttonbox{height:44px;padding:9px 0 9px 12px}
.rtpic{overflow:hidden;clear:both}
.rtpic .xyti{color:#6F8EC5;margin-top:5px;background:url(../images/symbol.svg) 0 center no-repeat;}
.rtpic ul{width:340px}
.rtpic li{position:relative;float:left;width:150px;height:100px;margin:15px 5px 5px 5px}
.rtpic li img{width:100%;height:100%;}
.rtpic .text{position:absolute;right:0;bottom:0;width:100%;height:24px;line-height:24px;background:#6F8EC5;filter:alpha(opacity=80);opacity:0.8;transition:all .2s linear;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.rtpic .text:hover{background:#f90;}
.rtpic .text a{color:#FFF}
/*相关文章*/
.rtpica{overflow: hidden;clear: both;border: 1px solid #FDEDED;border-radius: 4px 4px 4px 4px;}
.rtpica .xyti{color:#00aa98;margin-top:5px;background:url(../images/symbol.svg) 0 center no-repeat;}
.rtpica ul{width:100%}
.rtpica li{position: relative;float: left;width: 33%;height: 150px;border: 1px solid #A3E0BD;}
.rtpica li img{width:100%;height:100%;}
.rtpica .text{position:absolute;right:0;bottom:0;width:100%;height:24px;line-height:24px;background:#6F8EC5;filter:alpha(opacity=80);opacity:0.8;transition:all .2s linear;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.rtpica .text:hover{background:#f90;}
.rtpica .text a{color:#FFF}
@media only screen and (max-width: 650px) {.rtpica li{width: 32.7%;height: 120px;}}
.title{ height:20px; line-height:20px; color:#6f8ec5; margin-bottom:10px; font-size:13px; text-indent:2em;}
.box-a{ border:3px solid #E5E5E5; padding:10px;}
.newlist p{color:#666;line-height:20px;border-top:1px #eee solid;padding:5px 0}
.ullist li{ height:28px; line-height:28px; font-size:14px; text-indent:10px; background:url(../images/dotted.png) no-repeat left center;}
.ullist li a{color:#00aa98;}
.ullist li a:hover{color:#039283;}
.ullist2 li{ height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #EAEAEA; padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ullist2 li:hover{border-left:3px solid #6F8EC5; background:rgba(143, 186, 188, 0.18);}
.ullist2 li a{ color:#333;}
.ullist3 .clearfix{padding-left:10px;}
.ullist3 .info{padding-right:20px;}
.ullist3 li{padding-top:5px;/*border-top:1px solid #bdbdbd;*/}
.ullist3 li:hover{border-left: 3px solid #6F8EC5;background: rgba(143, 186, 188, 0.18);color:#6f8ec5}
.ullist3 .user{float:left;width:50px;height:50px;margin-top: 10px;vertical-align: middle;display: table-cell;}
.ullist3 .user img{}
.ullist3 .info{ float:right; width:234px;}
.ullist3 .info h3{ line-height:25px; font-size:14px;}
.ullist3 .info p{ font-size:12px;}
.label-list span{display:inline-block;margin:0 6px 8px 0;padding:2px 5px;background:#c7e4de;border-radius:4px}
.label-list span a{color:#fff;font-size:14px;}
.label-list span:hover{background:#a7dacd}
.box-b{box-shadow:0 -0.06rem 0.4rem 0 rgba(26, 13, 0, 0.19);border-radius: .1rem; position:relative;background: #f2f2f2;}
.box-b:hover{background:rgba(143, 186, 188, 0.18);background: #e2e2e2;}
.box-b .arrow-right{ display:block; width:22px; height:21px; position:absolute; right:-1px; top:-1px;}
.nolog{border:3px #ddd dashed;padding:2em;}
.nolog h2{font-size:24px;color:#F30}


#code,#code_hover{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
  _position:absolute;_bottom:auto;/*_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#code_img{ width:235px; height:345px;background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;padding:10px 20px 0 15px;overflow:hidden;
  _position:absolute;_bottom:auto;/*_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/ _margin-bottom:67px;z-index:9999}
#code_img p{font-size:18px}

.footer{padding:25px 0; background:#272727; border-top:4px solid #C9C9C7;overflow:hidden;border-bottom:4px solid #C9C9C7;}
.footer a{color:#878787;}
.footer .col div{border-radius: 1em;}
.footer .col div.span-a{color:#8F8F8F;text-align:center;}
.footer .col div.span-a p{ line-height:200%;}
.footer .col .span-b a{margin:0 6px}
.footer .col div.span-c{padding-top:15px;float:left;width:160px;}
.frend-link h3{height:45px;line-height:45px; border-bottom:2px solid #87A7D6;margin:8px 0}
.frend-link h3 span.fl{float: left;font-size: 100%;color: #000000;padding: 6px 0 0;}
.frend-link h3 span.fr{float:right;padding:6px 0 0;}
.frend-link dl{word-break: keep-all;padding: 5px 5px 15px 5px;}
.frend-link dd{float:left;font-size: 14px;word-spacing: 7px;line-height:22px}
/*彩虹友链*/
/*
.frend-link dd a:nth-child(7n+1) {
color: #FF0000
}
.frend-link dd a:nth-child(7n+2) {
color: #FF7F00
}
.frend-link dd a:nth-child(7n+3) {
color: #ADAD30
}
.frend-link dd a:nth-child(7n+4) {
color: #00FF00
}
.frend-link dd a:nth-child(7n+5){
color: #00FFFF
}
.frend-link dd a:nth-child(7n+6) {
color: #0000FF
}
.frend-link dd a:nth-child(7n+7) {
color: #8B00FF
}*/

.positionbar{width:100%;height:40px;line-height:40px;border-bottom:2px solid #E6E6E6;margin-bottom:10px}
.positionbar ul li:first-child{padding:0 14px 0 0;}
.positionbar ul li{ height:40px; line-height:40px; float:left; background:url(../images/arrow.png) no-repeat right center; padding:0 14px 0 10px; font-size:14px;}
.positionbar ul li.last{max-width:60%;background:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.positionbar ul .ico {width: 24px;height: 40px;background: none;margin: 0;padding: 0px 5px;}
.positionbar ul .ico img {float: left;margin-top: 8px;}
.tip-bar {height: 35px;line-height: 35px;background: #eee;font-size: 14px;}
.tip-bar span.tit {display: block;height: 35px;line-height: 35px;background: #555;color: #fff;padding: 0 5px;float: left;font-size: 14px;margin-right: 10px;}
.ullist4 { padding-top:6px;}
.link-box h3{ height:40px; line-height:40px; border-bottom:1px solid #ddd; color:#666; font-size:18px;}
.ullist4 li .time{ color:#999; display:inline-block; margin-left:20px;}
.comment{font-size:12px;margin:10px 0;padding:5px 0;height:100%;}
.comment .comment-time{color:#999;display:inline}
.comment .avatar{float:left;margin:2px 10px 10px 0;}
.comment .avatar img{border-radius:50%;width:48px;height:48px;}
.comment .comment-info{width:90%;/*border-bottom:#eee 1px solid;*/margin-bottom:5px;padding:5px 0 0}
.comment .links,.comment-img {
  color: #313131;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  margin: 0 5px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  cursor: url(../sb/curoslink.cur),auto;
}
.comment .links,.comment-img:hover {
  color: #eb5055;
  border-bottom: 1px solid #eb5055
}
.cposter a{color:#393}
.comment-content-info span{padding:0 5px 0 5px;}
.comment .comment-content{margin:8px 0 8px 0}
.comment .comment-reply{float:right;padding:0 0 5px;cursor:pointer}
.comment .comment-reply:hover{text-decoration:underline}
.comment-children{width:95%;margin:auto;clear:both;border:none;padding:0}
.comment-post{margin-top:12px;padding:5px 5px 5px 10px;clear:both}
.comment-header{font-size:14px;font-family:'Microsoft YaHei';height:23px;margin:10px 0 0;}
.comment-post p{margin:8px 0 3px;padding:0}
.comment-post .cancel-reply{float:right;cursor:pointer;padding-right:3%}
.comment-post .cancel-reply:hover{text-decoration:underline}
.comment-post small{color:#888}
.comment-post input{width: 38%;height: 22px;border: 1px rgba(1, 114, 255, 0.82) solid;border-radius: 4px;padding-left: 20px;color: rgba(86, 0, 255, 0.68);}
.comment-post input:focus{height:22px;border: 1px red dashed;border-radius: 4px;padding-left: 20px;color:violet}
.comment-post #comment{width:95%;border:1px green solid;border-radius:4px;color:sienna;background: url("../images/comment.png") no-repeat center;padding:10px;}
.comment-post #comment:focus{color:violet;border: 1px red dashed;}
.comment-post .input-submit{width:auto;color:#FFF;padding:4px 8px;cursor:pointer;border-radius:3px}
.comment-post .input{width:80px}
.comment .comment-post{width:96%;margin:15px auto}
input[name="imgcode"]{max-width:80px}
#comment_submit{width:auto;height:auto;border:2px #eee solid;color:#FFF;background:#666;padding:4px 10px;cursor:pointer;border-radius:5px;box-shadow:0 -0.06rem 0.4rem 0 rgba(26, 13, 0, 0.19);border-radius: .1rem;}
.pagination{padding:5px 0;clear:both;text-align: left;font-size: 14px;}
.pagination a, .pagination a:visited{padding:3px 10px;text-decoration: none; background:#6F8EC5;color: #fff !important;line-height:27px;opacity:1 !important}
.pagination a:hover, .pagination a:active{;color: #fff;background:#E0994F;}
.pagination span{padding:3px 10px;color: #fff;background:#FE714F;}
.main-tit2{padding:0 0 10px;clear:both}
.calendartop{width:100%;text-align:center;margin-bottom:10px;border-bottom:2px #eee solid;}
.calendartop td{font-size:14px;padding:0 0 10px}
.calendar{margin-bottom:10px;}
.calendar td{text-align:center; padding:3px 14px; line-height:1.6;}
.day{color:#FFF;background:#fb0;border-radius:5px}
.day2{font-weight:bold}
.sun{color:#888;font-weight:bold}
/* TW */
#tw{padding:10px 0 15px 20px}
#tw ul{float:left;width:100%;border-left:2px #eee dotted;padding:0 0 0 32px;}
#tw li{position:relative;float:left;width:100%;padding:0 0 20px}
#tw .tupic{position:absolute;top:0;left:-52px;}
#tw .tupic img{width:38px;height:38px;border-radius:50%}
#tw .twter{color:#598DC5;margin-top:8px;text-align:right;padding:0 1em;border-radius:5px}
#tw .tpost{float:left;width:90%;line-height:22px;box-shadow:0 -0.06rem 0.4rem 0 rgba(26, 13, 0, 0.19);border-radius: .1rem;/*border:1px rgb(111, 142, 197) solid;*/background:#F5F5F5;padding:10px;overflow:hidden;border-radius:6px;/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#F1F1F1');*/background:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#F1F1F1));background:-moz-linear-gradient(top,#F9F9F9,#F1F1F1);}
#tw .tpost:hover{background:rgba(143, 186, 188, 0.18);}
#tw .tpost img.tp{display:block;max-width:80%;max-height:600px;margin-top:5px;border:3px #fff solid}
#tw .pagination{text-align:center}
/*自适应*/
@media only screen and (max-width: 1100px) {
  .wrapper-outer,.wrapper {
    width: 100%;
  }

  .header {
    width: 96%;
    padding: 5px 2% 10px;
  }

  .t-fr {
    padding-right: 1.5%;
  }

  .navbg,.navbar {
    height: 32px;
    width: 100%;
    background: #333;
  }

  #navul li {
    font-size: 12px !important;
  }

  #navul li ul {
    top: 31px;
  }

  .con-left {
    float: none;
    width: 96%;
    margin: 0 auto;
  }

  #iautobox {
    position: relative;
  }

  #iautobox .rtpic {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    overflow: hidden;
  }

  .cmsbox,.art-content {
    width: 100%;
  }

  .pull-left {
    width: 100%;
    height: 32px;
    line-height: 32px;
  }

  .cmslist {
    width: 48%;
    margin: 0 1% 8px;
  }

  .articleCon li .thumb {
    width: 22%;
    overflow: hidden;
  }

  .articleCon li .mark {
    width: 76%;
  }

  .atlist li .mark {
    width: 98%;
  }

  .t-fl,.pull-right,.yx-rotaion,.mail-box,.ad-box,.rtpic,.rtpic .xyti,#sidebar,.ibtad,.span-c {
    display: none;
  }

  .rtpic ul {
    width: 96%;
    margin: 0 auto;
  }

  .rtpic li {
    width: 23%;
    height: 140px;
    margin: 20px 1% 0;
  }

  .frend-link {
    padding: 0 2%;
  }

  .footer .col div.span-a {
    float: none;
    width: auto;
    padding: 0 20px;
  }
  .con-right{display: none;}
  .layui-carousel{height:200px !important;}
}
@media only screen and (max-width: 650px) {.rtpic li{width:48%;height:140px;margin:20px 1% 0} .navbar{height:0;border-bottom:2px #ccc solid;background:none;box-shadow:0 3px 3px #eee;} .pull-left,.navbg{height:0} #navul{position:absolute;top:0;left:0;height:0;background:url(../images/mobile_nav.gif) 20px 5px no-repeat;padding-top:30px;overflow:hidden;cursor:pointer;z-index:999} .nulht{height:auto !important;overflow:visible !important} #navul li{float:none;border-bottom:1px #444 dotted;background:#333;} #navul li ul{top:0;left:90px} .cmslist{width:98%;margin: 0 1% 8px;} .search-fr,.articleCon li .thumb,.tip-bar,.positionbar,#code,#code_img{display:none !important} .articleCon li .mark{width:100%;padding-bottom:10px} #tw .tpost{width:78%;}}
@media only screen and (max-width: 650px) {
  .logo{float:none;text-align:center;margin:0 auto}
  .search-fr{float: none;margin:0 auto;display:block !important;margin:0 auto;padding-top:1px;}
}
@media only screen and (max-width: 650px) {
  .down_2{display:none}
  @media only screen and (max-width: 650px) {
    .comment-post input{width:50%}
    .comment-post input:focus{width:55%}
  }
  @media only screen and (max-width: 650px) {
    #welcome{width:130px}
    #welcomefont{width:130px}
  }
  @media only screen and (min-width: 0px) {
    .filecont{padding:0px;}
  }}
@media screen and (min-width: 480px){
  .neighbor_log a{font-size: 50px;color: #b6b6b6;text-align: center;}
  .neighbor_log .meta-nav-r{position: fixed;left: 0;top: 45%;width: 50px;z-index: 1;}
  .neighbor_log .meta-nav-l{position: fixed;right: 0;top: 45%;width: 50px;z-index: 1;}
  .related_box{float: left;width: 25%;}
}
@media screen and (max-width: 480px){
  .neighbor_log a{display:none;}
  .related_box{float: left;width: 50%;height: 170px;}
}
@media only screen and (min-width: 650px) {
  /*首页列表优化*/
  .articleCon li .mark{padding: 0 5px 0 5px;}
}
@media only screen and (max-width: 1100px) {
  /*隐藏显示侧边栏按钮*/
  #toright{display:none !important;}
}