/* 通用设置*/
body{margin:0;padding:0;}
ul{list-style:none;}
a{text-decoration:none;color:orange;}
span,div{-webkit-user-select:none;}  /* 去除作为触发器后的小竖线*/
/* 头部*/
.header{padding:125px;text-align:center;}
.header{background:url('/static/image/daqiao.png') no-repeat center/100% 100%;}
/* 导航*/
.nav{background-color:aliceblue;margin:5px 0 0 0;display:flex;justify-content:space-between;}
.nav ul{margin:0;padding:0;display:flex;}
.nav ul li{padding:20px;}
.nav ul li:hover{background-color:#ccc;}

.nav ul li a{color:black;transition:color 0.2s ease;}
.nav ul li:hover .nav_a{color:aliceblue;}
/* 导航 - 下拉菜单*/
.nav ul li .dropdown{position:relative;}
.nav ul li .dropdown .dd_title{}
.nav ul li .dropdown .dd_content{display:none;flex-direction:column;position:absolute;z-index:1;left:-20px;top:40px;background-color:#ccc;width:200px;}
.nav ul li .dropdown .dd_content_info{display:none;flex-direction:column;position:absolute;z-index:1;right:-20px;top:40px;background-color:#ccc;width:200px;}
.nav ul li:hover .dropdown .dd_content{display:flex;}
.nav ul li:hover .dropdown .dd_content_info{display:flex;}
/* 内容*/
.content{display:flex;}
.content .c_left{width:20%;position:relative;}
.content .c_left .card p:first-child::before{content:"";background-color:#ccc;display:block;position:absolute;left:10px;top:35px;height:35px;width:10px;}
.content .c_right{width:80%;}
.card{background-color:aliceblue;padding:20px;margin:5px 5px 0 5px;}
/* 内容 - 文章样式补充*/
.card .article_other{display:flex;justify-content:space-between;font-size:12px;}
.card .article_manage{width:100%;text-align:center;}
.card .article_manage tr th,td{padding:10px;border-bottom:1px solid #ccc;}
/* 内容 - 文章 - 管理 - 分页*/
.card .pagination{text-align:center;display:flex;align-items:center;justify-content:center;}
.card .pagination div form input[type='text']{width:30px;padding:5px;}
/* 内容 - 文章 - 点赞 收藏*/
.card .article_other div .likes:hover{cursor:pointer;color:orange;}
/* 尾部*/
.footer{background-color:aliceblue;padding:30px;text-align:center;margin-top:5px;}