*{margin:0;padding:0}

li{list-style:none}

img{vertical-align:top;border:none}

a{text-decoration: none;color: #404040;}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
        margin: 0;
        padding: 0;
}


/******************************************************************
 * 
 * 
 *          以下代码来自layui经典模块化前端框架中的栅格
 *          官方网站：https://www.layui.com/
 * 
 * 
 * ***************************************************************/
.layui-container {
    position:relative;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
.layui-fluid {
    position:relative;
    margin:0 auto;
    padding:0 15px
}
.layui-row:after,.layui-row:before {
    content:'';
    display:block;
    clear:both
}
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
    position:relative;
    display:block;
    box-sizing:border-box
}
.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9 {
    float:left
}
.layui-col-xs1 {
    width:8.33333333%
}
.layui-col-xs2 {
    width:16.66666667%
}
.layui-col-xs3 {
    width:25%
}
.layui-col-xs4 {
    width:33.33333333%
}
.layui-col-xs5 {
    width:41.66666667%
}
.layui-col-xs6 {
    width:50%
}
.layui-col-xs7 {
    width:58.33333333%
}
.layui-col-xs8 {
    width:66.66666667%
}
.layui-col-xs9 {
    width:75%
}
.layui-col-xs10 {
    width:83.33333333%
}
.layui-col-xs11 {
    width:91.66666667%
}
.layui-col-xs12 {
    width:100%
}
.layui-col-xs-offset1 {
    margin-left:8.33333333%
}
.layui-col-xs-offset2 {
    margin-left:16.66666667%
}
.layui-col-xs-offset3 {
    margin-left:25%
}
.layui-col-xs-offset4 {
    margin-left:33.33333333%
}
.layui-col-xs-offset5 {
    margin-left:41.66666667%
}
.layui-col-xs-offset6 {
    margin-left:50%
}
.layui-col-xs-offset7 {
    margin-left:58.33333333%
}
.layui-col-xs-offset8 {
    margin-left:66.66666667%
}
.layui-col-xs-offset9 {
    margin-left:75%
}
.layui-col-xs-offset10 {
    margin-left:83.33333333%
}
.layui-col-xs-offset11 {
    margin-left:91.66666667%
}
.layui-col-xs-offset12 {
    margin-left:100%
}
@media screen and (max-width:768px) {
    .layui-hide-xs {
    display:none!important
}
.layui-show-xs-block {
    display:block!important
}
.layui-show-xs-inline {
    display:inline!important
}
.layui-show-xs-inline-block {
    display:inline-block!important
}
}@media screen and (min-width:768px) {
    .layui-container {
    width:750px
}
.layui-hide-sm {
    display:none!important
}
.layui-show-sm-block {
    display:block!important
}
.layui-show-sm-inline {
    display:inline!important
}
.layui-show-sm-inline-block {
    display:inline-block!important
}
.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9 {
    float:left
}
.layui-col-sm1 {
    width:8.33333333%
}
.layui-col-sm2 {
    width:16.66666667%
}
.layui-col-sm3 {
    width:25%
}
.layui-col-sm4 {
    width:33.33333333%
}
.layui-col-sm5 {
    width:41.66666667%
}
.layui-col-sm6 {
    width:50%
}
.layui-col-sm7 {
    width:58.33333333%
}
.layui-col-sm8 {
    width:66.66666667%
}
.layui-col-sm9 {
    width:75%
}
.layui-col-sm10 {
    width:83.33333333%
}
.layui-col-sm11 {
    width:91.66666667%
}
.layui-col-sm12 {
    width:100%
}
.layui-col-sm-offset1 {
    margin-left:8.33333333%
}
.layui-col-sm-offset2 {
    margin-left:16.66666667%
}
.layui-col-sm-offset3 {
    margin-left:25%
}
.layui-col-sm-offset4 {
    margin-left:33.33333333%
}
.layui-col-sm-offset5 {
    margin-left:41.66666667%
}
.layui-col-sm-offset6 {
    margin-left:50%
}
.layui-col-sm-offset7 {
    margin-left:58.33333333%
}
.layui-col-sm-offset8 {
    margin-left:66.66666667%
}
.layui-col-sm-offset9 {
    margin-left:75%
}
.layui-col-sm-offset10 {
    margin-left:83.33333333%
}
.layui-col-sm-offset11 {
    margin-left:91.66666667%
}
.layui-col-sm-offset12 {
    margin-left:100%
}
}@media screen and (min-width:992px) {
    .layui-container {
    width:970px
}
.layui-hide-md {
    display:none!important
}
.layui-show-md-block {
    display:block!important
}
.layui-show-md-inline {
    display:inline!important
}
.layui-show-md-inline-block {
    display:inline-block!important
}
.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9 {
    float:left
}
.layui-col-md1 {
    width:8.33333333%
}
.layui-col-md2 {
    width:16.66666667%
}
.layui-col-md3 {
    width:25%
}
.layui-col-md4 {
    width:33.33333333%
}
.layui-col-md5 {
    width:41.66666667%
}
.layui-col-md6 {
    width:50%
}
.layui-col-md7 {
    width:58.33333333%
}
.layui-col-md8 {
    width:66.66666667%
}
.layui-col-md9 {
    width:75%
}
.layui-col-md10 {
    width:83.33333333%
}
.layui-col-md11 {
    width:91.66666667%
}
.layui-col-md12 {
    width:100%
}
.layui-col-md-offset1 {
    margin-left:8.33333333%
}
.layui-col-md-offset2 {
    margin-left:16.66666667%
}
.layui-col-md-offset3 {
    margin-left:25%
}
.layui-col-md-offset4 {
    margin-left:33.33333333%
}
.layui-col-md-offset5 {
    margin-left:41.66666667%
}
.layui-col-md-offset6 {
    margin-left:50%
}
.layui-col-md-offset7 {
    margin-left:58.33333333%
}
.layui-col-md-offset8 {
    margin-left:66.66666667%
}
.layui-col-md-offset9 {
    margin-left:75%
}
.layui-col-md-offset10 {
    margin-left:83.33333333%
}
.layui-col-md-offset11 {
    margin-left:91.66666667%
}
.layui-col-md-offset12 {
    margin-left:100%
}
}@media screen and (min-width:1200px) {
    .layui-container {
    width:1170px
}
.layui-hide-lg {
    display:none!important
}
.layui-show-lg-block {
    display:block!important
}
.layui-show-lg-inline {
    display:inline!important
}
.layui-show-lg-inline-block {
    display:inline-block!important
}
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9 {
    float:left
}
.layui-col-lg1 {
    width:8.33333333%
}
.layui-col-lg2 {
    width:16.66666667%
}
.layui-col-lg3 {
    width:25%
}
.layui-col-lg4 {
    width:33.33333333%
}
.layui-col-lg5 {
    width:41.66666667%
}
.layui-col-lg6 {
    width:50%
}
.layui-col-lg7 {
    width:58.33333333%
}
.layui-col-lg8 {
    width:66.66666667%
}
.layui-col-lg9 {
    width:75%
}
.layui-col-lg10 {
    width:83.33333333%
}
.layui-col-lg11 {
    width:91.66666667%
}
.layui-col-lg12 {
    width:100%
}
.layui-col-lg-offset1 {
    margin-left:8.33333333%
}
.layui-col-lg-offset2 {
    margin-left:16.66666667%
}
.layui-col-lg-offset3 {
    margin-left:25%
}
.layui-col-lg-offset4 {
    margin-left:33.33333333%
}
.layui-col-lg-offset5 {
    margin-left:41.66666667%
}
.layui-col-lg-offset6 {
    margin-left:50%
}
.layui-col-lg-offset7 {
    margin-left:58.33333333%
}
.layui-col-lg-offset8 {
    margin-left:66.66666667%
}
.layui-col-lg-offset9 {
    margin-left:75%
}
.layui-col-lg-offset10 {
    margin-left:83.33333333%
}
.layui-col-lg-offset11 {
    margin-left:91.66666667%
}
.layui-col-lg-offset12 {
    margin-left:100%
}
}.layui-col-space1 {
    margin:-.5px
}
.layui-col-space1>* {
    padding:.5px
}
.layui-col-space2 {
    margin:-1px
}
.layui-col-space2>* {
    padding:1px
}
.layui-col-space4 {
    margin:-2px
}
.layui-col-space4>* {
    padding:2px
}
.layui-col-space5 {
    margin:-2.5px
}
.layui-col-space5>* {
    padding:2.5px
}
.layui-col-space6 {
    margin:-3px
}
.layui-col-space6>* {
    padding:3px
}
.layui-col-space8 {
    margin:-4px
}
.layui-col-space8>* {
    padding:4px
}
.layui-col-space10 {
    margin:-5px
}
.layui-col-space10>* {
    padding:5px
}
.layui-col-space12 {
    margin:-6px
}
.layui-col-space12>* {
    padding:6px
}
.layui-col-space14 {
    margin:-7px
}
.layui-col-space14>* {
    padding:7px
}
.layui-col-space15 {
    margin:-7.5px
}
.layui-col-space15>* {
    padding:7.5px
}
.layui-col-space16 {
    margin:-8px
}
.layui-col-space16>* {
    padding:8px
}
.layui-col-space18 {
    margin:-9px
}
.layui-col-space18>* {
    padding:9px
}
.layui-col-space20 {
    margin:-10px
}
.layui-col-space20>* {
    padding:10px
}
.layui-col-space22 {
    margin:-11px
}
.layui-col-space22>* {
    padding:11px
}
.layui-col-space24 {
    margin:-12px
}
.layui-col-space24>* {
    padding:12px
}
.layui-col-space25 {
    margin:-12.5px
}
.layui-col-space25>* {
    padding:12.5px
}
.layui-col-space26 {
    margin:-13px
}
.layui-col-space26>* {
    padding:13px
}
.layui-col-space28 {
    margin:-14px
}
.layui-col-space28>* {
    padding:14px
}
.layui-col-space30 {
    margin:-15px
}
.layui-col-space30>* {
    padding:15px
}
}

/***********************************************************************
 * 
 * 
 *          结束
 * 
 * 
 * *********************************************************************/



/*分页*/
.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; 
}



/*图片处理*/
#web_bg{
background-size: cover;
background-attachment: fixed;
}


/*上外边距1rem*/
.xunm-margin-top{
    margin-top: 1rem
}


/*上外边距2rem*/
.xunm-margin-top2{
    margin-top: 2rem
}

/*上外边距5rem*/
.xunm-margin-top5{
    margin-top: 5rem
}

/*下外边距1rem*/
.xunm-margin-bottom{
   margin-bottom: 1rem
}

/*外边距1rem 0.5rem*/
.xunm-margin{
   margin: 1rem .5rem
}

/*居中*/
.xunm-text-align{
    text-align:center
}

/*白色背景*/
.xunm-bj-baise{
    background-color: #fffffff0
}

/*黑色字体*/
.xunm-color-heise{
    color: #424242
}

/*黑色背景*/
.xunm-bj-heise {
    background-color: #00000054;
}

/*圆角化16像素*/
.xunm-border-radius{
    border-radius: 16px;
}


/*内边距20像素*/
.xunm-padding{
   padding: 20px
}

/*文字居右*/
.xunm-text-align-right{
    text-align: right;
}

/*绿色*/
.xunm-luse{
    color: #0ab746;
}


/*绿色*/
.xunm-luse{
    color: #0ab746 !important;
}

/*黄色*/
.xunm-huangse{
    color: #d78f05 !important;
}

/*右浮动*/
.xunm-float-right{
    float: right;
}

/*文章列表展示*/
.list_wen{}
.list_wen .fullBox{ margin-bottom: 15px; position: relative; overflow: hidden; font-size: 12px; color: #999; line-height: 18px; }
.list_wen .bannerImg{ display: block; width: 100%; height: 160px; object-fit: cover; margin-bottom: 10px; border-radius: 6px; }
.list_wen .title{ font-size: 14px; line-height: 24px; margin-bottom: 10px; color: #454545; }
.list_wen .title.ellipsis{ height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_wen .fullBox.item{ padding-left: 90px; padding-top: 15px; height: 78px; border-top: 1px solid #eee; }
.list_wen .fullBox.item .banner{ display: block; width: 80px; height: 60px; object-fit: cover; border-radius: 4px; position: absolute; left: 0; top: 15px; overflow: hidden; }
.list_wen .fullBox.item .title{ height: 36px; font-size: 12px; line-height: 18px; margin-bottom: 5px; overflow: hidden; }
.list_wen p{ font-size: 12px; color: #999; }


/*标签*/
.tagsa{
  margin: 10px 0;
}

.tagsa a{
margin: 2px;
background: #686868;
color: white;
padding: 5px;
border-radius: .5rem;
font-size: 0.7rem;
height: 15px;
display: inline-block;
}

/*tab切换*/
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px;   position:relative}
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  margin: 0 5px}
.slideTxtBox .hd ul li.on{height: 30px;background: #e6e6e6;border-radius: 6px;}




/*（启用）评论样式*/
.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 .xuxian{
    border-bottom: 1px dashed #eee;
    margin: 0  0 5px 0
}

.pinglun .list .reply img{
    max-width: 100%;
    height: auto;
}

.pinglun .list li .xinxi{
    font-size: 0.8rem;
    color: #6c6c6c;
    margin: 10px 0 7px 0;
}

.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%;
 padding: 10px;
}
.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;
 word-break: break-all;
word-wrap: break-word;
}
.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
}



/*表单*/
form {
    position: relative;
    max-width: 100%;
     margin: 0 auto;
}

input, button {
    border: none;
    outline: none;
}

input {
    width: 100%;
    height: 42px;
    padding-left: 6px;
    background: #f2f2f2;
    border-radius: 6px;
}

textarea{
    border: none;
    outline: none;
    width: 100%;
    height: 100px;
    background: #f2f2f2;
    border-radius: 6px;
    margin: 5px 0 0 0;
    padding: 6px 0 0 4px;
}



/*搜索框*/
.xunm-so form {

    height: 42px;

}

.xunm-so input {

    width: 70%;
    border-radius: 42px;
    border: 1px solid #324B4E;
    background: #F9F0DA;
    transition: .3s linear;
}

/*黑色提交按钮*/
.xunm-heise-an{
    background: #373737;
    color: white;
    padding: 8px;
    border-radius: 6px;
    width: 90px;
}
/*标题*/
.biaoti{
    margin: 15px 0
}

/*评论表单*/
.input-inpName{
    width: 100%;
    border-radius: 6px;
    padding-left: 0;
}


.xunm-so input:focus {
    width: 100%;
}

/*导航栏目*/
.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;
    background: #d5d5d5;
    color: #404040;
    margin: 5px;
    border-radius: 6px;
}

@media (max-width: 762px) {
.xunm-margin-top5 {
    margin-top: 2rem;
}

.layui-container {
    padding: 0 7px;
}
.xunm-padding{
    padding:15px 10px;
}
}