/*预览页css \cmsapps\manageapp\mtemplate\preview\article\*/
body{margin: 0;background: #fff;}
ul,ol{list-style: none;padding: 0;}
p{margin:0;}
img{max-width: 100% !important;}
.fl{float: left;}
.fr{float: right;}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.nowrap2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.preview-box{max-width: 640px;margin: auto;}
.header{width:calc(100% - 30px);padding: 5px 15px;border-bottom:1px solid #efefef;overflow: hidden;}
.header .logo,.header .down{display: inline-block;;vertical-align: middle;}
.header .logo{width: 73%;height:55px;padding-right:5%;overflow: hidden;}
/*.header .logo div{width: 80%;overflow: hidden;}*/
/*.header .logo div{display: inline-table;vertical-align: middle;overflow: hidden;}*/
.header .logo .img{width: 55px;height:55px;line-height: 55px;text-align:center;overflow: hidden;}
.header .logo .text{width:calc(100% - 60px);line-height: 1.5;margin-left: 5px;}
.header .logo .text h3,.header .logo .text p{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.header .logo .text h3{margin:5px 0 0 0;color: #666;font-weight: 600;}
.header .logo .text p{color: #999;font-size: 12px;}
.header .down{width:20%;padding:5px 0;background: #b80000;color: #fff;text-align: center;border-radius: 5px;}
.detail-wrap{color: #666;line-height: 1.5;}
.detail-wrap .title-box{margin:10px 15px;}
.detail-wrap .title{color:#333;font-size: 20px;line-height: 1.4;text-align: left;}
.detail-wrap .time{color:#949494;overflow: hidden;}
.detail-wrap .time .fl{font-size: 14px;}
.detail-wrap .time .fr{font-size: 12px;}
.share-box{margin: 15px 0;}
.interfix{padding:15px 15px;margin:20px 0;border-top: 10px solid #efefef;border-bottom: 10px solid #efefef;overflow: hidden;}
.interfix .caption,.comment .caption{color: #666;margin: 0;font-size: 16px;}
.interfix ul{margin:0 auto;overflow: hidden;}
.interfix ul li{padding:12px 0;border-bottom: 1px solid #efefef;overflow: hidden;}
.interfix ul li a{position: relative;display: block;text-decoration: none;}
.interfix ul li div{display: inline-block;vertical-align: middle;}
.interfix ul li .intro{width: calc(100% - 113px);padding-right: 8px;font-size: 17px;overflow: hidden;}
.interfix ul li .intro.width100{width: 100%}
.interfix ul li .intro p{color: #777;}
.interfix ul li .img{width: 100px;max-width: 100px;height: 56px;line-height: 56px;text-align:center;border-radius:5px;background: #ccc;overflow: hidden;}
.interfix ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.comment{padding:0 15px;overflow: hidden;}
.comment ul{margin:0 auto;font-size: 14px;overflow: hidden;}
.comment ul li{padding:12px 0;border-bottom: 1px solid #efefef;overflow: hidden;}
.comment ul li .img{width: 40px;height: 40px;line-height:50px;margin-right:10px;border-radius: 50%;float:left;background:#ccc;overflow: hidden;}
.comment ul li .info{font-size: 13px;color: #777;overflow: hidden;}
.comment ul li .info .name{margin-top:5px;font-size: 14px;}
.comment .appdown{margin:15px 0;padding:8px 0;text-align:center;color:#da2020;border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 0 5px #ddd}
.comment .no-comment{text-align: center;color: #da2020;padding: 15px 0;}

.fixed{position: fixed;background: #fff;top: 0;z-index: 999;}

.sepcial-dl{margin: 0 15px;}
.sepcial-dl dt{color: #666;font-size: 16px;font-weight: 600;}
.sepcial-dl dd{margin:5px 0px;padding:5px 0;border-bottom: 1px dotted #efefef;}
.sepcial-dl dd a{color: #777;font-size: 14px;text-decoration: none;}