/* +----------------------------------------------------------------------
// | CcCms [ 欢迎使用CcCms内容管理系统 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016-2099 https://scpic.cn All rights reserved.
// +----------------------------------------------------------------------
// | Author: cienight <cienight@qq.com>
// +----------------------------------------------------------------------
// | Explain: CcCms 前台PC端 内容页css
// +----------------------------------------------------------------------*/
@import url("../../../css/pc.css");
@import url("layout.css");
@import url("share.min.css");
/*面包屑*/
.pt .layui-breadcrumb{ height:26px; line-height:26px;}
/*分享*/
.layui-card-footer { position: relative; color: #333; font-size: 14px; }
.d-flex { display: flex !important; }
.justify-content-end { justify-content: flex-end !important; }
.text-center { text-align: center !important; }
.social-share .social-share-icon { font-size: 14px; width: 18px; height: 18px; line-height: 18px; color: #999; border: none; float:left; }
.social-share .social-share-icon:hover { background: none; }
.social-share .icon-weibo:hover { color: #ff763b }
.social-share .icon-qq:hover { color: #56b6e7 }
.social-share .icon-wechat:hover { color: #7bc549; }
/*内容展示*/
.showcon h1{float:left; width:100%; font-size:var(--font-size-bolder); color:var(--color-lan); line-height:40px; font-weight:100;}
.coninfo{ margin-top:15px;}
.author dt{float:left; width:40px; height:40px; padding:4px; border:1px solid var(--color-lv); border-radius:50%; overflow:hidden; cursor:pointer; box-sizing:border-box;}
.author dt i{float:left; width:30px; height:30px; border-radius:50%; overflow:hidden; background-size:30px 30px;}
.author em{float:left; height:24px; line-height:24px; padding:0 10px 0 14px; margin:7px 0 0 -4px;  border:1px solid var(--color-lv); border-radius:0 15px 15px 0; border-left:none 0; cursor:pointer;}
.coninfo li{float:left; height:40px; margin-left:20px; cursor:pointer;}
.coninfo li i,.coninfo li span{ float:left; height:20px; line-height:20px; margin-top:10px;}
.coninfo li i{color:var(--color-shen); margin-right:8px;}
.coninfo li span{color:var(--color-c);}
.context{ line-height:30px; font-size:var(--font-size-con);}
.context img{ max-width:750px;}
/*下载地址*/
.downs li,.sxy li,.sxy li b{box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.downs{ background-color:var(--color-lv); color:var(--color-f); padding-bottom:5px;}
.downs li{ float:left; padding:5px 10px; width:100%; overflow:hidden;}
.downs li b{ float:left; height:24px; line-height:24px; width:80px; text-align:center; background-color:var(--color-lv); border:1px dashed var(--color-f); border-radius:5px; position:relative; z-index:2; margin-right:15px;}
.downs li b:after{width:6px; height:6px; background-color:var(--color-lv); border-top:1px dashed var(--color-f); border-right:1px dashed var(--color-f); position:absolute; z-index:3; content:""; transform:rotate(45deg); top:8px; right:-4px;}
.downs li a{float:left; height:26px; line-height:25px; font-size:var(--font-size-con); color:var(--color-f);}
.downs li a:hover{ transform:translate(-3px,-3px);  text-shadow: 3px 3px 3px rgba(0,0,0,0.8);}
.downTop{ border-bottom:1px dashed var(--color-f); margin-bottom:5px;}
.downTop b{ float:left; font-size:var(-font-size-title); height:22px; line-height:22px;}
.downTop span{ height:20px; padding:0 10px; border:1px solid var(--color-f); border-radius:3px; line-height:20px; float:right; cursor:pointer;}
.downTop span:hover{transform:translate(-3px,-3px); box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.pwd{padding:10px 40px 10px 110px; max-width:350px; border:1px solid var(--color-lan); position:relative; line-height:19px;}
.pwd i{height:20px; width:20px; text-align:center; position:absolute; top:10px; right:10px; cursor:pointer;}
.pwd:before{content:'解压密码'; background-color:var(--color-lan); color:var(--color-f);height:40px; width:100px; text-align:center; position:absolute; top:0px; left:0px; font-size:15px; line-height:39px;}
/*上一篇下一篇*/
.sxy li{ width:402px; background-color:var(--color-f); padding:16px;}
.sxy li b{float:left; height:20px; line-height:20px; position:relative; z-index:2; padding:0 25px; font-size:var(--font-size-title); color:var(--color-lv); width:100%;}
.sxy li b:after{z-index:3; font-family:layui-icon; position:absolute; top:0; height:20px; line-height:21px; width:25px;}
.sxy .y b{text-align:right;}
.sxy .z b:after{left:0; text-align:left; content:"\e65a";}
.sxy .y b:after{right:0; text-align:right; content:"\e65b";}
.sxy li span{height:20px; line-height:20px; font-size:var(--font-size-con); margin-top:15px; width:100%; overflow:hidden;}
.sxy .z span{float:left;}
.sxy .y span,.sxy .y a{float:right;}
/*评论*/
.cms-comment { margin-top: 15px; }
.cms-comment .layui-card-header { font-size: 15px; font-weight: 600; }
.cms-comment-form { padding: 10px 0; border-bottom: 1px dashed #eee; margin-bottom: 12px; }
.cms-comment-form-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.cms-comment-tips { font-size: 12px; color: #999; }
.cms-comment-list { }
.cms-comment-item { display: flex; padding: 12px 0; border-bottom: 1px solid #f2f2f2; }
.cms-comment-item:last-child { border-bottom: none; }
.cms-comment-avatar { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: #e8f0fe; color: #3b82f6; display: flex; align-items: center; justify-content: center; font-size: 16px; margin-right: 12px; overflow: hidden; }
.cms-comment-avatar img { width: 100%; height: 100%; object-fit: cover; }
.cms-comment-main { flex: 1; min-width: 0; }
.cms-comment-meta { display: flex; align-items: center; margin-bottom: 4px; }
.cms-comment-nickname { font-weight: 600; color: #333; margin-right: 10px; }
.cms-comment-time { font-size: 12px; color: #999; }
.cms-comment-content { color: #555; line-height: 1.7; word-break: break-all; margin-bottom: 4px; }
.cms-comment-actions { font-size: 12px; }
.cms-comment-actions a { color: #888; margin-right: 14px; }
.cms-comment-actions a:hover { color: #3b82f6; }
.cms-comment-actions a.liked { color: #f56c6c; }
.cms-comment-replies { margin-top: 8px; padding-left: 0; }
.cms-comment-child { background: #f9fafb; border-radius: 6px; padding: 10px 12px; margin-bottom: 6px; border-bottom: none; }
.cms-comment-child .cms-comment-avatar { flex-basis: 30px; width: 30px; height: 30px; font-size: 13px; }
.cms-comment-reply-form { margin-top: 8px; }
.cms-comment-more-wrap { clear: both; }