body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Arial, Roboto, RobotoNum, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, sans-serif, 'Segoe UI';}

/*去除IE点击虚线框*/
a:active,
a:focus,
.btn:focus,
.btn:focus:active,
.active.btn:focus { outline: none;}

/*定义右侧内容区域页面宽度为100%（重写bootstrap宽度定义）*/
.container,
#all-page-container
/*此ID是用于兼容IE7和8自适应页面的定义*/
    { padding: 10px; width: 100%; background: #f7f7f7;}
.container.container-list { padding: 10px 0 0 0;}
.container.container-min,
#all-page-container
/*此ID是用于兼容IE7和8自适应页面的定义*/
    { padding-bottom: 1px;}

/*更改bootstrap中row的margin默认值*/
/* .row { margin-right: 0; margin-left: 0;} */
.list-unstyled { margin-bottom: 0;}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td { vertical-align: middle;}

/* power-panel */
.power-panel { margin-bottom: 15px;}
.power-panel .panel-heading { background: #e7f1fe; border-radius: 0; padding: 10px 15px;}
.power-panel .panel-heading h4 { font-weight: bold; color: #216693; margin: 2px 0;}
.power-panel .panel-heading a { margin: 2px 0;}
.power-panel .panel-heading .fa { margin-right: 8px;}
.power-panel .panel-body { padding: 5px;}

/* 编辑器中视频 */

/*video.edui-upload-video {
    display: none;
}*/

/*列表标题和面包屑*/
.page-heading { padding: 10px 10px 0 15px; margin: 0px 0px 10px 0px; height: 32px; background: #edf1f1;}
.container-list .page-heading { margin-left: 0px; margin-right: 0px;}
.page-heading h3 { float: left; margin: 0; color: #333; font-weight: bold; font-size: 14px; line-height: 1.1;}
.page-heading .breadcrumb { margin: 0 0 0 10px; padding: 0; background: none;}
.page-heading .breadcrumb a { color: #b8b8b8; text-decoration: none;}
.page-heading .breadcrumb a:hover { color: #f60;}
.page-heading .breadcrumb li.active { color: #999;}

/*按钮组及模型选择列表（如选择文章、图片或视频等内容）*/
.page-heading .btn-group>.btn { padding: 5px 10px;}
.page-heading .btn-group.open>.dropdown-menu { right: 0; left: auto; min-width: 120px;}
.mold-type-list { height: 32px; margin-top: -8px;}
.mold-type-list h3 { float: left; font-size: 12px; color: #b4b4b4; font-weight: normal; line-height: 30px;}
.mold-type-list ul { float: left; padding: 0; margin: 0; list-style: none;}
.mold-type-list li { display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 28px; border: 1px solid #eff2f3; font-size: 16px;}
.mold-type-list li+li { border-left: none;}
.mold-type-list li a { display: block; height: 28px; color: #666; background: #fff;}
.mold-type-list li a:hover { display: block; color: #428bca;}
.mold-type-list li.selected { border-color: #428bca; position: relative;}
.mold-type-list li.selected:after { display: block; position: absolute; top: 26px; left: 10px; content: ""; width: 0; height: 0; border-bottom: 4px solid #f7f7f7; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.mold-type-list li.selected a { color: #fff; background: #428bca;}

/* 创建、预览、修改公共布局 （Widgets） */
.widget-box { position: relative; background-color: #fff; min-height:calc( 100vh - 1px )}
.form-group,
.form-horizontal .form-group { margin: 0 0px; padding: 4px 0;}
.form-group .form-group { margin: 0; padding: 0}
.page-main p,
.page-main pre,
.widget-box p,
.widget-box pre { margin: 0; padding: 5px 0; border: none; border-radius: 0; background-color: transparent; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 1em;}
.no-hover .form-group:hover { background: white;}
.widget-title { height: 30px; line-height: 30px; border-bottom: 1px solid #eff2f3;}
.widget-title .icon {float: left;padding: 0 12px; *height: 20px !important;border-right: 1px solid #eff2f3;opacity: .7;filter: alpha(opacity=70);}
.widget-title .icon a { text-decoration: none;}
.widget-title .icon+.icon { border-right: none; padding-right: 0; padding-left: 13px;}
.widget-title h5 { float: left; padding: 0 12px; margin: 0; line-height: 30px;}
.widget-description { padding: 1em 2em; border-bottom: 1px solid #ddd; background: #f3fdff;}
.widget-content { padding: 15px 15px 0; border-top: none;}
.widget-content textarea { border-radius: 4px;}
.widget-content .ueditor-area>textarea { visibility: hidden; border: none;}
.widget-content .control-label.required { position: relative;}
.widget-content .control-label.required:after { position: absolute; right: -3px; color: #c00; content: "*"; vertical-align: middle; font-weight: bold; top: 9px;}
.widget-content .form-legend { position: relative; display: block; padding: 10px 15px 10px 0; margin: 0 15px 5px; border-bottom: 1px dotted #d6d6d6;}
.widget-content .form-legend span { font-weight: bolder;}
.widget-content .form-legend i { position: absolute; right: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #428bca; font-size: 16px;}

/*from-panel 应用在内容查看和添加页的分块*/
.widget-content .from-panel-heading { position: relative; margin: 0 0px 5px 0px; padding: 10px 15px 10px 35px; border: 1px dotted #ecf4fb; border: 1px dotted rgba(66, 139, 202, .2); background-color: #f7fbfe; background-color: rgba(247, 251, 254, .7); cursor: pointer;}
.widget-content .from-panel-heading:hover { border: 1px solid #ecf4fb\0; background-color: #fffbe6;}
.widget-content .from-panel-heading:before { position: absolute; display: block; left: 10px; top: 8px; width: 20px; height: 20px; content: "+"; font-size: 18px; line-height: 20px; color: #60c6fb; text-align: center; font-family:'Microsoft YaHei','PingFang SC'; font-weight:bold}
.widget-content .from-panel-body { padding-bottom: 10px; display: none;}
.widget-content .from-panel.open .from-panel-heading:before {content: "-";}
.widget-content .from-panel.open .from-panel-body { display: block;}
.widget-content .control-content { -ms-word-break: break-all; word-break: break-all; line-height: 22px; padding: 6px 0 6px 15px;}
.widget-bottom { margin-top: 15px; margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #ececec; clear: both; position:relative;}

/* widget-bottom 下拉菜单样式调整*/
.widget-bottom .dropdown-menu{border-radius: 0; padding: 0;background-color: #f4f4f4;background-color: rgba(255, 255, 255, .95);font-size: 12px;    text-align: left;}
.widget-bottom .dropdown-menu li{height: 26px;display: block;padding: 0;margin: 0;}
.widget-bottom .dropdown-menu li.divider { height: 1px;}
.widget-bottom .dropdown-menu>li>a, .widget-bottom .dropdown-menu>li>button{position: relative; padding: 0 10px 0 40px; height: 26px; line-height: 26px;cursor: pointer; font-size: 12px;}
.widget-bottom .dropdown-menu>li>a>i, .widget-bottom .dropdown-menu>li>button>i{position: absolute; top: 0;left: 0;width: 30px;height: 26px;text-align: center; line-height: 26px; border-right: 1px solid #e5e5e5; border-right: 1px solid rgba(0, 0, 0, .1); }
.widget-bottom .dropdown-menu>li>a>span, .widget-bottom .dropdown-menu>li>button>span{display: block;padding-left: 0px;height: 26px; }
.widget-bottom .dropdown-menu>li>a:hover, .widget-bottom .dropdown-menu>li>button:hover{background: #428bca; color: #fff;}
.widget-bottom .dropdown-menu>li>a:hover i, .widget-bottom .dropdown-menu>li>button:hover i{border-right: 1px solid rgba(255, 255, 255, .2);}
.widget-bottom .dropdown-menu.without-icon li{height:auto;}
.widget-bottom .dropdown-menu.without-icon>li>a, .widget-bottom .dropdown-menu.without-icon>li>button{padding: 0 10px 0 30px;}
.widget-bottom .dropdown-menu>li>button{border: 0 none; width: 100%;}

/*固定返回确定按钮一栏样式（固定在底部）*/
.widget-bottom-fixed .widget-content { padding-bottom: 65px;}
.widget-bottom-fixed .widget-bottom { position: fixed; left: 0; right: 20px; bottom: 0; background: #fff; z-index: 1000;}
.widget-bottom .btn { margin-right: 5px;}

/*右上角提示（如待完善等提示内容）， 如果没有使用本部分内容是可以直接删除*/
.ribbon-tips { position: absolute; top: 0; right: 0; overflow: hidden; width: 85px; height: 88px;}
.ribbon-tips .tips { position: relative; top: 14px; left: -5px; display: block; padding: 7px 0; width: 120px; background-color: #555; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #fff; text-align: center; font-weight: normal; font-size: 15px; line-height: 20px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ribbon-tips.primary .tips { background-color: #248aaf;}
.ribbon-tips.success .tips { background-color: #3cbc8d;}
.ribbon-tips.info .tips { background-color: #29b7d3;}
.ribbon-tips.warning .tips { background-color: #fac552;}
.ribbon-tips.danger .tips { background-color: #e9422e;}

/*--------------------------筛选--------------------------*/

/*
筛选(列表)
*/
.toolbar-filter { position: relative; background: #fff;}
.list-filter { position: relative; display: inline-block; float: left; margin-left: 5px;}
.open>.range-filter,
.open>.multiple-filter { display: block;}
.list-filter>.btn { float: left; padding: 4px 8px; outline: none; border: none; border-radius: 0; background: none;}
.list-filter>.btn:active { outline: none;}
.list-filter.open>.btn,
.list-filter>.btn:hover { background: #e6e6e6;}

/*范围筛选，如ID范围、时间范围、月份等*/
.range-filter { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; margin: 2px 0 0; padding: 15px 10px 10px; min-width: 150px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175); list-style: none; font-size: 12px;}
.range-filter-hd { padding: 0 10px; height: 26px; border-bottom: 1px solid #ccc;}
.range-filter-hd ul { display: block; margin: 0; padding: 0; height: 26px;}
.range-filter-hd li { display: block; float: left; margin: 0; padding: 0 12px; height: 26px; border: 1px solid transparent; border-bottom: none; border-radius: 5px 5px 0 0; line-height: 26px;}
.range-filter-hd li.active { border: 1px solid #ccc; border-bottom: none; background: #fff;}
.range-filter-hd li input { margin: 0; padding: 0; height: 26px; outline: none; border: none; background: none; line-height: 26px;}

/*ID筛选*/
.id-selection { padding: 12px 20px; width: 260px;}
.id-selection span,
.id-selection input,
.id-selection button { float: left; margin-right: 2px; margin-left: 2px;}
.id-selection input { padding-right: 5px; padding-left: 5px; width: 60px;}
.id-selection span { line-height: 30px;}

/*自定义筛选*/
.custom-selection { padding: 15px 10px 5px; width: 350px; height: 55px;}
.custom-selection .btn-group,
.custom-selection .select-time,
.custom-selection .filter-determine { display: block; float: left;}
.custom-selection .btn-group { margin-right: 5px; width: 70px;}
.custom-selection .btn-group>.btn:first-child:not(:last-child) { width: 70px; border-radius: 4px;}
.custom-selection .btn-group ul.dropdown-menu { min-width: 100px;}
.select-time { position: relative; width: 200px;}
.select-time input { display: inline-block; padding: 6px; width: 46%;}
.filter-determine .btn { border-radius: 4px;}

/*按月份筛选*/
.monthly-selection { padding-top: 8px; width: 180px;}
.select-month,
.select-year { margin: 0; padding: 0;}
.select-month li,
.select-year li { display: inline-block; float: left; padding: 0; width: 33.3333333333%; text-align: center; line-height: 26px;}
.select-month li a,
.select-year li a { display: block; margin: 0 auto; width: 55%; height: 26px; text-align: center; line-height: 26px;}
.select-month li a:hover,
.select-year li a:hover { background: #428bca; color: #fff; text-decoration: none;}
.select-month li.disabled a,
.select-year li.disabled a { background-color: transparent; color: #999; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed;}

/*控制按月份筛选和自定义筛选的操作区是否显示*/
.custom-selection.hidden,
.monthly-selection.hidden { display: none;}

/*单项筛选*/

/*单选筛选选中状态*/
.single-filter.active .btn { border-color: #269abc; background-color: #39b3d7; color: #fff;}

/*控制单选筛选title默认隐藏*/
.single-filter-hidden { display: none;}

/*单项选择下拉选择区域高度控制*/
.single-filter .dropdown-menu { max-height: 500px; overflow-y: auto;}

/*多项筛选，例如是否审核通过、节点筛选等*/
.multiple-filter { padding: 10px 0 0 0; max-height: 400px; overflow-y: auto}
.multiple-filter li a { display: block; overflow: hidden; padding: 0 10px 0 15px; height: 24px; outline: none; color: #428bca; text-decoration: none; font-size: 12px; line-height: 24px;}
.multiple-filter li a:focus {color: #428bca;}
.multiple-filter li i { display: none; width: 18px; font-size: 14px;}
.multiple-filter li a i.uncheck,
.multiple-filter li a.selected i.checked,
.all-filter.selected i.checked,
.multiple-filter .halfcheck i.fa-power-halfcheck,
.multiple-filter .halfcheck i.fa-power-halfcheck-o { display: inline-block;}
.multiple-filter li a.selected i.uncheck,
.all-filter i.checked,
.all-filter.selected i.uncheck,
.multiple-filter .halfcheck i.checked,
.multiple-filter .halfcheck i.uncheck { display: none;}
.all-filter { padding-right: 10px; position: sticky; bottom: 0; display: block; height: 24px; background-color: #fff;}
.all-filter a { float: left;}
.multiple-filter li.divider { overflow: hidden; margin: 5px 0; height: 1px; background-color: #e5e5e5; position: sticky; bottom: 24px; display: block;}
.multiple-filter li a:hover { background: #428bca; color: #fff;}
.multiple-filter .all-filter a:hover { background: none; color: #f60;}
.multiple-filter .keyword-filter input { width: 80%; margin: 0 0 5px 15px; width: 80%; line-height: 16px;}

/*多项筛选,子节点部分*/
.dropdown-submenu { position: relative;}
.dropdown-submenu .dropdown-menu { position: relative; float: none; padding-left: 10px; border: 0; border-radius: 0; background: #f2f2f2; max-height: inherit; box-shadow: none; margin-top: 0; overflow: hidden;}
.dropdown-submenu .dropdown-menu li a:hover { background: #6cb4f3}
.dropdown-submenu-active>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: block; float: right; margin-top: 7px; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: transparent; border-left-color: #ccc; content: " ";}
.dropdown-submenu-active>a:after { border-left-color: transparent; border-top-color: #428bca; margin: 7px 3px 0 0}

/* 下拉菜单 dropdown-menu */

/*.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #428bca;
    color: #fff;
}*/

/*搜索筛选*/
.search-filter .input-group-btn .btn { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0;}

/*搜索筛选分组*/
.search-filter-group { margin-bottom: 0; padding: 2px 0; min-width: 160px; background-color: #fff; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; list-style: none; font-size: 14px;}
.search-filter-group>li>a { display: block; clear: both; padding: 3px 20px; color: #333; white-space: nowrap; font-weight: normal; line-height: 1.42857143; cursor: pointer;}
.search-filter-group>li>a:hover,
.search-filter-group>li>a:focus { background-color: #f5f5f5; color: #262626; text-decoration: none;}
.search-filter-group>.active>a,
.search-filter-group>.active>a:hover,
.search-filter-group>.active>a:focus { outline: 0; background-color: #428bca; color: #fff; text-decoration: none;}
.search-filter-group.disabled>a,
.search-filter-group.disabled>a:hover,
.search-filter-group.disabled>a:focus { color: #999;}
.search-filter-group.disabled>a:hover,
.search-filter-group.disabled>a:focus { background-color: transparent; background-image: none; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed;}

/*搜索筛选展开后样式*/
.search-filter.open li { font-size: 12px;}
.search-filter.open li a b { display: inline-block; overflow: hidden; padding: 0 5px; max-width: 72px; color: #4a8bf6; vertical-align: top; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: normal;}
.search-filter.open li a:hover,
.search-filter.open li a.hover { background: #428bca; color: #fff;}
.search-filter.open li a:hover b,
.search-filter.open li a.hover b,
.search-filter.open li a:focus b,
.search-filter.open li.active a b { color: #ff0;}
.search-filter.open li.disabled a b,
.search-filter.open li.disabled a:hover b,
.search-filter.open li.disabled a:focus b { color: #999999;}

/*筛选结果显示样式*/
.filter-results { z-index: 9; display: none; padding: 5px 0; border-top: 1px solid #eff2f3; background: #fff; max-height: 300px; overflow: auto;}
.filter-results-con { position: relative; display: block; clear: both; margin: 0 4px; padding: 2px; height: auto;}
.filter-results-con:hover { background: #f5fdff;}
.filter-results-con ul { display: block; margin: 0; margin-left: 110px; padding: 0; min-height: 20px;}
.filter-results-con h3 { float: left; overflow: hidden; margin: 0; padding: 0; width: 100px; height: 20px; background: #def6ff; text-align: center; font-weight: normal; font-size: 12px; line-height: 20px;}
.filter-results-con li { display: inline-block; *display: block; float: left; overflow: hidden; margin-right: 2px; padding: 0 0 0 5px; height: 20px; font-size: 12px; line-height: 20px;}
.filter-results-con li:hover { background: #088bcf; color: #fff; cursor: pointer;}
.filter-results-con li:hover span.highlight { color: #ff0;}
.filter-label-close { display: inline-block; overflow: hidden; width: 14px; height: 20px; background: url(../img/ui-icon_filter_close.png) -5px 2px no-repeat; text-indent: -999px; line-height: 20px;}
.filter-results-con li:hover .filter-label-close { background-position: -37px 2px;}
.filter-results-con li span { display: block; float: left; margin: 0; padding: 0;}
.filter-results-con li span.highlight { float: none; display: inline-block; font-weight: bold; color: #f60;}

/*筛选结果显示控制*/
.filter-results-control { position: absolute; top: 0; right: 0; width: 25px; height: 25px; line-height: 25px; border-left: 1px solid #efefef;}
.filter-results-control a { display: block; color: #ccc; vertical-align: middle; text-align: center; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed;}
.filter-results-control i.fa-chevron-up { display: none;}
.filter-results-control.selected a { color: #127fc5; filter: progid:DXImageTransform.Microsoft.gradient(enabled=true); cursor: pointer;}
.filter-results-control.selected a:hover { color: #f60;}
.filter-results-control.open a { height: 42px; background: #fff;}
.filter-results-control.open i.fa-chevron-up { display: inline-block;}
.filter-results-control.open i.fa-chevron-down { display: none;}

/*时间选择左右箭头定义*/
.datetimepicker.dropdown-menu i { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-weight: normal; font-style: normal; font-family: FontAwesome; line-height: 1;}
.datetimepicker.dropdown-menu .icon-arrow-left:after { content: "\f060";}
.datetimepicker.dropdown-menu .icon-arrow-right:after { content: "\f061";}

/*--------------------------上传控件--------------------------*/

/*单图片上传*/
.upload-single>.clearfix>div { padding-right: 10px; padding-bottom: 5px; padding-left: 0;}
.upload-single .upload-photo-area,
.upload-single .upload-file-area { padding: 5px; width: 166px; height: 166px; border: 3px dashed #e6e6e6; color: #ccc; text-align: center; font-size:14px;position: relative;}
.upload-other-ways { text-align: center; font-size: 12px; line-height: 20px; opacity: .7;}
.upload-single .upload-pick { padding-top: 70px; background: url(../img/upload-images-bg.png) center -2px no-repeat;}
.upload-single .webuploader-pick { padding: 5px 15px; width: 100px; height: 36px; border-radius: 4px; text-align: center; line-height: 26px;}
.upload-single .upload-pick:hover .webuploader-pick,
.upload-single .webuploader-pick-hover { background-color: #3276b1;}
.upload-single .upload-pick input { padding: 0 24px; width: 100px; height: 36px;}
.upload-single .upload-pick label { display: none;}
.upload-single .upload-placeholder p { text-align: center;}
.upload-photo-area ul,
.upload-file-area ul,
.upload-title-area ul { margin: 0; padding: 0; list-style: none; min-height: 120px;}
.upload-photo-area .photolist li { display: table-cell; line-height: 150px;}
.upload-photo-area .photolist li .imgWrap img{opacity:1}
.upload-photo-area .photolist li .imgWrap-upload-success img{opacity:1}
.upload-photo-area .photolist img { max-width: 150px; max-height: 150px;}
.upload-photo-area .photolist li,
.upload-single .upload-file-area li { position: relative; float: left; overflow: hidden; padding: 0; width: 150px; height: 150px; text-align: center; font-size: 12px; cursor: pointer;}
.upload-photo-area .photolist li p { padding: 0;}
.upload-photo-area .photolist li p.title { position: absolute; top: 0; left: 0; overflow: hidden; padding: 5px; width: 200px; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000) \0; color: #d2d2d2; color: rgba(255, 255, 255, .8); text-align: left; text-indent: 5px; text-overflow: ellipsis; white-space: nowrap;}
.upload-placeholder-bottom{text-align:center;}
.upload-placeholder-bottom>span{width:22px; display:inline-block;}
.upload-placeholder-bottom .upload-btn{font-size:20px; color:#777 }
.upload-placeholder-bottom .upload-btn:hover{color:#00b7ee}

/*单文件上传*/
.upload-single .upload-file-area li { cursor: default;}
.upload-single .upload-file-area li .imgWrap{width:150px; height:150px; text-align:center; font-size:0px; line-height:150px; display:block; padding:0px; margin:0 auto;}
.upload-single .upload-file-area li #fileName{position:absolute; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.6); z-index:2; line-height:20px;}
.upload-single .upload-file-area .name { overflow: hidden; white-space: nowrap; margin-top: 20px; padding: 80px 0 0; text-align: center; line-height: 24px; color: #000; background: url(../img/filestype.png) 40px 10px no-repeat;}
.upload-single .upload-file-area li .name.rar { background-position: 34px -718px;}
.upload-single .upload-file-area li .name.pic { background-position: 34px -158px;}
.upload-single .upload-file-area li .name.word { background-position: 34px -524px;}
.upload-single .upload-file-area li .name.video { background-position: 34px 0;}
.upload-single .upload-file-area li .name.music { background-position: 34px -338px;}
.upload-single .upload-file-area li .name.files { background-position: 34px -524px;}
.upload-single .upload-file-area .control { display: none; font-size: 20px; line-height: 24px; padding-left: 5px;}
.upload-single .upload-file-area li:hover .control { display: block;}
.upload-single .upload-file-area .size { line-height: 24px; font-size: 14px; padding-right: 5px;}

/* 链接文件上传 */
.upload-single-linkurl .upload-pick { padding-top: 0;background: none; }

/*单图片和单文件的操作图标*/
.upload-photo-area .photolist .file-panel,
.upload-file-area .filelist .file-panel { position: absolute; top: 116px; left: 0; z-index: 300; display: none; overflow: hidden; padding: 5px 10px; width: 150px; border: none; border-radius: 0; background: rgba(66, 139, 202, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC428bca, endColorstr=#CC428bca) \0; color: #fff; font-size: 20px; line-height: 24px; cursor: default;}
.upload-photo-area .photolist li:hover .file-panel,
.upload-file-area .filelist li:hover .file-panel { display: block;}
.upload-photo-area .photolist .file-panel i,
.upload-file-area .filelist .file-panel i { padding: 0 6px; width: 28px; height: 24px; color: #fff; text-align: center; line-height: 24px; cursor: pointer;}

/*上传成功提示*/
.upload-single .upload-success,
.upload-multi .upload-success { position: absolute; top: 5px; right: 5px; z-index: 300; display: block; padding: 0; width: 20px; height: 20px; border: none; border-radius: 50%; background: #00c1f3; color: #fff; font-size: 14px; line-height: 20px;}

/*上传失败提示*/
.upload-single .upload-error { position: absolute; top: 5px; right: 5px; z-index: 300; display: block; padding: 0; width: 20px; height: auto; border: none; border-radius: 50%; background: #C71816; color: #fff; font-size: 14px; line-height: 20px;}
.upload-multi .upload-error{ background: #f43838;color: #fff;position: absolute;bottom: 3px;left: 4px;right: 5px;height: auto;line-height: 24px;width: auto;z-index: 300;margin: 0; }
/*上传进度条*/
.upload-single .progress,
.upload-multi .progress,
.wizard .upload-single .progress,
.wizard .upload-multi .progress { position: absolute; top: 116px; z-index: 301; margin: 0; width: 150px; height: 34px; border-radius: 0; background: rgba(0, 0, 0, .2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000) \0; color: #fff; text-align: center; font-size: 14px; line-height: 34px;}
.upload-single .progress span.percentage,
.upload-multi .progress span.percentage,
.wizard .upload-single .progress span.percentage,
.wizard .upload-multi .progress span.percentage { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(255, 138, 0, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCff8a00, endColorstr=#CCff8a00) \0;}
.upload-single .progress span.text,
.upload-multi .progress span.text,
.wizard .upload-single .progress span.text,
.wizard .upload-multi .progress span.text { position: relative; z-index: 10;}

/*确定上传栏*/
.upload-multi .status-bar { margin-top: 15px; padding: 15px 20px 5px; border-top: 1px solid #a1a1a1; border-top: 1px solid rgba(218, 218, 218, .7); display: flex; align-items: center;}
.upload-multi .status-bar .info,
.upload-multi .status-bar .edit { padding-top: 5px; color: #ccc; text-align: left; font-size: 12px; line-height: 20px;}
.upload-multi .status-bar .info span { padding: 0 3px; color: #666; font-weight: bold;}
.upload-multi .status-bar .upload-btn-left {white-space: nowrap; }
.upload-multi .status-bar .upload-btn-left .upload-btn{font-size:20px; color:#777 }
.upload-multi .status-bar .upload-btn-left .upload-btn:hover{color:#00b7ee; text-decoration: none;}

/*多文件上传（图片）*/
.upload-multi .upload-placeholder { padding-bottom: 30px;}
.upload-multi .upload-photo-area,
.upload-multi .upload-file-area,
.upload-multi .upload-title-area {padding: 3px;min-height: 200px;border: 3px dashed #e6e6e6;color: #ccc;text-align: center;position: relative;}
.upload-multi .upload-pick { padding-top: 150px; margin-top: 0; background: url(../img/upload-images-bg.png) center 60px no-repeat;}
.upload-multi .webuploader-pick { padding: 10px 25px; width: 145px; height: 46px; line-height: 26px; font-size: 16px;}
.upload-multi .upload-pick input { padding: 0 40px; width: 145px; height: 46px;}
.upload-multi .photolist li {min-width: 135px;max-width: 240px;margin: 0;padding: 4px;width: 20%; height:auto; border: 1px solid transparent;}
.upload-multi .photolist .file-panel { top: 5px; left: 5px; right:5px; width:auto; padding: 4px 2px 4px 0; font-size: 18px;}
.upload-multi .photolist .file-panel i { padding: 0; width: 20px;}
.upload-multi .photolist .file-panel #btnAddFeaturedImage { padding-right: 6px;}
.upload-multi .photolist .title { position: absolute; top: auto; left: auto; bottom:7px;z-index: 299; padding: 4px 8px 4px 0; width: 100%;height: 24px; line-height:24px; border: none; background: transparent;}
.upload-multi .photolist .title input {margin: 0;padding: 0 5px;width:100%; text-align:center;height: 24px;outline: none;border: 1px solid transparent;background: transparent;color: #666;-o-transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;}
.upload-multi .photolist li:hover .title input { border: 1px solid #b3daef; border: 1px solid rgba(8, 139, 207, .3); background: #fefefe; background: rgba(255, 255, 255, .55); box-shadow: 0 1px 1px rgba(0, 0, 0, .075); color: #666;}
.upload-multi .upload-photo-area .photolist .imgWrap{display:block;width: 100%; height: 0px; padding-bottom: calc(100% - 2px); overflow:hidden; line-height:140px; font-size:0; text-align:center; border:1px solid #ddd; background:#fff;position:relative;margin:0; margin-bottom:25px;}
.upload-multi .upload-photo-area .photolist .imgWrap img {max-width: 100%;max-height: 100%;cursor: move; opacity:50%;position:absolute; margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.upload-multi .upload-photo-area .photolist .imgWrap-upload-success img{opacity:1}
.upload-multi .upload-photo-area .upload-success { top: 7px; right: 7px; font-size: 12px;}
.upload-multi .upload-photo-area .progress { top: auto; bottom: 3px;right: 5px;left: 4px; padding: 0; width: calc(100% - 8px);height: 24px; border: none; line-height: 24px;z-index: 300;}
.upload-multi .upload-placeholder-bottom{ padding-top:15px;}
.upload-multi .upload-photo-area .fileType,
.upload-multi .upload-photo-area .fileSize,
.upload-multi .upload-photo-area .fileUpdateTime{display:none;}

/*多文件上传（列表式）*/
.upload-multi .upload-title-area .titlelist li {min-width: 260px;margin: 0;width: 100%; height:auto; border: none; position:relative; height:38px; padding:5px; transition:0.3s; display:flex; padding-right:90px; align-items:center }
.upload-multi .upload-title-area .titlelist .imgWrap{display:block;width: 28px; height: 28px; overflow:hidden; line-height:28px; font-size:0; text-align:center; border:1px solid #ddd; background:#fff;position:relative;margin:0; margin-right:5px; flex-shrink:0;}
.upload-multi .upload-title-area .titlelist .imgWrap img {max-width: 100%;max-height: 100%;cursor: move; opacity:50%;position:absolute; margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.upload-multi .upload-title-area .titlelist .imgWrap-upload-success img{opacity:1}
.upload-multi .upload-title-area .titlelist .file-panel{position:absolute; right:10px; top:7px; font-size: 18px; display:none;}
.upload-multi .upload-title-area .titlelist .file-panel a{cursor:pointer;}
.upload-multi .upload-title-area .titlelist .file-panel i { padding: 0; width: 20px;}
.upload-multi .upload-title-area .titlelist .file-panel #btnAddFeaturedImage { padding-right: 6px;}
.upload-multi .upload-title-area .titlelist .title{text-align:left; flex-grow:1; width:1px; font-size:14px; margin:0px; color:#666}
.upload-multi .upload-title-area .titlelist .title input{width:100%; max-width:420px; box-sizing:border-box; height:28px; line-height:26px; border:1px solid transparent; outline:none; padding:0 5px; background:rgba(255,255,255,0.0); color:#666; font-size:14px;}
.upload-multi .upload-title-area .titlelist .title input:focus{background:#fff;}
.upload-multi .upload-title-area .titlelist .upload-error{left:38px; top:5px; height:28px; line-height:28px; text-align:left; padding-left:5px; font-size:14px;  width:calc(100% - 120px);}
.upload-multi .upload-title-area .titlelist li:hover{background-color:#f5f5f5}
.upload-multi .upload-title-area .titlelist li:hover .file-panel{display:block;}
.upload-multi .upload-title-area .fileType,
.upload-multi .upload-title-area .fileSize,
.upload-multi .upload-title-area .fileUpdateTime{width: 52px;flex-shrink:0;text-align:center;height:28px;line-height:28px;overflow:hidden;color:#666}
.upload-multi .upload-title-area .fileSize{width:80px;}
.upload-multi .upload-title-area .fileUpdateTime{width: 142px;}
.upload-multi .upload-title-area .upload-success {top: 16px;right: auto;left: 16px;font-size: 12px;transform:scale(0.5)}
.upload-multi .upload-title-area .progress { top: 5px; bottom: auto;right: auto;left: 38px; padding: 0; width:calc(100% - 120px); max-width:420px;height: 28px; border: none; line-height: 28px;z-index: 300;}
.upload-multi .upload-title-area.multiuploadTitle-list li{padding-right:5px;}
.upload-multi .upload-title-area.multiuploadTitle-list li a{display:block; position:absolute; top:5px; right:5px; bottom:5px; left:5px; z-index:2}

/*多文件上传（文件）*/
.upload-multi .upload-file-area li { display: block; position: relative; height: 36px; line-height: 36px; background: #fff;}
.upload-multi .upload-file-area li:nth-child(2n + 1) { background: #1f2326; background: rgba(66, 139, 202, .05);}
.upload-multi .upload-file-area li:hover { background: #f5f9fc;}
.upload-multi .upload-file-area .file-message>div { padding-right: 5px; padding-left: 5px;}
.upload-multi .upload-file-area li .size,
.upload-multi .upload-file-area li .stutus,
.upload-multi .upload-file-area li .control { overflow: hidden; white-space: nowrap;}
.upload-multi .upload-file-area li .name { overflow: hidden; white-space: nowrap; padding-left: 60px; text-align: left; color: #000; background: url(../img/filestype-small.png) 40px 10px no-repeat;}
.upload-multi .upload-file-area li .name.rar { background-position: 40px -92px;}
.upload-multi .upload-file-area li .name.pic { background-position: 40px -26px;}
.upload-multi .upload-file-area li .name.word { background-position: 40px -125px;}
.upload-multi .upload-file-area li .name.video { background-position: 40px 10px;}
.upload-multi .upload-file-area li .name.music { background-position: 40px -60px;}
.upload-multi .upload-file-area li .name.files { background-position: 40px -125px;}
.upload-multi .upload-file-area li .upload-success { top: 8px; left: 8px; padding: 0; font-size: 12px; width: 16px; height: 16px; border-radius: 50%; line-height: 16px;}
.upload-multi .upload-file-area li .upload-error { top: 8px; left: 8px; padding: 0; font-size: 12px; width: 16px; height: auto; border-radius: 50%; line-height: 16px;}
.upload-multi .upload-file-area li .control a { margin: 0 5px; font-size: 14px;}
.upload-multi .upload-file-area li .progress { position: relative; top: 0; margin: 8px 0 0; height: 20px; width: auto; line-height: 20px; z-index: 301; background: #181818; background: rgba(0, 0, 0, .2); color: #fff; text-align: center; font-size: 14px;}
.upload-multi .upload-file-area .progress span.percentage {}

/* 头像上传控件 */
.upload-single.upload-avatar .upload-photo-area { width: 88px;height: 88px;border-radius: 50%;position: relative;overflow: hidden;padding:0;border:none; }
.upload-single.upload-avatar .upload-photo-area .photolist li{ line-height:0;width:88px;height:88px; }
.upload-single.upload-avatar .upload-photo-area .photolist img{ width:88px;height:88px; }
.upload-single.upload-avatar .upload-photo-area .photolist .file-panel { width: 100%;top: 54px;background: rgba(0, 0, 0, 0.5); }
.upload-single.upload-avatar .upload-photo-area .photolist .file-panel span{ color: #fff;font-size: 13px;font-weight: bold; }
.upload-single.upload-avatar .upload-photo-area .photolist .overlay{ background:none; }
.upload-single.upload-avatar .upload-photo-area .photolist .overlay .show-photo{ display:none; }
.upload-single.upload-avatar .upload-pick { padding-top: 54px;background: url(/Admin/Content/Home/img/lock.jpg) center -9px no-repeat;background-size: 88px 88px; }
.upload-single.upload-avatar .upload-pick .webuploader-pick{padding: 0;width: 100%;border-radius: 0;background: rgba(0, 0, 0, 0.5);line-height: 30px;height:34px; }
.upload-single.upload-avatar .cropper-viewer,
.upload-single.upload-avatar .cropper-face {border-radius: 50%;}

/* 头像上传控件-移动端 */
.upload-single.upload-avatar.phone-view .modal-dialog{width: 100%;margin: 0;height: 100%;}
.upload-single.upload-avatar.phone-view .modal-header{height: 7%;}
.upload-single.upload-avatar.phone-view .modal-content{height: 100%;}
.upload-single.upload-avatar.phone-view .modal-body{height: 85%;}
.upload-single.upload-avatar.phone-view .modal-footer{bottom: 0px;position: absolute;width: 100%;height: 8%;padding-top: 10px;}
.upload-single.upload-avatar.phone-view .img-container{height: 100%;}

/* 上传控件遮罩层 */
.multiuploadimages-list li:hover .overlay,
.upload-file-area .filelist li:hover .overlay,
.upload-photo-area .photolist li:hover .overlay,
.upload-title-area .titlelist li:hover .overlay { display: block; }
.multiuploadimages-list .overlay,
.upload-file-area .filelist .overlay,
.upload-photo-area .photolist .overlay{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.1); display:none;}
.upload-title-area .titlelist .overlay{position:absolute; left:5px; top:5px; bottom:5px; width:28px; background:rgba(0,0,0,0.3); display:none; z-index:301}
.upload-title-area .titlelist .overlay a{height:100%}
.multiuploadimages-list .overlay .show-photo,
.upload-file-area .filelist .overlay .show-photo,
.upload-photo-area .photolist .overlay .show-photo,
.multiuploadimages-list .overlay .show-video,
.upload-file-area .filelist .overlay .show-video,
.upload-photo-area .photolist .overlay .show-video,
.multiuploadimages-list .overlay .show-audio,
.upload-file-area .filelist .overlay .show-audio,
.upload-photo-area .photolist .overlay .show-audio{width:80px; height:80px; line-height:80px;  font-size:50px; color:rgba(255,255,255,0.8); position:absolute; left:50%; top:50%; text-align: center;margin:-60px auto auto -40px; cursor:pointer }
.upload-title-area .titlelist .overlay .show-photo,
.upload-title-area .titlelist .overlay .show-audio,
.upload-title-area .titlelist .overlay .show-video{width:28px; height:28px; line-height:28px;  font-size:16px; color:rgba(255,255,255,0.8); position:absolute; left:50%; top:50%; text-align: center;margin:-14px auto auto -14px; cursor:pointer }

/*上传弹出窗口样式*/
.add-photo-info label { padding-right: 0; color: #333; text-align: right; font-weight: normal;}

/*弹出窗口样式调整(添加外链和修改信息)*/
.upload-single .upload-file-area .modal-content,
.upload-single .upload-photo-area .modal-content,
.upload-multi .upload-file-area .modal-content,
.upload-multi .upload-photo-area .modal-content { color: #000; text-align: left;}
.upload-single .upload-file-area .form-group label,
.upload-single .upload-photo-area .form-group label,
.upload-multi .upload-file-area .form-group label,
.upload-multi .upload-photo-area .form-group label { padding: 4px 0 0; color: #999; text-align: right; font-weight: normal; line-height: 24px;}
.upload-single .upload-file-area .modal-footer,
.upload-single .upload-photo-area .modal-footer,
.upload-multi .upload-file-area .modal-footer,
.upload-multi .upload-photo-area .modal-footer { margin-top: 0;}

/*拖拽显示边框样式*/
.upload-single.webuploader-dnd-over,
.upload-multi.webuploader-dnd-over { border: none;}
.upload-single.webuploader-dnd-over .upload-photo-area,
.upload-single.webuploader-dnd-over .upload-file-area,
.upload-multi.webuploader-dnd-over .upload-photo-area,
.upload-multi.webuploader-dnd-over .upload-file-area { border-color: #666;}

/*内部拖拽边框样式*/
.upload-multi .photolist li.ui-sortable-helper { background: #fff; border: 1px dashed #428bca;}
.upload-multi .photolist li.ui-sortable-placeholder {}

/*上传input隐藏*/
.upload-single .webuploader-element-invisible,
.upload-multi .webuploader-element-invisible { display: none;}

/*上传图片裁剪 image-cropper*/
.image-cropper-box .modal-dialog { width: 800px;}
.image-cropper-box .modal-body { padding: 15px 25px;}
.image-cropper-left { width: 550px;}
.docs-toolbar { margin-top: 10px; text-align: center;}
.image-cropper-right { width: 180px;}
.image-cropper-right h3 { font-size: 14px; line-height: 24px; font-weight: bold; padding: 0 0 5px; margin: 0;}
.img-container,
.img-preview { background-color: #f7f7f7; overflow: hidden; width: 100%; text-align: center;}
.img-container { box-shadow: inset 0 0 5px #eee; border: 1px solid #eee; height: 360px;}
.img-container>img { max-width: 100%; max-height: inherit;}
.img-preview { margin-bottom: 5px; border: 1px solid #eee; height: 120px; width: 180px;}
.docs-data>.input-group { padding-bottom: 7px;}
.lock-ratio { padding: 5px 0;}
.lock-ratio span { padding-left: 5px;}
.docs-options { margin-top: 7px; padding-top: 5px; border-top: 1px solid #ccc;}
.docs-options .row { padding: 4px 0;}
.docs-options .row>div { padding: 0; font-size: 12px;}
.docs-options .row .control-label { padding-right: 8px; color: #666;}

/*上传限制禁用样式*/
.upload-single.upload-disabled .upload-pick,
.upload-multi.upload-disabled .upload-pick,
.upload-multi.upload-disabled .status-bar { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
.upload-single.upload-disabled .upload-placeholder p,
.upload-multi.upload-disabled .upload-placeholder p { color: red;}

/*文件上传后预览*/

/*图片上传后预览列表显示 multiuploadimages-list*/
.multiuploadimages-list figure figcaption { color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.multiuploadimages-list figure figcaption,
.multiuploadimages-list figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.multiuploadimages-list figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
figure.smooth-effect { position: relative; z-index: 1; display: block; float: left; overflow: hidden; margin: 1px; width: 120px; height: 120px; background: #3085a3; text-align: center; cursor: pointer;}
figure.smooth-effect img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0);}
figure.smooth-effect figcaption { top: auto; bottom: 0; height: 100%; text-align: left; padding: 40px 10px 10px;}
figure.smooth-effect h2,
figure.smooth-effect p { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
figure.smooth-effect h2 { margin: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-size: 14px;}
figure.smooth-effect p { font-size: 12px; line-height: 18px; height: 59px; overflow: hidden; color: #d2d2d2; color: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;}
figure.smooth-effect:hover img,
figure.smooth-effect:hover p { opacity: 1;}
figure.smooth-effect:hover img,
figure.smooth-effect:hover h2,
figure.smooth-effect:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
figure.smooth-effect:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}

/*.multiuploadimages-list*/
.multiuploadimages-list ul { padding: 0; margin: 0;}
.multiuploadimages-list li { min-width: 141px; max-width: 221px; position: relative; display: inline-block; vertical-align: top; width: 18%; height: auto; background-color: #fff; background-color: rgba(255, 255, 255, 0.6); margin: 2px 4px 4px 2px; list-style: none; border: 1px solid transparent; -o-transition: box-shadow ease-in-out 1s, border ease-in-out 0.5s; -webkit-transition: box-shadow ease-in-out 1s, border ease-in-out 0.5s; transition: box-shadow ease-in-out 1s, border ease-in-out 0.5s;}
.multiuploadimages-list li:hover { background: #e5f3fb; border: 1px solid #70c0e7; box-shadow: 0 0 3px rgba(35, 112, 158, 0.4);}
.multiuploadimages-list li .imgWrap { width: 100%; height: 0; padding-bottom: calc(100% - 2px); font-size: 0px; line-height: 142px; text-align: center; background: #fff; display: block; border: 1px solid #e5e5e5; margin: 0; position: relative;}
.multiuploadimages-list li .imgWrap span { display: block; width: 100%;}
.multiuploadimages-list li .imgWrap img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}
.multiuploadimages-list li h2 { font-size: 12px; text-align: center; color: #666; padding: 4px 0; margin: 0; line-height: 16px; word-wrap: break-word; word-break: break-all;}
.multiuploadimages-list li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*文件上传后预览列表显示 multiuploadfiles-list*/
.multiuploadfiles-list ul { padding: 0; margin: 0;}
.multiuploadfiles-list li { display: block; height: 32px; line-height: 32px; padding-left: 45px; background: url(../img/filestype-small.png) 15px 10px no-repeat #fff;}
.multiuploadfiles-list li:nth-child(2n) { background-color: #f9f9f9;}
.multiuploadfiles-list li:hover { background-color: #e5f3fb;}
.multiuploadfiles-list li a { padding: 0 20px 0 0;}
.multiuploadfiles-list li span { color: #ccc; font-weight: normal; padding-right: 15px;}
.multiuploadfiles-list li.rar { background-position: 15px -92px;}
.multiuploadfiles-list li.pic { background-position: 15px -26px;}
.multiuploadfiles-list li.word { background-position: 15px -125px;}
.multiuploadfiles-list li.video { background-position: 15px 10px;}
.multiuploadfiles-list li.music { background-position: 15px -60px;}
.multiuploadfiles-list li.files { background-position: 15px -125px;}

/* 微调 spinner  */
.spinner-buttons.input-group-btn { width: auto;}
.spinner-buttons.input-group-btn .btn { outline: none;}
.spinner .form-control { width: 120px;}

/*切换开关 switchery*/
.widget-content .switchery {position: relative;display: inline-block;margin-top: 5px;padding: 0 3px;width: 44px;height: 24px;border: 1px solid #dfdfdf;border-radius: 12px;background-color: #fff;vertical-align: middle;cursor: pointer;}
.widget-content .switchery>small { position: absolute; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.widget-content .switchery-label {display: inline-block; margin-top: 3px; height: 24px; line-height: 24px; vertical-align: middle; padding: 0 15px 0px 5px;}
.pe-switchery .switchery { position: relative; display: inline-block; margin-top: 3px; padding: 0 3px; width: 44px; height: 24px; border: 1px solid #dfdfdf; border-radius: 12px; background-color: #fff; vertical-align: middle; cursor: pointer;}
.pe-switchery .switchery>small { position: absolute; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.pe-switchery .switchery-label {display: inline-block; margin-top: 3px; height: 24px; line-height: 24px; vertical-align: middle; padding: 0 15px 0px 5px;}

/*popover 列表操作弹出的确认窗口*/
.popover { position: absolute; z-index: 1010; display: none; padding: 1px; *width: 230px !important; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: left; white-space: normal;}
.popover .close { margin: 4px 10px 0 0; *margin: 0 5px 0 0 !important;}
.popover .arrow { display: none;}
.popover-title { margin: 0; padding: 5px 14px; border-bottom: 1px solid #ebebeb; border-radius: 3px 3px 0 0; background-color: #f7f7f7; font-weight: bold; font-size: 12px; line-height: 18px;}
.popover-content { padding: 15px; font-size: 12px;}
.confirm-action .popover-content { text-align: right;}
.confirm-action .popover-content p { text-align: left;}
.popover .modal-footer { margin-top: 0; margin-bottom: 0; padding: 10px 15px; border-top: 1px solid #ddd; border-radius: 0 0 3px 3px; background-color: #f5f5f5; box-shadow: inset 0 1px 0 #fff; text-align: right; *zoom: 1;}
.popover .modal-footer .btn { font-size: 12px;}
#titleInput .popover { width: 266px;}
#titleInput .popover-content { padding: 0px;}
#titleInput .popover-content table { width: 100%; color: #333;}
#titleInput .popover .popover-content table th { border-bottom: 1px solid #e8e8e8;}
#titleInput .popover .popover-content table th,
#titleInput .popover .popover-content table td { padding: 5px 5px; text-align: center;}

/*相关内容选择弹出窗口样式*/
.related-content-selected .modal-dialog { width: 80%;}
.related-content-selected .modal-body { height: 490px;}
.related-content-selected iframe { width: 100%; height: 100%; border: 0; overflow-x: hidden; overflow-x: auto;}
.related-content-left { width: 210px; height: 410px; padding: 10px 10px 0 0; border-right: 1px solid #eff2f3;}
.related-content-left .node-tree-functionbox { height: 26px;}
.related-content-right { margin-left: 220px; height: 430px;}
.related-content-right iframe { width: 100%; height: 100%; border: none;}
.related-content-search { height: 30px; margin-bottom: 5px;}
.related-content-grid { height: 100%;}

/*路由规则设置弹出窗口*/
.routing-rules-set .modal-dialog { width: 720px;}
.routing-rules-set .row .checkbox { text-align: right;}
.routing-rules-set .url { font-size: 12px; color: #c0c0c0;}
.routing-rules-set .tips { color: #989899; line-height: 20px; padding: 5px 0; font-size: 14px;}
.routing-rules-params li { list-style: none; font-size: 12px; margin: 0 0 -1px -1px;}
.routing-rules-params li a { display: block; height: 32px; padding: 5px 10px; line-height: 16px; text-decoration: none; border: 1px solid #e0ecf7;}
.routing-rules-params li a:hover { position: relative; border-color: #8ccceb; background-color: #eaf5fb; z-index: 10;}
.routing-rules-params li em { display: block; font-style: normal; color: #078cd0;}
.routing-rules-params li span { display: block; color: #b1b1b1; text-indent: 5px;}

/*列表分页样式*/
.pagination-general { position: relative; display: block; margin: 0; padding: 6px 10px 6px 15px; height: 36px; border-top: 1px solid #eff2f3; border-radius: 0; background-color: #fff; font-size: 12px; z-index: 15;}
.pagination-general a { display: inline-block; padding: 0 7px; height: 22px; border: 1px solid #dbdbde; border-radius: 13px; color: #263248; text-decoration: none; line-height: 22px; cursor: pointer;}
.pagination-general a:hover { border: 1px solid #0a7ac2; color: #127fc5;}
.page-container { display: none;}
.page-container.open { display: block;}
.page-control ul { display: block; float: left; margin: 0; padding: 0;}
.page-control li { display: block; float: left; margin: 0 1px; padding: 0;}
.page-control ul:first-child li:last-child i,
.page-control ul:last-child li:first-child i { position: relative; top: -1px; left: -1px; vertical-align: middle; font-size: 16px;}
.page-control ul:last-child li:first-child i { left: 1px;}
.page-control .disabled,
.page-control .disabled:hover { border: 1px solid #ccc; color: #8c949d; opacity: 0.7; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed;}
.page-numbers .selected,
.page-numbers .selected:hover { border-color: #0a7ac2; background: #127fc5; color: #fff;}
/* .page-numbers li:first-child a,
.page-numbers li:last-child a { border-color: transparent;}
.page-numbers li:first-child a:hover,
.page-numbers li:last-child a:hover { border-color: #0a7ac2;} */
.page-operate { padding: 0 10px; line-height: 24px;}
.page-operate>div { display: inline-block; padding-right: 3px;}
.page-operate input { display: inline-block; padding-left: 6px; width: 40px; height: 22px; border-radius: 4px; color: #555; vertical-align: top; line-height: 12px;}
.page-operate select { display: inline-block; margin: 0 5px; padding: 0 6px; height: 22px; border-radius: 4px; color: #555; vertical-align: top; line-height: 22px; border: 1px solid #ccc; }
.page-message .page-info { display: block; float: left; padding-right: 10px; line-height: 24px;}

/*分页栏右侧帮助提示部分样式*/
.page-control-help { height: 36px; width: 40px; margin-top: -7px; margin-right: -10px; margin-left: 3px; text-align: center;}
.page-control-help>a { position: relative; display: block; width: 40px; height: 36px; border: none; border-radius: 0; font-size: 20px; line-height: 36px; color: #acacac; z-index: 100;}
.page-control-help>a:hover { border: none;}
.page-control-help>a:before { display: block; position: absolute; left: 7px; top: 7px; content: ""; width: 0; height: 0; border: 2px solid transparent; border-style: solid dashed dashed solid; border-left-color: #a5c0d3; border-top-color: #a5c0d3;}
.page-control-help>a:after { display: none; position: absolute; right: 5px; bottom: 5px; content: ""; width: 0; height: 0; border: 3px solid transparent; border-style: dashed solid solid dashed; border-right-color: #a5c0d3; border-bottom-color: #a5c0d3;}
.page-control-help .dropdown-menu { background: transparent; background: rgba(33, 102, 147, 0.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF216693, endColorstr=#BF216693) \0; left: 0; bottom: 36px; right: 0; top: -150px; border-radius: 0; box-shadow: none; border: none; padding: 20px 40px; color: #fff; z-index: 101;}
.page-control-help .dropdown-menu .close { position: absolute; right: 10px; top: 10px; border: none; color: #fff; opacity: 0.7; font-size: 30px;}
.page-control-help .dropdown-menu .close:hover { opacity: 1;}
.page-control-help .dropdown-menu .con h3 { padding: 0; margin: 0; line-height: 36px; font-size: 20px; color: #fff;}
.page-control-help .dropdown-menu .bd { height: 82px; line-height: 20px; overflow-y: auto; color: #fff; font-size: 14px;}
.page-control-help.open>a { background: rgba(33, 102, 147, 0.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF216693, endColorstr=#BF216693) \0; color: #fff;}
.page-control-help.open>a:after { display: block;}
.page-control-help.open>a:before { display: none;}
.page-control-help .con .row { padding: 3px 0;}
.page-control-help .control-help-btn { text-align: right;}
.page-control-help .control-help-btn>div { display: inline-block;}
.page-control-help .control-help-btn .and { padding: 0 10px; font-size: 16px;}
.page-control-help .txt { height: 30px; line-height: 30px; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}

/*按钮上的提示（例如：模板选择按钮）*/
.widget-content .from-panel .from-panel-body .input-group-btn .popover,
.widget-content .form-horizontal .input-group-btn .popover { position: absolute; width: 120px;}

/*Analysis页面定义页面内容居中*/
.widget-canvasbox { padding: 20px; text-align: center;}

/*上传文件大小控制功能模块样式 bytesbox*/
.bytesbox .input-group-btn { display: block; float: left;}
.bytesbox .input-group-btn .btn { width: 56px;}
.bytesbox .input-group-btn .dropdown-menu { min-width: 70px;}

/*下拉控件禁用样式*/
select[disabled]+.btn-group.bootstrap-select button { cursor: not-allowed;}

/* 步骤向导 进度条 Wizards progress-bar*/
.wizard .progress-bar-wrap { position: absolute; width: 98%; top: 15px; height: 40px; border-radius: 4px; background: #eee; margin: 0 1%;}
.wizard .progress-bar { display: none; position: relative; z-index: 1;}
.wizard { position: relative;}
.wizard .steps { /* margin-bottom: 10px; */ padding: 15px 1%;}
.wizard .steps ul { position: relative; display: block; margin: 0; height: 40px; line-height: 40px; overflow: hidden;}
.wizard .steps li { position: relative; z-index: 99; float: left; list-style: none; background: #eee;}
.wizard .steps li:after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 20px solid #eee; border-left: 20px solid #eee; border-bottom: 20px solid #eee;}
.wizard .steps li:last-child:after { border-top-color: #fff; border-left-color: #eee; border-bottom-color: #fff;}
.wizard .steps .prevAll { background: #74afe0;}
.wizard .steps .prevAll:after { border-top-color: #74afe0; border-left-color: #74afe0; border-bottom-color: #74afe0;}
.wizard .steps .prev:after { border-top-color: #367ab7; border-left-color: #74afe0; border-bottom-color: #367ab7;}
.wizard .steps li.active { background: #367ab7;}
.wizard .steps li.active:after { border-top-color: #eee; border-left-color: #367ab7; border-bottom-color: #eee;}
.wizard .steps li.active:last-child:after { border-top-color: #fff; border-bottom-color: #fff;}
.steps.tol-2 li { width: 50%;}
.steps.tol-3 li { width: 33.33333333333333%;}
.steps.tol-4 li { width: 25%;}
.steps.tol-5 li { width: 20%;}
.wizard .steps li+li { margin-left: 0;}
.wizard .steps li a { padding: 0; color: #999;}
.wizard .steps li a em { display: inline-block; margin: 0 10px 0 20px; padding: 0; width: 22px; height: 22px; border-radius: 22px; line-height: 22px; background: #ccc; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-size: 16px; cursor: pointer;}
.wizard .steps .prevAll a { color: #fff !important;}
.wizard .steps .prevAll a em { background: #367ab7;}
.wizard .steps .active a { color: #fff !important;}
.wizard .steps .active a em { background: #fff !important; color: #367ab7 !important;}
.wizard .steps li a:hover { background: none; color: #337ab7;}
.wizard .steps li a:hover em { background: #337ab7;}

/*步骤向导 进度条 错误提醒*/
.wizard .steps li.step-error a em { background: #c00; color: #fff;}
.wizard .steps li.step-error span { color: #f00;}
.wizard .tab-content { padding: 10px 0 0; border-top: 1px dashed #d2d2d2;}
.form-horizontal .wizard .tab-content .form-actions { padding: 20px 0;}
.wizard .tab-pane { padding: 0;}

/*步骤step-explain-con*/
.step-explain-con { padding: 20px 40px;}

/*radio 同行显示样式 */

/*本部分需要结合icheck-minimal-blue.css*/
.radio,
.checkbox { position: relative; padding-left: 22px;}
.radio-inline,
.radio-inline+.radio-inline,
.checkbox-inline,
.checkbox-inline+.checkbox-inline { margin-right: 20px; margin-left: 0;}
.icheckbox_square,
.icheckbox_minimal-blue,
.iradio_minimal-blue { position: absolute; left: 0;}
.inline .radio {display: inline-block; margin-right: 10px; margin-left: 0;}

/*radio禁用提示*/
[disabled="disabled"] label.radio,
label.radio.disabled,
.iradio_minimal-blue.disabled>ins { cursor: not-allowed;}

/*field-required-remind 添加信息必填（*）号提示*/
.field-required-remind { padding: 0 10px; color: #c00; font-size: 14px;}

/*添加错误信息提示 field-validation-error*/
.field-validation-error { color: #c00; font-size: 12px;}
.field-validation-error i { padding-right: 5px; font-size: 14px;}

/*在非错误的情况下，隐藏错误提示。*/
.field-validation-valid span { display: none;}

/* email box */
.emailbox { position: relative;}
.emailbox .selected a { background: #428bca; color: #fff;}
.emailbox-username { padding-left: 5px;}

/*input错误信息发光提示*/
input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
textarea.input-validation-error { border-color: #cf8484; border-color: rgba(227, 144, 144, 0.9); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(255, 0, 0, 0.5);}

/*密码强度*/
.password-strength { position: relative; overflow: hidden; margin-top: 8px; width: 219px; height: 14px; border-radius: 7px; background-color: #ebebed;}
.password-bar { overflow: hidden; width: 0; height: 14px; background-color: #f60; -moz-transition: all 0.4s linear; -o-transition: width 0.4s linear; -webkit-transition: all 0.4s linear; transition: all 0.4s linear;}
.password-weak .password-bar { width: 72px; background-color: #d6492e;}
.password-medium .password-bar { width: 146px; background-color: #f8ab11;}
.password-strong .password-bar { width: 219px; background: #59b94e;}
.password-letter { position: absolute; top: 0; left: 0;}
.password-strength span { display: inline-block; float: left; overflow: hidden; width: 73px; height: 14px; color: #fff; text-align: center; text-indent: -999px; font-size: 12px; line-height: 14px;}
.password-weak .tips-1,
.password-medium .tips-2,
.password-strong .tips-3 { text-indent: 0;}

/*禁止选中内容*/
.unselect { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;}

/*autocopplete loding图标更换*/
.autocopplete-loding { background: url("../img/ui-autocomplete.gif") #fff right center no-repeat;}

/*标签设置 bootstrap-tagsinput*/
.form-group .tagsinput-keyword { display: block;}
.form-group .bootstrap-tagsinput { width: 100%; padding: 5px 8px; margin-bottom: 0; word-break: break-all; word-wrap: break-word;}
.form-group .bootstrap-tagsinput .tag { display: block; float: left; font-weight: normal; background: #eaf7fe; color: #666; border-radius: 4px; line-height: 22px; padding: 0 0 0 10px;  margin: 2px; word-break: break-all; word-wrap: break-word; white-space:initial; text-align: left; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; cursor: default;}
.form-group .bootstrap-tagsinput .tag:hover { background: #069dd5; color: #fff;}
.form-group .bootstrap-tagsinput .tag [data-role="remove"] { display: inline-block; line-height: 22px; padding: 0 4px; margin-left: 4px; box-shadow: none; color: #999; border-radius: 0 4px 4px 0;}
.form-group .bootstrap-tagsinput .tag:hover [data-role="remove"] { color: #fff;}
.bootstrap-tagsinput .tag [data-role="remove"]:after { padding: 0;}
.form-group .bootstrap-tagsinput .tag [data-role="remove"]:hover { background-color: #4bcaff;}
.form-group .bootstrap-tagsinput input { float: left; height: 22px; line-height: 22px; padding-left: 4px;}
.pickup-keyword { line-height: 26px; margin-left: 5px;}

/*combox样式修改*/
.combobox-container { margin-bottom: 0;}
.combobox-container.combobox-selected .input-group-btn:last-child>.btn { padding: 5px 10px 5px 7px;}
.combobox-container.combobox-selected .btn .combobox-clear { margin-top: 3px;}

/*缓存值 -- 树调整（如缓存管理详细中使用）*/
.json-tree .ztree li { overflow-x: hidden; clear: both;}
.json-tree .ztree li a.curSelectedNode { height: auto; text-decoration: none;}

/*选择模板后判断 所显示图标样式*/
.form-horizontal .form-control-feedback { display: none;}
.form-horizontal .has-feedback.control-viewpath .form-control-feedback { display: block; top: 0; right: 80px;}
.form-horizontal .has-feedback.control-viewpath .form-control-feedback.glyphicon-warning-sign { color: #eea236;}
.form-horizontal .has-feedback.control-viewpath .form-control-feedback.glyphicon-time { color: #5bc0de;}
.input-group-btn>.btn,
.input-group-btn>.btn-group { margin-left: -1px\0;}

/*保存 loading-spinner 效果*/
.loading-spinner-box { position: fixed; left: 50%; top: 50%; margin-top: -40px; margin-left: -60px; width: 120px; height: 80px; border-radius: 5px; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000) \0; z-index: 1000;}
.loading-spinner { margin: 15px auto 10px; width: 26px; height: 26px; position: relative;}
.loading-spinner-container.container1>div,
.loading-spinner-container.container2>div,
.loading-spinner-container.container3>div { width: 8px; height: 8px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.loading-spinner .loading-spinner-container { position: absolute; width: 100%; height: 100%;}
.loading-spinner-container.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.loading-spinner-container.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);}
.loading-spinner-container .circle1 { top: 0; left: 0;}
.loading-spinner-container .circle2 { top: 0; right: 0;}
.loading-spinner-container .circle3 { right: 0; bottom: 0;}
.loading-spinner-container .circle4 { left: 0; bottom: 0;}
.loading-spinner-container.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.loading-spinner-container.container3 .circle1 { -webkit-animation-delay: -1s; animation-delay: -1s;}
.loading-spinner-container.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.loading-spinner-container.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
.loading-spinner-container.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s;}
.loading-spinner-container.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s;}
.loading-spinner-container.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.loading-spinner-container.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
.loading-spinner-container.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
.loading-spinner-container.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
.loading-spinner-container.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay { 0%,
    80%,
    100% { -webkit-transform: scale(0);}
    40% { -webkit-transform: scale(1);}
}
@keyframes bouncedelay { 0%,
    80%,
    100% { transform: scale(0); -webkit-transform: scale(0);}
    40% { transform: scale(1); -webkit-transform: scale(1);}
}
.loading-spinner-box .txt { text-align: center; color: #fff; font-size: 12px;}

/*定义form-control 禁用状态下不被焦点的样式*/
.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: none; box-shadow: none;}

/*自适应样式定义（主要是定义小于540px的样式）*/
@media screen and (max-width: 540px) {
    /*设置角色权限自适应定义*/
    .role-permission-set { width: 140px;}
    .role-permission-set li a { padding-left: 35px;}
    .role-permission-set li i { left: 10px;}
    .role-permission-set .sub-menu i { left: 10px;}
    .role-permission-set .has-child>a>.arrow { right: 6px;}
    .role-permission-set .sub-menu .has-child>a>.arrow { right: 6px;}
    .role-permission-set .sub-menu { left: 140px; width: 160px;}
    .role-permission-set li li .sub-menu { left: 157px;}

    /*上传文件后显示*/
    .upload-file-area li .control { padding-left: 5px; padding-right: 5px;}
    .upload-file-area li .control a { margin: 0 3px;}
}

/* 用于在Angular渲染完成前，不显示内容*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide { display: none !important;}
.dropdown-menu { max-height: 315px; overflow-y: auto;}
.dropdown-menu .menu-search { display: inline-block; width: 75%; margin-left: 5px;}
.power-edui-autoformat i { padding: 2px 5px;}
.power-edui-qrcode i { padding: 2px 5px; font-size: 17px;}
.edui-for-typosCheckUploadDialog { top: 90px;}
.edui-default .edui-toolbar .edui-button.power-edui-typoscheck .edui-icon { background-image: url("../img/typos.jpg"); -ms-background-repeat: no-repeat; background-repeat: no-repeat; -ms-background-position: center; background-position: center;}

/* toolbar 下拉菜单样式调整 */
.toolbar .btn-group:not(.single-filter) .dropdown-menu{border-radius: 0; padding: 1px 0;background-color: #f4f4f4;background-color: rgba(255, 255, 255, .95);font-size: 12px;    text-align: left;}
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li{height: 26px;display: block;padding: 0;margin: 0;}
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li.divider { height: 1px; margin-left:29px;}
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li>a{position: relative; padding: 0 10px 0 40px; height: 26px; line-height: 26px;cursor: pointer; font-size: 12px;}
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li>a>i{position: absolute; top: 0;left: 0;width: 30px;height: 26px;text-align: center; line-height: 26px; border-right: 1px solid #e5e5e5; border-right: 1px solid rgba(0, 0, 0, .1); }
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li>a>span{display: block;padding-left: 0px;height: 26px; }
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li>a>span.span-tag{position:absolute; left:15px; width:16px; height:16px;top:5px;}
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li>a:hover{background: #428bca; color: #fff;}
.toolbar .btn-group:not(.single-filter) .dropdown-menu>li>a:hover i{border-right: 1px solid rgba(255, 255, 255, .2);}

/* 返回顶部 goTop */
#goTop { position: fixed; display: none; width: 50px; height: 50px; bottom: 81px; right: 20px; z-index: 9999; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: 0.9; background: rgba(33, 102, 147, 0.7);}
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}
.widget-box p,
.widget-box pre { padding: 3px 0 0 0;}
.form-search .search-filter .input-sm { height: 30px;}
.form-group .control-label { min-height: 29px;}
.form-group p.form-control-static { word-wrap: break-word; padding: 5.5px 0 0 0 /* 显示内容表格时候，水平对齐，待修 */;}
.site-page-search .dropdown-toggle { height: 38px !important;}

/* 修复详情页字段信息左右不对齐的问题 */
@media screen and (min-device-width: 1000px) { .form-horizontal .control-label,
    .widget-content .control-label { padding: 6px 7px 6px 15px; line-height: 22px;}
    .widget-box p,
    .widget-box pre { line-height: 22px;}
    .form-control-static { padding-top: 6px; padding-bottom: 6px; line-height: 22px; min-height: 34px;}
}

/* 设备宽度大于1200px时为宽屏风格 */
@media screen and (min-device-width: 1200px) {
    /* 覆盖bootstrap */
    hr { margin-top: 20px; margin-bottom: 20px;}
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 { margin-top: 20px; margin-bottom: 10px;}
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 { margin-top: 10px; margin-bottom: 10px;}
    h1,
    .h1 { font-size: 36px;}
    h2,
    .h2 { font-size: 30px;}
    h3,
    .h3 { font-size: 24px;}
    h4,
    .h4 { font-size: 18px;}
    h5,
    .h5 { font-size: 14px;}
    h6,
    .h6 { font-size: 12px;}
    p { margin: 0 0 10px;}
    .lead { margin-bottom: 20px; font-size: 16px;}
    small,
    .small { font-size: 85%;}
    .page-header { padding-bottom: 9px; margin: 40px 0 20px;}
    ul,
    ol { margin-bottom: 10px;}
    dl { margin-bottom: 20px;}
    blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px;}
    address { margin-bottom: 20px;}
    pre { padding: 9.5px; margin: 0 0 10px; font-size: 13px;}
    .table { margin-top: 10px; margin-bottom: 20px;}
    legend { margin-bottom: 20px; font-size: 21px;}
    output { padding-top: 7px; font-size: 14px;}
    .form-control { height: 34px; padding: 6px 12px; font-size: 14px;}
    .form-group { margin-bottom: 15px;}
    .checkbox label { min-height: 20px;}
    .form-control-static { padding-top: 6px; padding-bottom: 6px; line-height: 22px; min-height: 34px;}
    .input-sm { height: 30px; font-size: 12px;}
    select.input-sm { height: 30px; line-height: 30px;}
    .form-group-sm .form-control { height: 30px; font-size: 12px;}
    .form-group-sm select.form-control { height: 30px; line-height: 30px;}
    .form-group-sm .form-control-static { height: 30px; min-height: 32px; font-size: 12px;}
    .input-lg { height: 46px; padding: 10px 16px; font-size: 18px;}
    select.input-lg { height: 46px; line-height: 46px;}
    textarea.input-lg,
    select[multiple].input-lg { height: auto;}
    .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px;}
    .form-group-lg select.form-control { height: 46px; line-height: 46px;}
    .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px;}
    .has-feedback .form-control { padding-right: 42.5px;}
    .form-control-feedback { width: 34px; height: 34px; line-height: 34px;}
    .input-lg+.form-control-feedback,
    .input-group-lg+.form-control-feedback,
    .form-group-lg .form-control+.form-control-feedback { width: 46px; height: 46px; line-height: 46px;}
    .input-sm+.form-control-feedback,
    .input-group-sm+.form-control-feedback,
    .form-group-sm .form-control+.form-control-feedback { width: 30px; height: 30px; line-height: 30px;}
    .has-feedback label~.form-control-feedback { top: 25px;}
    .form-horizontal .radio,
    .form-horizontal .checkbox,
    .form-horizontal .radio-inline,
    .form-horizontal .checkbox-inline { padding-top: 0px;}
    .form-horizontal .radio,
    .form-horizontal .checkbox { min-height: 27px;}
    .form-horizontal .radio:has(.iradio_minimal-blue),
    .form-horizontal .checkbox:has(.icheckbox_square),
    .form-horizontal .checkbox:has(.icheckbox_minimal-blue) {line-height: 34px}
    .form-horizontal .iradio_label,
    .form-horizontal .icheckbox_label{line-height:34px}
    .form-horizontal .checkbox .icheckbox_square,
    .form-horizontal .checkbox .icheckbox_minimal-blue,
    .form-horizontal .radio .iradio_minimal-blue {top: 7px; margin-top:0px;}
    .form-horizontal .checkbox .icheckbox_square .icheckbox_square,
    .form-horizontal .checkbox .icheckbox_minimal-blue .icheckbox_minimal-blue,
    .form-horizontal .radio .iradio_minimal-blue .iradio_minimal-blue {top: 0;}
    .btn { padding: 6px 12px; font-size: 14px;}
    .btn-lg,
    .btn-group-lg>.btn { padding: 10px 16px; font-size: 18px;}
    .btn-sm,
    .btn-group-sm>.btn { font-size: 12px;}
    .btn-xs,
    .btn-group-xs>.btn { font-size: 12px; padding: 1px 5px;}
    .dropdown-menu { font-size: 14px;}
    .dropdown-menu .divider { margin: 9px 0;}
    .dropdown-header { font-size: 12px;}
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px;}
    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px;}
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn { height: 30px; font-size: 12px;}
    select.input-group-sm>.form-control,
    select.input-group-sm>.input-group-addon,
    select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px;}
    .input-group-addon { padding: 6px 12px; font-size: 14px;}
    .input-group-addon.input-sm { font-size: 12px;}
    .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px;}
    .nav>li>a { padding: 10px 15px;}
    .nav .nav-divider { margin: 9px 0;}
    .navbar { min-height: 50px; margin-bottom: 20px;}
    .navbar-brand { padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px;}
    .navbar-toggle { margin-top: 8px; margin-bottom: 8px;}
    .navbar-nav { margin: 7.5px -15px;}
    .navbar-nav>li>a { line-height: 20px;}
    .navbar-form { margin-top: 8px; margin-bottom: 8px;}
    .navbar-btn { margin-top: 8px; margin-bottom: 8px;}
    .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px;}
    .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px;}
    .navbar-text { margin-top: 15px; margin-bottom: 15px;}
    .breadcrumb { padding: 8px 15px; margin-bottom: 20px;}
    .pagination { /*margin: 20px 0;*/}
    .pagination>li>a,
    .pagination>li>span { padding: 6px 12px;}
    .pagination-lg>li>a,
    .pagination-lg>li>span { padding: 10px 16px; font-size: 18px;}
    .pagination-sm>li>a,
    .pagination-sm>li>span { font-size: 12px;}
    .pager { margin: 20px 0;}
    .badge { font-size: 12px;}
    .jumbotron p { font-size: 21px;}
    .thumbnail { margin-bottom: 20px;}
    .alert { padding: 15px; margin-bottom: 20px;}
    .alert-dismissable,
    .alert-dismissible { padding-right: 35px;}
    .progress { height: 20px; margin-bottom: 20px;}
    .progress-bar { font-size: 12px; line-height: 20px;}
    .panel { margin-bottom: 20px;}
    .panel-body { padding: 15px;}
    .panel-heading { padding: 10px 15px;}
    .panel-title { font-size: 16px;}
    .panel-footer { padding: 10px 15px;}
    .panel>.table caption,
    .panel>.table-responsive>.table caption,
    .panel>.panel-collapse>.table caption { padding-left: 15px; padding-right: 15px;}
    .panel-group { margin-bottom: 20px;}
    .close { font-size: 21px;}
    .modal-header { padding: 15px;}
    .modal-body { padding: 15px;}
    .modal-footer { padding: 15px;}
    .tooltip { font-size: 12px;}
    .popover { font-size: 14px;}
    .popover-title { font-size: 14px;}

    /* 针对性修改 */
    body,
    .widget-box p,
    .widget-box pre,
    .view-list-manage li .name,
    .widget-title h5,
    .toolbar i { font-size: 14px !important;}
    .site-page-search .dropdown-toggle { height: 46px !important;}
    .page-heading h3 { font-size: 16px;}
    .widget-title,
    .widget-title h5 { height: 40px; line-height: 40px;}
    .widget-content { padding: 15px 0 0;}
    /* .widget-content .from-panel-heading { margin: 0 15px 10px 15px;} */
    .widget-content .control-label { padding: 5px 7px 5px 15px; font-weight: normal; line-height: 24px;}
    .spinner-buttons.input-group-btn { width: 36px;}
    .widget-content .control-content { line-height: 34px;}
    .filter-results-control { height: 35px; width: 35px; line-height: 35px;}
    .form-search .search-filter .input-sm { height: 32px;}
    .form-group { padding: 5px 0;}

    /*自定义筛选*/
    .custom-selection .btn-group>.btn:first-child:not(:last-child) { height: 34px;}
    .filter-determine .btn { height: 34px;}

    /* /Admin/Content/ContentManage/css/GalleryManage.css */
    .thumbnail-area { height: 185px !important;}
    .thumbnail .thumbnail-meta { padding: 10px !important;}

    /* /Admin/Content/FileManage/css/ViewManage.css */
    .view-list-manage li .name { font-size: 14px !important;}

    /* /Admin/Content/Base/css/listview.css */
    .toolbar.toolbar-filter { padding: 5px !important;}

    /* /Admin/Content/ContentManage/css/SiteHomePage.css */
    .row.statistics .panel-heading { padding: 15px 10px 15px 35px !important;}

    /*combox样式修改*/
    .combobox-container.combobox-selected .input-group-btn:last-child>.btn { padding: 6px 10px 6px 7px;}
    .form-group p.form-control-static { padding: 7px 0 0 0 /* 显示内容表格时候，水平对齐，待修 */;}
}

/* 状态图标颜色 */

/* 红色 */
.status-type1 { color: #ff0000;}

/* 绿色 */
.status-type2 { color: #2099ff;}

/* 橙色 */
.status-type3 { color: #ff5500;}

/* 绿色 */
.status-type4 { color: #2cc53e;}

/*弹出框显示参数*/
.confirmdialogparams { margin: 0px 16px;}
.dialogparams { float: left; margin-bottom: 2px; font-size: 12px; margin-right: 12px;}
.dialogparams input { vertical-align: text-bottom;}
.confirmdialogfooter { clear: both;}

/* 选择内容中图片到封面的弹窗 */
#content-img .modal-body ul { padding: 0px;}
#content-img .modal-body ul li { border: 2px solid rgb(221, 221, 221); overflow: hidden; cursor: pointer; width: 264px; margin: 0px 10px 20px; height: 264px; text-align: center; font-size: 0px; line-height: 252px;}
#content-img .modal-body ul li img { max-width: 252px; max-height: 252px; display: inline-block;}
#content-img .modal-body ul li:hover { border: 2px solid blue;}
#content-img .modal-body ul li.imgborder { border: 2px solid blue;}
@media (min-width: 992px) { #content-img .modal-body ul li {width: 197px; height: 197px; line-height: 185px;}
    #content-img .modal-body ul li img {max-width: 185px; max-height: 185px;}
}

/*日期控件显示图标*/
.datetimepickerinput {
    float: left;
}
.datetimepickerinput-icon {
    float: left;
    margin-left: -20px;
    margin-top: 9px;
    color: #00000040;
}

/* 内容状态 */
.details-general {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    z-index: 9;
}

.details-general-state {
    transform: rotate(45deg) translate(58px, 30px);
    transform-origin: right top;
    background-color: rgba(6, 132, 234, 0.75);
    width: 120px;
    position: absolute;
    top: 0;
    text-align: center;
    right: 0;
    color: white;
    font-size: 14px;
    line-height: 26px;
}

.details-general-state.details-general-state-NotApprove {
    background-color: rgba(234, 6, 6, 0.75);
}

.details-general-state.details-general-state-Approve {
    background-color: rgba(9, 130, 56, 0.75);
}

.details-general-state.details-general-state-ApproveWait {
    background-color: rgba(9, 130, 56, 0.75);
}

/* 车牌号码 & 火车班次 */
.input-group .input-icon-text{ position: absolute; z-index: 11; left: 1px; top: 1px; bottom: 1px; width: 32px; height: auto; padding: 0; background: none; border: none; overflow: hidden; cursor: pointer; text-indent: -9999px; background: none;}
.input-group.trainnumber,
.input-group.licenseplatenumber{ position: relative; max-width: 240px;}
.input-group.trainnumber input[type="text"],
.input-group.licenseplatenumber input[type="text"]{width: 100%;}

/* 车牌号码 & 火车班次的弹出层 */
.modal-brand-dialog{ margin: 0 auto; text-align: center; background-color: rgba(0,0,0,0.3);}
.modal-brand-dialog ul{list-style:none; padding:0px; margin:0px; display:flex; flex-wrap:wrap; }
.modal-brand-dialog .modal-dialog{ display: inline-block; width: 400px; margin-top: 150px; position: relative; max-width:90%;}
.modal-brand-dialog.trainnumbermodal .modal-dialog{ width: 200px;}
.modal-brand-dialog .modal-btn-close{ position: absolute; z-index: 2; right: -20px; top: -20px; width: 40px; height: 40px; line-height: 40px; float: left; font-size: 30px; color: #666; text-align: center; overflow: hidden; border-radius: 50%; background-color: #eaeaea; cursor: pointer;}
.modal-brand-dialog .modal-btn-close:hover{ background-color: #888; color: white;}
.modal-brand-dialog .modal-body{ padding: 20px; background-color: #fafafa; border-radius: 10px; text-align: left; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.modal-brand-dialog .modal-body li{ display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; color:#fff; background-color: #216693; margin: 3px; border-radius: 3px; cursor: pointer;}
.modal-brand-dialog .modal-body li:hover{ background-color: #124972;}

/*修复电子邮箱录入框左边圆角问题*/
.input-group .input-group-addon + .emailbox .form-control{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}