微信模板代码问题

<style> body { margin: 0; font-size: 16px; } .header { max-width: 600px; margin: 0 auto; padding: 0 20px; } .header .title { font-size: 24px; margin: 20px 0; } .header .remark { margin: 0; color: #a4a4a4; } .actions { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); } .actions a { display: block; border: 1px solid #e4e4e4; color: #a4a4a4; } .actions a:hover { color: #fff; background: #1fb6f7; } .actions a + a { border-top: none; } </style> <style> .content { max-width: 600px; margin: 0 auto; padding: 0 20px; } .content p { margin: 0; } .content .title { margin-top :28px; color: #ec3f36; text-align: center; font-size: 22px; line-height: 1.8; font-weight: bold; } .content .subtitle { text-align: center; } .content .group-title { margin: 28px 0; text-align: center; font-size: 20px; line-height: 2.2; font-weight: bold; background: #f4f4f4; border-radius: 2px; } .content .article { padding: 10px 0; line-height: 1.5; } .content .article + .article { border-top: 1px dashed #f4f4f4; } .content .qrcode{margin: 0 auto; margin-top:10px; font-size: 12px; color:#ff6600; padding:20px 0px 10px 0; background: #fafafa; line-height: 30px; text-align: center; width:180px; display: block; border-radius: 10px;} .content .article { display: flex; justify-content: center; /* align-items: center; */ flex-direction: column; background-color: #409EFF; /* border: 1px solid #303133; */ border-radius: 10px; padding: 30px 20px !important; position: relative; margin-bottom: 17px; } .content .category{ } .content p{ color: #000; } .content{} </style> <div class="content" style="background: rgb(198, 226, 255);"> <p class="title">${WebName}</p> <p class="subtitle" style="color: #000;">${WebDescription}</p> <img style="width: 40%;margin: 0 auto;display: block; margin-bottom: 10px;" src=" " alt=""> <!--${kSortList}--> <!-- <p class="group-title" ></p> --> <!--${kInfoList}--> <p class="article"><span class="category" style="color:rgb(153, 153, 153)margin-bottom:30px; position: absolute; left: 0; top: -15px; height: 30px; line-height: 20px; color: #fff !important; background-color: #ff6600; padding: 8px 15px 8px 10px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;">${SortName}<i>【${kSort1,0}】</i></span> <span style="line-height: 40px; background:rgb(225, 243, 216);padding: 0 10px;margin-top: 8px;">${kTitle,0}</span> ${kContentText,100} <!--${kShowTel}-->（联系电话：<!--${kTel}-->）<!--${kShowTelEnd}--> <!--${kShowQrcode}--><span class="qrcode"><img src="${kQrcodeUrl}" width="120" /><br />长按二维码识别，查看联系方式</span><!--${kShowQrcodeEnd}--></p> <!--${kInfoListEnd}--> <!--${kSortListEnd}--> </div> 模板代码那个地方的问题，导致导出的信息复制到公众号上以后合适不一样，指点下那个地方错了导致后台导出的信息模板复制在公众号上以后合适不一样 后台导出的有全文个背景色，一级目录的样式也不一样，谢谢 第一张图是后台导出的截图 第二张是沾切到公众号上以后的截图，指定下那个地方导致的