/*后台公用样式*/
/* 适配多设备 */
@media screen and (max-width: 1024px) {
.layui-m-none{ display:	none;} /*手机站隐藏*/
.site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
.site-home .site-tree-mobile{display: none!important;}
.site-mobile .site-tree-mobile{display: none !important;}
.site-mobile .site-tree{left: 0;}
.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
.site-tree-mobile i{font-size: 20px;}
.layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
.layui-body{position: static; bottom: 0; left: 0;}
.site-mobile .layui-side{left: 0;}
.layui-layout-admin .layui-footer{  position:static; text-align:center;}
}
.layui-header {background: #2F4056!important;}
.layui-body {left: 210px;}
 /*属性*/
.shop_type{border:#DDD solid 1px}
.inputtext2{width:80%;display:inline}
.shop_type div.list ul,.shop_type div.list ul li div{width:100%;display:table}
.shop_type div.list ul{border-top:#DDD solid 1px}
.shop_type div.list ul li,.shop_type div.list ul li div span,.shop_type div.list ul ol{display:table-cell;vertical-align:middle;text-align:center}
.shop_type div.list ul.h{background:#EFEFEF;border-top:0}
.shop_type div.list ul ol{width:30%}
.shop_type div.list ul li div{border-top:#DDD solid 1px}
.shop_type div.list ul li div:nth-child(1){border-top:0}
.shop_type div.list ul li div span{width:25%;border-left:#DDD solid 1px;padding:5px 0 5px 0}
/*.shop_type div.list ul li div span:nth-child(4){width:10%}
.shop_type div.list ul li div span:nth-child(3){width:10%}*/
 .webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #ff8400;height:28px;line-height:28px;text-align:center;padding:0 12px;color: #fff!important;text-align: center;border-radius: 3px;overflow: hidden;}
/*分页*/
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination li { display: inline; }
.pagination li a,.pagination li span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination li:first-child a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination li a:hover, .pagination li a:focus { background-color: #eee; }
.pagination .active span, .pagination .active span:hover, .pagination .active span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; }
.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg li a { padding: 10px 16px; font-size: 18px; }
.pagination-sm li a, .pagination-sm li span { padding: 5px 10px; font-size: 12px; }

/*通用上传*/
.progress{position:relative;padding: 1px; border-radius:3px; margin:30px 0 0 0;}
.bar{background-color: green; display:block; width:0%; height:20px; border-radius:3px;}
.frm_tips{display: block;float: left}
#logo_upload_area{padding-top: 10px}
.percent{position:absolute; height:20px; display:inline-block;top:3px; left:2%; color:#fff}
.progress{height: 100px;padding: 30px 0 0;width:100px;border-radius: 0;}
.photos_area .item {float: left;margin: 0 10px 10px 0;position: relative;}
.photos_area .item{position: relative;float:left;margin:0 10px 10px 0;}
.photos_area .item img{border: 1px solid #cdcdcd;}
.photos_area .operate{background: rgba(33, 33, 33, 0.7) none repeat scroll 0 0; bottom: 0; padding:5px 0; left: 0; position: absolute; width: 102px; z-index: 5; line-height: 21px; text-align: center;}
.photos_area .operate i{cursor: pointer; display: inline-block; font-size: 0; height: 12px; line-height: 0; margin: 0 5px; overflow: hidden; width: 12px; background: url("../images/icon.png") no-repeat scroll 0 0;}
.photos_area .operate .toright{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del{background-position: -13px 0; position: relative;top:0px;}

.photos_area .operate .toright0{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft0{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del0{background-position: -13px 0; position: relative;top:0px;}
.photos_area .operate .toright1{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft1{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del1{background-position: -13px 0; position: relative;top:0px;}
.photos_area .operate .toright2{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft2{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del2{background-position: -13px 0; position: relative;top:0px;}
.photos_area .operate .toright3{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft3{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del3{background-position: -13px 0; position: relative;top:0px;}
.photos_area .operate .toright4{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft4{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del4{background-position: -13px 0; position: relative;top:0px;}
.photos_area .operate .toright5{background-position: -13px -13px; position: relative;top:1px;}
.photos_area .operate .toleft5{background-position: 0 -13px; position: relative;top:1px;}
.photos_area .operate .del5{background-position: -13px 0; position: relative;top:0px;}