*{padding: 0;margin: 0;}
a{text-decoration: none;outline: none; color: #333;}
img{border: none;outline: none;}
ul,ol,li{list-style: none;}
i{font-style: normal;}
input,select,option{border: 0;outline: none;background: none;}
body{font-family: "微软雅黑"; color: #333;width: 100%;}
.clear { clear: both;}
a:hover {text-decoration: underline;text-decoration: none;}


/*导航 结束*/

.box{width: 40rem; margin:0 auto;box-sizing: border-box;margin-top: 4rem;margin-bottom: 5rem;position: relative;}

/*文章详情 开始*/
.box .article_box {padding:1.5rem 1rem;border-bottom: 1px solid #d9dddd;}
.article_box .article_content {padding-bottom:0rem;}
.article_box .article_content .article_title {font-size: 1.8rem;font-weight: 600;margin-bottom: 2rem;}
.article_box .article_content .article_time {margin: 1rem 0;color: #333;font-size: 0.9rem;}
.article_box .article_content .article_time a{margin-right: 1.5rem;color:#6e8cae;}
.article_box .article_content .article_info {margin-top: 3rem;}
.article_box .article_content .article_info span{font-size: 1.2rem !important;line-height: 3rem !important;}
.article_box .article_content .article_info strong{font-size: 1.5rem !important;line-height: 3rem !important;}
.article_box .article_content .article_info strong span{font-size: 1.5rem !important;line-height:3rem !important;}
.article_box .article_content .article_info  img{width: 100% !important;height:100% !important;}
.article_box .article_content .bottom-top {
    width: 100%;
    margin-top: 1.5rem;
}
.article_box .article_content .bottom-top img{width: 100%;}
/*文章详情 结束*/

/*相关推荐 开始*/
.article_Hot_main {padding: 0 1rem;margin-top: 3rem;padding-bottom: 1rem;}
.article_Hot_main .tishi_text {margin-top: 2rem;font-size: 2rem;}
.article_Hot_main .article_Hot {font-size: 2rem;font-weight: 600;}
.article_Hot_main .Hot_item {margin-top: 1rem;display: flex;border-bottom: #d9dddd 1px solid;padding-bottom: 1rem;}
.article_Hot_main .Hot_item .Hot_content {flex: 2;display: flex;flex-direction: column;justify-content: space-around;margin-right: 1rem;}
.article_Hot_main .Hot_item .Hot_content .Hot_title {font-size: 1.6rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.article_Hot_main .Hot_item .Hot_content .Hot_desc {color: #7a7a7a;font-size: 1.8rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.article_Hot_main .Hot_item .Hot_pic {position:relative;width: 100%;height: 7rem;flex: 1;overflow:hidden;}
/* .article_Hot_main .Hot_item .Hot_pic img{position: absolute;top: 50%;left: 50%;display: block;min-width: 100%;min-height: 100%;transform:translate(-50%,-50%);} */
.article_Hot_main .Hot_item .Hot_pic img{width: 100%;}
.bottom-info{width: 100%;}
.bottom-info img{width: 100%;}
/*相关推荐 结束*/


/*head 顶部导航 开始*/
.head{width: 40rem;height: 5rem;line-height: 5rem;position:fixed;left:0;right:0;top:0;margin: 0 auto;z-index: 99999;background-color: #fff;text-align: center;}
.head .h-back{position: absolute;left: 0rem;width:4rem;text-decoration: none;}
.head .h-back i{font-size: 1.8rem;}
.head .h-Title{font-size: 1.8rem;}
/*head 顶部导航结束*/



/*导航底部 开始*/
.article_footer {position: fixed;bottom: 0;width: 100%;background-color: #fff;display: flex;padding: 0.5rem 0 0.5rem 0;}
.article_footer .article_footer_item {flex: 2;text-align: center;position: relative;}
.article_footer .article_footer_item .article_footer_pic {margin: 0 auto;width: 3rem;}
.article_footer .article_footer_item .article_footer_pic img {width: 100%;}
.article_footer .article_footer_item .article_footer_title {font-size: 1.5rem;color: #484848;}
.article_footer .article_footer_item button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
/*导航底部 结束*/