留言样式代码 手机端

          <style>

p{margin:1em 0;}body{font-family:Arial,Helvetica,'Hiragino Sans GB','Microsoft YaHei',sans-serif;font-family:PingFangSC-Regular}.new-leave-msg{padding:10px;box-sizing: border-box;}.p1{font-size:19px;text-align:center}.p2{border-radius:10px;box-shadow:1px 1px 10px 1px #c7c7c7;margin:0 30px;font-size:16px;padding:3px 5px;line-height:35px;height:35px;display:inline-block;color:rgba(68,68,68,0.8)}.p2box{text-align:center}.font-red{color:#c00}.p3{font-weight:600;text-align: left;}.checkbox1{display:flex;flex-wrap:wrap;text-align: left;}.checkbox1 .input-item{flex:0 0 50%;margin:5px 0;position:relative;font-size:14px}.checkbox1 label,.queren label{display:inline-block;border:1px solid #c7c7c7;width:12px;height:12px}.checkbox1 span{padding-left:5px;color:rgba(68,68,68,0.8)}input:checked+label:after{content:'';position:absolute;left:2px;width:9px;height:4px;border:2px solid #e92333;border-top-color:transparent;border-right-color:transparent;-ms-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);transform:rotate(-45deg)}.call,.queren{text-align: left;}.input-call{width:96%;border:0;border: 2px solid #f30404;padding: 10px 5px;outline:0;font-size:16px;padding-bottom:8px}.call p{color:rgba(68,68,68,0.8)}.queren{color:#AAA;margin:15px 0 !important;position:relative}.queren span{padding-left:5px}.font-blue{color:#3b9aff;vertical-align:}.submit{text-align:center}.submit input[type='submit']{background:#f85959;color:#FFF;font-weight:600;font-size:17px;width:90%;border:0;outline:0;border-radius:5px;-webkit-appearance:none;padding:10px 0}

</style>

              <div class="new-leave-msg">

<hr>

<form id="newMsgFrom" action="http://gbook.999jd.cn/plus/diy.php" onsubmit="return checkLeaveMsg();" method="post">

<input type="hidden" name="action" value="post">

<input type="hidden" name="diyid" value="1">

<input type="hidden" name="do" value="2">

<input type="hidden" name="dede_fields" value="name,text;phone,text;qq,text;weixin,text;email,text;sex,text;age,text;xm,text;hy,text;content,multitext;diy1,text;diy2,text;diy3,text;r_mail,text;khzh,text;khname,text;shijian,text;address,text;laiyuan,text;ip,text;time,text">

<input type="hidden" name="shijian" id="shijian" placeholder="" value="2020-5-13 21:25:56">

<input type="hidden" name="laiyuan" value="cb2.ccytsm.com">

<input type="hidden" name="khzh" value="cb1">

<input type="hidden" name="khname" value="茶包2">

<p class="p1">每天前<span class="font-red">100</span>名免费领取千元<span class="font-red">[创业资料包]</span></p>

<div class="p2box"><p class="p2"><svg style="vertical-align: text-top;" class="icon svelte-6je8b9" viewBox="0 0 22 20" xmlns="https://www.w3.org/2000/svg" height="20" weight="18"><path d="M16.106 13.214c-.342-.396-.334-.856.005-1.216.59-.626.915-1.448.915-2.32 0-.875-.328-1.7-.92-2.326a.93.93 0 0 1 .014-1.283c.349-.35.827-.119.95.014a5.194 5.194 0 0 1 1.421 3.595 5.202 5.202 0 0 1-1.412 3.585c-.172.184-.771.184-.973-.049zm-2.604 6.146c-.19 0-.379-.047-.553-.142L4.403 14.52H1.174C.525 14.52 0 13.976 0 13.31V6.05c0-.669.525-1.21 1.174-1.21h3.229L12.949.142c.365-.199.803-.19 1.158.03.353.218.569.613.569 1.038v16.94c0 .425-.216.82-.569 1.037a1.172 1.172 0 0 1-.605.173zM1.324 13.08h3.372c.193 0 .383.05.553.143l8.09 4.547V1.576L5.248 6.09c-.17.095-.36.142-.553.142H1.324v6.849zm2.838-7.456h1.236v8.408H4.162V5.624zm13.299 11.254c-.298-.394-.097-.974.286-1.283a7.52 7.52 0 0 0 1.702-1.925 7.669 7.669 0 0 0 1.13-4.03c0-2.319-1.016-4.476-2.784-5.917-.38-.311-.489-.873-.188-1.265.226-.234.787-.207.963-.067C20.743 4.431 22 6.805 22 9.681c0 2.906-1.28 5.598-3.51 7.386-.257.206-.86.072-1.029-.19z" fill="#f00" fill-rule="nonzero"></path></svg>已有<span class="font-red">9867</span>人参与免费资料包领取</p></div>

<p class="p3">马上! 抢占免费资料包<small>(可多选)</small></p>

<div class="checkbox1">

<div class="input-item">

<input type="checkbox" id="c2" checked="" value="利润分析资料包.xls" hidden=""><label for="c2"></label><span>利润分析资料包.xls</span>

</div>

<div class="input-item">

<input type="checkbox" id="c3" checked="" value="加工流程教学.mp4" hidden=""><label for="c3"></label><span>加工流程教学.mp4</span>

</div>

<div class="input-item">

<input type="checkbox" id="c4" checked="" value="100份扶持基金领取.xls" hidden=""><label for="c4"></label><span>100份扶持基金领取.xls</span>

</div>

<div class="input-item">

<input type="checkbox" id="c5" checked="" value="成功案例视频.mp4" hidden=""><label for="c5"></label><span>成功案例视频.mp4</span>

</div>

</div>

<div class="call">

<p>电话（已加密,用于接收资料）<span class="font-red">*</span></p>

<input type="text" name="phone" id="mycalla" class="input-call" placeholder="请输入手机号(已加密)...">

</div>

<div class="queren">

<input type="checkbox" id="queren" checked="" hidden=""><label for="queren"></label><span>自动输入历史手机号 

</span></div>

<div class="submit">

<input type="submit" value="立即领取"> 

</div>

<input type="hidden" name="lytext" id="lytexta">

<input type="hidden" name="name" value="领取资料包">

<input name="enews" type="hidden" id="enews" value="AddGbook">

<input name="url" id="urlaa" value="" type="hidden">

<input type="hidden" name="bid" id="bid">

<input type="hidden" name="ecmsfrom" value="9">

</form>

</div>