/*外边距*/
.mt5{ margin-top:5px;}
.mt7{ margin-top: 7px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}

/*内边距*/
.pt0{padding-top: 0px !important;}
.pb0{padding-bottom: 0px !important;}
.pt5{padding-top: 5px;}
.pt7{padding-top: 7px;}
.pl0{padding-left: 0px;}
.pl10{padding-left: 10px;}
.pr0{padding-right: 0px;}

/*display，默认*/
.display_de{ display:initial;}

/*input 增加样式*/
.input-ss{ padding:2px 5px;}
.btn-ss{ padding:2px 8px;}

/*宽度*/
.width50{ width:50px;}
.width55{ width:55px;}
.width60{ width:60px;}
.width65{ width:65px;}
.width70{ width:70px;}
.width100{ width:100px;}
.width150{ width:150px;}
.width160{ width:160px;}
.width170{ width:170px;}
.width200{ width:200px;}

/*边框*/
.bor-top0{ border-top:0px;}

/*列表上样式*/
.table-actions{ margin: 10px 0px;}
.table tr td{vertical-align: middle !important;}

/*搜索样式*/
.form-search{
	border-radius: 0px !important;
	border: 0px !important;
	margin-top:20px;
}
.form-search .form-control{display:initial !important;}

/*颜色*/
.red{color:#f00;}

/*订单详情页面*/
.invoice-across{position:relative; background:#fff; padding:5px 20px;}
#product_con .form-group {margin-right:0px; margin-left:0px;}

.laydate-icon-move{
    background-image: url(images/icon.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/*图片效果*/
.ace-thumbnails {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.ace-thumbnails > li {
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 2px;
    overflow: hidden;
    position: relative;
    padding: 2px;
}
.ace-thumbnails > li > *:first-child {
    display: block;
    position: relative;
}
.ace-thumbnails > li .tags {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    bottom: 0;
    direction: rtl;
    display: inline-block;
    height: auto;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 0;
    vertical-align: inherit;
    width: auto;
}
.ace-thumbnails > li .tags > .label-holder {
    direction: ltr;
    display: table;
    margin: 1px 0 0;
    opacity: 0.92;
    text-align: left;
}
.ace-thumbnails > li .tags > .label-holder:hover {
    opacity: 1;
}
.ace-thumbnails > li > .tools {
    background-color: rgba(0, 0, 0, 0.55);
    bottom: 0;
    left: -30px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 24px;
}
.ace-thumbnails > li > .tools.tools-right {
    left: auto;
    right: -30px;
}
.ace-thumbnails > li > .tools.tools-bottom {
    bottom: -30px;
    height: 28px;
    left: 0;
    right: 0;
    top: auto;
    width: auto;
}
.ace-thumbnails > li > .tools.tools-top {
    bottom: auto;
    height: 28px;
    left: 0;
    right: 0;
    top: -30px;
    width: auto;
}
.ace-thumbnails > li:hover > .tools {
    left: 0;
}
.ace-thumbnails > li:hover > .tools.tools-bottom {
    bottom: 0;
    top: auto;
}
.ace-thumbnails > li:hover > .tools.tools-top {
    bottom: auto;
    top: 0;
}
.ace-thumbnails > li:hover > .tools.tools-right {
    left: auto;
    right: 0;
}
.ace-thumbnails > li > .tools > a, .ace-thumbnails > li > *:first-child .inner a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding: 0 4px;
}
.ace-thumbnails > li > .tools > a:hover, .ace-thumbnails > li > *:first-child .inner a:hover {
    color: #C9E2EA;
    text-decoration: none;
}
.ace-thumbnails > li .tools.tools-bottom > a, .ace-thumbnails > li .tools.tools-top > a {
    display: inline-block;
}
.ace-thumbnails > li > *:first-child > .text {
    background-color: rgba(0, 0, 0, 0.55);
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
}
.ace-thumbnails > li > *:first-child > .text:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: 0;
    vertical-align: middle;
}
.ace-thumbnails > li > *:first-child > .text > .inner {
    display: inline-block;
    margin: 0;
    max-width: 90%;
    padding: 4px 0;
    vertical-align: middle;
}
.ace-thumbnails > li:hover > *:first-child > .text {
    opacity: 1;
}

/*图片在div里上下居中样式*/
.ace-thumbnails > li >.upload_img_div{width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center; position:initial;}
.upload_div{width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center;}

/*图片选中样式， 右下角对号*/
.ace-thumbnails .img_hover:hover, .ace-thumbnails .active_checked{
    box-sizing: border-box;
    border: 1px solid #337ab7;
}
.ace-thumbnails .img_hover:hover:before, .ace-thumbnails .active_checked:before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 17px solid #337ab7;
    border-top-color: transparent;
    border-left-color: transparent;
    color: #fff;
}
.ace-thumbnails .img_hover:hover:after, .ace-thumbnails .active_checked:after{
    content: '';
    display: block;
    width: 5px;
    height: 12px;
    position: absolute;
    right: 6px;
    bottom: 6px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
}

.upload_thumb>img{padding:2px; border:1px solid #ccc;}