/*鍏煎寰搸鏂扮増鍥剧墖閫夋嫨锟�?*/ .modal-open { overflow: inherit; padding: 0 !important } .modal.fade .modal-dialog { -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%); /*z-index: 99999;*/ } .modal.in .modal-dialog { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) } #newUploaderImg .modal-dialog, .uploader-modal .modal-dialog { width: 1088px } #newUploaderImg .modal-header, .uploader-modal .modal-header { border-bottom: 1px solid #e7e7eb; padding: 15px 20px } #newUploaderImg .modal-header .modal-title, .uploader-modal .modal-header .modal-title { font-size: 16px } #newUploaderImg .modal-footer .count, .uploader-modal .modal-footer .count { display: inline-block; height: 34px; line-height: 34px } #newUploaderImg .modal-footer .btn-default.disabled, .uploader-modal .modal-footer .btn-default.disabled { background-color: #E7E7EB } #newUploaderImg .modal-body, .uploader-modal .modal-body { padding: 0; max-height: 710px; overflow: hidden } #newUploaderImg .modal-body .nav.nav-pills, .uploader-modal .modal-body .nav.nav-pills { float: left; width: 150px; border-right: 1px solid #e7e7eb; margin-bottom: -999px; padding-bottom: 999px } #newUploaderImg .modal-body .nav.nav-pills li, .uploader-modal .modal-body .nav.nav-pills li { height: 34px; line-height: 34px; margin: 0; padding-left: 15px } #newUploaderImg .modal-body .nav.nav-pills li a, .uploader-modal .modal-body .nav.nav-pills li a { color: #252424 } #newUploaderImg .modal-body .nav.nav-pills li.active, #newUploaderImg .modal-body .nav.nav-pills .head .navbar-left > li:hover, .head #newUploaderImg .modal-body .nav.nav-pills .navbar-left > li:hover, #newUploaderImg .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, #newUploaderImg .modal-body .nav.nav-pills li:hover, .uploader-modal .modal-body .nav.nav-pills li.active, .uploader-modal .modal-body .nav.nav-pills .head .navbar-left > li:hover, .head .uploader-modal .modal-body .nav.nav-pills .navbar-left > li:hover, .uploader-modal .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, .uploader-modal .modal-body .nav.nav-pills li:hover { background-color: #f4f5f9 } #newUploaderImg .modal-body .material-body, .uploader-modal .modal-body .material-body { border: none } #newUploaderImg .modal-body .row, .uploader-modal .modal-body .row { margin-top:-10px } #newUploaderImg .modal-body .col-sm-2, #newUploaderImg .modal-body .col-sm-3, #newUploaderImg .modal-body .col-sm-4, .uploader-modal .modal-body .col-sm-2, .uploader-modal .modal-body .col-sm-3, .uploader-modal .modal-body .col-sm-4 { padding: 10px; overflow: hidden; box-sizing: border-box; cursor: pointer } /*#newUploaderImg .modal-body .col-sm-2.input-group, #newUploaderImg .modal-body .col-sm-3.input-group, #newUploaderImg .modal-body .col-sm-4.input-group, .uploader-modal .modal-body .col-sm-2.input-group, .uploader-modal .modal-body .col-sm-3.input-group, .uploader-modal .modal-body .col-sm-4.input-group { padding: 0 20px 0 0 }*/ #newUploaderImg .tab-content, .uploader-modal .tab-content { width: 935px; height: 100%; float: left } #newUploaderImg.news .tab-content, .uploader-modal.news .tab-content { height: 370px; overflow: hidden } #newUploaderImg.news .material-appmsg-item, .uploader-modal.news .material-appmsg-item { width: 100% } #newUploaderImg.news #material-list-pager, .uploader-modal.news #material-list-pager { float: right; height: 64px; padding-bottom: 15px; padding-right: 15px } #newUploaderImg.basic .modal-body textarea, .uploader-modal.basic .modal-body textarea { margin-top: 15px } #newUploaderImg.basic .modal-body .tab-content, .uploader-modal.basic .modal-body .tab-content { width: 100%; float: none; margin-top: 1px } #newUploaderImg.basic .modal-body,.uploader-modal.basic .modal-body { padding: 30px } #newUploaderImg.basic .modal-body .tab-content textarea, .uploader-modal.basic .modal-body .tab-content textarea { width: 100% } #newUploaderImg.music .modal-body, .uploader-modal.music .modal-body { padding: 30px } #newUploaderImg.voice .tab-content, #newUploaderImg.video .tab-content, #newUploaderImg.image .tab-content, #newUploaderImg.module .tab-content, .uploader-modal.voice .tab-content, .uploader-modal.video .tab-content, .uploader-modal.image .tab-content, .uploader-modal.module .tab-content { width: 100%; padding: 15px; float: none } #newUploaderImg.voice #material-list-pager, #newUploaderImg.video #material-list-pager, #newUploaderImg.image #material-list-pager, #newUploaderImg.module #material-list-pager, .uploader-modal.voice #material-list-pager, .uploader-modal.video #material-list-pager, .uploader-modal.image #material-list-pager, .uploader-modal.module #material-list-pager { float: right; height: 64px; padding-bottom: 15px; padding-right: 15px } #newUploaderImg.image .material-body,.uploader-modal.image .material-body { padding: 0; position: relative; overflow-y: hidden } #newUploaderImg.image .category, .uploader-modal.image .category{ width: 170px; height: 460px; overflow-y: auto; border-right: 1px solid #e7e7eb; background: #f4f5f9; float: left; /*display: none;*/ } #newUploaderImg.image .category .add, .uploader-modal.image .category .add{ line-height: 44px; text-align: center; background: #fff; border-bottom: 1px solid #e7e7eb; } #newUploaderImg.image .category li .name, .uploader-modal.image .category li .name{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #newUploaderImg.image .img-container, .uploader-modal.image .img-container{ padding: 10px 10px 41px; flex-wrap: wrap; margin-left: 0; max-height: 460px; overflow-y: auto; } #newUploaderImg.image .img-container .item, .uploader-modal.image .img-container .item{ flex: none; position: relative; width: calc(20% - 20px); margin: 10px; text-align: center; vertical-align: middle; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #newUploaderImg.image .img-container .item:before, .uploader-modal.image .img-container .item:before{ content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle; } #newUploaderImg.image .img-container .item .name, .uploader-modal.image .img-container .item .name{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0,0,0,.5); color: #fff; padding: 0 20px; text-align: left; z-index: 2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .we7-flex{ display: flex; display: -webkit-flex; } #newUploaderImg.image .material-body .selected-all, .uploader-modal.image .material-body .selected-all{ width: 130px; padding: 10px 30px; background: #fff; position: fixed; left: 0; bottom: 60px; z-index: 20; float: left; } #newUploaderImg.image .material-body .selected-all input, .uploader-modal.image .material-body .selected-all input{ float:left } #newUploaderImg.image .material-body .selected-all label, .uploader-modal.image .material-body .selected-all label{ margin-top: 3px; float: left; margin-left: 10px; } #newUploaderImg.image .tab-content, .uploader-modal.image .tab-content{ height: 460px; padding: 15px 7px } #newUploaderImg.image .tab-content .history .img-list, .uploader-modal.image .tab-content .history .img-list { margin: 0 } #newUploaderImg.image .col-sm-2 .item, .uploader-modal.image .col-sm-2 .item { position: relative; width: 100%; text-align: center; vertical-align: middle; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% } #newUploaderImg.image .col-sm-2 .item:before, .uploader-modal.image .col-sm-2 .item:before { content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle } #newUploaderImg.image .col-sm-2 .item .name, .uploader-modal.image .col-sm-2 .item .name { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0, 0, 0, .5); color: #fff; padding: 0 20px; text-align: left; z-index: 2 } #newUploaderImg.image .img-net, .uploader-modal.image .img-net { font-size: 18px } #newUploaderImg.image .img-net .img, .uploader-modal.image .img-net .img { width: auto; min-width: 150px; height: 150px; background-color: #eee; margin: 50px 0 20px 0 } #newUploaderImg.image .img-net input, .uploader-modal.image .img-net input { width: 500px; margin: 10px auto } #newUploaderImg.image .img-net .btn, .uploader-modal.image .img-net .btn { width: 120px; margin: 10px 0 } #newUploaderImg.keyword .tab-content, .uploader-modal.keyword .tab-content { width: 100%; height: 310px; padding: 15px; float: none } #newUploaderImg.keyword .material-content, .uploader-modal.keyword .material-content { padding: 0 } #newUploaderImg.keyword .row, .uploader-modal.keyword .row { margin: -10px } #newUploaderImg.keyword .col-sm-2, .uploader-modal.keyword .col-sm-2 { padding: 10px; overflow: hidden; box-sizing: border-box; cursor: pointer } #newUploaderImg.keyword .col-sm-2 a, .uploader-modal.keyword .col-sm-2 a { display: block; width: 100%; height: 75px; position: relative; cursor: pointer; border: 1px solid #e7e7eb; text-align: center } #newUploaderImg.keyword .col-sm-2 a span, .uploader-modal.keyword .col-sm-2 a span { display: inline-block; width: 94%; padding: 0 3%; max-height: 54px; line-height: 18px; overflow: hidden; box-sizing: border-box; white-space: normal; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } #newUploaderImg.keyword .col-sm-2.active a, #newUploaderImg.keyword .head .navbar-left > li.col-sm-2:hover a, .head #newUploaderImg.keyword .navbar-left > li.col-sm-2:hover a, #newUploaderImg.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu #newUploaderImg.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, #newUploaderImg.keyword .col-sm-2:hover a, .uploader-modal.keyword .col-sm-2.active a, .uploader-modal.keyword .head .navbar-left > li.col-sm-2:hover a, .head .uploader-modal.keyword .navbar-left > li.col-sm-2:hover a, .uploader-modal.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu .uploader-modal.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, .uploader-modal.keyword .col-sm-2:hover a { background-color: #f4f6f9; color: #428bca } #newUploaderImg.module .tab-content, .uploader-modal.module .tab-content { padding: 15px 7px } #newUploaderImg.module .img-list, .uploader-modal.module .img-list { margin: 0 } #newUploaderImg.module .img-list img, .uploader-modal.module .img-list img { margin: 17px 0 4px 0 } #newUploaderImg.module .col-sm-2 .item, .uploader-modal.module .col-sm-2 .item { position: relative; width: 100%; text-align: center; border: 1px solid #e7e7eb } #newUploaderImg.module .col-sm-2 .item:before, .uploader-modal.module .col-sm-2 .item:before { content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle } #newUploaderImg.module .col-sm-2 .item .icon, .uploader-modal.module .col-sm-2 .item .icon { width: 80px; height: 80px; border-radius: 10px; vertical-align: middle } #newUploaderImg.module .col-sm-2 .item .name, .uploader-modal.module .col-sm-2 .item .name { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0, 0, 0, .5); color: #fff; padding: 0 20px; text-align: left; z-index: 2 } #newUploaderImg.video .col-sm-3 .item, #newUploaderImg.voice .col-sm-3 .item, #newUploaderImg.music .voice-content .col-sm-3 .item, .uploader-modal.video .col-sm-3 .item, .uploader-modal.voice .col-sm-3 .item, .uploader-modal.music .voice-content .col-sm-3 .item { position: relative; width: 100%; height: 150px; text-align: center; border: 1px solid #e7e7eb } #newUploaderImg.video .col-sm-3 .item .icon, #newUploaderImg.voice .col-sm-3 .item .icon, #newUploaderImg.music .voice-content .col-sm-3 .item .icon, .uploader-modal.video .col-sm-3 .item .icon, .uploader-modal.voice .col-sm-3 .item .icon, .uploader-modal.music .voice-content .col-sm-3 .item .icon { width: 60px; height: 60px; margin-top: 18px } #newUploaderImg.video .col-sm-3 .item .time, #newUploaderImg.voice .col-sm-3 .item .time, #newUploaderImg.music .voice-content .col-sm-3 .item .time, .uploader-modal.video .col-sm-3 .item .time, .uploader-modal.voice .col-sm-3 .item .time, .uploader-modal.music .voice-content .col-sm-3 .item .time { color: #999; line-height: 34px } #newUploaderImg.video .col-sm-3 .item .name, #newUploaderImg.voice .col-sm-3 .item .name, #newUploaderImg.music .voice-content .col-sm-3 .item .name, .uploader-modal.video .col-sm-3 .item .name, .uploader-modal.voice .col-sm-3 .item .name, .uploader-modal.music .voice-content .col-sm-3 .item .name { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0, 0, 0, .5); color: #fff; padding: 0 20px; text-align: left; z-index: 2 } #newUploaderImg .modal-body.image, #newUploaderImg .modal-body.thumb { height: 459px } #newUploaderImg .modal-body #wx .tablepanel-top, #newUploaderImg .modal-body #local .tablepanel-top { padding: 10px 15px; line-height: 34px; border-bottom: 1px solid #e7e7eb } #newUploaderImg .modal-body #wx .tablepanel-top span, #newUploaderImg .modal-body #local .tablepanel-top span { color: #999; display: inline-block; margin-right: 20px } #newUploaderImg .modal-body #wx .tablepanel-con, #newUploaderImg .modal-body #local .tablepanel-con { padding: 15px } #newUploaderImg .modal-body #wx .tablepanel-con input[type=text].form-control, #newUploaderImg .modal-body #local .tablepanel-con input[type=text].form-control { border-radius: 4px } #newUploaderImg .modal-body #wx .tablepanel-con .empty, #newUploaderImg .modal-body #local .tablepanel-con .empty { height: 330px; line-height: 330px; text-align: center; font-size: 18px } #newUploaderImg .modal-body #wx .tablepanel-con .fa, #newUploaderImg .modal-body #local .tablepanel-con .fa { margin: 0 } #newUploaderImg .modal-body #wx .tablepanel-con .item, #newUploaderImg .modal-body #local .tablepanel-con .item { float: left; border: 1px solid #e7e7eb; width: 120px; height: 150px; margin: 0 15px 15px 0 } #newUploaderImg .modal-body #wx .tablepanel-con .item .img, #newUploaderImg .modal-body #local .tablepanel-con .item .img { position: relative; overflow: hidden; width: 100%; height: 114px; text-align: center; background-color: #f4f5f9; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer } #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 114px; background: rgba(0, 0, 0, .6); color: #fff } #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .item.apply-show:before { font-size: 48px } #newUploaderImg .modal-body #wx .tablepanel-con .item .img-title, #newUploaderImg .modal-body #local .tablepanel-con .item .img-title { text-align: center; width: 100%; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } #newUploaderImg .modal-body #wx .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #wx .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #wx .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #local .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover { display: block } #newUploaderImg .modal-body #link { padding: 30px } #newUploaderImg .modal-body #link .item { border: 1px solid #e7e7eb; width: 120px; height: 150px; margin-right: 30px; float: left } #newUploaderImg .modal-body #link .item .img { position: relative; overflow: hidden; width: 100%; height: 114px; text-align: center; background-color: #f4f5f9; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% } #newUploaderImg .modal-body #link .item .img .cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 114px; background: rgba(0, 0, 0, .6); color: #fff } #newUploaderImg .modal-body #link .item .img .cover .wi, #newUploaderImg .modal-body #link .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #link .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #link .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #link .item .img .cover .item.apply-show:before { font-size: 48px } #newUploaderImg .modal-body #link .item .img-title { text-align: center; width: 100%; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } #newUploaderImg .modal-body #link .link { float: left; width: 450px } #newUploaderImg .modal-body #link .link .state { font-size: 18px; color: #999; margin: 15px 0 } #newUploaderImg .modal-body #link .link button { min-width: 105px; margin: 15px 0 } .we7-modal-dialog, .modal-dialog { min-width: 720px !important; position: absolute; left: 0; right: 0; top: 50% } .we7-modal-dialog .modal-content, .modal-dialog .modal-content { border-radius: 0 } .we7-modal-dialog .modal-header, .modal-dialog .modal-header { background-color: #f4f5f9; border-bottom: 0 } .we7-modal-dialog .modal-header .modal-title, .we7-modal-dialog .modal-header h3, .modal-dialog .modal-header .modal-title, .modal-dialog .modal-header h3 { font-size: 14px } .we7-modal-dialog .modal-header h3, .modal-dialog .modal-header h3 { margin: 0; padding: 0 } .we7-modal-dialog .modal-footer, .modal-dialog .modal-footer { background-color: #f4f5f9; border-top: 0; text-align: center } .we7-modal-dialog .modal-footer .btn, .modal-dialog .modal-footer .btn { display: inline-block; min-width: 105px } .we7-modal-dialog .nav-pills > li.active > a, .we7-modal-dialog .head .navbar-left.nav-pills > li:hover > a, .head .we7-modal-dialog .navbar-left.nav-pills > li:hover > a, .we7-modal-dialog .panel-menu .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .panel-menu .we7-modal-dialog .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .modal-dialog .nav-pills > li.active > a, .modal-dialog .head .navbar-left.nav-pills > li:hover > a, .head .modal-dialog .navbar-left.nav-pills > li:hover > a, .modal-dialog .panel-menu .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .panel-menu .modal-dialog .nav-pills > li.list-group-item:not(.list-group-more):hover > a { padding: 0; color: #428bca; background-color: transparent } .we7-modal-dialog .nav-pills > li > a, .modal-dialog .nav-pills > li > a { padding: 0; background-color: transparent; color: #333 } .we7-modal-dialog .nav-pills > li > a:hover, .modal-dialog .nav-pills > li > a:hover { background-color: transparent; color: #428bca } .we7-modal-dialog .nav-pills > li + li, .modal-dialog .nav-pills > li + li { margin-left: 10px } .we7-modal-dialog .we7-select, .modal-dialog .we7-select { width: 100% } .we7-modal-dialog .wi, .we7-modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-modal-dialog .ext-apply-item.apply-show:before, .we7-modal-dialog .cut-list .item.apply-show:before, .cut-list .we7-modal-dialog .item.apply-show:before, .we7-modal-dialog .fa, .modal-dialog .wi, .modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-dialog .ext-apply-item.apply-show:before, .modal-dialog .cut-list .item.apply-show:before, .cut-list .modal-dialog .item.apply-show:before, .modal-dialog .fa { font-size: 22px; vertical-align: middle; margin-right: 0px } .we7-modal-dialog .text-info, .modal-dialog .text-info { color: #428bca } .modal-success { top: 50%; left: 50%; right: auto; bottom: auto; margin: 0 auto; transform: translate(-50%, -50%) } .modal-success.in .modal-dialog { min-width: 250px !important; width: auto; position: relative; left: auto; right: auto; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-success .modal-content { padding: 10px 30px; background-color: #51A351; color: #fff; border-color: #51a351; font-size: 14px; vertical-align: middle; border-radius: 3px; box-shadow: 0 0 0 } .modal-success .modal-body { padding: 6px } .modal-success .wi, .modal-success .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-success .ext-apply-item.apply-show:before, .modal-success .cut-list .item.apply-show:before, .cut-list .modal-success .item.apply-show:before, .modal-success .fa { color: #fff !important } .material-content .material-head { padding: 15px 20px; border-bottom: 1px solid #e7e7eb; clear: both; box-sizing: border-box } .material-content .material-head .wi-search { font-size: 18px; margin: 0 } .material-content .material-head .filter { width: 452px } .material-content .material-head .filter .we7-select { width: 200px } .material-content .material-head .filter .we7-select + .we7-select { margin-left: -1px } .material-content .material-nav { border-bottom: 1px solid #e7e7eb; padding: 0 20px } .material-content .material-nav a { display: inline-block; padding: 0 30px; line-height: 42px; font-size: 16px; color: #999; border-bottom: 3px solid transparent } .material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover { color: #428bca; border-color: #428bca } .material-content .material-body { padding: 20px; height: 400px; overflow-y: auto; border-bottom: 1px solid #e7e7eb } .material-content .material-body .item { position: relative } .material-content .material-body .item:hover { outline: 2px solid #428bca } .material-content .material-body .item.active .mask, .material-content .material-body .head .navbar-left > li.item:hover .mask, .head .material-content .material-body .navbar-left > li.item:hover .mask, .material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask, .panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask { display: block } .material-content .material-body .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background-color: rgba(0, 0, 0, .5); text-align: center; display: none } .material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before { color: #fff; font-size: 32px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .material-content .material-body .del { position: absolute; width: 34px; line-height: 34px; text-align: center; background-color: #428bca; cursor: pointer; bottom: 0; right: 0; z-index: 6; display: none } .material-content .material-body .item:hover .del { display: block } .material-content .material-body .del .wi, .material-content .material-body .del .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .del .ext-apply-item.apply-show:before, .material-content .material-body .del .cut-list .item.apply-show:before, .cut-list .material-content .material-body .del .item.apply-show:before { color: #fff } .material-content .material-pager { padding: 20px; height: 79px } .material-content .tab-content { overflow-x: hidden; overflow-y: auto; height: 310px } select.we7-select { height: 34px; padding: 0 10px; color: #252424; border-color: #e7e7eb !important; border-style: solid; border-width: 1px; box-shadow: 0 0 0 !important; outline: 0; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/select-arrow.png) #fff no-repeat right !important; padding-right: 35px } select.we7-select:focus { border-color: #e7e7eb !important } select.we7-select:hover { border-color: #e7e7eb !important } select.we7-select:active { border-color: #e7e7eb !important } select.we7-select + .we7-select, select + .we7-select { margin-left: 10px } select.we7-select[multiple=multiple], select[multiple=multiple] { height: auto !important; background: none !important } @font-face { font-family: we7icon; src: url(../../../../web/resource/fonts/we7icon.eot?ceg6l3); src: url(../../../../web/resource/fonts/we7icon.eot?ceg6l3#iefix) format("embedded-opentype"), url(../../../../web/resource/fonts/we7icon.ttf?ceg6l3) format("truetype"), url(../../../../web/resource/fonts/we7icon.woff?ceg6l3) format("woff"), url(../../../../web/resource/fonts/we7icon.svg?ceg6l3#we7icon) format("svg"); font-weight: 400; font-style: normal } .wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before { font-family: we7icon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #newUploaderImg.image .category li.active, #newUploaderImg.image .category .head .navbar-left>li:hover, .head #newUploaderImg.image .category .navbar-left>li:hover, #newUploaderImg.image .category .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg.image .category li.list-group-item:not(.list-group-more):hover, #newUploaderImg.image .category li:hover, .uploader-modal.image .category li.active, .uploader-modal.image .category .head .navbar-left>li:hover, .head .uploader-modal.image .category .navbar-left>li:hover, .uploader-modal.image .category .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal.image .category li.list-group-item:not(.list-group-more):hover, .uploader-modal.image .category li:hover{ background:#fff } .wi-down-sign-s:before { content:"\e601" } .wi-zip:before { content:"\e602" } .wi-warning-cricle:before { content:"\e603" } .wi-wallet:before { content:"\e604" } .wi-warning-sign:before { content:"\e605" } .wi-XML:before { content:"\e606" } .wi-transform:before { content:"\e607" } .wi-coupon:before { content:"\e608" } .wi-upload:before { content:"\e609" } .wi-local:before { content:"\e60a" } .wi-main-apply:before { content:"\e60b" } .wi-wx-circle:before { content:"\e60c" } .wi-star:before { content:"\e60d" } .wi-down:before { content:"\e60e" } .wi-bell:before { content:"\e60f" } .wi-up:before { content:"\e610" } .wi-shopping-cart:before { content:"\e611" } .wi-app-site:before { content:"\e612" } .wi-angle-down:before { content:"\e613" } .wi-angle-up:before { content:"\e614" } .wi-small-routine:before { content:"\e615" } .wi-menu-setting:before { content:"\e616" } .wi-parameter-setting:before { content:"\e617" } .wi-appjurisdiction:before { content:"\e618" } .wi-appsetting:before { content:"\e619" } .wi-system-info:before { content:"\e61a" } .wi-market:before { content:"\e61b" } .wi-distribution:before { content:"\e61c" } .wi-user:before { content:"\e61d" } .wi-message:before { content:"\e61e" } .wi-article:before { content:"\e61f" } .wi-userjurisdiction:before { content:"\e620" } .wi-registersite:before { content:"\e621" } .wi-file:before { content:"\e622" } .wi-systemmenu:before { content:"\e623" } .wi-reply:before { content:"\e624" } .wi-crontab:before { content:"\e625" } .wi-redact:before { content:"\e626" } .wi-fans:before { content:"\e627" } .wi-appstatistics:before { content:"\e628" } .wi-qrcode:before { content:"\e629" } .wi-custommenu:before { content:"\e62a" } .wi-keyword:before { content:"\e62b" } .wi-parameter:before { content:"\e62c" } .wi-card:before { content:"\e62d" } .wi-flow:before { content:"\e62e" } .wi-appmsg:before { content:"\e62f" } .wi-hint:before { content:"\e630" } .wi-search:before { content:"\e631" } .wi-stick:before { content:"\e632" } .wi-cut:before { content:"\e633" } .wi-requirement:before { content:"\e634" } .wi-delete2:before { content:"\e635" } .wi-copyright:before { content:"\e636" } .wi-fansmanage:before { content:"\e637" } .wi-goods:before { content:"\e638" } .wi-order:before { content:"\e639" } .wi-update:before { content:"\e63a" } .wi-notice:before { content:"\e63b" } .wi-skin:before { content:"\e63c" } .wi-home:before { content:"\e63d" } .wi-cache:before { content:"\e63e" } .wi-userstatistics:before { content:"\e63f" } .wi-hide:before { content:"\e640" } .wi-wxapp-pack:before { content:"\e641" } .wi-wxapp-setting:before { content:"\e642" } .wi-system-site:before { content:"\e99e" } .wi-apply:before { content:"\e644" } .wi-changing-over:before { content:"\e645" } .wi-s-template:before { content:"\e646" } .wi-site-setting:before { content:"\e647" } .wi-clock:before { content:"\e648" } .wi-advertisement:before { content:"\e649" } .wi-remove:before { content:"\e64a" } .wi-disabled:before { content:"\e64b" } .wi-iphone:before { content:"\e64c" } .wi-plus:before { content:"\e64d" } .wi-version-switch:before { content:"\e64e" } .wi-diagnose:before { content:"\e64f" } .wi-setting:before { content:"\e650" } .wi-wechat:before { content:"\e651" } .wi-exploitsetting:before { content:"\e652" } .wi-sql:before { content:"\e653" } .wi-log:before { content:"\e654" } .wi-safety:before { content:"\e655" } .wi-optimize:before { content:"\e656" } .wi-adgroup:before { content:"\e657" } .wi-attachment:before { content:"\e658" } .wi-wechatstatistics:before { content:"\e659" } .wi-img:before { content:"\e65a" } .wi-text:before { content:"\e65b" } .wi-radio:before { content:"\e65c" } .wi-video:before { content:"\e65d" } .wi-navigation:before { content:"\e65e" } .wi-show:before,.ext-apply-list .ext-apply-item.apply-show:before,.cut-list .item.apply-show:before { content:"\e65f" } .wi-compose:before { content:"\e660" } .wi-template:before { content:"\e661" } .wi-introduction:before { content:"\e662" } .wi-view:before { content:"\e663" } .wi-blacklist:before { content:"\e664" } .wi-authentication:before { content:"\e665" } .wi-pirate:before { content:"\e666" } .wi-test:before { content:"\e667" } .wi-upload-file:before { content:"\e668" } .wi-download-circle:before { content:"\e669" } .wi-setting-circle:before { content:"\e66a" } .wi-home-nav-circle:before { content:"\e66b" } .wi-branch:before { content:"\e66c" } .wi-plugin:before { content:"\e66d" } .wi-flag-star:before { content:"\e66e" } .wi-direct:before { content:"\e66f" } .wi-home-nav:before { content:"\e670" } .wi-info:before { content:"\e671" } .wi-rocket:before { content:"\e672" } .wi-list:before { content:"\e673" } .wi-manage-menu:before { content:"\e674" } .wi-cover:before { content:"\e675" } .wi-personal:before { content:"\e676" } .wi-independence:before { content:"\e677" } .wi-signal:before { content:"\e678" } .wi-export:before { content:"\e679" } .wi-insert:before { content:"\e67a" } .wi-d-parameter:before { content:"\e67b" } .wi-right-sign-s:before { content:"\e67c" } .wi-limited-time:before { content:"\e67d" } .wi-payment:before { content:"\e67e" } .wi-invoice:before { content:"\e67f" } .wi-folded:before { content:"\e680" } .wi-goods-setting:before { content:"\e681" } .wi-v-bussiness:before { content:"\e682" } .wi-v-authorities:before { content:"\e683" } .wi-free:before { content:"\e684" } .wi-upgrade:before { content:"\e685" } .wi-setting-wxapp:before { content:"\e686" } .wi-sensitive:before { content:"\e687" } .wi-scan:before { content:"\e688" } .wi-refund:before { content:"\e689" } .wi-file-sign:before { content:"\e68a" } .wi-system-work:before { content:"\e68b" } .wi-count-down:before { content:"\e68c" } .wi-waiting:before { content:"\e68d" } .wi-step-arrows:before { content:"\e68e" } .wi-examine:before { content:"\e68f" } .wi-repair:before { content:"\e690" } .wi-wxapp-upload:before { content:"\e691" } .wi-publish:before { content:"\e692" } .wi-clock-sign:before { content:"\e693" } .wi-code:before { content:"\e694" } .wi-help:before { content:"\e695" } .wi-store:before { content:"\e696" } .wi-goods-add:before { content:"\e697" } .wi-statistical:before { content:"\e698" } .wi-account:before { content:"\e699" } .wi-sale-record:before { content:"\e69a" } .wi-pay-setting:before { content:"\e69b" } .wi-co-founder:before { content:"\e69c" } .wi-m-home:before { content:"\e69d" } .wi-m-user:before { content:"\e69e" } .wi-filter:before { content:"\e69f" } .wi-angle-up-circle:before { content:"\e6a0" } .wi-customer-service:before { content:"\e6a1" } .wi-angle-down-circle:before { content:"\e6a2" } .wi-categories:before { content:"\e6a3" } .wi-more:before { content:"\e6a4" } .wi-white-collar:before { content:"\e6a5" } .wi-data-synchro:before { content:"\e6a6" } .wi-wxapp-webpack:before { content:"\e6a7" } .wi-wxapp-download:before { content:"\e6a8" } .wi-advert:before { content:"\e6a9" } .wi-sad:before { content:"\e6aa" } .wi-wxapp:before { content:"\e6ab" } .wi-wxapp-apply:before { content:"\e6ac" } .wi-wx-apply:before { content:"\e6ad" } .wi-wx-template:before { content:"\e6ae" } .wi-user-group:before { content:"\e6af" } .wi-tag:before { content:"\e6b0" } .wi-step-select:before { content:"\e6b1" } .wi-step-down:before { content:"\e6b2" } .wi-step-bottom:before { content:"\e6b3" } .wi-site:before { content:"\e6b4" } .wi-share:before { content:"\e6b5" } .wi-step-project:before { content:"\e6b6" } .wi-send:before { content:"\e6b7" } .wi-s-setting:before { content:"\e6b8" } .wi-service:before { content:"\e6b9" } .wi-select-tem:before { content:"\e6ba" } .wi-s-search:before { content:"\e6bb" } .wi-select-diy:before { content:"\e6bc" } .wi-select-app:before { content:"\e6bd" } .wi-right-circle:before { content:"\e6be" } .wi-s-radio-selected:before { content:"\e6bf" } .wi-right-sign:before { content:"\e6c0" } .wi-right:before { content:"\e6c1" } .wi-s-radio:before { content:"\e6c2" } .wi-qq:before { content:"\e6c3" } .wi-photograph:before { content:"\e6c4" } .wi-pc-apply:before { content:"\e6c5" } .wi-php:before { content:"\e6c6" } .wi-phone:before { content:"\e6c7" } .wi-pc:before { content:"\e6c8" } .wi-pc-support:before { content:"\e6c9" } .wi-s-message:before { content:"\e6ca" } .wi-ip:before { content:"\e6cb" } .wi-info-sign:before { content:"\e6cc" } .wi-info-circle:before { content:"\e6cd" } .wi-we7:before { content:"\e6ce" } .wi-link:before { content:"\e6cf" } .wi-index:before { content:"\e6d0" } .wi-s-img:before { content:"\e6d1" } .wi-s-home:before { content:"\e6d2" } .wi-guarantee:before { content:"\e6d3" } .wi-git:before { content:"\e6d4" } .wi-frozen:before { content:"\e6d5" } .wi-eye:before { content:"\e6d6" } .wi-explain-sign:before { content:"\e6d7" } .wi-forum:before { content:"\e6d8" } .wi-explain:before { content:"\e6d9" } .wi-error-sign:before { content:"\e6da" } .wi-error:before { content:"\e6db" } .wi-up-sign:before { content:"\e6dc" } .wi-error-cricle:before { content:"\e6dd" } .wi-download:before { content:"\e6de" } .wi-delete:before { content:"\e6df" } .wi-developer:before { content:"\e6e0" } .wi-diy:before { content:"\e6e1" } .wi-copy:before { content:"\e6e2" } .wi-telephone:before { content:"\e6e3" } .wi-check:before { content:"\e6e4" } .wi-collect:before { content:"\e6e5" } .wi-bug:before { content:"\e6e6" } .wi-s-card:before { content:"\e6e7" } .wi-check-select:before { content:"\e6e8" } .wi-bom:before { content:"\e6e9" } .wi-go-sign:before { content:"\e6ea" } .wi-back-sign:before { content:"\e6eb" } .wi-back-circle:before { content:"\e6ec" } .wi-go-circle:before { content:"\e6ed" } .wi-avail:before { content:"\e6ee" } .wi-api:before { content:"\e6ef" } .wi-application:before { content:"\e6f0" } .wi-angle-left:before { content:"\e6f1" } .wi-angle-right:before { content:"\e6f2" } .wi-ad:before { content:"\e6f3" } .wi-management-platform:before { content:"\e6f4" } .wi-file-finished:before { content:"\e6f5" } .wi-divergence:before { content:"\e6f6" } .wi-one:before { content:"\e6f7" } .wi-mobile-device:before { content:"\e6f8" } .wi-stick-sign:before { content:"\e6f9" } .wi-four:before { content:"\e6fa" } .wi-three:before { content:"\e6fb" } .wi-two:before { content:"\e6fc" } .wi-down-sign:before { content:"\e6fd" } .wi-pc-circle:before { content:"\e6fe" } .wi-app:before { content:"\e6ff" } .wi-s-view:before { content:"\e700" } .wi-app-apply:before { content:"\e701" } .wi-home-apply:before { content:"\e702" } .wi-desktop:before { content:"\e703" } .wi-warning-complaint:before { content:"\e704" } .wi-info-list:before { content:"\e705" } .wi-thirdlogin:before { content:"\e706" } .wi-oauth:before { content:"\e707" } .wi-job:before { content:"\e708" } .wi-sms:before { content:"\e709" } .wi-bind-domain:before { content:"\e70a" } .wi-sms-sign:before { content:"\e70b" } .btn-group .btn+.btn{ border-left: 0; margin-left: 0; } .dropdown-toggle span.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .btn-uploader .we7-margin-horizontal-sm{ display: none; } .btn-uploader .btn.btn-danger{ margin-right: 10px; } .modal-material .modal-header { display: flex; align-items: center } .modal-material .modal-header .material-nav { flex: 1; width: 0; text-align: center } .modal-material .modal-header .material-nav a { margin: 0 14px; padding: 14px 0; border-bottom: 1px solid transparent } .modal-material .modal-header .material-nav a:hover, .modal-material .modal-header .material-nav a.active { color: #3296fa; border-color: #3296fa } .modal-material .modal-header .modal-title { font-size: 16px } .user-browser { max-height: 400px; overflow-y: auto; overflow-x: hidden } .user-browser .search-box { padding: 30px !important; margin: -30px -30px 0 } .panel-new { border: 0 } .panel-new .panel-heading { background: 0 0; padding: 14px; border-bottom: 1px solid #e8e9eb; position: relative; width: 100%; line-height: 1 } .panel-new .panel-heading::before { content: ''; position: absolute; top: 14px; border-left: 2px solid #3296fa; left: 0; height: 1em } .panel-table { border: 0 } .panel-table .panel-heading { padding: 14px; line-height: 24px } .panel-table .panel-body { padding: 14px } .tab-reply-list { text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center } .tab-reply-list .tab-reply-item { width: 150px; height: 150px; margin: 10px; display: flex; align-items: center; text-align: center; justify-content: center } .tab-reply-list .tab-reply-item .title { display: block } .tab-reply-list .tab-reply-item:hover { background-color: #f1f2f6 } .tab-reply-list .tab-reply-item img { margin-bottom: 10px; display: inline-block } .reply-post .keyword-list-boxx { border-top: 1px solid #e8e9eb; margin-top: -1px; padding-top: 30px } .reply-post .reply-content-box { border-top: 1px solid #e8e9eb; padding: 30px 0; border-bottom: 1px solid #e8e9eb } .reply-post .reply-content-box .panel-reply { margin-bottom: 0 } .reply-post .reply-content-box .panel-reply .panel-body { padding-bottom: 0 !important } .reply-post .reply-content-box .panel-reply .keywords-list { margin-bottom: 0 } .reply-post .reply-content-box .panel-reply .keywords-list li:last-child { margin-bottom: 30px } .reply-post .reply-content-box .panel-reply .keywords-list:empty { display: none } .reply-post .reply-content-box .panel-reply .we7-select-msg { margin-bottom: 0 } .reply-post .reply-content-box .panel-reply .we7-select-msg ul { border-top: 0; padding: 0 } .reply-post .reply-content-box .panel-reply .we7-select-msg ul li { line-height: 1 } .reply-post .reply-post-action .btn-primary { width: 140px } .panel-reply { border: 0 } .panel-reply .panel-heading { display: none } .panel-reply .keywords-list { margin: -30px; padding-bottom: 30px } .panel-reply .we7-select-msg { margin: -31px } .panel-reply .we7-select-msg ul { border: 0; padding: 24px 0; border-top: 1px solid #e8e9eb } .panel-reply .we7-select-msg ul li.tab-nav { float: unset; width: 170px; display: inline-block } .panel-reply .we7-select-msg ul li.tab-nav a { border: 0; text-align: left; margin: 0 } .panel-reply .we7-select-msg ul li.tab-nav a:hover { background-color: transparent } .panel-reply .we7-select-msg ul li.tab-nav img { margin-right: 20px; vertical-align: middle; width: 40px; height: 40px } .btn { border-radius: 2px } .input-group-btn .btn { min-width: unset } .btn-group-sub { display: inline-block; border-bottom: 0; box-shadow: none } .btn-group-sub .btn { border: 1px solid transparent; box-shadow: unset; min-width: 100px; padding: 0; height: 30px; line-height: 30px } .btn-group-sub .btn.active, .btn-group-sub .head .navbar-left > li.btn:hover, .head .btn-group-sub .navbar-left > li.btn:hover, .btn-group-sub .btn:hover { border-radius: 16px; border-color: #3296fa; color: #3296fa } .btn-group-sub .btn + .btn { margin-left: 14px } .ranges .btn { min-width: auto } .pagination > li > a, .pagination > li > span { margin: 0 5px } .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 0; border: solid 1px #e8e9eb; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: 400; height: 34px; line-height: 32px; outline: 0; padding: 0 30px 0 18px; position: relative; text-align: left !important; transition: all .2s ease-in-out; user-select: none; white-space: nowrap; width: auto; min-width: 100px; z-index: 1001 } .nice-select:after { content: ''; border-color: #e8e9eb transparent transparent; border-style: solid; border-width: 5px; display: block; height: 5px; margin-top: -1px; pointer-events: none; position: absolute; right: 12px; top: 50%; transition: all .15s ease-in-out; width: 5px } .nice-select.open .list { opacity: 1; pointer-events: auto; transform: scale(1) translateY(0) } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none } .nice-select.disabled:after { border-color: #ccc } .nice-select.wide { width: 100% } .nice-select.wide .list { left: 0 !important; right: 0 !important } .nice-select.right { float: right } .nice-select.right .list { left: auto; right: 0 } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px } .nice-select.small:after { height: 4px; width: 4px } .nice-select.small .option { line-height: 34px; min-height: 34px } .nice-select .list { background-color: #fff; border-radius: 0; box-shadow: 0 0 0 1px rgba(68, 68, 68, .11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(-17px); transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out; z-index: 9 } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 32px; list-style: none; min-height: 32px; outline: 0; padding-left: 18px; padding-right: 29px; text-align: left; transition: all .2s } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .site-template .option.focus.lock, .site-template .nice-select .option.focus.lock, .nice-select .system-template .option.focus.lock, .system-template .nice-select .option.focus.lock { background-color: #f7f8fa } .nice-select .option.selected, .nice-select .site-template .option.lock, .site-template .nice-select .option.lock, .nice-select .system-template .option.lock, .system-template .nice-select .option.lock { font-weight: 400; color: #3296fa } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default } .nice-select .option a { display: inline-block; width: 100% } .nice-select .option[data-content] { position: relative } .nice-select .option[data-content]::after { content: attr(data-content); position: absolute; right: 40px } .no-csspointerevents .nice-select .list { display: none } .no-csspointerevents .nice-select.open .list { display: block } .search-box .nice-select { float: left } .select-letter { min-width: 205px; max-width: 205px } .select-letter .list { width: 370px; white-space: pre-wrap } .select-letter .option { display: inline-block; width: 30px; margin: 5px; padding: 0; text-align: center } .select-letter .option[data-value='全部'] { display: block; width: auto } .nice-select .list::-webkit-scrollbar { width: 0 } .nice-select.has-multiple { white-space: inherit; height: auto; min-width: 240px } .nice-select.has-multiple .option { min-width: 240px } .nice-select.has-multiple span.current { display: inline-block; height: 24px; padding: 0 8px; line-height: 22px; box-sizing: border-box; margin: 2px 0 2px 6px; background-color: #f0f2f5; font-size: 12px; border-radius: 4px; white-space: nowrap } .nice-select.has-multiple .multiple-options { display: block; padding: 0 } .nice-select .nice-select-search-box { box-sizing: border-box; position: absolute; width: 100%; margin-top: 5px; top: 100%; left: 0; z-index: 8; padding: 5px; background: #FFF; opacity: 0; pointer-events: none; border-radius: 5px 5px 0 0; box-shadow: 0 0 0 1px rgba(68, 88, 112, .11); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out } .nice-select .nice-select-search { box-sizing: border-box; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: none; color: #333; display: inline-block; vertical-align: middle; padding: 7px 12px; margin: 0 10px 0 0; width: 100% !important; min-height: 36px; line-height: 22px; height: auto; outline: 0 !important } .nice-select.open .nice-select-search-box { opacity: 1; z-index: 10; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .we7-group-show { display: flex; overflow: hidden; height: auto; box-sizing: content-box } .we7-group-show + .we7-group-show { border-top: 1px solid #e8e9eb } .we7-group-show.closed { height: 30px } .we7-group-show.closed .action::before { content: "展开" } .we7-group-show.low { height: 30px } .we7-group-show.low .action::before { content: "" } .we7-group-show .name { flex: 0 0 190px; text-align: left } .we7-group-show .group-app-list { flex: 1; width: 0; font-size: 0; margin: -10px; margin-bottom: 0 } .we7-group-show .group-app-list .group-app-item { display: inline-flex; width: 20%; padding: 10px; font-size: 14px } .we7-group-show .group-app-list .group-app-item img { width: 40px; height: 40px; border-radius: 4px; margin-right: 14px } .we7-group-show .group-app-list .group-app-item .info { flex: 1; width: 0 } .we7-group-show .group-app-list .group-app-item .info .title { color: #4c4c4c; margin-bottom: 5px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .we7-group-show .group-app-list .group-app-item .info .type-list { font-size: 12px; color: #999 } .we7-group-show .group-app-list .group-app-item .info .type-list .wi, .we7-group-show .group-app-list .group-app-item .info .type-list .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-group-show .group-app-list .group-app-item .info .type-list .ext-apply-item.apply-show:before, .we7-group-show .group-app-list .group-app-item .info .type-list .cut-list .item.apply-show:before, .cut-list .we7-group-show .group-app-list .group-app-item .info .type-list .item.apply-show:before { vertical-align: middle; color: #999; margin-right: 5px; font-size: 16px } .we7-group-show .action { color: #3296fa; display: inline-block; flex: 0 0 200px; text-align: right; cursor: pointer } .we7-group-show .action::before { content: '收起'; color: #3296fa } .we7-account-show { display: flex; align-items: center } .we7-account-show + .we7-account-show { border-top: 1px solid #e8e9eb } .we7-account-show .name { flex: 0 0 190px; text-align: left } .we7-account-show .account-num-list { flex: 1; width: 0 } .we7-account-show .account-num-list .account-num-item { color: #999; margin-right: 5px } .we7-account-show .account-num-list .account-num-item .wi, .we7-account-show .account-num-list .account-num-item .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-account-show .account-num-list .account-num-item .ext-apply-item.apply-show:before, .we7-account-show .account-num-list .account-num-item .cut-list .item.apply-show:before, .cut-list .we7-account-show .account-num-list .account-num-item .item.apply-show:before { font-size: 36px; color: #999; vertical-align: middle; margin-right: 5px } .user-head-info { margin-bottom: 30px; height: auto; background-color: #f7f8fa; padding: 30px; display: flex; align-items: center; color: #999 } .user-head-info .info { flex: 1; width: 0 } .user-head-info .info .wi, .user-head-info .info .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .user-head-info .info .ext-apply-item.apply-show:before, .user-head-info .info .cut-list .item.apply-show:before, .cut-list .user-head-info .info .item.apply-show:before { color: #999; margin-right: 4px; vertical-align: middle; font-size: 20px } .user-head-info .title { line-height: 1; color: #4c4c4c } .user-head-info .icon { display: inline-block; line-height: 55px; font-size: 28px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #e8e9eb; vertical-align: middle; color: #b2b2b2 } .user-head-info .user-avatar { width: 54px; height: 54px; margin-right: 35px } .user-head-info h3 { font-size: 16px; font-weight: 400; color: #585858; padding: 0; margin: 0; line-height: 54px } .user-head-info .user-edit { line-height: 54px } .we7-head-info { margin-bottom: 30px; height: auto; background-color: #f7f8fa; padding: 30px; display: flex; align-items: center; color: #999 } .we7-head-info .logo { margin-right: 30px } .we7-head-info .info { flex: 1; width: 0 } .we7-head-info .info .title { line-height: 1; color: #4c4c4c } .we7-head-info .info .type { margin-top: 10px; color: #999 } .tooltip { min-width: 50px } .tooltip-inner { background-color: #fff; color: #4d4d4d; border: 1px solid #e8e9eb } .tooltip.bottom .tooltip-arrow { border-bottom-color: #e8e9eb } .tooltip.bottom .tooltip-arrow::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 2px; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: #fff } .tooltip.left .tooltip-arrow { border-left-color: #e8e9eb } .tooltip.left .tooltip-arrow::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; right: 2px; top: 50%; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: #fff } .tooltip.right .tooltip-arrow { border-right-color: #e8e9eb } .tooltip.right .tooltip-arrow::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; left: 2px; top: 50%; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: #fff } .tooltip.top .tooltip-arrow { border-top-color: #e8e9eb } .tooltip.top .tooltip-arrow::before { content: ''; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: 2px; left: 50%; margin-left: -4px; border-width: 4px 4px 0 4px; border-top-color: #fff } @font-face { font-family: we7icon; src: url(../fonts/we7icon.eot?v=0103); src: url(../fonts/we7icon.eot?v=0103) format("embedded-opentype"), url(../fonts/we7icon.ttf?v=0103) format("truetype"), url(../fonts/we7icon.woff?v=0103) format("woff"), url(../fonts/we7icon.svg?v=0103) format("svg"); font-weight: 400; font-style: normal } .wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before { font-family: we7icon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .wi-radioactive:before { content: "\e75f" } .wi-kaifazhepingtai:before { content: "\e71c" } .wi-xiangji:before { content: "\e820" } .wi-icon1:before { content: "\e71d" } .wi-rili:before { content: "\e70e" } .wi-shezhi:before { content: "\e71e" } .wi-xuanzhuan:before { content: "\e71f" } .wi-checking:before { content: "\e600" } .wi-app-down:before { content: "\e70f" } .wi-denglu:before { content: "\e720" } .wi-shezhi1:before { content: "\e721" } .wi-fuli:before { content: "\e71b" } .wi-down-sign-s:before { content: "\e601" } .wi-zip:before { content: "\e602" } .wi-warning-cricle:before { content: "\e603" } .wi-wallet:before { content: "\e604" } .wi-warning-sign:before, .we7-form .form-group.error .ng-dirty + .help-block:before, form .form-group.error .ng-dirty + .help-block:before, .we7-form .form-group.error .help-block:before, form .form-group.error .help-block:before, .we7-form .form-control.ng-invalid.ng-dirty + .help-block:before, form .form-control.ng-invalid.ng-dirty + .help-block:before { content: "\e605" } .wi-XML:before { content: "\e606" } .wi-transform:before { content: "\e607" } .wi-coupon:before { content: "\e608" } .wi-upload:before { content: "\e609" } .wi-local:before { content: "\e60a" } .wi-main-apply:before { content: "\e60b" } .wi-wx-circle:before { content: "\e60c" } .wi-star:before { content: "\e60d" } .wi-down:before { content: "\e60e" } .wi-bell:before { content: "\e60f" } .wi-up:before { content: "\e610" } .wi-shopping-cart:before { content: "\e611" } .wi-app-site:before { content: "\e612" } .wi-angle-down:before { content: "\e613" } .wi-angle-up:before { content: "\e614" } .wi-small-routine:before { content: "\e615" } .wi-menu-setting:before { content: "\e616" } .wi-parameter-setting:before { content: "\e617" } .wi-appjurisdiction:before { content: "\e618" } .wi-appsetting:before { content: "\e619" } .wi-system-info:before { content: "\e61a" } .wi-market:before { content: "\e61b" } .wi-distribution:before { content: "\e61c" } .wi-user:before { content: "\e61d" } .wi-message:before { content: "\e61e" } .wi-article:before { content: "\e61f" } .wi-userjurisdiction:before { content: "\e620" } .wi-registersite:before { content: "\e621" } .wi-file:before { content: "\e622" } .wi-systemmenu:before { content: "\e623" } .wi-reply:before { content: "\e624" } .wi-crontab:before { content: "\e625" } .wi-redact:before { content: "\e626" } .wi-fans:before { content: "\e627" } .wi-appstatistics:before { content: "\e628" } .wi-qrcode:before { content: "\e629" } .wi-custommenu:before { content: "\e62a" } .wi-keyword:before { content: "\e62b" } .wi-parameter:before { content: "\e62c" } .wi-card:before { content: "\e62d" } .wi-flow:before { content: "\e62e" } .wi-appmsg:before { content: "\e62f" } .wi-hint:before { content: "\e630" } .wi-search:before { content: "\e631" } .wi-stick:before { content: "\e632" } .wi-cut:before { content: "\e633" } .wi-requirement:before { content: "\e634" } .wi-delete2:before { content: "\e635" } .wi-copyright:before { content: "\e636" } .wi-fansmanage:before { content: "\e637" } .wi-goods:before { content: "\e638" } .wi-order:before { content: "\e639" } .wi-update:before { content: "\e63a" } .wi-notice:before { content: "\e63b" } .wi-skin:before { content: "\e63c" } .wi-home:before { content: "\e63d" } .wi-cache:before { content: "\e63e" } .wi-userstatistics:before { content: "\e63f" } .wi-hide:before { content: "\e640" } .wi-wxapp-pack:before { content: "\e641" } .wi-wxapp-setting:before { content: "\e642" } .wi-system-site:before { content: "\e99e" } .wi-apply:before { content: "\e644" } .wi-changing-over:before { content: "\e645" } .wi-s-template:before { content: "\e646" } .wi-site-setting:before { content: "\e647" } .wi-clock:before { content: "\e648" } .wi-advertisement:before { content: "\e649" } .wi-remove:before { content: "\e64a" } .wi-disabled:before { content: "\e64b" } .wi-iphone:before { content: "\e64c" } .wi-plus:before { content: "\e64d" } .wi-version-switch:before { content: "\e64e" } .wi-diagnose:before { content: "\e64f" } .wi-setting:before { content: "\e650" } .wi-account:before, .wi-wechat:before { content: "\e651" } .wi-exploitsetting:before { content: "\e652" } .wi-sql:before { content: "\e653" } .wi-log:before { content: "\e654" } .wi-safety:before { content: "\e655" } .wi-optimize:before { content: "\e656" } .wi-adgroup:before { content: "\e657" } .wi-attachment:before { content: "\e658" } .wi-wechatstatistics:before { content: "\e659" } .wi-img:before { content: "\e65a" } .wi-text:before { content: "\e65b" } .wi-radio:before { content: "\e65c" } .wi-video:before { content: "\e65d" } .wi-navigation:before { content: "\e65e" } .wi-show:before, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before { content: "\e65f" } .wi-compose:before { content: "\e660" } .wi-template:before { content: "\e661" } .wi-introduction:before { content: "\e662" } .wi-view:before { content: "\e663" } .wi-blacklist:before { content: "\e664" } .wi-authentication:before { content: "\e665" } .wi-pirate:before { content: "\e666" } .wi-test:before { content: "\e667" } .wi-upload-file:before { content: "\e668" } .wi-download-circle:before { content: "\e669" } .wi-setting-circle:before { content: "\e66a" } .wi-home-nav-circle:before { content: "\e66b" } .wi-branch:before { content: "\e66c" } .wi-plugin:before { content: "\e66d" } .wi-flag-star:before { content: "\e66e" } .wi-direct:before { content: "\e66f" } .wi-home-nav:before { content: "\e670" } .wi-info:before { content: "\e671" } .wi-rocket:before { content: "\e672" } .wi-list:before { content: "\e673" } .wi-manage-menu:before { content: "\e674" } .wi-cover:before { content: "\e675" } .wi-personal:before { content: "\e676" } .wi-independence:before { content: "\e677" } .wi-signal:before { content: "\e678" } .wi-export:before { content: "\e679" } .wi-insert:before { content: "\e67a" } .wi-d-parameter:before { content: "\e67b" } .wi-right-sign-s:before { content: "\e67c" } .wi-limited-time:before { content: "\e67d" } .wi-payment:before { content: "\e67e" } .wi-invoice:before { content: "\e67f" } .wi-folded:before { content: "\e680" } .wi-goods-setting:before { content: "\e681" } .wi-v-bussiness:before { content: "\e682" } .wi-v-authorities:before { content: "\e683" } .wi-free:before { content: "\e684" } .wi-upgrade:before { content: "\e685" } .wi-setting-wxapp:before { content: "\e686" } .wi-sensitive:before { content: "\e687" } .wi-scan:before { content: "\e688" } .wi-refund:before { content: "\e689" } .wi-file-sign:before { content: "\e68a" } .wi-system-work:before { content: "\e68b" } .wi-count-down:before { content: "\e68c" } .wi-waiting:before { content: "\e68d" } .wi-step-arrows:before { content: "\e68e" } .wi-examine:before { content: "\e68f" } .wi-repair:before { content: "\e690" } .wi-wxapp-upload:before { content: "\e691" } .wi-publish:before { content: "\e692" } .wi-clock-sign:before { content: "\e693" } .wi-code:before { content: "\e694" } .wi-help:before { content: "\e695" } .wi-store:before { content: "\e696" } .wi-goods-add:before { content: "\e697" } .wi-statistical:before { content: "\e698" } .wi-money:before { content: "\e699" } .wi-sale-record:before { content: "\e69a" } .wi-pay-setting:before { content: "\e69b" } .wi-co-founder:before { content: "\e69c" } .wi-m-home:before { content: "\e69d" } .wi-m-user:before { content: "\e69e" } .wi-filter:before { content: "\e69f" } .wi-angle-up-circle:before { content: "\e6a0" } .wi-customer-service:before { content: "\e6a1" } .wi-angle-down-circle:before { content: "\e6a2" } .wi-categories:before { content: "\e6a3" } .wi-more:before { content: "\e6a4" } .wi-white-collar:before { content: "\e6a5" } .wi-data-synchro:before { content: "\e6a6" } .wi-wxapp-webpack:before { content: "\e6a7" } .wi-wxapp-download:before { content: "\e6a8" } .wi-advert:before { content: "\e6a9" } .wi-sad:before { content: "\e6aa" } .wi-wxapp:before { content: "\e6ab" } .wi-wxapp-apply:before { content: "\e6ac" } .wi-wx-apply:before { content: "\e6ad" } .wi-wx-template:before { content: "\e6ae" } .wi-user-group:before { content: "\e6af" } .wi-tag:before { content: "\e6b0" } .wi-step-select:before { content: "\e6b1" } .wi-step-down:before { content: "\e6b2" } .wi-step-bottom:before { content: "\e6b3" } .wi-site:before { content: "\e6b4" } .wi-share:before { content: "\e6b5" } .wi-step-project:before { content: "\e6b6" } .wi-send:before { content: "\e6b7" } .wi-s-setting:before { content: "\e6b8" } .wi-service:before { content: "\e6b9" } .wi-select-tem:before { content: "\e6ba" } .wi-s-search:before { content: "\e6bb" } .wi-select-diy:before { content: "\e6bc" } .wi-select-app:before { content: "\e6bd" } .wi-right-circle:before { content: "\e6be" } .wi-s-radio-selected:before { content: "\e6bf" } .wi-right-sign:before { content: "\e6c0" } .wi-right:before, .material-panel.active:before, .head .navbar-left > li.material-panel:hover:before, .material-panel:hover:before { content: "\e6c1" } .wi-s-radio:before { content: "\e6c2" } .wi-qq:before { content: "\e6c3" } .wi-photograph:before { content: "\e6c4" } .wi-pc-apply:before { content: "\e6c5" } .wi-php:before { content: "\e6c6" } .wi-phone:before { content: "\e6c7" } .wi-pc:before { content: "\e6c8" } .wi-pc-support:before { content: "\e6c9" } .wi-s-message:before { content: "\e6ca" } .wi-ip:before { content: "\e6cb" } .wi-info-sign:before { content: "\e6cc" } .wi-info-circle:before { content: "\e6cd" } .wi-we7:before { content: "\e6ce" } .wi-link:before { content: "\e6cf" } .wi-index:before { content: "\e6d0" } .wi-s-img:before { content: "\e6d1" } .wi-s-home:before { content: "\e6d2" } .wi-guarantee:before { content: "\e6d3" } .wi-git:before { content: "\e6d4" } .wi-frozen:before { content: "\e6d5" } .wi-eye:before { content: "\e6d6" } .wi-explain-sign:before { content: "\e6d7" } .wi-forum:before { content: "\e6d8" } .wi-explain:before { content: "\e6d9" } .wi-error-sign:before { content: "\e6da" } .wi-error:before { content: "\e6db" } .wi-up-sign:before { content: "\e6dc" } .wi-error-cricle:before { content: "\e6dd" } .wi-download:before { content: "\e6de" } .wi-delete:before { content: "\e6df" } .wi-developer:before { content: "\e6e0" } .wi-diy:before { content: "\e6e1" } .wi-copy:before { content: "\e6e2" } .wi-telephone:before { content: "\e6e3" } .wi-check:before { content: "\e6e4" } .wi-collect:before { content: "\e6e5" } .wi-bug:before { content: "\e6e6" } .wi-s-card:before { content: "\e6e7" } .wi-check-select:before { content: "\e6e8" } .wi-bom:before { content: "\e6e9" } .wi-go-sign:before { content: "\e6ea" } .wi-back-sign:before { content: "\e6eb" } .wi-back-circle:before { content: "\e6ec" } .wi-go-circle:before { content: "\e6ed" } .wi-avail:before { content: "\e6ee" } .wi-api:before { content: "\e6ef" } .wi-application:before { content: "\e6f0" } .wi-angle-left:before { content: "\e6f1" } .wi-angle-right:before { content: "\e6f2" } .wi-ad:before { content: "\e6f3" } .wi-management-platform:before { content: "\e6f4" } .wi-file-finished:before { content: "\e6f5" } .wi-divergence:before { content: "\e6f6" } .wi-one:before { content: "\e6f7" } .wi-mobile-device:before { content: "\e6f8" } .wi-stick-sign:before { content: "\e6f9" } .wi-four:before { content: "\e6fa" } .wi-three:before { content: "\e6fb" } .wi-two:before { content: "\e6fc" } .wi-down-sign:before { content: "\e6fd" } .wi-pc-circle:before { content: "\e6fe" } .wi-app:before { content: "\e6ff" } .wi-s-view:before { content: "\e700" } .wi-app-apply:before { content: "\e701" } .wi-home-apply:before { content: "\e702" } .wi-desktop:before { content: "\e703" } .wi-warning-complaint:before { content: "\e704" } .wi-info-list:before { content: "\e705" } .wi-thirdlogin:before { content: "\e706" } .wi-oauth:before { content: "\e707" } .wi-job:before { content: "\e708" } .wi-sms:before { content: "\e709" } .wi-bind-domain:before { content: "\e70a" } .wi-sms-sign:before { content: "\e70b" } .wi-ios:before { content: "\e70c" } .wi-android:before { content: "\e70d" } .wi-manage:before { content: "\e710" } .wi-platform:before { content: "\e711" } .wi-refuse:before { content: "\e643" } .wi-more1:before { content: "\e714" } .wi-diannao:before { content: "\e715" } .wi-xitong:before { content: "\e716" } .wi-weixin:before { content: "\e717" } .wi-xiaochengxu:before { content: "\e718" } .wi-fenquan:before { content: "\e712" } .wi-shouye:before { content: "\e719" } .wi-rewrite:before { content: "\e71a" } .wi-xzapp:before { content: "\e722" } .wi-xzapp-apply:before { content: "\e723" } .wi-aliapp-apply:before { content: "\e724" } .wi-aliapp:before { content: "\e725" } .wi-zan:before { content: "\e726" } .wi-zhandian:before { content: "\e727" } .wi-gouwuche:before { content: "\e728" } .wi-cut-version:before { content: "\e729" } .wi-cut-account:before { content: "\e72a" } .wi-baiduapp:before { content: "\e730" } .wi-toutiaoapp:before { content: "\e732" } .wi-module-manage:before { content: "\e72b" } .wi-platform-manage:before { content: "\e713" } .wi-system-welcome:before { content: "\e72c" } .wi-scrap:before { content: "\e72d" } a:hover { color: #3296fa; text-decoration: none } .head { background-color: #fff } .head .navbar-default { background-color: #fff; border-bottom: 1px solid #c7c7c7; height: 57px; border-radius: 0; margin: 0 } .head .navbar-default .container { width: 100%; padding: 0 30px } .head a:hover { color: #3296fa !important } .head .navbar-header { width: 235px } .head .navbar-header a { font-size: 12px } .head .navbar-header .version { margin-left: 6px; margin-top: -4px; background-color: #aeaeae; padding: 2px 5px; display: block; float: right; border-radius: 2px; color: #fff; line-height: 1 } .head .navbar-header .navbar-brand { padding: 11px 15px; height: 57px } .head .navbar-left { font-size: 16px; margin: 0 -20px } .head .navbar-left > li > a { padding-left: 15px; padding-right: 15px; height: 52px; line-height: 25px } .head .navbar-left .active, .head .navbar-left > li:hover, .skin-black .head .navbar-left > li:hover { border-bottom: 3px solid #3296fa; background-color: transparent } .head .navbar-left .active a, .head .navbar-left > li:hover a, .skin-black .head .navbar-left > li:hover a { background-color: transparent !important } .head .navbar-right { font-size: 16px } .head .navbar-right .popover { min-width: 3em; color: #4c4c4c } .head .navbar-right .popover .popover-content { padding: 3px 8px } .head .navbar-right li:hover { background-color: transparent; color: #3296fa } .head .navbar-right .wi, .head .navbar-right .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .head .navbar-right .ext-apply-item.apply-show:before, .head .navbar-right .cut-list .item.apply-show:before, .cut-list .head .navbar-right .item.apply-show:before, .head .navbar-right .fa { font-size: 21px; margin-right: 2px; vertical-align: middle } .head .navbar-right .navbar-avatar { width: 21px; height: 21px; border-radius: 50%; margin-right: 4px } .head .navbar-right .msg .wi-bell { position: relative } .head .navbar-right .msg .badge { position: absolute; color: #fff; background-color: #ff0030; right: -15px; top: -9px } .head .navbar-right .msg .dropdown-menu { width: 300px; height: 500px; overflow: hidden; color: #4c4c4c; padding: 0 } .head .navbar-right .msg .top { padding: 0 10px; line-height: 50px; border-bottom: 1px solid #e8e9eb } .head .navbar-right .msg .top a { color: #3296fa } .head .navbar-right .msg-list-container { padding: 0 10px; height: 437px; overflow-y: auto } .head .navbar-right .msg .item { font-size: 12px; padding: 10px 0 } .head .navbar-right .msg .item .info { color: #999; margin-bottom: 10px } .head .navbar-right .msg .item + .item { border-top: 1px solid #e8e9eb } .head .open a { background-color: transparent !important } .head .other { margin-left: 10px; margin-right: -10px } .head .other > li:first-child a:before { content: ''; position: absolute; border-left: 1px solid #e8e9eb; left: -5px; left: -5px; height: 1em; top: 50%; transform: translateY(-25%) } .head + .main { min-height: 725px } .head + .main .panel-cut { min-height: 725px } .head .head-dropdown-menu { position: fixed; top: auto; left: 0; right: 0; padding: 0; border-color: #fafafa; border-bottom: 1px solid #e8e9eb; border-radius: 0; background-color: #fafafa } .head .head-app-list { padding-left: 235px; margin: 0 -20px } .head .head-app-item { display: inline-block } .head .head-app-item > a { height: 90px !important; line-height: 90px !important; margin: 0 20px; display: inline-block } .head .head-app-item > a:hover { color: #3296fa } .head .head-app-item > a:hover .wi, .head .head-app-item > a:hover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .head .head-app-item > a:hover .ext-apply-item.apply-show:before, .head .head-app-item > a:hover .cut-list .item.apply-show:before, .cut-list .head .head-app-item > a:hover .item.apply-show:before { color: #3296fa } .head .head-app-item > a .wi, .head .head-app-item > a .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .head .head-app-item > a .ext-apply-item.apply-show:before, .head .head-app-item > a .cut-list .item.apply-show:before, .cut-list .head .head-app-item > a .item.apply-show:before { margin-right: 10px; font-size: 24px; color: #ccc; vertical-align: middle } .head .head-app-item:last-of-type:before { content: ' '; border-left: 1px solid #e8e9eb } .main { margin: 30px 0 } .system-tips + .main { min-height: 725px; margin-top: 0 } .main-lg-body .head .container { width: auto; padding: 0 30px } .main-lg-body .main .container { width: auto; margin: 0 30px } .main-lg-body .main .container > div.panel-content > .panel-body { padding-right: 0 !important; padding-top: 0 !important } .right-content .nav.nav-tabs { margin-bottom: 30px } .right-content > .we7-page-title { display: none } .right-content .we7-page-tab:empty { display: none } .button-to-big { position: absolute; right: -25px; width: 25px; padding: 15px 0; background-color: #fff; text-align: center; border: 1px solid #c7c7c7; border-left: 0 } .panel-content { border: 1px solid #c7c7c7; border-radius: 0; box-shadow: 0 0 0; margin-bottom: 0 } .panel-content > .panel-heading { height: 57px; line-height: 35px; border-bottom: 1px solid #e8e9eb; background-color: #f8f8f8; padding: 10px 30px; border-radius: 0 } .panel-content > .panel-body { padding: 0; margin-bottom: 0 } .main-panel-body { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 725px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; -flex-wrap: wrap } .left-menu { width: 210px; border-right: 1px solid #e8e9eb; overflow: hidden !important } .left-menu .left-menu-content { width: 228px; overflow-y: scroll } .left-menu .panel-heading { cursor: pointer } .left-menu .panel-heading span { display: block } .left-menu .panel-heading span.no-collapse { padding: 10px 15px; line-height: 25px } .left-menu .panel-heading span:hover { color: #a09f9f } .left-menu .list-group .wi, .left-menu .list-group .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .left-menu .list-group .ext-apply-item.apply-show:before, .left-menu .list-group .cut-list .item.apply-show:before, .cut-list .left-menu .list-group .item.apply-show:before, .left-menu .list-group .fa, .left-menu .panel-heading .wi-wechat, .left-menu .panel-heading .wi-account, .left-menu .panel-heading .wi-wechat, .left-menu .panel-heading .wi-small-routine, .left-menu .panel-heading .wi-user, .left-menu .panel-heading .wi-appjurisdiction, .left-menu .panel-heading .wi-article, .left-menu .panel-heading .wi-update { font-size: 24px; position: relative; line-height: 25px; margin-right: 5px; color: #b2b2b2; vertical-align: middle } .left-menu .setting { line-height: 26px; font-size: 18px; vertical-align: middle; color: #ccc } .left-menu .collapsed .setting { transform: rotate(180deg) } .left-menu .plugin-menu { width: 100%; height: 100%; padding-left: 60px } .left-menu .plugin-menu .plugin-menu-main { width: 60px; margin-left: -60px; background-color: #f8f8f8; border-right: 1px solid #e8e9eb; margin-bottom: -9999px; padding-bottom: 9999px } .left-menu .plugin-menu .plugin-menu-main .list-group { text-align: center } .left-menu .plugin-menu .plugin-menu-main .list-group .wi, .left-menu .plugin-menu .plugin-menu-main .list-group .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .left-menu .plugin-menu .plugin-menu-main .list-group .ext-apply-item.apply-show:before, .left-menu .plugin-menu .plugin-menu-main .list-group .cut-list .item.apply-show:before, .cut-list .left-menu .plugin-menu .plugin-menu-main .list-group .item.apply-show:before, .left-menu .plugin-menu .plugin-menu-main .list-group .fa { font-size: 30px; color: #b2b2b2; margin-bottom: 8px; margin-right: 0 } .left-menu .plugin-menu .plugin-menu-main .list-group .img-icon { width: 30px; height: 30px; border-radius: 3px; margin-bottom: 8px; margin-right: 0; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -mo-filter: grayscale(1); -o-filter: grayscale(1); filter: gray; filter: grayscale(1) } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item { background-color: #f8f8f8; color: #b2b2b2; padding: 10px 0; border-right: 0; border-left: 0 } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item a { display: block } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item div { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; max-height: 40px } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; border-top: none } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active, .left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left > li.list-group-item:hover, .head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left > li.list-group-item:hover { background-color: #fff; border-color: #e8e9eb; position: relative } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active a, .left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left > li.list-group-item:hover a, .head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left > li.list-group-item:hover a { color: #3296fa !important } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active:after, .left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left > li.list-group-item:hover:after, .head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left > li.list-group-item:hover:after { content: ''; width: 2px; position: absolute; top: 0; right: -1px; bottom: 0; background-color: #fff; z-index: 1 } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.active .img-icon, .left-menu .plugin-menu .plugin-menu-main .list-group .head .navbar-left > li.list-group-item:hover .img-icon, .head .left-menu .plugin-menu .plugin-menu-main .list-group .navbar-left > li.list-group-item:hover .img-icon { -webkit-filter: initial; -moz-filter: initial; -mo-filter: initial; -o-filter: initial; filter: initial; filter: initial } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more a { border-bottom-color: #e8e9eb } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more:first-child > a { border-top: 1px solid #e8e9eb } .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more .nav-title .wi, .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more .nav-title .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more .nav-title .ext-apply-item.apply-show:before, .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more .nav-title .cut-list .item.apply-show:before, .cut-list .left-menu .plugin-menu .plugin-menu-main .list-group .list-group-item.list-group-item-more .nav-title .item.apply-show:before { margin-top: 20px } .left-menu .plugin-menu .plugin-menu-sub { width: 100% } .left-menu .plugin-menu .plugin-menu-sub .panel-heading, .left-menu .plugin-menu .plugin-menu-sub .list-group-item { padding-left: 15px } .menu-fixed .left-menu { margin-bottom: 0; padding-bottom: 0 } .menu-fixed .left-menu .left-menu-content { height: 100%; overflow-x: hidden } .right-content { flex: 1; padding: 30px; width: 0 } .right-content > .user-head-info { margin-top: 30px } .content-head { position: relative } .content-head img.head-logo { border-radius: 50%; width: 40px; height: 40px; margin-right: 20px } .content-head .head-app-logo { width: 33px; height: 33px; border-radius: 5px; margin-right: 20px } .content-head span { margin-right: 20px } .content-head span:nth-child(1) { font-size: 16px } .content-head span:nth-last-of-type(2) { margin-right: 0 } .content-head .label-primary { border-radius: 4px } .content-head .wi, .content-head .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .content-head .ext-apply-item.apply-show:before, .content-head .cut-list .item.apply-show:before, .cut-list .content-head .item.apply-show:before, .content-head .fa { margin-right: 10px; font-size: 24px; position: relative; color: #949494; vertical-align: middle } .we7-head-back { width: 60px; height: 55px; line-height: 55px; display: inline-block; text-align: center; position: absolute; left: 0; margin-top: -10px } .we7-head-back .wi, .we7-head-back .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-head-back .ext-apply-item.apply-show:before, .we7-head-back .cut-list .item.apply-show:before, .cut-list .we7-head-back .item.apply-show:before, .we7-head-back .fa { margin-right: 0; font-size: 30px } .we7-head-account { display: inline-block; height: 55px; line-height: 55px; width: 149px; border-right: 1px solid #e8e9eb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 60px; margin-top: -10px } .we7-head-account a { display: block; color: #252424 } .we7-head-account a:hover { color: #252424 } .we7-head-account + .head-app-logo { margin-left: 200px } .main-panel-heading .related-info { line-height: 56px; margin-top: -10px; margin-right: -30px } .main-panel-heading .related-info span { margin: 0; display: inline-block } .main-panel-heading .related-info .wi, .main-panel-heading .related-info .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .main-panel-heading .related-info .ext-apply-item.apply-show:before, .main-panel-heading .related-info .cut-list .item.apply-show:before, .cut-list .main-panel-heading .related-info .item.apply-show:before { color: #b2b2b2 } .main-panel-heading .related-info .top-view { border-right: 1px solid #e8e9eb } .main-panel-heading .related-info .top-view a { display: inline-block; padding: 0 15px; max-width: 160px; height: 56px; color: #b2b2b2; font-size: 14px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; position: relative } .main-panel-heading .related-info .top-view a:hover { color: #3296fa !important } .main-panel-heading .related-info .top-view a:hover .wi, .main-panel-heading .related-info .top-view a:hover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .main-panel-heading .related-info .top-view a:hover .ext-apply-item.apply-show:before, .main-panel-heading .related-info .top-view a:hover .cut-list .item.apply-show:before, .cut-list .main-panel-heading .related-info .top-view a:hover .item.apply-show:before { color: #3296fa } .main-panel-heading .related-info .top-view a + a:before { content: ''; width: 1px; background-color: #e8e9eb; position: absolute; top: 15px; left: 0; bottom: 15px } .main-panel-heading .related-info .dropdown-icon { display: block; width: 57px; text-align: center } .main-panel-heading .related-info .dropdown-icon .wi, .main-panel-heading .related-info .dropdown-icon .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .main-panel-heading .related-info .dropdown-icon .ext-apply-item.apply-show:before, .main-panel-heading .related-info .dropdown-icon .cut-list .item.apply-show:before, .cut-list .main-panel-heading .related-info .dropdown-icon .item.apply-show:before { font-size: 18px; margin: 0 } .main-panel-heading .related-info .dropdown-menu { border-radius: 0; margin: 0 } .main-panel-heading .related-info .dropdown-menu li { font-size: 14px; text-align: right; padding: 8px 16px } .main-panel-heading .related-info .dropdown-menu li a { color: #b2b2b2 } .main-panel-heading .related-info .dropdown-menu li a:hover { background-color: transparent; color: #3296fa } .main-panel-heading .related-info .dropdown-menu li a:hover .wi, .main-panel-heading .related-info .dropdown-menu li a:hover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .main-panel-heading .related-info .dropdown-menu li a:hover .ext-apply-item.apply-show:before, .main-panel-heading .related-info .dropdown-menu li a:hover .cut-list .item.apply-show:before, .cut-list .main-panel-heading .related-info .dropdown-menu li a:hover .item.apply-show:before { color: #3296fa } .main-panel-heading .related-info .dropdown-menu li a .plus { margin-left: 10px } .main-panel-heading .related-info .dropdown-menu li a .plus .wi, .main-panel-heading .related-info .dropdown-menu li a .plus .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .main-panel-heading .related-info .dropdown-menu li a .plus .ext-apply-item.apply-show:before, .main-panel-heading .related-info .dropdown-menu li a .plus .cut-list .item.apply-show:before, .cut-list .main-panel-heading .related-info .dropdown-menu li a .plus .item.apply-show:before { font-size: 12px } .main-panel-heading .related-info .dropdown-menu li + li { border-top: 1px solid #e8e9eb } .panel-menu { padding-left: 0; margin-bottom: 0; border: 0; border-bottom: 1px solid #e8e9eb; box-shadow: 0 0 0; border-radius: 0 } .panel-menu > .panel-heading { background-color: transparent; color: #a09f9f; padding: 0 } .panel-menu > .panel-heading a { display: block; padding: 10px 20px } .panel-menu .list-group-item:not(.list-group-more) { border: 0; color: #252424; padding-left: 30px; padding-top: 0; padding-bottom: 0; border-radius: 0 !important } .panel-menu .list-group-item:not(.list-group-more) > a:hover { background-color: #3296fa; color: #fff !important } .panel-menu .list-group-item:not(.list-group-more) > a:hover .wi, .panel-menu .list-group-item:not(.list-group-more) > a:hover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .panel-menu .list-group-item:not(.list-group-more) > a:hover .ext-apply-item.apply-show:before, .panel-menu .list-group-item:not(.list-group-more) > a:hover .cut-list .item.apply-show:before, .cut-list .panel-menu .list-group-item:not(.list-group-more) > a:hover .item.apply-show:before, .panel-menu .list-group-item:not(.list-group-more) > a:hover .fa { color: #fff } .panel-menu .list-group-item:not(.list-group-more).active, .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover, .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover { color: #fff } .panel-menu .list-group-item:not(.list-group-more).active .wi, .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover .wi, .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover .wi, .panel-menu .list-group-item:not(.list-group-more).active .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .panel-menu .list-group-item:not(.list-group-more).active .ext-apply-item.apply-show:before, .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover .ext-apply-item.apply-show:before, .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover .ext-apply-item.apply-show:before, .panel-menu .list-group-item:not(.list-group-more).active .cut-list .item.apply-show:before, .cut-list .panel-menu .list-group-item:not(.list-group-more).active .item.apply-show:before, .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover .cut-list .item.apply-show:before, .cut-list .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover .item.apply-show:before, .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover .cut-list .item.apply-show:before, .cut-list .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover .item.apply-show:before, .panel-menu .list-group-item:not(.list-group-more).active .fa, .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover .fa, .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover .fa { color: #fff } .panel-menu .list-group-item:not(.list-group-more).active > a, .panel-menu .head .navbar-left > li.list-group-item:not(.list-group-more):hover > a, .head .panel-menu .navbar-left > li.list-group-item:not(.list-group-more):hover > a { background-color: #3296fa; color: #fff } .panel-menu .list-group-item:not(.list-group-more) img { width: 33px; height: 33px; border-radius: 3px; margin-right: 10px } .panel-menu .list-group-item:not(.list-group-more) a { padding-top: 10px; padding-bottom: 10px; margin-left: -30px; padding-left: 30px; margin-right: -15px; display: block; color: #252424 } .panel-menu .list-group-item:not(.list-group-more) a .wi.setting:last-child, .panel-menu .list-group-item:not(.list-group-more) a .ext-apply-list .setting.ext-apply-item.apply-show:last-child:before, .ext-apply-list .panel-menu .list-group-item:not(.list-group-more) a .setting.ext-apply-item.apply-show:last-child:before, .panel-menu .list-group-item:not(.list-group-more) a .cut-list .setting.item.apply-show:last-child:before, .cut-list .panel-menu .list-group-item:not(.list-group-more) a .setting.item.apply-show:last-child:before { font-size: 12px } .panel-menu .list-group-item:not(.list-group-more) .list-child .list-child-item > a { padding-left: 72px } .panel-menu .list-group-item:not(.list-group-more) .list-child .list-child-item > a:hover { background-color: #3296fa; color: #fff !important } .panel-menu .list-group-item:not(.list-group-more) .list-child .list-child-item.active > a, .panel-menu .list-group-item:not(.list-group-more) .list-child .head .navbar-left > li.list-child-item:hover > a, .head .panel-menu .list-group-item:not(.list-group-more) .list-child .navbar-left > li.list-child-item:hover > a { background-color: #3296fa; color: #fff !important } .panel-menu .list-group-more { border: 0; text-align: center; margin: 0 } .panel-menu .list-group-more .label-more { border: 1px dashed #e8e9eb; color: #252424; font-size: 14px; padding: 0; width: 164px; height: 34px; line-height: 30px; vertical-align: middle; border-radius: 0; display: inline-block; position: relative; font-weight: 400 } .panel-menu .list-group-more .label-more:before { content: '+'; color: #999; font-size: 25px; position: absolute; left: 15px } .panel-menu .list-group-more .label-more:hover { color: #3296fa } .panel-menu:last-child { border-bottom: 10px } .panel-content-plugin .left-menu { width: 270px } .panel-content-plugin .we7-head-account { width: 209px } .panel-content-plugin .we7-head-account + .head-app-logo { margin-left: 260px } #newUploaderImg.image .category li .name, .uploader-modal.image .category li .name { width: 100%; padding: 0 30px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; cursor: pointer } #newUploaderImg.image .category li .name .setting, .uploader-modal.image .category li .name .setting { position: absolute; right: 2px; top: 0; cursor: pointer; color: #3296fa; display: none } #newUploaderImg.image .category li input, .uploader-modal.image .category li input { display: inline-block; width: 90px } #newUploaderImg.image .category li .edit, .uploader-modal.image .category li .edit { padding: 0 20px; border-top: 1px solid #f5f5f5; display: none } #newUploaderImg.image .category li .edit.show, .uploader-modal.image .category li .edit.show { display: block } #newUploaderImg.image .category li .edit a, .uploader-modal.image .category li .edit a { display: inline-block; margin: 0 5px } #newUploaderImg.image .material-body, .uploader-modal.image .material-body { padding: 0; position: relative; overflow-y: hidden } #newUploaderImg.image .tab-content, .uploader-modal.image .tab-content { height: 344px; padding: 15px 7px } #newUploaderImg.image .tab-content .history .img-list, .uploader-modal.image .tab-content .history .img-list { margin: 0 } #newUploaderImg.image .category, .uploader-modal.image .category { width: 170px; height: 344px; overflow-y: auto; border-right: 1px solid #e8e9eb; background: #f4f5f9; float: left } #newUploaderImg.image .category .add, .uploader-modal.image .category .add { line-height: 44px; text-align: center; background: #fff; border-bottom: 1px solid #e8e9eb } #newUploaderImg.image .category li, .uploader-modal.image .category li { line-height: 44px; background: 0 0 } #newUploaderImg.image .category li:hover .name .setting, .uploader-modal.image .category li:hover .name .setting { display: block } #newUploaderImg.image .category li .wi-file, .uploader-modal.image .category li .wi-file { color: #edce86; margin-right: 10px } #newUploaderImg.image .category li.active, #newUploaderImg.image .category .head .navbar-left > li:hover, .head #newUploaderImg.image .category .navbar-left > li:hover, #newUploaderImg.image .category li:hover, .uploader-modal.image .category li.active, .uploader-modal.image .category .head .navbar-left > li:hover, .head .uploader-modal.image .category .navbar-left > li:hover, .uploader-modal.image .category li:hover { background: #fff } #newUploaderImg.image .category li .name, .uploader-modal.image .category li .name { width: 100%; padding: 0 30px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; cursor: pointer } #newUploaderImg.image .category li .name .setting, .uploader-modal.image .category li .name .setting { position: absolute; right: 2px; top: 0; cursor: pointer; color: #3296fa; display: none } #newUploaderImg.image .category li input, .uploader-modal.image .category li input { display: inline-block; width: 90px } #newUploaderImg.image .category li .edit, .uploader-modal.image .category li .edit { padding: 0 20px; border-top: 1px solid #f5f5f5; display: none } .uploader-modal.image .category li.active .wi-file{ margin-left: -11px; } #newUploaderImg.image .category li .edit.show, .uploader-modal.image .category li .edit.show { display: block } #newUploaderImg.image .category li .edit a, .uploader-modal.image .category li .edit a { display: inline-block; margin: 0 5px } #newUploaderImg.image .category li .edit a .wi, #newUploaderImg.image .category li .edit a .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg.image .category li .edit a .ext-apply-item.apply-show:before, #newUploaderImg.image .category li .edit a .cut-list .item.apply-show:before, .cut-list #newUploaderImg.image .category li .edit a .item.apply-show:before, .uploader-modal.image .category li .edit a .wi, .uploader-modal.image .category li .edit a .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .uploader-modal.image .category li .edit a .ext-apply-item.apply-show:before, .uploader-modal.image .category li .edit a .cut-list .item.apply-show:before, .cut-list .uploader-modal.image .category li .edit a .item.apply-show:before { font-size: 14px } #newUploaderImg.image .img-container, .uploader-modal.image .img-container { padding: 10px 10px 41px; flex-wrap: wrap; margin-left: 171px; max-height: 460px; overflow-y: auto } #newUploaderImg.image .img-container .item, .uploader-modal.image .img-container .item { flex: none; position: relative; width: calc(20% - 20px); margin: 10px; text-align: center; vertical-align: middle; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% } #newUploaderImg.image .img-container .item:before, .uploader-modal.image .img-container .item:before { content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle } #newUploaderImg.image .img-container .item .name, .uploader-modal.image .img-container .item .name { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0, 0, 0, .5); color: #fff; padding: 0 20px; text-align: left; z-index: 2 } #newUploaderImg.image .img-net, .uploader-modal.image .img-net { font-size: 18px; height: 437px } #newUploaderImg.image .img-net .img, .uploader-modal.image .img-net .img { width: auto; height: 200px; margin: 50px 0 20px 0 } #newUploaderImg.image .img-net input, .uploader-modal.image .img-net input { width: 500px; margin: 10px auto } #newUploaderImg.image .img-net .btn, .uploader-modal.image .img-net .btn { width: 120px; margin: 10px 0; min-width: unset } #newUploaderImg.image .selected-all, .uploader-modal.image .selected-all { float: left; padding: 7.5px 0 } #newUploaderImg.keyword .tab-content, .uploader-modal.keyword .tab-content { width: 100%; height: 310px; padding: 15px; float: none } #newUploaderImg.keyword .material-content, .uploader-modal.keyword .material-content { padding: 0 } #newUploaderImg.keyword .row, .uploader-modal.keyword .row { margin: -10px } #newUploaderImg.keyword .col-sm-2, .uploader-modal.keyword .col-sm-2 { padding: 10px; overflow: hidden; box-sizing: border-box; cursor: pointer } #newUploaderImg.keyword .col-sm-2 a, .uploader-modal.keyword .col-sm-2 a { display: block; width: 100%; height: 75px; position: relative; cursor: pointer; border: 1px solid #e8e9eb; text-align: center } #newUploaderImg.keyword .col-sm-2 a span, .uploader-modal.keyword .col-sm-2 a span { display: inline-block; width: 94%; padding: 0 3%; max-height: 54px; line-height: 18px; overflow: hidden; box-sizing: border-box; white-space: normal; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } #newUploaderImg.keyword .col-sm-2.active a, #newUploaderImg.keyword .head .navbar-left > li.col-sm-2:hover a, .head #newUploaderImg.keyword .navbar-left > li.col-sm-2:hover a, #newUploaderImg.keyword .col-sm-2:hover a, .uploader-modal.keyword .col-sm-2.active a, .uploader-modal.keyword .head .navbar-left > li.col-sm-2:hover a, .head .uploader-modal.keyword .navbar-left > li.col-sm-2:hover a, .uploader-modal.keyword .col-sm-2:hover a { background-color: #f4f6f9; color: #3296fa } #newUploaderImg.module .tab-content, .uploader-modal.module .tab-content { padding: 15px 7px } #newUploaderImg.module .img-list, .uploader-modal.module .img-list { margin: 0 } #newUploaderImg.module .img-list img, .uploader-modal.module .img-list img { margin: 17px 0 4px 0 } #newUploaderImg.module .col-sm-2 .item, .uploader-modal.module .col-sm-2 .item { position: relative; width: 100%; text-align: center; border: 1px solid #e8e9eb } #newUploaderImg.module .col-sm-2 .item:before, .uploader-modal.module .col-sm-2 .item:before { content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align: middle } #newUploaderImg.module .col-sm-2 .item .icon, .uploader-modal.module .col-sm-2 .item .icon { width: 80px; height: 80px; border-radius: 10px; vertical-align: middle } #newUploaderImg.module .col-sm-2 .item .name, .uploader-modal.module .col-sm-2 .item .name { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0, 0, 0, .5); color: #fff; padding: 0 20px; text-align: left; z-index: 2 } #newUploaderImg.video .col-sm-3 .item, #newUploaderImg.voice .col-sm-3 .item, .uploader-modal.video .col-sm-3 .item, .uploader-modal.voice .col-sm-3 .item { position: relative; width: 100%; height: 150px; text-align: center; border: 1px solid #e8e9eb } #newUploaderImg.video .col-sm-3 .item .icon, #newUploaderImg.voice .col-sm-3 .item .icon, .uploader-modal.video .col-sm-3 .item .icon, .uploader-modal.voice .col-sm-3 .item .icon { width: 60px; height: 60px; margin-top: 18px } #newUploaderImg.video .col-sm-3 .item .time, #newUploaderImg.voice .col-sm-3 .item .time, .uploader-modal.video .col-sm-3 .item .time, .uploader-modal.voice .col-sm-3 .item .time { color: #999; line-height: 34px } #newUploaderImg.video .col-sm-3 .item .name, #newUploaderImg.voice .col-sm-3 .item .name, .uploader-modal.video .col-sm-3 .item .name, .uploader-modal.voice .col-sm-3 .item .name { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 34px; background: rgba(0, 0, 0, .5); color: #fff; padding: 0 20px; text-align: left; z-index: 2 } #newUploaderImg .modal-body.image, #newUploaderImg .modal-body.thumb { height: 459px } #newUploaderImg .modal-body #wx .tablepanel-top, #newUploaderImg .modal-body #local .tablepanel-top { padding: 10px 15px; line-height: 34px; border-bottom: 1px solid #e8e9eb } #newUploaderImg .modal-body #wx .tablepanel-top span, #newUploaderImg .modal-body #local .tablepanel-top span { color: #999; display: inline-block; margin-right: 20px } #newUploaderImg .modal-body #wx .tablepanel-con, #newUploaderImg .modal-body #local .tablepanel-con { padding: 15px } #newUploaderImg .modal-body #wx .tablepanel-con input[type=text].form-control, #newUploaderImg .modal-body #local .tablepanel-con input[type=text].form-control { border-radius: 4px } #newUploaderImg .modal-body #wx .tablepanel-con .empty, #newUploaderImg .modal-body #local .tablepanel-con .empty { height: 330px; line-height: 330px; text-align: center; font-size: 18px } #newUploaderImg .modal-body #wx .tablepanel-con .fa, #newUploaderImg .modal-body #local .tablepanel-con .fa { margin: 0 } #newUploaderImg .modal-body #wx .tablepanel-con .item, #newUploaderImg .modal-body #local .tablepanel-con .item { float: left; border: 1px solid #e8e9eb; width: 120px; height: 150px; margin: 0 15px 15px 0 } #newUploaderImg .modal-body #wx .tablepanel-con .item .img, #newUploaderImg .modal-body #local .tablepanel-con .item .img { position: relative; overflow: hidden; width: 100%; height: 114px; text-align: center; background-color: #f4f5f9; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer } #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 114px; background: rgba(0, 0, 0, .6); color: #fff } #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .item.apply-show:before { font-size: 48px } #newUploaderImg .modal-body #wx .tablepanel-con .item .img-title, #newUploaderImg .modal-body #local .tablepanel-con .item .img-title { text-align: center; width: 100%; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } #newUploaderImg .modal-body #wx .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #wx .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #wx .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #local .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover { display: block } #newUploaderImg .modal-body #link { padding: 30px } #newUploaderImg .modal-body #link .item { border: 1px solid #e8e9eb; width: 120px; height: 150px; margin-right: 30px; float: left } #newUploaderImg .modal-body #link .item .img { position: relative; overflow: hidden; width: 100%; height: 114px; text-align: center; background-color: #f4f5f9; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% } #newUploaderImg .modal-body #link .item .img .cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 114px; background: rgba(0, 0, 0, .6); color: #fff } #newUploaderImg .modal-body #link .item .img .cover .wi, #newUploaderImg .modal-body #link .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #link .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #link .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #link .item .img .cover .item.apply-show:before { font-size: 48px } #newUploaderImg .modal-body #link .item .img-title { text-align: center; width: 100%; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } #newUploaderImg .modal-body #link .link { float: left; width: 450px } #newUploaderImg .modal-body #link .link .state { font-size: 18px; color: #999; margin: 15px 0 } #newUploaderImg .modal-body #link .link button { min-width: 105px; margin: 15px 0 } .text-error { color: #a94442 } .color-default { color: #3296fa !important } .color-dark { color: #252424 !important } .color-red { color: #cf1010 !important } .color-gray { color: #999 !important } .color-green { color: #079200 !important } .bg-default { background-color: #e7e8eb !important; color: #fff } .bg-light-gray { background-color: #F7F7F7 !important }