@font-face {font-family: "icon";src: url('font/admin/icon.eot');src: url('font/admin/icon.eot') format('embedded-opentype'),url('font/admin/icon.woff') format('woff'),url('font/admin/icon.ttf') format('truetype'),url('font/admin/icon.svg') format('svg');}
.icon{font-family:"icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.umei-font-size-60{ font-size: 60px; }

body{padding:70px 0px 60px 220px;min-height:400px; background:#f0f3f4; overflow: hidden; }
body > .header{ height: 50px; height: 50px;top: 0;left: 0;right: 0;  position: fixed;z-index: 10; width: 100%;}
body > .header h1{ background: #3a3f51 url("../images/admin_logo.png") no-repeat center center; background-size:100%;  }
body > .header h1 a{ width:110px; height: 50px; text-indent:-999999px;}
body > .header p{ width:170px;background: #3a3f51; font-size: 15px; text-align: center; line-height:51px;color: #cdd1de;}
body > .header .bar{margin-left:170px;height: 100%;color: #444;background: #fff;white-space: nowrap;transition: .2s ease-out;}
body > .header .bar img{ width:35px; height:35px;}
body > .header .bar a.nav:hover{ background:#f0f3f4}
body > .header ul{ display: none; }
body > .header ul li a{ color: #333; }
body > .header ul li:hover a{ color: #0501b1; }
::selection{background:#0d0070;color:#FFF;}
::-moz-selection{background:#0d0070;color:#FFF;}
/* .layui-form-select dl dd.layui-this { background:#635fe3 !important; } */
.layui-form-select dl{ overflow-y: auto; }
body > .header > div:first-child{overflow:hidden;transition:2s ease-out;}
body.active > .header p{width:100px; font-size:14px;overflow:hidden; height:50px; line-height: 50px;}
body.active > .header > div:first-child{ width:100px; overflow:hidden;}
body.active > .header > .bar{ margin-left:100px;transition:.2s ease-out;}
body.active > .left > ul.menu > li .sub { display: none;}

body > .left {width:170px;top: 50px;left: 0;transition:.3s ease-out; bottom: 0;position: fixed;z-index: 1; background: #3a3f51; color: #cdd1de; overflow: hidden;}
body.active > .left{ width:100px;}
body.active > .left > ul.menu > li{}
body.active .left i.navIcon{ font-size:24px !important; float:none !important;}
body.active .left li{transition: .2s ease-out; line-height:60px; text-align: center;border-bottom: 1px solid #32374a; }
body.active .left li span{ display: none; }
body.active .left .icon-right{ display: none; }
body > .left > ul.menu > li{ border-left:3px solid #3a3f51; line-height:30px; transition:all .3s ease-out;}
body > .left > ul.menu > li > hr { margin:10px 0; border: 0; border-top: 1px solid #32374a; }
body > .left > ul.menu > li > a.row { width: 100%; color: #cdd1de; padding:16px 15px; border-bottom: 1px solid #32374a; display:block;transition: .2s ease-out; }
body > .left > ul.menu > li > a.row:hover, body > .left > ul.menu > li > a.row.on { border-left:3px solid #6933c9; color: #fff; background: #2e3344; text-decoration: none; }
body > .left > ul.menu > li .sub { display: none; background: #2e3344; padding-bottom:10px;}
body > .left > ul.menu > li .sub a.row_ { width: 100%; color: #848ba5; padding:5px 20px 5px 50px; display: inline-block; }
body > .left > ul.menu > li .sub a.row_:hover, body > .left > ul.menu > li .sub a.row_.on { color: #fff; text-decoration: none; }
body > .left > ul.menu > li .sub a.row_.on { font-weight: bold; }
body > .page{transition:.3s ease-out; position: relative;display: inline-block; min-width:100%; min-height:650px; padding-left:170px;}
.zhedie{bottom:30px; z-index:19891010;left: 220px; background:rgba(0,0,0,.8); width:40px; height:40px; line-height:40px; color:#FFF; text-align:center; transition:.3s ease-out;}
body.active .zhedie{ transform:rotate(180deg);left:120px;}
body.active > .page{ padding-left:120px;}
.content{display: flex; flex-direction:row;}
.content > .right_nav{flex:0 0 120px;padding:20px 0;  background:#fff; margin-right:15px;}
.content > .right_nav .addImageCatalog{color: #1E9FFF;}
.content > .right_nav li{ line-height:45px; padding-left:20px; }
.content > .right_nav li.active,body > .content > .right_nav li:hover{ background: #f5f5f5;  }
.content > .right_nav li a{ display: block; }
.content > .right_con{ flex-grow:1; min-height:500px;}
body > .footer {position: relative;z-index: 0; font-size:12px; top: 15px;margin-right: -20px;border-top: 1px solid #dee5e7;background: #edf1f2; color: #999999;}
.login{ background: #3a3f51; padding:0px;}
.login h1{ background:url("../images/admin_logo.png") no-repeat center center; background-size:36%; height:120px; text-indent:-99999px;}
.layui-btn-normal,.umei-bg-light2{ background:#6933c9; color: #FFF; }
.umei-bg-light3{background: #f90; color: #FFF; font-size:14px;}
.layui-form-danger{ border:#f60 solid 1px !important; }

.layui-upload-drag .layui-icon{ font-size:40px !important;}
.layui-upload-img{width:160px; }
.layui-upload-img img{width:160px; margin-bottom:10px;}
.layui-upload-img P{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.layui-imgs li{width:220px; height:140px; float: left; margin-right: 15px; margin-bottom: 15px;}
.layui-imgs img{width:220px; height:140px;}
.layui-imgs .txt{ background: rgba(0,0,0,0.5); text-align:left; padding:0 10px; line-height:35px; color: #FFF; position: absolute; bottom: 0;left:0; width:100%; }


.piclist{ display: flex; flex-direction:row; justify-content:flex-start; align-items: center; }
.piclist div{ margin-right:20px; }

.layui-form-select dl{z-index:198807257890 !important} 
.icon-verify:before {content: "\e61c";}
.icon-right:before {content: "\e605";}
.icon-msg:before {content: "\e602";}
.icon-home:before {content: "\e608";}
.icon-del:before {content: "\e64f";}
.icon-password:before {content: "\e6a1";}
.icon-edit:before {content: "\e623";}
.icon-help:before {content: "\e61e";}
.icon-sort:before {content: "\e6b8";}
.icon-set:before {content: "\e629";}
.icon-adv:before {content: "\e6e4";}
.icon-person:before {content: "\e60b";}
.icon-add:before { content: "\e603";}
.icon-list:before {content: "\e604";}
.icon-singe:before {content: "\e618";}
.icon-image:before {content: "\e60a";}
.icon-close:before {content: "\eaf2";}
.icon-export:before {content: "\e616";}
.icon-left:before {content: "\e76d";}
.icon-import:before {content: "\e76e";}
.icon-news:before {content: "\e62d";}
.icon-nav:before {content: "\e61f";}

.userinfo h2{ font-size:20px; font-weight: bold; }
.total{ display: flex;flex-direction: row; justify-content: space-between; align-items: center; margin-top:20px;}
.total .item{ flex: 0 0 25%; padding-right:15px; color:#FFF; }
.total .item:last-child{ padding: 0; }
.total .item .bg{ padding: 20px; position:relative;}
.total .item .bg i{ position:absolute; top:23%; right:5%; font-size:80px;opacity:0.1;filter:alpha(opacity=10);}
.total .item .bg.bg1{ background:linear-gradient(-125deg, #57bdbf, #2f9de2); }
.total .item .bg.bg2{background:linear-gradient(-125deg, #ff7d7d, #fb2c95)}
.total .item .bg.bg3{background:linear-gradient(-113deg, #c543d8, #925cc3)}
.total .item .bg.bg4{background:linear-gradient(-141deg, #ecca1b, #f39526)}
.total .item h6{ font-size:14px; line-height:40px;}
.total .item .umei-num{ font-size:46px; margin-bottom: 15px; font-weight: bold; }
.totals{ display:flex;flex-direction: row; justify-content: space-between; padding:40px 40px; }
.totals .item{ flex: 0 0 50%; color:#666; display: flex; flex-direction:row; align-items:center; justify-content:center;}
.totals .item .li{ flex: 0 0 50%; display: flex; flex-direction:row; align-items:center; justify-content:center;}
.totals .item .li .icon{ width:80px; margin:15px 30px 0 0 ; align-self: center;}
.totals .item .li .icon i{ width:80px; height:80px; display: inline-block; border-radius:50%; color: #0501b1; font-size: 40px; background: #e9e8ff; text-align: center; line-height:80px;}
.totals .item .li .total{ flex-grow: 1; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; }
.totals .item .li .umei-num{ color: #333; }

.adminTable tr{ border-bottom: #ececec solid 1px; display: flex; flex-wrap: wrap; align-items: center; justify-content:flex-start;}
.adminTable tr td{ font-size: 12px; }
.adminTable tr td,.adminTable tr th{ padding:10px 5px; text-align:left; color: #999; line-height:21px; box-sizing: border-box; }
.adminTable img{ max-width:50px;}
.adminTable > tbody > tr:nth-child(even){background:#f9f9f9;}
.adminTable tr td .edit{ cursor: pointer; padding:5px 10px 5px 5px; color: #36c6d4; border:#36c6d3 solid 1px; border-radius: 3px;}
.adminTable tr td .delete{cursor: pointer;padding: 5px 10px 5px 5px; color: #e7505a; border:#e7505a solid 1px; border-radius: 3px;}
.adminTable tr td .add{cursor: pointer;padding: 5px 10px 5px 5px; color: #5eb95e; border:#5eb95e solid 1px; border-radius: 3px;}
.adminTable tr td .edit i,.adminTable tr td .delete i,.adminTable tr td .add i{ font-size:14px; margin-right:5px; }
.adminTable tr td .edit:hover{ background:#36c6d3; color:#FFF;}
.adminTable tr td .edit:hover a{ color:#FFF;}
.adminTable tr td .delete:hover{ background:#e7505a; color:#FFF;}
.adminTable tr td .delete:hover a{ color:#FFF;}
.adminTable tr td .add:hover{ background:#5eb95e; color:#FFF;}
.adminTable tr td .add:hover a{ color:#FFF;}
.layui-form .layui-item{ margin-bottom:20px; font-size:14px; display: flex; flex-direction: row; align-items:center; justify-content: flex-start;}
.layui-form .layui-item label{ flex: 0 0 140px; text-align: right; margin-right: 30px; color:#6b6b6b;}
.layui-form .layui-item .tips{ display: flex; flex-wrap: wrap; flex-direction: row; align-items: center justify-content:flex-start; }
.layui-form .layui-item .tips span{ margin:0 5px 5px 0; background:#c7e9ff; position: relative; padding:5px 20px 5px 10px; font-size:14px;}
.layui-form .layui-item .tips span em{ position: absolute; top:2px; right:7px; font-size: 12px; color:#39F;}
.layui-form .layui-block{ flex-grow:1;}
.layui-form .layui-block .layui-input{ border: none; border-bottom: #ececec solid 1px; line-height:50px; height:50px;} 
.layui-form .layui-block .layui-input-short{border: none; border-bottom: #ececec solid 1px; line-height:50px; height:50px; width:70%}
.layui-form .layui-block .layui-textarea{ width: 100%; border: none; border-bottom: #ececec solid 1px; line-height:23px; height:120px;} 
.layui-form .layui-block .layui-input:focus,.layui-form .layui-block .layui-input-short:focus,.layui-form .layui-block .layui-textarea:focus{ border-bottom:#1E9FFF solid 1px !important;}
.layui-form .layui-block .layui-form-danger{ border: none !important; border-bottom:#f00 solid 1px !important; }

.umei-padded-l-150{ padding-left:150px; }
.umei-padded-r-150{ padding-right:150px; }
input::-webkit-input-placeholder {color:#aab2bd;font-size:14px;}
textarea::-webkit-input-placeholder {color:#aab2bd;font-size:14px;}
.layui-layer-title{ background-color:#FFF !important; border-bottom:none;}

.imageHead{ margin-top:20px;display: flex; flex-direction: row; align-items: center; justify-content:space-between; }
.imageHead .add{padding:5px 15px; color:#1E9FFF; border:#1E9FFF solid 1px; border-radius:3px;}
.imageHead .add:hover{ background:#1E9FFF; color: #FFF;  }
.imageHead .delete{padding:5px 15px; color:#e7505a; border:#e7505a solid 1px; border-radius:3px;}
.imageHead .delete:hover{ background:#e7505a; color: #FFF;}
.layui-btn-blue{background:#1E9FFF !important;}
.imageHead .move{padding:5px 25px 5px 15px; background:#1E9FFF;color:#FFF; margin-right:10px; border:#1E9FFF solid 1px; border-radius:3px;}
.imageHead .move:hover{ background:#1E9FFF; color: #FFF;}
.imageHead .move span{top:13px; right:7px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #FFF;}
.imageHead .move .listCatalog{ transition:all .5s ease-out; display: none; border:#ddd solid 1px; border-radius:3px; z-index:99192; position: absolute; color: #333; top:35px; left: 0; width:150px; background:#FFF !important; }
.imageHead .move .listCatalog .li{ line-height:30px; padding-left:20px; }
.imageHead .move .listCatalog .li:hover{ background:#ececec;}
.imageHead .cz{ display: flex;  flex-direction: row; }
.imageList{ display:flex; flex-wrap:wrap; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 20px; }
.imageList .item{ flex: 0 0 22%; margin:0 2% 2% 0; border: #ececec solid 1px; border-radius: 3px;text-align: center;}
.imageList .item img{ max-width:80%; height:120px; object-fit: contain;}
.imageList .item .check-label{ width: 100%; height: 100%; display:block;}
.imageList .item .hover{width: 100%; height:100%; line-height:120px; color:#FFF; top: 0;left: 0; background:rgba(0,0,0,.5);}
.imageList .item .hover i{font-size:40px;}
.imageList .item .input-check,.imageList .item .hover{ display: none; }
.imageList .item .input-check:checked+ .check-label .hover{ display: block; }
.imageLists{ display:flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.imageLists .item{ flex-wrap:wrap; flex: 0 0 11.5%; margin-right:1%; margin-bottom:10px;border: #ececec solid 1px; border-radius: 3px;text-align: center;}
.imageLists .item i{top:5px; right:5px; font-size:14px; line-height:25px; background:rgba(0,0,0,.5); border-radius:50%; color: #FFF; width:25px; height:25px; display: inline-block;}
.imageLists .item img{width:90%; height:80px;}
.popleBtns{ bottom: 10px; right: 10px;  }

.nodata{ color:#999; padding-top:50px; width: 100%; display: flex; align-items:center; justify-content: center; flex-direction: column; }
.nodata img{ max-width:250px !important; margin-bottom:20px;}

h5{ border-left:#1686ef solid 3px; }
.layui-tab{ margin: 0 !important; }
.layui-tab-brief>.layui-tab-title{ height: auto !important; }
.layui-tab-brief>.layui-tab-title li{ width: 150px; font-size:16px; line-height:50px !important; height:50px !important;}
.layui-tab-brief>.layui-tab-title .layui-this{ background:#6933c9 !important;color:#FFF !important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{ border: #6933c9 solid 2px !important; }
.layui-tab-item{ padding:30px 0;  }