2020-05-12 发表评论 五星 上传图片不能超过三张图 提交


<template>

????<div>

????????<header?class="eva-publish-header">

????????????<div?class="mean-left">

????????????????<i?class="icon?icon-back"></i>

????????????</div>

????????????<h1>发表评论</h1>

????????</header>

????????<div?class="content">

????????????<section?class="star-editor">

????????????????<div?class="editor-left">

????????????????????<img?src="http://img.lxisland.cn/image/2018-06-06/20180606095559_6710_300.jpg"?alt="">

????????????????</div>

????????????????<div?class="editor-right">

????????????????????<p>商品评分</p>

????????????????????<div?class="star-box">

????????????????????????<i?class="icon-star?icon"?num="1"></i>

????????????????????????<i?class="icon-star?icon"?num="2"></i>

????????????????????????<i?class="icon-star?icon"?num="3"></i>

????????????????????????<i?class="icon-star?icon"?num="4"></i>

????????????????????????<i?class="icon-star?icon"?num="5"></i>

????????????????????</div>

????????????????</div>

????????????</section>

????????????<section?class="publish-content">

????????????????<div?class="textarea-box">

????????????????????<input?v-model="textarea"?placeholder="请写出您对本产品的评价"></input>

????????????????</div>

????????????????<div?class="images-box?clearfix">

????????????????????<ul?class="clearfix"></ul>

????????????????????<label?class="image-file">

????????????????????????<i?class="icon-camera"></i>

????????????????????????<p>添加图片</p>

????????????????????????<input?type="file"?name="problemImg"?id="input-img"?@change="imgAge()"?accept="image/*">

????????????????????</label>

????????????????</div>

????????????</section>

????????</div>

????????<div?class="bottom-button"?@click="getAddComment">

????????????<div?class="_submit">提交</div>

????????</div>

????????<div?class="wating">

????????????<div?class="bg"></div>

????????????<span?class="main-i"></span>

????????</div>

????</div>

</template>

<script>

????import?Vue?from?'vue';

????import?axios?from?'axios';

????import?$?from?'jquery';

????import?qs?from?'qs';

????import?{?Toast,?Rate,?Tab,?Tabs?}?from?"vant";

????Vue.use(Toast)

????????.use(Rate)

????????.use(Tab)

????????.use(Tabs);

????export?default?{

????????data()?{

????????????return?{

????????????????imgUrl:?[],

????????????????maxNum:?3,

????????????????textarea:?"",//评价

????????????}

????????},

????????mounted()?{

????????????//填写星星

????????????$(".icon-star").click(function?()?{

????????????????var?starNum?=?$(this).attr("num");

????????????????$.each($(".icon-star"),?function?(i,?e)?{

????????????????????if?($(e).attr("num")?<=?starNum)?{

????????????????????????$(e).removeClass("icon-graystar");

????????????????????}

????????????????????else?{

????????????????????????$(e).addClass("icon-graystar");

????????????????????}

????????????????})

????????????})

????????},

????????methods:?{

????????????imgAge()?{

????????????????this.imgChange();

????????????},

????????????//?提交

????????????getAddComment()?{

????????????????if?(!this.textarea)?{

????????????????????Toast("请输入你的想法!");

????????????????????return;

????????????????}

????????????????var?imgarr?=?this.imgUrl.join(",");

????????????????var?starNum?=?5?-?$(".icon-graystar").length;

????????????????var?data?=?{

????????????????????pId:?"2023",

????????????????????orderId:?'LD202005121049584702543',

????????????????????content:?this.textarea,

????????????????????score:?starNum,

????????????????????img:?imgarr

????????????????}

????????????????if?($('.wating').hasClass('show'))?{

????????????????????Toast("请求发送中。。。");

????????????????????return;

????????????????}

????????????????$.getJSON("/Ajax/Comment.ashx?method=AddComment",?data,?function?(data)?{

????????????????????//?提交成功后

????????????????????if?(data.Status?==?0)?{

????????????????????????Toast(data.Msg);

????????????????????????init()

????????????????????}?else?{

????????????????????????Toast(data.Msg);

????????????????????}

????????????????}).always(function?()?{

????????????????????$('.wating').removeClass('show');

????????????????})

????????????????$('.wating').addClass('show');

????????????},

????????????//?获得图片方法并发送

????????????imgChange()?{

????????????????if?(this.imgUrl.length?>=?this.maxNum)?{

????????????????????Toast('最多上传'?+?this.maxNum?+?'张图片');

????????????????????return;

????????????????}

????????????????//获取的图片文件

????????????????var?file?=?$("#input-img")[0].files[0];

????????????????var?validate_Img?=?this.validateImg(file);//?验证图片

????????????????if?(validate_Img.Status)?{

????????????????????//?如果验证成功发送请求;

????????????????????this.uploadImage("/Feedback.ashx?method=AddImg",?file);

????????????????????$('.wating').addClass('show');

????????????????}?else?{

????????????????????Toast(validate_Img.Msg);

????????????????}

????????????????//?把之前选择的图片清空

????????????????$('#input-img').val('');

????????????},

????????????//删除图片方法

????????????delImg(target,?url)?{

????????????????//移除图片

????????????????var?src?=?target.attr("src");

????????????????var?ind?=?src.lastIndexOf("/");

????????????????var?ssr?=?src.slice(ind?+?1);

????????????????$.getJSON(url,?{?fileUrl:?ssr?},?function?(data)?{

????????????????????if?(data.Status?==?0)?{

????????????????????????target.parent().remove();

????????????????????????$.each(this.imgUrl,?function?(i,?e)?{

????????????????????????????if?(e?==?src)?{

????????????????????????????????this.imgUrl.splice(i,?1);

????????????????????????????}

????????????????????????})

????????????????????????Toast('删除成功');

????????????????????????$(".image-file").show();

????????????????????}?else?{

????????????????????????Toast('删除失败');

????????????????????}

????????????????})

????????????},

????????????//?上传图片方法

????????????uploadImage(url,?data)?{

????????????????var?formData?=?new?FormData();

????????????????formData.append('data',?data)

????????????????axios({

????????????????????url:?url,

????????????????????method:?'post',

????????????????????data:?formData

????????????????}).then(response?=>?{

????????????????????const?{?Result,?Msg,?Status?}?=?response.data;

????????????????????console.log(Result,?Msg,?Status,?'上传图片方法')

????????????????????if?(Status?==?0)?{

????????????????????????Toast('提交成功');

????????????????????????this.imgUrl.push(Result);

????????????????????????var?str?=?'<li><img?src="'?+?Result?+?'"?class="file-img"?style="width:100px;height:100px"></li>'

????????????????????????$(".images-box>ul").append(str);

????????????????????????if?(this.imgUrl.length?==?this.maxNum)?{

????????????????????????????$(".image-file").hide();

????????????????????????}

????????????????????}?else?{

????????????????????????Toast(Msg);//图片上传不成功

????????????????????}

????????????????????formData?=?null;

????????????????????$('.wating').removeClass('show');

????????????????}).catch(err?=>?{

????????????????????console.log(err);

????????????????})

????????????},

????????????//?校验图片类型方法

????????????validateImg(image)?{

????????????????if?(!image)?return?{?Status:?false,?Msg:?'图片不存在'?};

????????????????var?type?=?["image/png",?"image/jpeg",?"image/gif"];

????????????????if?(type.indexOf(image.type)?<?0)?return?{?Status:?false,?Msg:?'请上传图片类型的文件'?};

????????????????if?(image.size?/?1024?/?1024?>?6)?{

????????????????????return?{?Status:?false,?Msg:?'请上传小于6M的图片'?};

????????????????}?else?{

????????????????????return?{?Status:?true,?Msg:?''?}

????????????????}

????????????},

????????}

????}

</script>

<style?scoped?lang="scss">

????a,

????abbr,

????acronym,

????address,

????applet,

????article,

????aside,

????audio,

????b,

????big,

????blockquote,

????body,

????canvas,

????caption,

????center,

????cite,

????code,

????dd,

????del,

????details,

????dfn,

????div,

????dl,

????dt,

????em,

????embed,

????fieldset,

????figcaption,

????figure,

????footer,

????form,

????h1,

????h2,

????h3,

????h4,

????h5,

????h6,

????header,

????html,

????i,

????iframe,

????img,

????input,

????ins,

????kbd,

????label,

????legend,

????li,

????mark,

????menu,

????nav,

????object,

????ol,

????output,

????p,

????pre,

????q,

????ruby,

????s,

????samp,

????section,

????small,

????span,

????strike,

????strong,

????sub,

????summary,

????sup,

????table,

????tbody,

????td,

????tfoot,

????th,

????thead,

????time,

????tr,

????tt,

????u,

????ul,

????var,

????video?{

????????margin:?0;

????????padding:?0;

????????border:?0;

????????font-size:?100%;

????????font-weight:?400;

????????vertical-align:?baseline

????}

????table?{

????????border-collapse:?collapse;

????????border-spacing:?0

????}

????a?{

????????color:?#7e8c8d;

????????text-decoration:?none;

????????-webkit-backface-visibility:?hidden

????}

????li?{

????????list-style:?none

????}

????::-webkit-scrollbar?{

????????width:?5px;

????????height:?5px

????}

????::-webkit-scrollbar-track-piece?{

????????background-color:?rgba(0,?0,?0,?.2);

????????-webkit-border-radius:?6px

????}

????::-webkit-scrollbar-thumb:vertical?{

????????height:?5px;

????????background-color:?rgba(125,?125,?125,?.7);

????????-webkit-border-radius:?6px

????}

????::-webkit-scrollbar-thumb:horizontal?{

????????width:?5px;

????????background-color:?rgba(125,?125,?125,?.7);

????????-webkit-border-radius:?6px

????}

????*?{

????????-webkit-box-sizing:?border-box;

????????box-sizing:?border-box

????}

????body,

????html?{

????????width:?100%;

????????font-family:?PingFangSC-Regular,?Helvetica,?"Droid?Sans",?Arial,?sans-serif

????}

????body?{

????????-webkit-text-size-adjust:?none;

????????-webkit-tap-highlight-color:?transparent

????}

????.clearfix::after?{

????????content:?'';

????????display:?block;

????????clear:?both;

????????height:?0

????}

????body?{

????????font-size:?14px

????}

????.alert-msg?{

????????display:?none;

????????position:?fixed;

????????margin-left:?-1rem;

????????top:?50%;

????????left:?50%;

????????width:?2rem;

????????padding:?10px;

????????background:?rgba(0,?0,?0,?.75);

????????color:?#fff;

????????font-size:?12px;

????????border-radius:?2px;

????????text-align:?center;

????????z-index:?10000

????}

????.wating?{

????????display:?none

????}

????.wating?.bg?{

????????position:?fixed;

????????left:?0;

????????top:?.9rem;

????????width:?100%;

????????height:?100%;

????????z-index:?999;

????????background:?rgba(0,?0,?0,?.55)

????}

????.wating?.main-i?{

????????padding-left:?20px;

????????display:?block;

????????width:?20px;

????????position:?absolute;

????????height:?20px;

????????left:?50%;

????????z-index:?500;

????????top:?50%;

????????background:?url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///zMzM9LS0p2dncXFxa+vr19fX3h4eODg4Onp6crKykxMTDc3NzMzMzMzMzMzMyH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOw==)?no-repeat;

????????background-size:?contain;

????????background-position:?left?center

????}

????.wating.show?{

????????display:?block

????}

????@media?screen?and?(min-width:750px)?{

????????html?{

????????????font-size:?100px

????????}

????}

????@media?screen?and?(min-width:640px)?and?(max-width:749px)?{

????????html?{

????????????font-size:?85px

????????}

????}

????@media?screen?and?(min-width:414px)?and?(max-width:639px)?{

????????html?{

????????????font-size:?56px

????????}

????}

????@media?screen?and?(min-width:375px)?and?(max-width:413px)?{

????????html?{

????????????font-size:?50px

????????}

????}

????@media?screen?and?(min-width:320px)?and?(max-width:374px)?{

????????html?{

????????????font-size:?42px

????????}

????}

????body?{

????????font-size:?12px;

????????background-color:?#eef0f3;

????????font-family:?"microsoft?yahei",?Verdana,?Arial,?Helvetica,?sans-serif

????}

????.controler?{

????????width:?7.5rem;

????????margin:?0?auto

????}

????.icon?{

????????display:?inline-block;

????????background-position:?center;

????????background-repeat:?no-repeat;

????????background-size:?contain

????}

????.icon-star?{

????????width:?.34rem;

????????height:?100%;

????????margin-right:?.24rem;

????????background-image:?url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTctMDktMTRUMTc6Mjg6MTUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE3LTA5LTE0VDE3OjI4OjU3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE3LTA5LTE0VDE3OjI4OjU3KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMjI2MUYzMTk5MkYxMUU3QkU4OThFRTc1M0U0NzZGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMjI2MUYzMjk5MkYxMUU3QkU4OThFRTc1M0U0NzZGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyMjYxRjJGOTkyRjExRTdCRTg5OEVFNzUzRTQ3NkYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyMjYxRjMwOTkyRjExRTdCRTg5OEVFNzUzRTQ3NkYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LnI5SgAAAfpJREFUeNrEl0soRFEYx+cOobyTMeVRGNR4jkchYzHFrCwshg12NrYKYYHCQrFQUphENljaWXisFCOvjSiUJCxENiz4H31T0zR37r3nvr76NXfuPef0m7nnfOc7wqm72aIy1oALVIMfpZ1dhwf/n1aVEh7QDcqAX81AakVWQ667gNMMkV6QG3ZvyQyRuQj3GkGDkSIDIFHk2YJRIjYwFeV5FfAZIbIIYiTarABBT5ES0C6jXTIY1FNkXkHbUa1FEkA9GAItCsZmk3mT+qRKNY4N+24HNaAAVNLEywOZnKvLR3yAe3AFjsEdOAMPwYYC9hq2CmZAHSgEcRbj4hZcgAn2jxyBfIs54SBarfQ6zI4kK29K1jh6mMg56DBRYho1yXpw+W5JpG29YhcSw+F5ZISEjIob4BVLaOwV7Rkg8QyawG+0zOqheaNXfNMCeZGT4t3gSycRL2VZWXvNJ1m/aijAXkMf2Fe66V3SnqBl+Hl23xRQoaGEQMcOxSJ2KgG0jCIekTQdJqqTR8Shg0gWj0ipDiIZPCJyqzJWde3IbJvDI5IuMegbGAfloA10goBEn2IQr9UceaQKnZWVYyH3WaFcS4fxQJQfl61UxBZBoJ8EJqkgjhQbJMSK5hORDKtIhB2QnsB1iMAsbVpyYpsK8k6q3N/Bsli2/hNgAGehUv9Sm8IfAAAAAElFTkSuQmCC)

????}

????.icon-graystar?{

????????background-image:?url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTctMDktMTVUMTQ6MzI6NTUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE3LTA5LTE1VDE0OjMyOjU1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE3LTA5LTE1VDE0OjMyOjU1KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTFCNDY1OTk5REYxMUU3QUE0QUNFNkM0RDlENzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTFCNDY1QTk5REYxMUU3QUE0QUNFNkM0RDlENzEzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI1MUI0NjU3OTlERjExRTdBQTRBQ0U2QzREOUQ3MTM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI1MUI0NjU4OTlERjExRTdBQTRBQ0U2QzREOUQ3MTM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mV473wAAAuJJREFUeNrcmk1sjEEYx2e3hNKIiu+lddCNbaqCi6+0OKmQEET1VjRpWmnS1oGji1RE69BYER9xaIggIoS4uiCoINHFxYG4IOHQiCb1f/I+Fba73Zl3Z8zM+yS/bLudd/b9dWZnnpl5Y5lMRhiOJnAS3ALtuitPJpN/fo4bFkmBAbAQtIFWkx9mWmYg6/c0KPNRZjtYmeP9Xh9lzuZ5vwVU+CTTwd+TfJH2RWYKOFGgzFaw2geZ42CqRLlzrsvMA12SZVeBBpdl+hXLp12VqQa7Fa+pBM0uypwPeV2vazKbwNqQ184ER12SKXZkOgZKXZChrHhpkXVMBj02ZUq5a/Vral3KGraA6WErmCRZrhwsA7VgBajh9H625qH9HvgKhsArMMivb8C3MDIJvvHlfOP0WgVmiP8Ts8A6Ziy+A1pFvgYvwEsW/vz3hTFeae4Aezhlr1JoMZvxE7wFz8B1rDjvkgylH6eE/9FBMqMiIkGj2UhEXEbjPCRGIbrjnLle8lzkGgaAvrFJcz946KnIIET2ZmcAm8EHz0Rogq3Plc6M8EQ17JHMBrTKj3y52Sew0RORBk5zJkw0n4BdjovQnvV92az5Juh0VISylTOqS4DTjEtB/+TDYdcznVyBC/G0UPeXWZxRBY8si3wEdbpWmnW8jrAlsl5mypCV+QWOWJLpkZ3MVfYAKi3JzDGxoZGyJJMyIbPEkkyFCZnFFmXiOmVKLMrMB3N1ykhXaCBiItj+0iZjq1WUPl9WZlGUZCLVMsWc27/j7OG2aRnZbdhESIk+8e+55TZO4esV60rY+s7QUvYASIrxB7B3eFm+EzxWqHOBLpkSyW5GEgdFcFB7sUBZelxrjQgOdGWWF/S0R7kOGRrnyyQlLih2nxsiOLDaJ4KzmHwxTeZeZWRoC+rBBN0pjER2XBXBQw50pPg8x9/pwOmLrgGghVuI9tXecze6bGAIvsI0gkMiOKkbYsmC8VuAAQAa3Xn48hA3eAAAAABJRU5ErkJggg==)

????}

????.eva-publish-header?{

????????height:?.9rem;

????????width:?100%;

????????text-align:?center;

????????line-height:?.9rem;

????????background-color:?#fff;

????????border-bottom:?1px?solid?#dcdcdc

????}

????.eva-publish-header?h1?{

????????height:?100%;

????????width:?100%;

????????color:?#1a1a1a;

????????font-size:?.36rem;

????????padding:?0?.9rem

????}

????.eva-publish-header?.mean-left?{

????????width:?.9rem;

????????height:?100%;

????????float:?left;

????????text-align:?center

????}

????.eva-publish-header?.icon-back?{

????????width:?.24rem;

????????height:?100%;

????????background-image:?url(data:image/png;base64,R0lGODlhFQAkANUAADMzM4SEhEBAQMLCwmZmZqenp9/f35WVlVVVVXZ2dtPT07e3t+np6ZGRkUlJSaGhoVtbW8zMzLGxsW9vbzY2NoGBgdvb242NjU9PT7m5ufHx8aysrGBgYJycnOPj42pqatjY2EZGRr6+vqWlpXJyckRERExMTJmZmXt7e+3t7V5eXtDQ0LS0tFJSUjk5OeHh4VZWVpOTk8XFxevr68/Pz7Ozs93d3bu7u6+vr2JiYuXl5WxsbP///wAAAAAAAAAAACH5BAEHADwALAAAAAAVACQAAAaoQJ5wSCwSLwujkjgzAQDLpaH0pESNNMrT4bkSB08ATOMdLsKc8rATTqiFjXDgzauEY/RJuEAnhJNvLWEibwYOTy4KbyBaAAJdajRhGAxvLGh0I2E7dA9hB3Q8F2ESoTwBYQ2mcU8VphthH6YZYRCmYE8IKaEWLk8lBqEvIVWKdBowYTemOWE1piRhI6YoYSemB2GuoZ5PJKY4YQSmMmEIpithpjwWAQVBADs=)

????}

????.content?{

????????width:?100%

????}

????.content?.star-editor?{

????????width:?100%;

????????height:?1.62rem;

????????padding:?.2rem?.3rem;

????????background-color:?#fff;

????????border-bottom:?1px?solid?#dcdcdc;

????????display:?-webkit-box;

????????display:?-ms-flexbox;

????????display:?flex

????}

????.content?.star-editor?.editor-left?{

????????width:?1.2rem;

????????height:?100%

????}

????.content?.star-editor?.editor-left?img?{

????????width:?100%;

????????height:?100%

????}

????.content?.star-editor?.editor-right?{

????????-webkit-box-flex:?1;

????????-ms-flex:?1;

????????flex:?1;

????????margin-left:?.3rem;

????}

????.content?.star-editor?.editor-right?p?{

????????font-size:?.3rem;

????????color:?#1a1a1a;

????}

????.content?.star-editor?.editor-right?.star-box?{

????????width:?100%;

????????height:?40px;

????}

????.content?.publish-content?{

????????background-color:?#fff;

????????padding:?0.4rem;

????????padding-bottom:?0;

????????width:?100%

????}

????.content?.publish-content?.textarea-box?{

????????width:?100%

????}

????.content?.publish-content?.textarea-box?input?{

????????width:?100%;

????????/*?height:?2.6rem;?*/

????????resize:?none;

????????border:?none;

????????color:?#1a1a1a;

????????font-size:?.28rem

????}

????.content?.publish-content?.images-box?{

????????width:?100%;

????????margin-top:?.3rem;

????????padding-bottom:?.2rem;

????????border-bottom:?1px?solid?#dcdcdc;

????}

????.content?.publish-content?.images-box?ul?{

????????float:?left

????}

????.content?.publish-content?.images-box?ul?li?{

????????float:?left;

????????margin-right:?.24rem

????}

????.content?.publish-content?.images-box?ul?li?img?{

????????width:?1.5rem;

????????height:?1.5rem;

????????border:?none;

????????outline-style:?none

????}

????.content?.publish-content?.images-box?.image-file?{

????????float:?left;

????????display:?block;

????????width:?1.5rem;

????????height:?1.5rem;

????????border:?1px?dashed?#bfbfbf;

????????background-color:?#fff;

????????position:?relative

????}

????.content?.publish-content?.images-box?.image-file?.icon-camera?{

????????display:?block;

????????width:?100%;

????????margin-top:?.3rem;

????????margin-bottom:?.2rem;

????????height:?.45rem;

????????background-image:?url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABCCAYAAADAD1E9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkNEQjcwMzc4RTExMTFFN0EwNDhCNkRDRUIwNEVFQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkNEQjcwMzg4RTExMTFFN0EwNDhCNkRDRUIwNEVFQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQ0RCNzAzNThFMTExMUU3QTA0OEI2RENFQjA0RUVCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0RCNzAzNjhFMTExMUU3QTA0OEI2RENFQjA0RUVCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvGuTUYAAAZcSURBVHja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);

????????background-repeat:?no-repeat;

????????background-position:?center;

????????background-size:?contain

????}

????.content?.publish-content?.images-box?.image-file?p?{

????????font-size:?.24rem;

????????color:?#b2b2b2;

????????text-align:?center

????}

????.content?.publish-content?.images-box?.image-file?input?{

????????position:?absolute;

????????z-index:?1;

????????top:?0;

????????left:?0;

????????width:?100%;

????????height:?100%;

????????opacity:?0

????}

????.content?.publish-content?.publish-type?{

????????width:?100%;

????????height:?.92rem;

????????color:?#1a1a1a;

????????font-size:?.28rem

????}

????.content?.publish-content?.publish-type?i?{

????????width:?.36rem;

????????height:?100%;

????????margin-right:?.1rem;

????????vertical-align:?middle;

????????background-image:?url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQUMyQjI1M0VDMjExRTdCNUI3ODA3MjlGRTg2Qzk0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBQUMyQjI2M0VDMjExRTdCNUI3ODA3MjlGRTg2Qzk0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFBQzJCMjMzRUMyMTFFN0I1Qjc4MDcyOUZFODZDOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFBQzJCMjQzRUMyMTFFN0I1Qjc4MDcyOUZFODZDOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Kp2i2AAAEEUlEQVR42tSafWhOURzHz/NE87KErTalKDRiwl97mlIYmQct8roteRlaJEN52TKTf7SElpc1ss27GvZsxfxBMU+ivGYLSciwEJuhMd+f+7t1uz1v9z7nPvc+3/qszto953zv2Tnn9zvnuurr64UF6gVGgnEgFQwFiaAHuEAHeAvawBPwAnSbacjr9QbtgCwNAFlMJhgFEiJ47hd4Dm6DJnANfJfxZqMVmcgD80GyiecTeGSJNaAdXAQ1oNlsp9xRGPKARnCLO5QsaeSpnrU8gj6QEStjg8AxfpuzhLWaDe6Ao2CglcZopj4Dq0VsVQBauH3pxsoALaEpwh6lcPulMo3Vgp3CGSoB1TKMXQbLhLOUx/0ybewsmCucKerXaTPGaE4tEs7WEp/Pt9uIsSwHzalwKoa5rEiM9QN1Ir5UB3N9wxmjzbB/nBmj/h4JZWw8yBXxqXyM2thgxioc0sk34BBH/UZUEchYOpjsAFO/wSSwgfv0zsCzUzBq6XpjWxwyWps4dVFztfcGny+iHy7OoGlF+Qz62GzqJWfeqjI4fTES03aBJPWBbAeYIq3SlY+byEBokLK1xuwWHQvc0JRXgDEm6/pvzM3pvd1aqTuyOBDNcQWZGg3SbDa1n5d4VfuEcqplVmmqMTv1TbciDwMbo63UzRXZKdqv/mjKVTIqJWOpNpqi85OTmvJUME2WsUQbjS3XlatkVUzGemwydQnc1ZTXg+Eyjbkk1dVt8CUV6NKOcplvjYx1SKjHz297BIdA4URHaJ805YOgt2xjbRLqKeIo/BVnCA0h/pYC3F3aPYejDCHb2GsJ9XgDlE8F+dt1uvIJKyYwGWuRUM82sFn3u1xOFrW6L5SbFO0L8FhprFVCXRQG7Q2w+ZaGWN4rLVpxWynY/CuUm5M0SSM3WCjXQKpoPiWBIUK5vVS13cLgoFlNWxokVkp3Zed0v6M9aoGmTOb3WLhHNqjGGjnzlKWF4GqIPfKwxP0zUAbd6NYULkhuYAb/i+vPKCeycat03uv1dmnT7nILGqEzi3tC+WpAm+5bqXKhO094JJT7ZNmifO8BzymKDydYaOomRuuxmoJrVQgeWtAgrYo7YhBYF2r3MaEbtVoRn6rGaD0NZkxdrjvjzFSnbu8MaOwHyIkzYzm0EoYzRmqyeAOVqTKYagoUKwZTcYAIwmk6A1MlwYLgUFoMrjjUFPVraajoPpzmhcit7FIN90tEY0zNrZwy5+hrhvxI8rFIRXNuDvhok6EP3H5JpImmEfk4RKqMsalKbtdnJIM2qi9COTrzSM7jgr1ID7f31ejRgFn5+cyCrqDoU4R2SWbaOV/L5H89v5lKZHw628xsBTPBdKEcwdEZYyS3pD+FckVLmcV1TlCj/ib4nwADAG8DyA1rcWaTAAAAAElFTkSuQmCC)

????}

????.content?.publish-content?.publish-type.selected?i?{

????????background-image:?url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI1NDgzQ0M4M0VDMjExRTc5NjVCOTNCNjEwQzcyOTgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI1NDgzQ0M5M0VDMjExRTc5NjVCOTNCNjEwQzcyOTgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjU0ODNDQzYzRUMyMTFFNzk2NUI5M0I2MTBDNzI5ODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjU0ODNDQzczRUMyMTFFNzk2NUI5M0I2MTBDNzI5ODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vI249AAAEE0lEQVR42tSaa0gVQRiG50hhF4lKQYOgoMKijOyXB0uhssiskKKrSnSxQorICroomdGfkKiQLmKR2j3opkLZj5Qyie4XUioiKrKSitKssOz92m9hWc5t98ye3fPCc2AOZ2fm3Tk7830z67o3MUVYoB5gOBgD4sBgEAW6gQu0g7egFTwBL0CXmYYSG+q9dkCW+oE0JhmMAJEBXPcLPAc3QR24Cr7LuLPBikxkgzkgxsT1kTyyxErQBs6BStBotlMRQRhyg1pwgzsUI2nkqZ5VPILVIClUxgaAw3w3pwtrNQPcAodAfyuNZYBnYIUIrXJBM7cv3VgxuAxihT2K5faLZBqrAtuEM1QIKmQYuwgWC2cpm/tl2tgpMEs4U9SvE2aM0TM1XzhbC++npO4wYizNQc+UPxXAXFogxvqA8yK8dB7mevszRoth3zAzRv096MvYWJAlwlM5GLXR3oyVOqSTb8B+jvqNqNSTsQQwwQGmfoPxYC336Z2Ba1Mxagl6YxsdMlrrOXVRc7X3Bq/Ppw8XZ9A0o3wGvWw29ZIzb1VJnL4YiWk7QbR6QboDTJGW68pHTGQgNEjpWmN2i7YFrmvKS8Eok3X9NxbB6b3dWqbbstgbzHYFmRoJ4m02tYeneFW7hbKrZVbxqjE79U03Iw8B64KtNIIrslO0Xv3RlMtlVErG4mw0RfsnxzTlSWCyLGNRNhpboiuXy6qYjHXbZOoCuK0prwFDZRpzSaqry+BNytWlHSUy7xoZa5dQTxPf7WEcAvkTbaF90pT3gZ6yjbVKqCefo/BXnCHU+PgtBbjbtWsORxlCtrHXEurJ8FA+7uW3q3Xlo1Y8wGSsWUI9m8EG3XdZnCxqdVcoJynaG+C20liLhLooDNrlYfEt8jG9l1k047ZQsPlXKCcn8ZJGbqBQjoFU0fMUDQYJ5fRS1RYLg4NGNW2pkVgpnZWd1n1Ha9RcTZnM77RwjaxRjdVy5ilL88AVH2vkAYnrp6cMujZCUzgruYGp/BfX71EmsnGrdCaxob5Tm3aXWNAI7VncEcpbA9p030qVCN1+wiOhnCfLFuV7D/iZovhwnIWm6jFaj9UUXKs88NCCBmlW3BqCwDpPu44J3ahVifBUBUbrqTdj6nTdEWamOnRrp0djP0BmmBnLpJnQnzFSncULqEwVw1Sdp1jRmwo8RBBO00mYKvQWBPvSAnDJoaaoX4t8Rff+NNtHbmWXKrlfIhhjam7llGeO3mbICSQfC1T0zM0EH20y9IHbLww00TSiag6RykJsqozbrTaSQRvVF6Fsnbkl53HebqSb2/tqdGvArJp4z4KOoOhVhDZJZto4X0vmv16TmUpkvDrbyGwC08AUoWzB0R5jIKekP4VyREuZxTVOUIN+J/ifAAMAa2jIDU6yHU4AAAAASUVORK5CYII=)

????}

????.bottom-button?{

????????position:?fixed;

????????-webkit-box-sizing:?border-box;

????????box-sizing:?border-box;

????????z-index:?1;

????????left:?0;

????????bottom:?0;

????????width:?100%;

????????height:?1.2rem;

????????padding:?.2rem?.3rem;

????????margin-bottom:?.1rem;

????????background:?#eef0f3

????}

????.bottom-button?._submit?{

????????color:?#fff;

????????display:?block;

????????width:?100%;

????????height:?100%;

????????background:?#ce3d3e;

????????text-align:?center;

????????border-radius:?5px;

????????line-height:?.8rem;

????????font-size:?15px

????}

</style>

最后编辑于
?著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,100评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,308评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事?!?“怎么了?”我有些...
    开封第一讲书人阅读 159,718评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,275评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,376评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,454评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,464评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,248评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,686评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,974评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,150评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,817评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,484评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,140评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,374评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,012评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,041评论 2 351