/*间距*/
.jianju{
  padding: .5rem 1rem;
}


/*头部大图区开始*/
.site-header {
    position: relative;
    z-index: 2;
}

.banner {
    position: relative;
    height: 280px;
/*  max-width: 920px;*/
    margin: 0 auto;
/*    margin-top: 40px;*/
}
.bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}

.banner::before {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.big-title {
    position: absolute;
    bottom: 25%;
/*    left: 37%;*/
    color: #fff;
    text-align: center;
    z-index: 999;
    font-weight: 500;
    width: 100%;
    line-height: 20px;
}


.yiny {
    display: block;
    font-size: 14px;
    text-shadow: 2px 2px 4px #000000;
}

.banner .contactme {
    position: relative;
    bottom: -220px;
    z-index: 9;
    text-align: center;
}

.contactme .weixin, .contactme .qq {
    width: 104px;
    display: inline-block;
    margin-right: 10px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 4px;
}
.weixin {
    background-color: #F76D24;
    position: relative;
    cursor: pointer;
}
.contactme .weixin, .contactme .qq {
    width: 104px;
    display: inline-block;
    margin-right: 10px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 4px;
}
.qq {
    background-color: #666B75;
}

.touxiang {
    position: absolute;
    bottom: 160px;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -60px;
    background: #ffffff57;
    border-radius: 100%;
    padding: 4px;
    z-index: 9;
}

.touxiang a {
    background-color: #fff;
    border-radius: 100%;
    display: block;
    width: 100px;
    height: 100px;
}

.touxiang img {
    border-radius: 100%;
    height: 100%;
    max-width: 100%;
}


.touxiang .renzheng {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    vertical-align: -2px;
    bottom: 5px;
    right: 10px;
    background-position: -3px -3px;
}

/*头部大图区结束*/

/*实线*/
.shixianjj{
border-bottom: 1px solid #eee;
}
/*虚线*/
.xuxian{
  border-bottom: 1px dashed #eee;
}

/*虚线间距*/
.xuxianjj{
  padding: 5px;
}

#navbody{
z-index: 10;
}



/*间距分隔*/
.jianjufenge{
  padding: 7px 0px 0px 0px;
}

/*间距分隔*/
.fenge{
  padding: 10px;
}

/*左右间距*/

.zuoyou{
padding: 0rem 0.5rem
}

/*重新定义前端框架样式*/
.card{
  border: solid 0px rgba(0,0,0,.125);
}
.card-body{
  padding: 0.5rem 0rem 0.5rem 0rem;
}

/*图片样式*/
.tu img{
  border-radius: 6px 6px 0px 0px;
  position: relative;
  overflow: hidden;
  height: 200px;
  width: 100%;
  object-fit: cover;
}

/*图片样式*/
.htp img{
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  height: 200px;
  width: auto;
  max-width: 100%;
  object-fit: cover;

}


/*文章图片样式*/
.content img{
  border-radius: 6px 6px 0px 0px;
  position: relative;
  overflow: hidden;
  height: auto;
  max-width: 100%;

}



/*侧边栏资料*/
#aside_about {padding:0;}
#aside_about .bg {width:100%;height:142px;background: #fff;border-radius: 6px;}
#aside_about .bgg {width:100%;height:142px;background: #fff; }
#aside_about .avatar {width:100%;text-align:center;margin-top:-42px}
#aside_about .img {width:60px;height:60px;margin:0 auto;}
#aside_about .wrap {padding-top:0;padding:0px 10px 0px 10px;}
#aside_about .title {text-align:center;font-size:20px;color:#333}
#aside_about .info {color:#666;line-height:26px;padding: 15px 0 0 0;word-break: break-all; text-align: center;}
#aside_about .ul {position:relative;margin-top:17px;
position: relative;
margin-top: 17px;
list-style: none;
padding: 10px .5em;
overflow: hidden;
}
#aside_about .line {position:absolute;left:46%;top:5px;z-index:1;color:#aaa;font-size:22px}
#aside_about .li {width:49.5%;text-align:center}
#aside_about .num {text-align:center;font-size:22px;font-weight:100;line-height:10px}
#aside_about small {display:block;color:#999;padding: 5px 0 5px 0;}
#aside_about .title1{
  
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #1e1e1d;
    font-weight: 700;
    margin-bottom: 0.2rem;
    word-wrap: break-word;
    word-break: break-all;
    letter-spacing: 1px;
    line-height: 25px;
}
#aside_about .title1 a{
  
    color: #fff;
}

/*右侧*/
#you_aside_about {padding:0;}
#you_aside_about .bg {width:100%;height:142px;background: #fff;border-radius: 6px;}
#you_aside_about .bgg {width:100%;height:142px;background: #fff; }
#you_aside_about .avatar {width:100%;text-align:center;margin-top:-42px}
#you_aside_about .img {width:60px;height:60px;margin:0 auto;}
#you_aside_about .wrap {padding-top:0;padding:0px 10px 0px 10px;}
#you_aside_about .title {text-align:center;font-size:20px;color:#333}
#you_aside_about .info {color:#666;line-height:26px;padding: 30px 0 0 0;word-break: break-all;}
#you_aside_about .ul {position:relative;margin-top:17px;
position: relative;
margin-top: 17px;
list-style: none;
padding: 10px .5em;
overflow: hidden;
}
#you_aside_about .line {position:absolute;left:46%;top:5px;z-index:1;color:#aaa;font-size:22px}
#you_aside_about .li {width:49.5%;text-align:center}
#you_aside_about .num {text-align:center;font-size:22px;font-weight:100;line-height:10px}
#you_aside_about small {display:block;color:#999;padding: 5px 0 5px 0;}
#you_aside_about .title1{
  
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #1e1e1d;
    font-weight: 700;
    margin-bottom: 0.2rem;
    word-wrap: break-word;
    word-break: break-all;
    letter-spacing: 1px;
    line-height: 25px;
}
#you_aside_about .title1 a{
  
    color: #fff;
}


/*推荐图片样式*/
.tjtu img{
  border-radius: 6px 6px 0px 0px;
  position: relative;
  overflow: hidden;
  height: 100px;
  width: 100%;
  object-fit: cover;

}
/*圆角*/
.yuanjiao{
border-radius: 6px;
}

/*图片左上角悬浮的分类样式*/
.fenlei{
  position:absolute;
  top:.5em;
  left:.5em;
  z-index:1;
  background-color:#b5b5b5;
  opacity:.9;
  padding:.1em .5em;
  color:#fff;
  font-size:12px
}



 /*评论*/
  .evaluate{overflow: hidden; margin: 0 auto;}
  .evaluate-box{overflow: hidden; margin: 0 auto; }
  .evaluate-bt{overflow: hidden; margin: 0 auto 0; padding: 0 15px; background: #fff; border-bottom: 1px solid #ddd;}
  .evaluate-bt p{overflow: hidden; margin: 0 auto; height: 44xp; line-height: 44px; float: left; font-size: 15px; color: #333333;}
  .evaluate-bt p span{overflow: hidden; margin: 0 auto;}
  .evaluate-bt a{overflow: hidden; margin: 0 auto; height: 44px; line-height: 44px; font-size: 15px; color: #fc3f70; float: right;}
  .evaluate-bt a.more-btn{color: #333333; position: relative; padding-right: 15px;}
  .evaluate-bt a.more-btn:after{ content: ""; width: 8px; height: 8px; display: block; border-top: 1px solid #333; border-right: 1px solid #333; position: absolute; top:16px; right:2px;transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);}
  .evaluate-list{overflow: hidden; margin: 0 auto; padding: 0 15px; background: #fff;}
  .evaluate-list .evaluate-px{overflow: hidden; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #ddd;}
  .evaluate-list .evaluate-px:last-child{ border: none;}
  .evaluate-list .datum-rw{ overflow: hidden; margin: 0 auto; width: 100%; background: #fff; }
  .evaluate-list .datum-name{ overflow: hidden; margin: 0 auto;}
  .evaluate-list .datum-name i{ overflow: hidden; margin: 0 auto;display: block; float: left; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ddd;}
  .evaluate-list .datum-name i img{ margin: 0 auto;display: block; width: 100%; height: 100%; object-fit: cover; }
  .evaluate-list .datum-name p{ overflow: hidden; margin: 0 auto; height: 44px; line-height: 44px; font-size: 16px;color: #333333; padding: 0 10px; }
  .evaluate-list .datum-name p a{ overflow: hidden; margin: 0 auto; height: 44px; line-height: 44px; font-size: 16px;color: #333333;}
  .evaluate-list .datum-time{ overflow: hidden; margin: 0.5rem auto; width: 100%; }
  .evaluate-list .datum-time p{ overflow: hidden; margin: 0 auto; font-size: 12px; color: #cccccc; }
  .evaluate-list .datum-time p span{ overflow: hidden; margin: 0 auto;margin-right: 10px; font-size: 0.8rem;}
  .evaluate-list .discuss{ overflow: hidden; margin: 0 auto;}
  .evaluate-list .discuss p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #333333;}
  .evaluate-list .discuss-print{ overflow: hidden; margin: 10px auto 0;}
  .evaluate-list .discuss-print ul{ overflow: hidden; margin: 0 auto;}
  .evaluate-list .discuss-print ul li{ overflow: hidden; margin: 0 auto 0.5rem; float: left; margin-right: 0.5rem; width: calc((100% - 1rem) / 3);}
  .evaluate-list .discuss-print ul li:nth-of-type(3n){ margin-right: 0;}
  .evaluate-list .discuss-print ul li a{ overflow: hidden; margin: 0 auto; display: block;}
  .evaluate-list .discuss-print ul li a img{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover;}

/*重新定义前端框架样式*/
label {
    display: block;
}

/*写入写的样式*/
.sidebar{
position: fixed;
top: 0;
left: 0;
z-index: 10;
height: 100%;
overflow-y: auto;
}

/*置顶标签*/
.zhiding{
  position:absolute;
  top:.5em;
  left:.5em;
  z-index:1;
  background-color:#f00;
  opacity:.9;
  padding:.1em .5em;
  color:#fff;
  font-size:12px
}

/*推荐标签*/
.tuijian{
  position:absolute;
  top:.5em;
  left:.5em;
  z-index:1;
  background-color:#1b71cc;
  opacity:.9;
  padding:.1em .5em;
  color:#fff;
  font-size:12px
}

/*分页*/
.page-navigator{
border-radius: 6px;
padding: 5px;
margin: 0 auto;
text-align: center;
}
/*分页li标签样式*/
.page-navigator li {
display: inline-block;
line-height: 15px;
padding: 8px;
color: #666;
background: #fff;
border-radius: 6px;
margin: 0 0 5px 0;
}
/*分页a标签文字颜色*/
.page-navigator li.current a {
      color: #009688; 
}


/*评论样式*/
.pinglun .list {
 padding:2px 0px
}

.pinglun ul li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pinglun .list li {
 margin-bottom:6px;
 border-bottom:1px dashed #fff;
 padding-bottom:6px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.pinglun .list li:last-child {
 margin-bottom:0;
 border-bottom-color:transparent;
 padding-bottom:0
}
.pinglun .list li .user {
 display:flex;
 margin-bottom:12px
}
.pinglun .list li .user img {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
margin-right: 12px;
border-radius: 50%;
border: 1px solid #fff;
padding: 3px;
}
.pinglun .list li .user .info {
 flex-direction:column;
 justify-content:space-between;
 max-width:100%;
}
.pinglun .list li .user .info .name {
 color:#515151;
 font-weight:600;
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size: 0.8rem;
}

.pinglun .list li .user .info .name .zitidx{
  font-size: 0.6rem;
}

.pinglun .list li .user .info span {
 font-size:12px;
 color:#757575
}


.pinglun .list li .reply {
 position:relative;
 background:#f2f6fc;
 border-radius:6px;
 padding:5px 10px
}
.pinglun .list li .reply::before {
content: '';
display: block;
width: 0;
height: 0;
border-bottom: 6px solid #f2f6fc;
border-left: 6px solid #0000;
border-right: 6px solid #fcf2f200;
position: absolute;
left: 15px;
bottom: 100%;
}
.pinglun .list li .reply a {

 color:#4a4a4a;
 font-size:13px;
 -webkit-line-clamp:1;
 /*! autoprefixer: off */-webkit-box-orient:vertical;
 overflow:hidden;
 text-overflow:ellipsis;
 font-weight:500;
 line-height:24px
}
.pinglun .list li .reply a .owo {
 height:22px;
 vertical-align:top
}
.pinglun .list li .reply a:hover {
 color:#060606
}
.pinglun .list li .reply a p {
 display:inline
}




/*---UBB表情---*/
#comment-tools {border-bottom:none;display:block;margin:0;padding:5px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%;}
#comment-tools a {padding:1px 3px;color:#666;cursor:pointer;font-size: 15px;}
#ComtoolsFrame {*display:none;margin-top:-20px;padding:25px 0 5px}
#ComtoolsFrame img {display:inline-block;margin:0;padding:3px 3px 0 3px}
#ComtoolsFrame img:hover {background-color:#eee;cursor:pointer}
.msgarticle #ComtoolsFrame {height: 52px;overflow: hidden;}
.comt-box {height:100%;overflow:hidden;}
.face-show:hover #ComtoolsFrame {*display:block}


/*---面包屑--*/
.miaobao{
padding: 0 0 10px 0;
font-size: 1rem;
color: #d2d2d2;
}
.miaobao a{
color: #484848;
}

/*---版权---*/
#copyr{
font-size: 0.7rem;
color: #737373;
}
/*---侧边栏---*/
.aside .widget:not(:first-child) {
 margin-top:15px
}
.aside .widget ul {
 margin-top:10px;
 overflow:hidden;
 position:relative
}
.aside .widget li {
 padding:3px 0;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
font-size: 0.9rem;
}


/*文章标题样式*/
.titlebt{
      margin-bottom: 1px;
}

/*用户信息*/
.conting {
 display:flex;
 justify-content:space-between;
 align-items:center;
 /*margin-bottom:20px*/
}
.conting .info {
 display:flex;
 align-items:center;
 height:60px
}
.conting .info img {
 width:45px;
 height:45px;
 border-radius:50%;
 margin-right:10px;
 padding:3px
}
.conting .info .meta {
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 font-size:0.8rem;
}
.conting .info .meta .author a {
 font-weight:500;
 color:var(--theme)
}
.conting .info .meta .author a:hover {
 text-decoration:underline
}
.conting .info .meta .item {
 display:flex;
 align-items:center
}
.conting .info .meta .item .line {
 color:var(--seat);
 margin:0 7px
}
.conting .info .meta .item #baiduIncluded a {
 color:#e6a23c
}
.conting .info .meta .item #baiduIncluded a:hover {
 text-decoration:underline
}
.conting .info .meta .item #baiduIncluded span {
 color:#e6a23c
}
.conting .info .meta .item #baiduIncluded span:hover {
 cursor:pointer;
 opacity:0.85
}
.conting .time {
 font-size:32px;
 line-height:42px;
 color:var(--routine);
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 text-shadow:var(--text_shadow);
 font-family:consolas
}

/*标签字体颜色*/
.tagss{
color: #737373;
font-size: 0.8rem;
}
.tagss a{
color: #a2a2a2;
}


/*侧边栏li样式适配*/

#divCatalog li, #divAuthors li, #divStatistics li, #divNavBar li{
float: left;
width: 50%;
}
#divTags li , #divLinkage li{
float: left;
width: 33.3333%;
}

#divPrevious li{
  border-bottom: 1px dashed #eee;
}

.cp-hello{
  text-align: center;
}

/*底部导航*/
.caidany{
border-radius: 6px;
}
.caidany ul {
 padding: 10px 0;
}
.caidany ul li{
display: inline-block;
position: relative;
line-height: 16px;
font-size: 15px;
padding: 10px;
}

/*底部版权信息*/
.foot{
background: #3e3e3e;
color: white;
font-size: 0.9rem;
}
.foot a{
color: white;
}
.dibujianju{
padding: 0.8rem;
}

/*右下角悬浮小工具*/
#go-to-top {
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
cursor: pointer;
opacity: .8;
position: fixed;
right: 15px;
bottom: 30px;
background: rgba(10,10,10,.2);
overflow: hidden;
display: block;
z-index: 999;
border-radius: 6px;
}
#go-to-top:hover {
 background:#f1404b;
 opacity:1
}
#go-to-top::before {
 font-size:.9rem;
 content:'TOP';
 color:#fff
}
#go-to-top.active {
 display:block
}


#go-to-user {
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
cursor: pointer;
opacity: .8;
position: fixed;
right: 15px;
bottom: 80px;
background: rgba(10,10,10,.2);
overflow: hidden;
display: block;
z-index: 999;
border-radius: 6px;
}
#go-to-user:hover {
 background:#f1404b;
 opacity:1
}
#go-to-user::before {
 font-size:.9rem;
 content:'登';
 color:#fff
}
#go-to-user.active {
 display:block
}

/*白色文字链接*/
.baise a{
color: #fff;
}

/*蓝色标签按钮*/
.lanse{
position: relative;
cursor: pointer;
display: flex;
align-items: center;
color: #fff;
background: #4e7cf2;
border: none;
height: 32px;
padding: 0 15px;
border-radius: .25rem !important;
margin-left: 10px;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: opacity 0.35s;
}
.lansexiaohao{
position: relative;
cursor: pointer;
display: flex;
align-items: center;
color: #fff;
background: #4e7cf2;
border: none;
height: 25px;
padding: 0 10px;
border-radius: .25rem !important;
margin-left: 10px;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: opacity 0.35s;
}


/*日历*/
table,tbody,tfoot,thead,tr,th,td{
  margin: 0;
  padding: 0;
  font-size:0.8rem;
  border: 0;
  vertical-align: baseline
}


#divCalendar table {
  width: 100%;
 /* font-size: 14px;*/
  table-layout: fixed
}

#divCalendar caption {
  height: 24px;
  margin: 0 0 10px;
  padding: 0;
  font-weight: bold;
  text-align: center
}

#divCalendar caption a {
  /*padding: 0 18px;*/
  color: #000
}

#divCalendar th {
height: 26px;
color: #242424;
font-weight: normal;
/*line-height: 26px;*/
text-transform: uppercase;
border: 1px solid #fff;
background: #d0d0d0;
}

#divCalendar td {
  height: 30px;
  color: #888;
 /* line-height: 30px;*/
  text-align: center;
 /* border: 1px solid #e4e8eb*/
}

#divCalendar td.pad {
  background: none
}

#divCalendar td a {
 /* line-height: 30px;*/
  color: #0188fb;
/*  border: 1px solid #0188fb;*/
  display: block
}

#divCalendar #today {
  color: #0188fb;
  font-weight: bold
}