/*--------鼠标经过图片放大transform--------*/
img {-webkit-transition:all .4s;transition:all .4s}
.main-list:hover img {border-radius:0;-webkit-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2)}
/*--------公共--------*/
body {color: #666;font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;font-size: 14px;background-color: #f7f8f9;color: rgba(0,0,0,.87);}
li,ul {list-style:none}
a ,a:focus{color: #333;text-decoration:none;}
a:hover {color: #4693e9;text-decoration: none;cursor: pointer;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*--------mobile--------*/
@media screen and (max-width:991px){
    /*小于等于991px*/
    /*.main-info-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*/
    /*.main-info{height: 100px!important;}*/
}
@media screen and (max-width:768px){
    /*小于等于768px*/
    .main-info-desc,.main-info-author{display:none!important;}
    .main-info {height: auto!important;}
    .main-info {margin-top: 0px!important;}
    .main-list,.card {border-radius: 0px!important;}
    .main-pic {height:52px!important;margin-top: 5px!important;}
}
.bg {background-color: #fff;}
/*--------底部--------*/
.foot-wrap {background-color: #373f48;margin-top:50px;width: 100%;position: absolute;bottom: 0px;}
/*--------主体--------*/
.main,.main-info,.main-info h2 {margin: 0;padding: 0}
.main-list {margin: 0 auto;margin-bottom: 15px;border: 1px solid #ddd;position: relative;overflow: hidden;background: #FFF;border-radius: 8px;box-shadow: 0 1px 3px rgb(0 0 0 / 3%);}
.main-pic {float: left;display: block;height: 100px;overflow: hidden;margin-top: 15px;}
a.main-cat {padding: 6px 10px;margin-right: 0;float: right;color: #FFF;font-weight: normal;border-bottom-right-radius: 8px;background-color: rgba(14, 149, 224, 0.88);line-height: 16px;position: absolute;top: 15px;left: 20px;z-index: 1;}
a.main-link img {height: 100px;}
.main-info {float: left;padding: 0 10px;height: 120px;overflow: hidden;position: relative;margin-top: 10px;}
.main-info h2 {max-height: 66px;text-align: left;font-size: 18px;font-weight: bold;line-height: 1.7;font-style: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border-bottom: 1px solid #f0f0f0;position: relative;}
.main-info-desc {font-size: 14px;line-height: 24px;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main-info-bottom {position: absolute;bottom: 1px;right: 6px;float: left;width: 97%;height: 30px;line-height: 30px;font-size: 12px;margin-top: 5px;padding-right: 10px;}
span.info-author,span.info-read {margin-right: 20px;}
i.avatar {width: 30px;height: 30px;float: left;position: relative;top: -3px;}
span.info-author img {width: 100%;padding: 2px;border-radius: 50%;}
.main-info-bottom span i.fa {margin-right: 5px;font-size: 14px;}
.main-link {position: relative;color: #eee;display: block;overflow: hidden;}
.php-bc {color:#000000;background-color: #8892bf;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
/*--------内容--------*/
.details {padding-bottom: 20px;border-right: 1px solid #eee;}
.details-title h1 {font-size: 2.65em;text-align: center;}
.details-info {height: 18px;margin: 30px auto 30px;padding: 30px 10px;border-bottom: 1px solid #eee;}
.details-info span i.fa {margin-right: 5px;font-size: 14px;}
.details-content {margin-top: 30px;padding: 10px;}
.details-tools {margin-top: 20px;border-top: 1px solid #ccc;}
.details-tools button {margin:10px 20px 0 0;float:right;}
/*--------card--------*/
.card {position: relative;padding: 15px;overflow: hidden;margin-bottom: 15px;background: #fff;border: 1px solid #ddd;vertical-align: bottom;-webkit-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;border-radius: 8px;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%);}
.card .card-title {padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 10px;position: relative;font-size: 16px;z-index: 9;}
.card-title {font-size:18px;border-bottom:1px solid #eee;padding-bottom:.5em;margin-top:-.5em;position:relative}
.card-title:after {content:"";background-color:#0084ff;left:1px;width:34px;height:2px;bottom:-1px;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.card:hover .card-title::after {width:70px}
.card ul {margin: 0;padding: 0;}
.card ul li {line-height: 25px;position: relative;}
.card ul li:before {position: absolute;content: "";width: 3px;height: 3px;background: #4693e9;border-radius: 10px;left: 5px;top: 12px;}
/*--------标签--------*/
.label-default0 {background-color: #fff;border: 1px solid #777;color: #777;}