.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:320px; padding: 10px; display: none;}
.layui-layer-cjxm .layui-layer-title{ font-size: 16px;}
.layui-layer-cjxm{ width: 320px !important;}

.tx-box{ overflow: hidden; padding-bottom: 10px; position: relative;}
.tx-up-edit{  width: 300px; height: 300px; 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-btn .layui-btn{ background: #0072d1;}

.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: #6691b5; background: #bae0ff;}
.scale-box li a.on{color: #6691b5;}
.tx-xg-box b,.tx-xg-box .view-01{ display: none;}


.tx-xg-box{ margin-left: 0;}
.scale-box b{display: block; margin-bottom: 0;}
.scale-box{ height: 90px; position: relative; margin-top: 15px;}


.rot-15-l,.rot-15-r{  width: 32px; height: 32px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display: block; float: left; margin-right: 10px; cursor: pointer;}
.rot-15-l{ background:#0072d1 url(../img/rot-l.png); background-position: center center; background-repeat: no-repeat; -webkit-background-size: 20px;
background-size: 20px;}

.rot-15-r{ background:#0072d1 url(../img/rot-r.png); background-position: center center; background-repeat: no-repeat; -webkit-background-size: 20px;
background-size: 20px;}
.rot-15-l:hover,.rot-15-r:hover{ opacity: .8;}

@media (min-width: 992px) {
	.tx-edit-box{ width: 870px;  padding: 20px;}
	.layui-layer-cjxm{ width: 870px !important;}
	.tx-xg-box{display: block;}
	.tx-up-edit{  width: 500px; height: 500px;}
	.tx-xg-box b,.tx-xg-box .view-01{ display: block;}
	.scale-box{ height: auto;}
	
	.tx-xg-box{ margin-left: 30px;}
	.scale-box b{display: block; margin-bottom: 10px;}
	.scale-box{ height: auto; position: absolute; margin-top: 0;}
}