@charset "utf-8";
/*全局通用样式表*/
@import url("common.css");
/*处理产品与产品管理中的按钮bug问题*/
@media only screen and (max-width:640px) {
.am-btn-success { color: #fff !important; background-color: #5eb95e !important; border-color: #5eb95e !important; }
.am-btn-primary { color: #fff !important; background-color: #0e90d2 !important; border-color: #0e90d2 !important; }
.am-btn-warning { color: #fff !important; background-color: #F37B1D !important; border-color: #F37B1D !important; }
.am-btn-danger { color: #fff !important; background-color: #dd514c !important; border-color: #dd514c !important; }
.am-btn-secondary { color: #fff !important; background-color: #3bb4f2 !important; border-color: #3bb4f2 !important; }
.tpl-content-wrapper { padding-left: 0px !important }
}
.modal-box .default-img { width: 118px; height: 118px; }
.change-tr-th>li:nth-child(1), .change-tr-td>li:nth-child(1) { width: 7%; }
.change-tr-th>li:nth-child(2), .change-tr-td>li:nth-child(2) { width: 30%; }
.change-tr-th>li:nth-child(3), .change-tr-td>li:nth-child(3) { width: 25%; }
.change-tr-th>li:nth-child(4), .change-tr-td>li:nth-child(4) { width: 20%; }
/*列表公共样式*/
.change-table { max-width: 100%; background-color: transparent; empty-cells: show; display: table; }
.change-thead { display: table-header-group; vertical-align: middle; border-color: inherit; }
.change-tbody { display: table-row-group; vertical-align: middle; border-color: inherit; border-bottom: 1px solid #eeeeee !important; }
.change-tr-td, .change-tr-th { display: table-row; vertical-align: inherit; border-color: inherit; }
.change-table>.change-thead>.change-tr-th>li { vertical-align: bottom; font-weight: bold; text-align: left; }
.change-table>.change-tbody>.change-tr-td>li { vertical-align: middle !important; }
.change-table>.change-tbody>.change-tr-td>li, .change-table>.change-tbody>.change-tr-th>li, .change-table>.change-tfoot>.change-tr-td>li, .change-table>.change-tfoot>.change-tr-th>li, .change-table>.change-thead>.change-tr-td>li, .change-table>.change-thead>.change-tr-th>li { color: #93a2a9; padding: 0.7rem; line-height: 1.6; float: left; }
.change-nth:nth-child(odd) { background: #f3f4f6 !important; }
.change-nth:nth-child(even):hover { background: #e9e9e9 !important; }
.change-tr-th, .change-tr-td { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.change-table>.change-thead>.change-tr-th { border-bottom: 1px solid #ddd; }
.change-tr-th>li, .change-tr-td>li { text-align: left; display: table-cell; }
.tpl-switch-btn-view { margin-top: 0 !important; }
/*列表公共样式end*/
.tpl-table-images-content-i-shadow { background: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.tpl-ty-content { width: 100% }
.tpl-table-images-content { padding: 0; margin: 0; width: 106px; height: 88.83px; -moz-border-radius: 3px; border-radius: 3px; }
.tpl-ty-name { font-size: 14px; color: #697882; text-align: center; margin-top: 5%; }
.tpl-table-images { width: 108px !important; height: 116px; float: left; margin-left: 2.2%; margin-bottom: 2.2% }
.tpl-table-images-content-i img { width: 100%; height: 88.83px; }
/*选择样式*/
.tpl-block { padding-top: 37px !important; padding-left: 3px !important; padding-right: 3px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.correct-box { width: 22px; height: 22px; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #ddd; text-align: center; line-height: 20px; display: none; cursor: pointer; }
.correct-box>span { font-size: 14px; color: green; display: none; }
/*二级文件夹样式*/
.tpl-table-images-content, .upload-table-images-content { position: relative }
.upload-table-images-content:hover .tpl-table-images-content-i { background-color: #000; }
a.tpl-table-images-content-i.upload-opacity:hover img { background-color: #000; }
.tpl-table-images-content:hover .upload-opacity>img, .upload-table-images-content:hover .tpl-table-images-content-i>img { opacity: 0.5; }
.upload-table-images-content:hover .upload-check, .upload-table-images-content:hover .upload-search, .upload-table-images-content:hover .upload-trash, .upload-table-images-content:hover .upload-correct { display: block; }
.tpl-table-images-content:hover .upload-del, .tpl-table-images-content:hover .upload-search, .tpl-table-images-content:hover .upload-search, .tpl-table-images-content:hover .upload-correct { display: block; }
.upload-hover-img { background: #000; }
.upload-bg { opacity: 0.5; }
.upload-check { top: 47%; left: 50%; -webkit-transform: translate(-50%, -149%); -moz-transform: translate(-50%, -149%); transform: translate(-50%, -149%); }
.upload-search { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.upload-trash { top: 53%; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.upload-del { top: 51.5%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 1.2rem; }
.upload-del, .upload-check, .upload-search, .upload-trash { position: absolute; cursor: pointer; display: none;}
.folder-hover:hover a.tpl-table-images-content-i.upload-opacity>img { background: #000; }
.upload-correct { position: absolute; cursor: pointer; top: 48.5%; left: 50%; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); transform: translate(-50%, -100%); font-size: 1.2rem; display: none; }
.upload-correct>a>span, .upload-del>a>span, .upload-check>a>span, .upload-search>a>span { color: #fff; }
span.am-icon-trash-o { width: 12px; }
.upload-danger>a, .upload-del>a, .upload-check>a, .upload-search>a, .upload-trash>a, .upload-correct >a { color: #fff; }
.am-icon-search, .am-icon-trash-o, .am-icon-folder-open-o, {
 width: 12px;
}
span.am-icon-search { width: 12px; }
a.tpl-table-images-content-i.upload-opacity:hover img { background: #fff !important; opacity: 1 !important; }
.tpl-table-images-content-i { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
/*三级文件夹样式*/
.upload-table-images { width: 13.41%; float: left; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1.6% 3.2% 1.6%; }
.upload-table-images-content { width: 100%; border-bottom: 1px solid #f5f5f5; }
.upload-table-images-content>a { display: block; width: 100%; height: 199px; overflow: hidden; margin: auto; }
.upload-table-images-content>a>img { display: block; width: 199px; height: 199px; overflow: hidden; }
.upload-check, .upload-search, .upload-trash { font-size: 1.2rem; }
.upload-check>a>span, .upload-search>a>span, .upload-trash>a>span { color: #fff; }
.upload-opacity.upload-table-images-content:hover .upload-check, .upload-opacity.upload-table-images-content:hover .upload-search, .upload-opacity.upload-table-images-content:hover .upload-trash { display: block; }
.upload-name { margin-top: 6px; }
.upload-name, .upload-time, .upload-size { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; }
.upload-time, .upload-size { color: #ccc; }
.upload-name { color: #555; }
.upload-js-opacity { background: #000; opacity: 0.4; }
.upload-table-images-content:hover .upload-del-hover { background: #fff !important; }
/*按钮*/
.am-btn-toolbar > .am-btn { margin-left: 0; }

.add { padding: 10px 26px !important; height: auto !important; -moz-border-radius: 3px 0 0 3px !important; border-radius: 3px 0 0 3px !important; }
a.am-btn.am-btn-default.am-btn-danger { -moz-border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important; }
/*模态框*/
.pinch-zoom-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.am-pinch-zoom.am-pureview-loaded { width: 520PX; height: 100%; margin: 0 auto; }
.am-pinch-zoom.am-pureview-loaded>img { width: 100%; height: 100%; }
.am-pureview-time, .am-pureview-size { float: left; display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: 6px; }
/*模态框*/
.modal-frame { display: none; position: absolute; top: 0; left: 0; z-index: -1; background-color: #000; }
.modal-frame, .modal-frame-img, .modal-frame-img>li { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.return-btn { position: fixed; top: 0; left: 0; width: 100%; height: 45px; }
.return-btn>a { margin-left: 10px; color: #ccc; display: block; width: 45px; line-height: 45px; text-align: left; font-size: 16px; }
.modal-title { position: fixed; bottom: 0; left: 0; height: 45px; width: 100%; color: #eeeeee; line-height: 45px; padding: 0 10px; font-size: 14px; }
.modal-title>span { display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: 6px; float: left; }
.am-pureview-counter { float: right; }
.am-pureview-time, .am-pureview-size { margin-left: 30px !important; }
.modal-img { width: 80%; height: 100%; }
.upload-dui { width: 26%; height: 26%; position: absolute; top: 3px; right: 10px; display: none; }
.upload-dui>img { width: 100%; height: 100%; }


#select-handle{font-size: 0;text-align: center;margin-top: 20px;}
#select-handle a{display: inline-block;}
