/*==========
Author: UmHtml
Author URI: http://www.umhtml.com/
Theme ID: ymbk
==========*/
@charset "utf-8";body{min-width:1050px}
.um-warp{background:#fff;position:relative}
.um-warp .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-warp .box.open{padding:0}
.um-warp .box.open .title{border-bottom:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.um-warp .boxText{border:1px solid #e4e4e4;padding:20px;margin:10px 0;clear:both;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.um-warp .boxText h3{padding:10px 10px 10px 0;margin-bottom:15px;border-bottom:1px solid #e4e4e4;display:block}
.um-warp .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-warp .title em{width:5px;height:18px;position:absolute;left:0;top:10px}
.um-warp .title i{position:absolute;right:15px;top:10px;color:#999;font-size:20px}
.um-warp h3{font-size:16px;clear:both;padding-left:15px;margin:0;display:inline-block;font-weight:600}
.um-warp h4{margin:3px 0 2px -12px;line-height:18px;padding:0 0 0 10px;border-left:3px solid #FF6B57}
.um-warp .list{width:100%;clear:both;padding:15px 0 0;position:relative}
.um-warp .list li{clear:both;padding:10px;position:relative}
.um-warp .list.img li{ padding: 20px 0}
.um-warp .list.img li.line{ padding: 0}
.um-warp .list.hdp li span{margin-right:0}
.um-warp .list li span{margin-right:20px}
.um-warp .list li em,.um-warp .title b{font-style:normal;color:#999;font-size:12px;font-weight:100}
.um-warp .list li em.red{color:#EB4245}
.um-warp .title b{font-size:16px;margin:0 5px}
.um-warp .list li.line{display:block;border-bottom:1px solid #e8e8e8;margin:10px 10px 10px}
.um-warp .list li.colorLi{padding:120px 0}
.um-warp .list li input[type=text],.um-warp .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-warp .list .tit{width:20%;min-height:32px;display:inline-block;float:left;text-align:right;padding-right:15px;padding-top:7px;font-size:11pt}
.um-warp .list .tit.ck{padding-top:0}

.um-warp .list .imgcheck{margin-bottom:-.2em;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-warp .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-warp .list .imgcheck.imgcheck-on:before{left: 14px;}
.um-warp .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-warp .list .imgcheck.imgcheck-on:after{background: #6AC6DD;}
.um-warp .list .checkbox{display:none}
.um-warp .list.kg{padding-top:20px}
.um-warp .list.kg li{display:inline-block;width:100%}
.um-warp .list.kg li .tit{min-height:20px}
.um-warp .list.kg li .imgcheck{float:left}
.um-warp .list .text{ padding:0 20px;}
.umNav{height:36px;line-height:36px;padding:0;margin:0 0 5px 0}
.umNav a span{float:left;margin:0 5px 0 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 span.m-right{float:right;}
.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:"\f059";font-family:FontAwesome!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}
.um-warp .img-preview{border:1px solid #f2f2f2;background:#fff;position:relative;line-height:0;padding:10px; display:inline-block;}
.um-warp .img-preview img{width:auto;height:32px}
.um-warp .img-preview .del-img{position:absolute;right:-5px;bottom:0;cursor:pointer}
.um-warp .img-preview .del-img:before{content:"\f057";font-family:FontAwesome!important;font-size:20px;color:#E82C0C;background:#fff;border-radius:50px;display:inherit}
.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,input.ftomSave.simg4{margin-left: 20%; height: 32px; line-height: 32px; padding: 0 15px; background: #ff5a5a; 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}
input.ftomSave.simg4{ vertical-align:14px;margin-left:0.5%; background: #d9d9d9}

.upload_button,input[type=button]{margin-left:5px;background:#38a6f9;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: 65px;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; margin-right:10px;}
#sliderBox img{height:80px;width:auto;font-size:0;display:block}
#sliderBox .del-cat{bottom:10px;top:auto}
label{cursor:pointer}

.tableBox{ width:70%; min-height:200px; background:#fff; border-radius:5px; display:inline-block; overflow:hidden; border:1px solid #e4e4e4}
.tableBox .th{ width:100%; border-bottom:1px solid #eee;background:#fafafa; }
.tableBox .th.td{border:none; padding:10px 0}
.tableBox .th li{ width:13%; line-height:26px; display:inline-block;clear:none; text-align:center; padding:5px 15px}
.tableBox .th li.img{width:10%; padding:0px 0px 0px 15px;}

.tableBox .th li.img img{ width:30px; height:30px; display:inline-block; margin:0 auto; vertical-align:-10px;}
.tableBox .th li.upImg{ width:30%;}
.tableBox .th li.upImg .uplod_img{ width:100% !important; line-height:30px !important; position:relative; padding-right:60px;}
.tableBox .th li.upImg .upload_button{ position:absolute; right:-8px; border-top-left-radius:0px !important;border-bottom-left-radius:0px !important;}
.tableBox .th li.text{width:30%; padding:5px 15px 5px 0;}
.tableBox .th li.link{width:17%; padding:5px 15px 5px 0;}

.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:2px; top:9px; z-index:0}
select.select {width:190px;height:32px; line-height:32px;outline: none;appearance: none; -webkit-appearance: none; -moz-appearance: none; border:none;padding-right:20px; position:relative; background:none;}
select.select.w1{ width:180px;}


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