@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,blockquote,button,input{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
fieldset,img{border:0 none;}
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;width:100%;line-height:30px;}
td{line-height:30px;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
ol,ul,li{list-style:none outside none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;}
body,input,button,textarea,select{font-size:14px;background:#f7f7f7;}
a{color:#333;text-decoration:none;}
a:hover{color:#aa20ff !important;text-decoration:underline;}
.cl:after{content:'.';visibility:hidden;height:0;display:block;clear:both;}
.cl{zoom:1;}
.mt15{margin-top:15px;}
.bgf{background:#fff;}
.fl{float:left;}
.fr{float:right;}

body{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

.header{height:85px;color:#333;background:#fff;box-shadow:2.5px 5px 18px 0 rgb(100 30 108 / 7%);}
.logo{width:172px;height:24px;display:block;background:url("../images/logo.png");background-size:172px 24px;margin:30px 0 0 12px;}
.search{width:421px;height:36px;border-radius:5px;margin:25px 0 0 140px;}
.search input{width:334px;height:100%;padding:0 11px;background:#f4f5f6;color:#666;float:left;}
.search button{line-height:36px;background:#aa20ff;padding:0 18px;cursor:pointer;color:#fff;border-radius:0 5px 5px 0;}
.user-login{width:32px;height:32px;margin:16px 0 0 340px;display:block;padding:10px;}
.user-login:hover{background:#eee;}

.item_title{font-size:18px;color:#555;padding:25px 0;}
.item_title i{width:30px;height:20px;display:inline-block;background:url("../images/tag.png") no-repeat;background-position:0px 2px;}
.link_title{font-size:18px;color:#555;padding:25px 0;}
.link_title i{width:30px;height:20px;display:inline-block;background:url("../images/link.png") no-repeat;background-position:0px 2px;}

.cat_list{}
.cat_list li{float:left;padding:15px 15px;border-radius: 4px;border: 1px solid #e4ecf3;background-color:#fff;margin:0 30px 20px 0;}
.cat_list li .card_img{width:40px;height:40px;border-radius:20px;background-color:#98c379;color:#fff;text-align:center;line-height:40px;font-size:18px;margin-right:10px;}
.cat_list li .card_info{width:170px;}
.cat_list li .card_name{font-weight:bold;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-break:break-all;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.cat_list li .card_desc{color:#878888;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-break:break-all;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block!important;}

.main{width:860px;margin-top:15px;border-radius:10px;}
.aside{width:320px;margin:15px 0;}
.sidebar{margin-bottom:15px;background:#fff;border-radius:10px;}
.sidebar .s_title{height:45px;border-bottom: 2px solid #eeebef;line-height:45px;margin:0 0 -2px 15px;padding-top:25px;font-size:16px;}
.sidebar .s_list{padding:5px 15px 15px;}
.sidebar .s_list li{width:290px;border-bottom: 1px solid #eee;}
.sidebar .s_list a{line-height:36px;color:#555;}

.footer{background-color:#fff;padding:20px 0;color:#282a2d;font-size: 12px;margin-top:30px;}
.footer p{text-align:center;}