@charset "utf-8";
/*==========
Author: 优美主题
Author URI: http://www.umtheme.com/
Theme ID: umPostArticle
==========*/
body{min-width:1050px}
.um-wrap{background:#fff;position:relative}
.um-wrap .box{border:1px solid #e4e4e4;padding:0 0 15px 0;margin:10px 0;clear:both;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.um-wrap .box.open{padding:0}
.um-wrap .box.open .title{border-bottom:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.um-wrap .boxText{border:1px solid #e4e4e4;padding:20px;margin:10px 0;clear:both;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.um-wrap .boxText h3{padding:10px 10px 10px 0;margin-bottom:15px;border-bottom:1px solid #e4e4e4;display:block}
.um-wrap .title{border-bottom:1px solid #e4e4e4;padding:11px 2px 8px 2px;position:relative;width:100%;background:#f8f8f8;cursor:pointer;border-top-left-radius:5px;border-top-right-radius:5px}
.um-wrap .title em{width:5px;height:18px;position:absolute;left:0;top:10px}
.um-wrap .title i{position:absolute;right:15px;top:10px;color:#999;font-size:20px}
.um-wrap h3{font-size:16px;clear:both;padding-left:15px;margin:0;display:inline-block;font-weight:600}
.um-wrap h4{margin:3px 0 2px -12px;line-height:18px;padding:0 0 0 10px;border-left:3px solid #FF6B57}
.um-wrap .list{width:100%;clear:both;padding:15px 0 0;position:relative}
.um-wrap .list li{clear:both;padding:10px;position:relative}
.um-wrap .list li .t{display: inline-block;vertical-align: -1px;}
.um-wrap .list li .t .red{ color: #f66}
.um-wrap .list.img li{ padding: 20px 0}
.um-wrap .list.img li.line{ padding: 0}
.um-wrap .list.hdp li span{margin-right:0}
.um-wrap .list li span{margin-right:20px}
.um-wrap .list li em,.um-wrap .title b{font-style:normal;color:#999;font-size:12px;font-weight:100}
.um-wrap .list li em.red{color:#f66}
.um-wrap .list li em{ margin-left: 5px; vertical-align: 7px}
.um-wrap .title b{font-size:16px;margin:0 5px}
.um-wrap .list li.line{display:block;border-bottom:1px solid #e8e8e8;margin:15px 10px 15px}
.um-wrap .list li.colorLi{padding:120px 0}
.um-wrap .list li input[type=text],.um-wrap .list li input[type=number],.um-wrap .list li textarea{width:45%;background:#fff;padding:0 5px;line-height:32px;font-family:"Microsoft YaHei",微软雅黑;border:1px solid #e4e4e4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.um-wrap .list .tit{width:20%;min-height:32px;display:inline-block;float:left;text-align:right;padding-right:15px;padding-top:6px;font-size:11pt}
.um-wrap .list .tit.ck{padding-top:0}
.um-wrap .list li input[type=number]{width:200px;}
.um-wrap .list .imgcheck{margin-top:2px;margin-left:0; background: none;background-color: #FFF;padding: 9px;border-radius: 50px;display: inline-block;position: relative;margin-right: 30px;width: 30px;height: 15px;}
.um-wrap .list .imgcheck:before {content: ' ';position: absolute;background: white;top: 2px;left: 2px;z-index: 99999;width: 14px;height: 14px;border-radius: 100px;box-shadow: 0 0 2px rgba(0,0,0,0.0), inset 0 -18px 15px -10px rgba(0,0,0,0.00);-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.um-wrap .list .imgcheck.imgcheck-on:before{left: 14px;}
.um-wrap .list .imgcheck:after {content: ' ';position: absolute;background: #ccc;top: 0;left: 0;width: 100%;height: 100%;border-radius: 100px;box-shadow: inset 0 0 20px rgba(0,0,0,0.0);}
.um-wrap .list .imgcheck.imgcheck-on:after{background: #6AC6DD;}
.um-wrap .list .checkbox{display:none}
.um-wrap .list.kg{padding-top:20px}
.um-wrap .list.kg li{display:inline-block;width:100%}
.um-wrap .list.kg li .tit{min-height:20px}
.um-wrap .list.kg li .imgcheck{float:left}
.um-wrap .list .text{ padding:0 20px;}
.umNav{height:36px;line-height:36px;padding:0;margin:0 0 5px 0}
.umNav a.m-right{float:right; margin:0 0 0 5px;}
.umNav a.m-right span{padding:0 8px;}
.umNav a.m-right span:hover,.umNav a.m-right span.m-now{background:#e52528;}
.umNav a .um{ width:24px; height:24px; border-radius:3px; vertical-align:-7px; margin-right:5px;}
.umNav a{float:left;margin:0 5px 0 0}
.umNav a span{float:left;margin:0;text-align:center;padding:0 15px;cursor:pointer;background:#ededed;color:#333;border-radius:3px}
.umNav span.m-now{background-color:#6AC6DD;color:#fff}
.umNav a span:hover,input.ftomSave:hover{background:#958ce0;color:#fff}
.helpMsg{cursor:help;position:absolute;top:50%;right:15px;margin-top:-.75em;display:inline-block}
.helpMsg:before{content:"\e656";font-family:iconfont!important;font-size:16px;color:#888}
.helpMsg:hover p{display:block;transform-origin:100% 0;-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}
.helpMsg p{display:none;text-align:left;background-color:rgba(0,0,0,.8);padding:20px!important;width:300px;position:absolute;border-radius:3px;right:-10px;top:25px;color:#FFF;font-size:12px;line-height:20px;z-index:300}
.helpMsg p:before{position:absolute;content:'';width:0;height:0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px}
.helpMsg p:after{width:100%;height:40px;content:'';position:absolute;top:-40px;left:0}
.helpMsg p a{color:#1BA1E2}
.helpMsg a{color:#6AC6DD !important}
.helpMsg p span{color:#2dd300}

.um-footer{border-top:0 solid #e1e1e1;padding:18px 0 0 0;text-align:right;clear:both;margin-bottom:40px}
.text p{padding:.2em 0 .2em 0}
input.ftomSave{padding:8px 25px;font-size:16px;font-family:"Microsoft YaHei",微软雅黑;color:#FFF;text-align:center;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:none;clear:both;cursor:pointer;background:#756aca;margin:0;height:auto}
input.ftomSave.simg1,input.ftomSave.simg2,input.ftomSave.simg3{margin-left: 20%; height: 32px; line-height: 32px; padding: 0 15px; background: #9e96da; border:0; border-radius: 3px;}
input.ftomSave.simg2,input.ftomSave.simg3{padding: 0px 25px 0;vertical-align:-2px}
input.ftomSave.simg3{margin-left:0.5%; background: #d9d9d9}

.myEditor{ display: inline-block}

.um-wrap .list li input.intit[type="text"]{ width:200px;}

.upload_button,input[type=button]{margin-left:5px;background:#9e96da;border:none;cursor:pointer;color:#fff;font-family:"Microsoft YaHei",微软雅黑;-moz-border-radius:2px;-webkit-border-radius:3px;border-radius:3px;height:32px;}
.upload_button.simg{position: relative; top: 0px; right: -2px; width: 75px;text-align: center;padding: 0px 0;display: inline-block; height:32px; line-height:32px;}
.upload_button:hover{background:#adbce6}
input[type=checkbox]{background:#fff;color:#666;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;border:1px solid #b4b9be;margin-top:6px;outline:0;padding:6px 0 0 0;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out}
input[type=checkbox]:focus{-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8);border-color:#5b9dd9}
input[type=checkbox]:checked:before{content:"\f00c";font-family:FontAwesome!important;margin:0;color:#1e8cbe}
input[type=radio]{border:1px solid #b4b9be;background:#fff;color:#666;clear:none;cursor:pointer;display:inline-block;border-radius:50%;margin-right:4px;line-height:10px;height:16px;margin:-4px 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-border-radius:50%;-webkit-appearance:none;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out}
input[type=radio]:checked:before{float:left;content:'\2022';text-indent:-9999px;-webkit-border-radius:50px;border-radius:50px;font-size:24px;width:6px;height:6px;margin:4px;line-height:16px;background-color:#1e8cbe}
form{margin:0!important}
#sliderBox .sliderImg{float:left;border:1px solid #f2f2f2;padding:3px;z-index:999}
#sliderBox img{height:80px;width:auto;font-size:0;display:block}
#sliderBox .del-cat{bottom:10px;top:auto}
label{cursor:pointer}

.selectBox { border:1pt solid #e4e4e4; display:inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position:relative;}
.selectBox i{ width:16px; height:16px; font-size:16px; position:absolute; right:3px; top:7px; z-index:0; color: #666}
select.select {width:190px;height:32px; line-height:28px;outline: none;appearance: none; -webkit-appearance: none; -moz-appearance: none; border:none;padding-right:20px; position:relative; background:none;}
select.select.w1{ width:auto; min-width: 120px;}

.menu ul li[id*=topmenu_].on a{ background:#2dd300; color:#fff;}
html{ overflow-x:hidden;}

.um-wrap .img-preview{border:1px solid #f2f2f2;background:#fff;position:relative;line-height:0;padding:3px; display:inline-block;}
.um-wrap .img-preview img{width:auto;height:50px}

.um-wrap .img-preview i.del{ position: absolute; right: -10px; top:-8px; font-size: 20px; color: #EB4245; border: 2px solid #fff;box-shadow: 0 0px 10px rgba(0,0,0,.2); width: 20px; height: 20px; text-align: center; line-height: 14px; text-indent: -2px; display: block; background: #fff; border-radius: 100px; overflow: hidden; cursor: pointer;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.um-wrap .img-preview i.del:hover{ transform: scale(1.3)}

.um-wrap .appList ul{ padding:0; margin:0 -10px;}
.um-wrap .appList li{ padding:0 10px;}
.um-wrap .appList li .box{border: 0px solid #eee; padding:0;}

.empower{width:68%;margin:20px auto;padding:50px;background: #f8f8f8;border: 1px solid #eee;border-radius: 5px; font-size: 14px; line-height: 24px;}
.empower h3{ font-size: 30px; text-align: center; margin-top:10px;}
.empower span,.empower a{ color: #00abeb; cursor: pointer;}
.empower em{ color: #46be8a; font-style:normal;}
.empower .ummsg{ width:510px;margin: 30px auto 0;}
.empower .ummsg .qq,.empower .ummsg .imgbox{text-align: center; display: inline-block; vertical-align:top; margin: 0 15px; color: #999;}
.empower .ummsg .img{ width:225px; height: 225px;background-image: url(/zb_users/upload/2018/09/201809081536413980100694.png); background-size: cover; display: block; background-color: #fff; border: 5px solid #46be8a;border-radius: 15px; margin-bottom: 5px;}
.empower .ummsg i{width:225px; height: 225px; line-height: 225px; font-size: 100px; color: #fff;background:rgba(0,170,235,1);cursor: pointer; display: block;border-radius: 15px; margin-bottom: 5px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.empower .ummsg i:hover{background:rgba(0,170,235,.8);}
.empower .ummsg .qq p{ line-height: 24px;}

.labeBox{ font-size: 0; overflow: hidden;}
.labeBox label{ min-width: 120px; font-size: 14px; position: relative; padding-left: 24px; padding-right: 10px; display: inline-block; overflow: hidden;}
.labeBox label input{ width: 18px; height:18px; padding: 0; border: medium none;position: absolute; left: 0; top:1px; margin-top: 0;-webkit-box-shadow:none;box-shadow:none;}
.labeBox label input:before{content:'';border: 1px solid #e4e4e4; width: 17px; height:17px; display: block; background: #fafafa; border-radius:4px; }

.labeBox label input:checked:before{content: "";border: 1px solid #6AC6DD; background: #6AC6DD;}
.labeBox label input:after{content: "\e68b"; font-family: iconfont !important; color: #fff; font-size: 19px; position: absolute; top: 9px; left:0px; opacity: 0; transform: scale(0);-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.labeBox label input:checked:after{opacity: 1; transform: scale(1)}

@-webkit-keyframes fadeIn{0%{opacity:0;transform:scale(.6)}
100%{opacity:100%;transform:scale(1)}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:100%}
}