.up-pic-list-box{margin: 10px 0;}
.up-pic-list-box,.up-pic-list-box *{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.up-pic-list{ overflow: hidden; display: block;}
.up-pic-list,.up-pic-list li{ padding: 0; margin: 0; list-style: none;}
.up-pic-list li{ width: 120px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative; }
.up-pic-list li div{ width: 120px; height: 120px;}
.up-pic-list li img{ width: 100%; height: 100%; display: block;}
.up-pic-list li i.pic-close{ position: absolute; right: 0; top: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #000; background: rgba(0,0,0,.5); color: #fff; font-style: normal; font-size: 24px; font-family: 'Arial'; cursor: pointer;}
.up-pic-list li i.pic-close:hover{ background: #d00; background: rgba(232,0,0,.5);}
.up-pic-list-box li input{ width: 100%; margin-top: 5px; padding:2px 2px; float: left;}


/*LAYUI弹窗*/
.tx-edit-box,.tx-edit-box *{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.tx-edit-box{ width:870px; padding: 20px; display: none;}
.layui-layer-cjxm .layui-layer-title{ font-size: 16px;}
.layui-layer-cjxm{ width: 870px !important;}

.tx-box{ overflow: hidden; padding-bottom: 10px; position: relative;}
.tx-up-edit{  width: 500px; height: 500px; background: #000; float: left; overflow: hidden;}

.tx-xg-box{ float: left; margin-left: 30px; width: 300px;}
.tx-xg-box b{ font-size: 14px; line-height: 30px; font-weight: normal; display: block; margin-bottom: 10px;}

.preview{  overflow: hidden; background: #000; margin: 0 auto; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.preview-lg{ width: 160px; height: 185px;}
.preview-lg-02{ width: 98px; height: 98px;}
.preview-xs{ width: 30px; height: 30px;}

.rw-box-bot{ padding-top: 10px;}
.rw-box-bot:after{content: ' '; width: 0; height: 0; display: block; clear: both;}
.yxj-box{ margin-top: 3px; float: left;}
.yxj-tit{ float: left; line-height: 26px; width: 50px; color: #999; font-size: 12px;}

.rw-btn{ float: right;}
.rw-del{ padding: 0 10px; line-height: 32px; float: left; margin-right: 20px;}
.rw-del:hover{ color: #ff4f3e;}
.rw-btn .layui-btn{ height: 32px; line-height: 32px;}
.layui-layer-tx .preview-02{display: none;}
.layui-layer-qr .preview-01{display: none;}

.view-01{ padding-bottom: 30px;}
.preview-01{ width: 300px; height: 300px; margin: 0 auto;}

.scale-box{ position: absolute; bottom: 10px; right: 0; width: 300px;}
.scale-box ul{ margin: 0 -5px;}
.scale-box li{ width: 16.6666%; float: left; padding: 0 5px;}
.scale-box li a{  display: block; text-align: center;  line-height: 30px; cursor: pointer;}
.scale-box li a span{ width: 32px; height: 32px; display: block; position: relative; margin: 0 auto;}
.scale-box li a i{ position: absolute; border: dashed 1px #666;  top: 50%; left: 50%; background: #ddd; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.scale-box li:nth-child(1) a i{ width: 24px; height: 24px;}
.scale-box li:nth-child(2) a i{ width: 24px; height: 18px;}
.scale-box li:nth-child(3) a i{ width: 24px; height: 14px;}
.scale-box li:nth-child(4) a i{ width: 18px; height: 24px;}
.scale-box li:nth-child(5) a i{ width: 14px; height: 24px;}
.scale-box li:nth-child(6) a i{ width: 32px; height: 32px;}

.scale-box li a.on i{ border-color: #009688; background: #76d9d0;}
.scale-box li a.on{color: #009688;}