/* 通用属性 */

@font-face{
 
    /*font-properties*/
     
    font-family:'t';/*用户自定义的字体名称*/
     
    src:url('../1702616599575124.ttf');/*IE9*/
     
    }


.body p{
    letter-spacing: 5px;
    line-height: 1.4;

    }
    /* 给元素添加毛玻璃效果 */

/* 链接去掉下划线 */
a{
    text-decoration:none;
    color: rgb(40, 35, 35);
    overflow: hidden;

    
}

p a{
    background-color: #99b5b9;
    margin: 5px;
    border-bottom:2px solid rgb(51, 107, 116);
}

div{
    overflow:auto;
}

/* 列表去除小点 */
li { list-style: none; }

/* 搜索框样式 */
.header-input{
    width: 90%;
    background: rgba(0, 0, 0, 0);
    font-size: 0;
    padding: 0;
    margin: auto;
    box-sizing: border-box;
    border: 0;
    height: 30px;
}

/* 头部搜索框 */
.header-input2{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 0;
    height: 30px;
    width: 80%;
    background-color: rgba(147, 147, 147, 0);
    outline: none;
    float: left;
}
.header-submit{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 0;
    height: 30px;
    width: 20%;
    background-color: rgba(147, 147, 147, 0);
}

/* input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
} */

/* input自动填充背景色 */
input:-webkit-autofill
 {
    
-webkit-box-shadow
: 
0
0
0px
1000px
 rgb(115, 135, 135) inset;
}

/* 鼠标在按钮上面效果 */
button:hover {
    background-color: #81a8ae;
  }

nav{
    /* padding-top: 10px; */
    margin: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0);
    /* border-top: 1px solid rgba(127, 127, 127); */
}
nav a{
    /* padding: 10px; */
    /* margin-top: 10px; */
}

img{
    margin: 0 5%;
    width: 90%;
}

video{
    margin: 0 5%;
    width: 90%;
}

/* 头像设置 */
img.avatar{
    width: 40px;
    height: 40PX;
    padding: 0;
    margin: 0;
    border-radius: 5px;
}

/* 评论首行缩进取消 */
ol.comment-list {
    /* margin: 0; */
    padding: 0;
}

/* 评论内容 */
ol.comment-list p{
    padding:  10px ;
    width: 90%;
    border: 1px solid rgb(149, 149, 149);
    border-radius: 5px;
    background-color: rgba(220, 19, 19, 0);
    margin: 10px auto;

}
/* 评论者昵称 */
.fn{
    margin: 10px;;
}

/* 评论回复按钮
.comment-reply a{
    border-right: 5px solid rgb(158, 160, 160);

}*/

/* 取消回复按钮 */
/* ol.comment-list a{
    border-right: 5px solid rgb(158, 160, 160);
} */


/**分页 整理 itbulu.com*/
.page-navigator {
    list-style:none;
    margin:10px 0 0;
    padding:20px 0;
    text-align:center;
    font-size:.875em
   }
   .page-navigator li {
    display:inline-block;
    margin:0 4px
   }
   .page-navigator a {
    display:inline-block;
    padding:0 10px;
    height:30px;
    line-height:30px
   }
   .page-navigator a:hover {
    background:linear-gradient(#72b2aa,#72b2aa) bottom center no-repeat;
    background-size:100% 3px
   }
   .page-navigator .current a {
    color:#72b2aa
   }
/* 居中 */
.center{
    text-align: center;
}

/* 独立页面 例如关于  */
.content{
    width: 90%;
    margin: auto;
}

/* 分类的小标签 */
.clearfix a{
    background-color: #aaa9a9;
    border-radius: 0px;
    margin: 5px;
    padding: 5px;
}




/* ------------------------------------------------------------- */












/* 手机端页面 */
@media (max-width: 1080px) {



    body{
        /* background-image: url("https://pic2.zhimg.com/80/v2-babb6f712579f5e5424cf706b08dc285_720w.webp"); */
        background-color: rgb(201, 217, 226); 
        background-size: cover;
        font-size: 100%;
    
    }
    
    .body{
        /* background-image: url("https://img1.baidu.com/it/u=2641029002,704793847&fm=253&fmt=auto?w=640&h=1386");*/
        background-color: rgb(225, 236, 231);
        width: 100%;
        height: 100%;
        margin: auto;
        background-size: cover;
    }


    /* 首页头部盒子样式 */
.header{
    width: 100%;
    height: 200px;
    /* background-color: rgba(178, 165, 165, 0.5); */
    /* background-color:rgb(255 255 255); */
    /* background-image: url("https://pic4.zhimg.com/80/v2-cc7088fc81b2f8630c2a9a359ded8d77_720w.webp"); */
    background-size: cover;
    margin: auto;
    /* 头部下边框 */
    /* border-bottom: 10px solid aqua; */
    border-bottom:2px solid rgba(178, 165, 165, 0.5);;
}
/* 点击首页和描述 */
.header-about{
   width: 90%;
   margin: auto;
   padding: 20px 0;
}
/* 头部样式属性 */
.header-article{
    background-color: rgb(255, 255, 255);
    width: 100%;
    margin: auto;
    padding:0;
    }
    /* 首页搜索框背景 */
.header-article-input{
    height: 30px;
    width: 100%;
    background-color: rgba(154, 154, 154, 0.736);
}

    /* 首页文章盒子样式 */
.main{
    width: 100%;
    /* background-color: rgba(178, 165, 165, 0.5); */
    margin: auto;
    padding: 10px 0;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

    /* 首页文章列表属性 */
.main-article{
    border-bottom: 1px solid rgb(127, 127, 127);
    border-radius: 0px;
    padding:0 10px 10px;
    width: 90%;
    margin:10px auto;
}



/* 评论区样式 */
.main-comment{
    width: 90%;
    margin: auto;
}

    /* 侧栏样式 */
.sidebar{
    display: none;
}
    /* 尾页样式 */
.footer{
    width: 100%;
    height: 150px;
    /* background-color: rgba(178, 165, 165, 0.5); */
    margin: auto;
}
    /* 尾页内容样式 */
.footer-article{
    width: 90%;
    margin: auto;

}

    /* 评论输入框者信息样式 */
    .form{
        width: 100%;
        margin: auto;
    }

    .input2{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 0;
        height: 30px;
        width: 100%;
        border-bottom: 1px solid rgb(127, 127, 127);
        background-color: rgba(147, 147, 147, 0);
        outline: none;
    }

    .input3{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 0;
        height: 60px;
        width: 100%;
        border-bottom: 1px solid rgb(127, 127, 127);
        background-color: rgba(147, 147, 147, 0);
        outline: none;
    }
    /* 提交评论按钮 */
    .comment-submit{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border: 0;
        height: 30px;
        width: 20%;
        border-bottom: 1px solid rgb(127, 127, 127);
    }


    /* 父评论框 */
    .comment-body{
        padding:  0 ;
        width: 100%;
        /* border: 1px solid rgb(149, 149, 149); */
        background-color: rgba(220, 19, 19, 0);
        margin: 10px auto;
    }

    /* 子评论框 */
    .comment-children{
        width: 90%;
        margin-bottom: 0;
        margin-left: 40px;
        padding: 0;
        /* border-bottom: 1px solid rgb(164, 164, 164);
        background-color: rgba(147, 147, 147, 0); */
    }

    .error{
        background-color: rgba(178, 165, 165, 0.5);
        width: 100%;
        margin: auto;
        text-align: center;
        padding: 50px 0;
       }

}












    /* -------------------------------------------------------------------- */


















/* 电脑端页面 */


@media (min-width: 1081px) {



    body{
        /* background-image: url("https://pic2.zhimg.com/80/v2-babb6f712579f5e5424cf706b08dc285_720w.webp"); */
        background-color: rgb(201, 217, 226); 
        background-size: cover;
        font-size: 100%;   
    }

    .body{
        /* background-image: url("https://img0.baidu.com/it/u=712332016,583803998&fm=253&fmt=auto&app=138&f=JPEG?w=599&h=400"); */
        background-color: rgb(225, 236, 231);
        width: 1080px;
        height: 100%;
        margin: auto;
        background-size: cover;
    }

        /* 首页头部盒子样式 */
    .header{
        width: 1080px;
        height: 200px;
        /* background-color: rgba(178, 165, 165, 0.5); */
        /* background-color:rgb(255 255 255); */
        /* background-image: url("https://pic4.zhimg.com/80/v2-cc7088fc81b2f8630c2a9a359ded8d77_720w.webp"); */
        background-size: cover;
        margin: auto;
        /* 头部下边框 */
        /* border-bottom: 10px solid aqua; */
        border-bottom:2px solid rgba(178, 165, 165, 0.5);;
    }
    /* 点击首页和描述 */
    .header-about{
       width: 90%;
       margin: auto;
       padding: 20px 0;
    }
    /* 头部样式属性 */
    .header-article{
        background-color: rgb(255, 255, 255);
        width: 100%;
        margin: auto;
        padding:0;
        }
        /* 首页搜索框背景 */
    .header-article-input{
        height: 30px;
        width: 100%;
        background-color: rgba(154, 154, 154, 0.736);
    }
    
        /* 首页文章盒子样式 */
    .main{
        width: 1080px;
        /* background-color: rgba(178, 165, 165, 0.5); */
        margin: auto;
        padding: 10px 0;
    }
    
    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    
        /* 首页文章列表属性 */
    .main-article{
        border-bottom: 1px solid rgb(127, 127, 127);
        border-radius: 0px;
        padding:0 10px 10px;
        width: 90%;
        margin:10px auto;
    }
    /* 评论区样式 */
    .main-comment{
        width: 90%;
        margin: auto;
    }
    
        /* 侧栏样式 */
    .sidebar{
        display: none;
    }
        /* 尾页样式 */
    .footer{
        width: 1080px;
        height: 150px;
        /* background-color: rgba(178, 165, 165, 0.5); */
        margin: auto;
    }
        /* 尾页内容样式 */
    .footer-article{
        width: 90%;
        margin: auto;

    }
    
        /* 评论输入框者信息样式 */
        .form{
            width: 100%;
            margin: auto;
        }
    
        .input2{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            border: 0;
            height: 30px;
            width: 100%;
            border-bottom: 1px solid rgb(127, 127, 127);
            background-color: rgba(147, 147, 147, 0);
            outline: none;
        }
    
        .input3{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            border: 0;
            height: 60px;
            width: 100%;
            border-bottom: 1px solid rgb(127, 127, 127);
            background-color: rgba(147, 147, 147, 0);
            outline: none;
        }
        /* 提交评论按钮 */
        .comment-submit{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            border: 0;
            height: 30px;
            width: 20%;
            border-bottom: 1px solid rgb(127, 127, 127);
        }
    
    
        /* 父评论框 */
        .comment-body{
            padding:  0 ;
            width: 100%;
            /* border: 1px solid rgb(149, 149, 149); */
            background-color: rgba(220, 19, 19, 0);
            margin: 10px auto;
        }
    
        /* 子评论框 */
        .comment-children{
            width: 90%;
            margin-bottom: 0;
            margin-left: 40px;
            padding: 0;
            /* border-bottom: 1px solid rgb(164, 164, 164);
            background-color: rgba(147, 147, 147, 0); */
        }
    
        .error{
            background-color: rgba(178, 165, 165, 0.5);
            width: 100%;
            margin: auto;
            text-align: center;
            padding: 50px 0;
           }
    
    }