*{margin:0;padding:0;border:none}
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;color:#756F71;background:#f1f2f0}
blockquote{background-color:#E6E6E6;border-left:5px solid #6bc30d!important;font-size:14px!important;padding:7px 20px!important}
li{list-style: none;}
input{outline: none;}
pre{background-color:#fdf6e3 !important;}
/*重置Bootcss样式*/
.container{padding:0!important;width:1320px;}
.row{margin-right:0!important;margin-left:0!important;}
.alert{height: 40px !important;overflow: hidden;margin-top: 20px;padding: 5px !important;}
.breadcrumb{border:1px solid #ccc;background-color: #fff;}
.media-body {  width: 10000px;  }
.clear{clear: both;}
.about-box{width: 100%;height:65px;}

/*顶部*/
.top-bg{font-size:12px;line-height:25px;z-index:100;height:65px;background:rgba(255,255,255,.7) none repeat scroll 0 0!important;position:fixed;width:100%;margin:0 auto}
.top-l{display:block;float:left;margin-left: 1%;font-size: 30px;
height: 65px;
line-height: 65px;}
.top-r{text-align:right;float:right;margin-right: 1%;}
.menu li{list-style: none;    height: 60px;    float: left;    font-size: 18px;    padding: 15px;line-height: 30px;}

/*头部*/
.header{margin:25px auto;display:block}
.header-logo{padding-top:30px;margin:0 auto;text-align:center}
.header-logo h5{display:inline-block;padding-left:20px}
.header-logo img{vertical-align:text-bottom}
.header-menu{margin-top:20px;float:right;padding-left:2px!important;padding-right:2px!important}

/*底部*/
.container-foot{width:100%;background:url(../img/bg-foot.gif) repeat #333;color:#ECECEC;font-size:12px;height:auto}
.container-foot a{color:#D0D0D0}
.container-foot a:hover{text-decoration:none;color:#5CB85C}
.foot{margin-top:20px;padding-top:20px}
.foot-margin{margin-top:20px!important}
.foot-box{margin-top:20px}
.foot-box-r{width:40%;float:right}
.foot-box-art{width:100%;margin-top:12px;border-bottom:dotted 1px #E0E0E0;padding-bottom:7px}
.bottom{background:#1F1F1F none repeat scroll 0 0;margin-bottom:20px;margin-top:15px;padding:0}
.bottom-left{float:left;padding:15px}
.bottom-right{float:right;padding:15px;text-align:right}
.bottom a{color:#fff}
.toTop{background:url(../img/icon/goTop.png);position:fixed;right:20px;bottom:25px;z-index:12;display:none;width:47px;height:47px;border-radius:2px;text-align:center;text-indent:-9999px;cursor:pointer}

/*公用样式*/
.row-l{margin-top:25px;padding-right:0!important;padding-left:0!important}
.row-r{padding-left:2px!important;padding-right:2px!important}
.img-45{border:1px solid #ccc;width:45px;height:45px;margin:10px;display:block;float:left}
.img-50{width:50px;height:50px;float:left;padding:2px;border:1px solid #D0D0D0}
.icon-girl{color:#F581B1;padding: 0 10px;}
.icon-boy{color:#4EBBF9;padding: 0 10px;}
a:hover{text-decoration:none;color:#7fecad;cursor:pointer;}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{background-color:#333}
.from{color:#fff;padding:1px 3px;background-color:#5CB85C;border-radius:5px;font-size:12px}
.tui{float: right;font-size: 25px !important;color:#199E46 }
.menu{    position: relative;}
.menu-bar{    background: #6bc30d;  height: 3px;  position: absolute;  bottom: 0;}
.menu-clean{clear: both;}
.well{padding:0!important;margin-bottom:0!important;background-color:#fff!important;border:none;margin-top: 20px;-webkit-box-shadow:none;box-shadow:none;}
.fool{position:absolute;right:45px;font-size:18px;color:#999}
.connect{width:100%;padding:20px;font-size:12px;background:#fff;border:1px solid #ccc;word-break: break-all;}
.connect-box{padding-bottom:10px;margin-left:15px;margin-top:15px;font-size:12px}
.home-from{border:1px solid #ccc;padding:10px;background:#fff;margin-top: 20px;}
.home-from-box{margin-top:15px}
.home-from-button{margin:20px}
.from-edit{padding-top:15px;width: 100%;height: 35px;}
.from-edit li{width: 10%;height: 35px;float: left}
.check-text{width:50%}
.blog-edit{width: 100%;height: 310px;margin-top: 30px;line-height: 40px;font-size: 14px;}
/* css3图片*/
.image-light{overflow:hidden;position:relative}
.image-light:after{content:'';position:absolute;width:80px;height:100%;top:0;left:-200px;overflow:hidden;z-index:9;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.3)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);transform:skewX(-25deg)}
.image-light:hover:after{-webkit-transition:left 1s ease-in-out;transition:left 1s ease-in-out;left:500px}

/* article list*/
/*.testslider li{line-height: 30px;}*/
article a:hover{text-decoration:none;color:#c9dd22}
article{border:1px solid #CCC;background-color:#fff;padding:0 10px 10px 15px;position:relative;margin-bottom:20px}
article h5{line-height:30px;border-bottom:1px solid #e8e9e7;font-size:14px;font-weight:400}
article h5 .original{display:inline-block;vertical-align:bottom;font-size:14px;color:#199E46}
article h5 .reprint{display:inline-block;vertical-align:bottom;font-size:14px;color:#ccc}
.article-img-a{max-width:100%;max-height:100%;border:1px solid #e8e9e7;overflow:hidden;display:block;float:left;margin-right:20px}
.article-img{width:100%;height:100%;background-color:#FFF}
.article-look{color:#fff;float:right;margin-right:15px;margin-top:10px;position:absolute;bottom:50px;right:40px;padding:0 5px 0 5px;border-radius:5px;background-color:#5CB85C}
.article-remark{margin:0;line-height:28px;min-height:180px;font-size:13px}
.article-tag{padding:2px 4px;margin:2px 3px 3px 2px;background-color:#eee;color:#787977;font-size:12px;border-radius: 2px;}
.article-footer{height:20px;line-height:20px}
.article-footer-l{width:65%;float:left;display:block}
.article-footer-r{width:35%;float:right;text-align:right}
.more{width: 100%;height: 40px;border-top: 1px dashed #4cae4c;  margin-top: 30px;}
.loadingmore{border-radius: 15px; width: 100px;height: 30px;display: block;margin: -15px auto 0 auto; background: #f1f2f0;text-align: center;border:1px solid #D0D0D0;transition: all .5s; -webkit-transition: all .5s;line-height: 30px;color: #337ab7;cursor: pointer;}
.loadingmore:hover{border-radius: 0;}

/* 右侧*/
.sider-margin{margin-top:20px!important}
.sider-box{min-height:50px;width:100%;display:block;height:auto;overflow:hidden;padding:0 4px;}
.btn-search{border-top-left-radius: 0;border-bottom-left-radius: 0;border-left: 0;}
.sider-box h4{margin-bottom:15px;margin-left:15px}
.sider-follow{width: 60%;height: 50px;margin: 0 auto}
.sider-follow .iconfont{font-size: 40px;padding: 0 15px;padding-bottom: 10px;}
.sider-follow-hr{border-bottom: 1px dashed #4cae4c;width: 90%;margin: 0 auto;padding: 5px;}
.sider-search{width:95%;display:block;margin-bottom:20px}
.sider-search-input{width:90%;height: 36px;}
.form-search{display:-webkit-box}
.weinxi-open{text-align: center;width: 220px;height: 220px;margin: 0 auto}
.sider-tag-end{margin-right:4px}
.sider-tag-ul{padding:10px;border:1px solid #ccc}
.sider-tag-ul a{color:#fff;font-weight: normal}
.sider-tag-ul li{display:inline-block;padding:5px;margin:0 1px 5px 5px;}
.sider-rand-ul li{display:block;clear:both;margin-bottom:23px;min-height:80px;padding-left:5px}
.sider-rand-title a{font-size:14px;line-height:30px}
.sider-rand-img{width:120px;height:80px;display:block;float:left;margin-right:20px;border:1px solid #ccc}
.sider-rand-remark{padding-bottom:10px;text-overflow:ellipsis;font-size:12px;line-height:20px}
.sider-content-ul{list-style:none;margin:0;padding:0}
.sider-content-ul li{display:block;clear:both;margin-bottom:10px;margin-top:10px;min-height:60px;border-bottom:dashed 1px #4cae4c}
.sider-content-name{line-height:35px}
.sider-content-remark{font-size:12px;line-height:20px;text-overflow:ellipsis;height:30px}
.sider-hot-ul{list-style:none;font-size:12px;margin-left:20px}
.sider-hot-ul li{padding-top:15px;padding-bottom:15px;border-bottom:dashed 1px #4cae4c}
/*.sider-link-ul{margin:0 0 20px 0;padding-top:5px;list-style-image:none}*/
/*.sider-link-ul li{display:inline-block;margin-right:2px;margin-bottom:5px;height: 30px;}*/
/*.sider-link-ul li a{position: relative; padding: 5px 5px 5px 10px; height: 40px; border: 1px solid #D0D0D0; color: #337ab7; transition: all .5s; -webkit-transition: all .5s;}*/
/*.sider-link-ul li a:hover{border: 1px solid #4cae4c; color: #666; border-radius: 30px; }*/
/* common end */

.article-css3{float:left;background-image:url(../img/icon/mask.png);background-color:#ccc;width:259px;height:168px;border:1px solid #e8e9e7;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;border-radius: 4px;margin-right: 20px;}
.article-css3 .article-css3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.article-css3:hover .article-css3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.4}
.article-css3 .article-css3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.article-css3 .article-css3_caption::before,.article-css3 .article-css3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.article-css3 .article-css3_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.article-css3 .article-css3_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.article-css3:hover .article-css3_caption::before,.article-css3:hover .article-css3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.article-css3 .article-css3_caption,.article-css3 .article-css3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
/*.article-css3 .article-css3_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}*/
.article-css3 .article-css3_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.article-css3:hover .article-css3_caption_p{top:40%;opacity:1;color:#fffffc   ;}

/* 补充元素 */
@media screen and (max-width: 400px) {
    .article-img-a{width:200px;}
    .links-two-item{width: 98% !important;}
}
/* 补充元素 */
@media screen and (max-width: 623px) {
    .article-look{display: none}
}


/* index css */
.index{padding-left:2px!important;padding-right:2px!important}
.banner{width:100%;height:250px;margin:65px auto 0 auto}
.banner img {width: 100%;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
/* index */

/*about*/
.about{height:auto;float:left;display:block}
.about-all{background:#fff;padding-top:20px;border:1px solid #ccc;padding-left:13px!important;padding-right:13px!important}
.about-img{float:left;margin-right:20px;vertical-align:text-bottom;max-width:100%;height:auto}
.about p,.about-love p{color:#5E5E5E;line-height:30px}
.about-love{display:block}
/*about*/

/*article*/
.articleinfo{background:#FFF;box-shadow:0 0 10px 7px rgba(218,218,218,.3);padding:30px;border:1px solid #ccc;padding-left:13px!important;padding-right:13px!important}
.articleinfo h5{font-size:18px}
.articleinfo-copy{background-color:#f8f9f7;padding:15px 20px;line-height:22px;text-shadow:0 1px 0 rgba(255,255,255,.8);font-size:12px;color:#787977;border:1px solid #ECECEC}
.articleinfo-content img{border:0 none;vertical-align:text-bottom;max-width:100%;height:auto}
.articleinfo h3{text-align:center;margin-bottom:25px;padding-top:5px}
.articleinfo-write{width:100%;height:30px;font-size:12px;border-bottom:1px solid #ccc;line-height:20px;color:#999;padding:5px}
.articleinfo-content{margin-top:20px;padding:10px;color:#666;line-height: 30px;}
.articleinfo-content table{border: none;border-collapse: collapse;}
.articleinfo-content table tbody{display: table-row-group;vertical-align: middle;border-color: inherit;}
.articleinfo-content table tbody tr{display: table-row;vertical-align: inherit;border-color: inherit;}
.articleinfo-content table tbody tr td{border: 1px solid #999;padding: 3px 5px;min-width: 50px;height: 20px;}
.articleinfo-up{margin-top:20px;padding-left:20px}
.articleinfo-down{padding-left:20px}
.articleinfo-fenxiang{height:50px;float:right}
.articleinfo-fenxiang a{width:40px!important;margin-right: 10px !important;}
.articleinfo>.articleinfo-content>p>span{background: #f9fafa !important;border: 1px solid #ded9d9;margin: 0 5px;padding: 2px 6px;display: inline-block;border-radius: 4px;word-break: break-all;white-space: pre;line-height: 1.3;}
/*article*/

/*comment*/
.gust{padding-left:2px!important;padding-right:2px!important}



.links,.resoure {padding:10px;width: 100%;height: auto;}
.links-head-ban{width:100%;text-align:center;padding-bottom:30px;background-color:#2a3440;position:relative;color:#fff;overflow: hidden}
.links-head-ban:after{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/icon/mask.png) repeat;content:""}
.links-head{margin-left:10px;margin-right:10px;position:relative}
.links-head-ban h3{  font-size: 50px;  margin-top: 20px;  margin-bottom: 0px;  -webkit-animation: fadeIn 1s linear;  animation: fadeIn 1s linear;  }
.links-head-ban h5{  font-size: 32px;font-weight: 400;  -webkit-animation: fadeIn 1s linear;  animation: fadeIn 1s linear;color:#fff  }
.links-head-ban p {  font-size: 15px;  color: rgba(255,255,255,.5);  -webkit-animation: p .6s linear;  animation: p .6s linear;  }
.links-head-ban p:nth-of-type(1) {  -webkit-animation: ban .6s linear;  animation: ban .6s linear;   }
@-webkit-keyframes ban{from{-webkit-transform:translate(-80px,0)}
    to{-webkit-transform:translate(0,0)}
}
@keyframes ban{from{transform:translate(-80px,0)}
    to{transform:translate(0,0)}
}
@-webkit-keyframes p{from{-webkit-transform:translate(100px,0)}
    to{-webkit-transform:translate(0,0)}
}
@keyframes p{from{transform:translate(100px,0)}
    to{transform:translate(0,0)}
}
@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:scale(.8) translateY(20px)}
    to{opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@keyframes fadeIn{from{opacity:0;transform:scale(.8) translateY(20px)}
    to{opacity:1;transform:scale(1) translateY(0)}
}
.links-two{padding-top: 20px;min-height: 700px;margin: 0 auto}
.links-two-item{width: 280px;float: left;padding-left: 10px;padding-right: 10px;position: relative;overflow: hidden;height: 150px;margin-bottom: 20px;}
.links-two-3d{ position: absolute;  transform-style: preserve-3d;  backface-visibility:hidden;  transition:all 1s;  }
.links-two-inner{height: 150px;transform:rotateY(0deg);background: #fff;width: 100%;padding: 20px;}
.links-two-bg{transform:rotateY(-180deg);height: 150px;background: #5CB85C;width: 100%;padding: 20px;color:#fff;}
.links-two-item:hover .links-two-inner{  transform:rotateY(-180deg);  }
.links-two-item:hover .links-two-bg{  transform:rotateY(0deg);  }
.links-h3{overflow: hidden;font-size: 18px;text-align: center;font-weight: 400;height: 40px;line-height: 40px;margin:0;word-wrap: normal !important;  white-space: nowrap;  text-overflow: ellipsis;}
.links-p{  display: -webkit-box;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  white-space: normal!important;  -webkit-box-orient: vertical;  height: 50px;  line-height: 24px;}
.links-two-bg a div{text-align: center;  width: 100%;  position: absolute;  top: 60%;  left: 50%;  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);  color: #fff;  }
.links-two a{  display: block;  text-decoration: none;  cursor: pointer;color: #787977}

.qqnick{display: block;margin: 10px;}
.qqnick i{margin-right: 10px;}
.wangEditor-container{margin-bottom: 10px !important;}
.inc-sum{width: 100px;background: #5CB85C;color: #fff;}
.dropdown-menu > li > a {padding: 10px 20px !important;}
.dropdown-menu .divider{margin: 0 !important;}
.empty{width: 100%;height: 30px;}

.tool_nav{margin-top: 50px;}
.tool_nav .tooltitle{font-size: 16px;}
.tool_nav .toolback{padding: 5px;margin-right: 10px;}
.tool_nav .tooltmp{font-size: 12px;color: #c0c0c0;}
.tool_nav>textarea{width:100%;margin-bottom: 10px;}
.tool_nav>button{margin-bottom: 10px}
.tool_msg{text-align: center;  margin-top: 50px;}



/*新的文章列表*/
.article-list{    margin-top: 20px;
    min-height: 2rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
    background-color: #fff;}
.article-item {
    background-color: #fff;
    padding: 20px;
    position: relative;
    transition: border .3s ease;
    border-bottom: 1px solid #d9ddd6;
}
.article-item__head{
    padding-bottom: 10px;
    border-bottom: 1px solid #efefee;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
}
.article-item__info {
        flex: 1;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}
.article-item__title {
        text-transform: uppercase;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 10px;
    color: #060606;
}
.article-item__title a{
        text-decoration: none;
    color: #181817;
    display: inline-block;
    position: relative;
}
.article-item__author{
        display: flex;
    flex-flow: row nowrap;
    color: #989898;;
    font-size: 13px;
}
.article-item__author .info{
        display: inline-flex;
    align-items: center;
    margin-right: 20px;
}
.article-item__time {
        flex-shrink: 0;
    display: flex;
    flex-flow: row nowrap;
    color: #b2b6b0;
    font-size: 13px;
    -webkit-user-select: none;
    user-select: none;
    font-family:  tabular-nums,SourceCodeProRegular,Menlo,Monaco,Consolas,Courier New,monospace;;
    align-items: center;
    text-transform: uppercase;
}
.article-item__time .day{
    font-size: 42px;
    color:#6bc30d;
    line-height: 1;
    margin-right: 5px;
}


.article-item__time .year-month {
        display: flex;
    flex-flow: column;
}
.article-item__body {
        overflow: hidden;
    margin: 20px 0;
    position: relative;
    min-height: 180px;
}
.article-item__thumbnail {
    width: 300px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
.article-item__contents {
        font-size: 15px;
    line-height: 28px;
    text-align: justify;
}
.article-item__foot {
    font-size: 13px;
    color: #989898;
    white-space: nowrap;
    padding-bottom: 10px;
}
.article-item__tags{
    max-width: 65%;
    display: inline-flex;
    align-items: center;
    float: left;
}
.article-item__tags .tag{
        margin-left: 10px;
    color: #989898;
    text-transform: capitalize;
    text-decoration: none;
}

.article-item__count{
    max-width: 35%;
    display: inline-flex;
    align-items: center;
    float: right;
}


/*鼠标悬浮文章标题效果*/
.article-item__head:after {
    content: "";
    height: 2px;
    bottom: -1px;
    position: absolute;
    left: 0;
    width: 0%;
    background-color: #5CB85C;
    transition: width .3s;
}
.article-item__head:hover:after {
    width: 100%;
}