h2.eidt_panel-title { line-height: 24px; font-size: 15px; color: #fff; margin-top: 8px; margin-bottom: 16px }
.chartColorlist { margin-left: -8px; margin-right: -8px }
.chartColorlist .colorItem { display: inline-block; padding-left: 8px; padding-right: 8px; padding-bottom: 8px; color: #fff; cursor: pointer }
.chartColorlist .colorItem:hover .color { border: 2px solid #fff }
.chartColorlist .colorItem .color { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 8px; border-radius: 3px; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.25) }
.chartColorlist .colorItem .color.word-clouds { background-color: transparent !important; background-image: url(../fonts/690ce1d92a3d4d36954b654b286def38.svg); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px }
.fnf-container .inside-content.fnf-text { padding: 10px }
.fnf-container.selected .fnf-img.svg-wrapper { border: 1px dashed #ddd }
.svg-wrapper { position: relative }
.svg-wrapper>svg { display: block; width: 100%; height: 100% }
.svg-wrapper>svg image { width: 100%; height: 100% }
.svg-position .layout-text { overflow: hidden; overflow-wrap: break-word; word-wrap: break-word }
.svg-position.top .svg-wrapper { margin: 0 auto }
.svg-position.top .layout-text { padding-top: 10px; text-align: center }
.svg-position.left .svg-wrapper { float: left }
.svg-position.left .layout-text { padding-left: 20px; text-align: left }
.svg-position.right .svg-wrapper { float: right }
.svg-position.right .layout-text { padding-right: 20px; text-align: right }
.full-area { width: 100%; height: 100% }
.form-control.form-control-dark { background-color: #262626; color: #fff; border-color: #262626 }
#figure_editor_wrapper .ke-toolbar { border: none; padding: 0; width: 100%; background-color: #2b2b2b }
#figure_editor_wrapper .ke-toolbar .ke-selected { background-color: transparent }
#figure_editor_wrapper .ke-toolbar .ke-selected .ke-toolbar-icon { background-color: #121212; border-color: #666 }
#figure_editor_wrapper .ke-toolbar .ke-outline { float: right; position: relative; border: none; margin: 8px 7px; padding: 0 }
@media (max-width:1090px) {
#figure_editor_wrapper .ke-toolbar .ke-outline { margin-left: 4px; margin-right: 4px }
}
#figure_editor_wrapper .ke-toolbar .ke-outline:last-child { background-color: #666; border-radius: 2px }
#figure_editor_wrapper .ke-toolbar .ke-outline:nth-last-of-type(2) { margin-right: 106px }
#figure_editor_wrapper .ke-toolbar .ke-outline:last-child { display: none }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon { height: 24px; border: 1px solid transparent; width: auto; background-image: none; font-size: 14px; color: #ccc; padding: 0 5px; border-radius: 3px; -webkit-transition: all .15s linear; transition: all .15s linear }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon:before, #figure_editor_wrapper .ke-toolbar .ke-toolbar-icon:after { font-family: fontawesome; line-height: 22px }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon:hover, #figure_editor_wrapper .ke-toolbar .ke-toolbar-icon:focus { border-color: #666; color: #fff }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-justifyright:before { content: '\e947' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-justifycenter:before { content: '\e946' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-justifyleft:before { content: '\e943' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-italic:before { content: '\e945' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-bold:before { content: '\e948' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-fontname:before { content: '\e955' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-fontsize:before { content: '\e950' }
#figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-fontname:after, #figure_editor_wrapper .ke-toolbar .ke-toolbar-icon.ke-icon-fontsize:after { content: '\e944'; font-size: 12px; margin-left: 2px; color: #ddd }
#figure_editor_wrapper .ke-edit iframe { border: 1px dashed #ddd }
#figure_editor_wrapper .ke-edit body.ke-content::-webkit-scrollbar {
width:8px;
background-color:#eee
}
#figure_editor_wrapper .ke-edit body.ke-content::-webkit-scrollbar-thumb {
background-color:#999;
border-radius:4px
}
.ke-menu, .ke-colorpicker { background-color: #4d4d4d; border: none; box-shadow: none; border-radius: 3px }
.ke-menu .ke-menu-item { border: none; background-color: transparent; color: #fff }
.ke-menu .ke-menu-item .ke-icon-checked { position: relative; background-image: none }
.ke-menu .ke-menu-item .ke-icon-checked:before { content: '\e913'; font-family: fontawesome; color: #fff; font-size: 14px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.ke-menu .ke-menu-item-on { background-color: #808080 }
.ke-colorpicker { padding: 10px }
.ke-colorpicker .ke-colorpicker-cell, .ke-colorpicker .ke-colorpicker-cell-top { color: #fff; border: none }
.ke-colorpicker .ke-colorpicker-cell-on { border: none; background-color: #808080 }
.ke-colorpicker .ke-colorpicker-cell-color { width: 24px; height: 24px; margin: 0 }
.ke-colorpicker tbody tr:nth-child(2) td:first-child .ke-colorpicker-cell-color { border-top-left-radius: 2px }
.ke-colorpicker tbody tr:nth-child(2) td:last-child .ke-colorpicker-cell-color { border-top-right-radius: 2px }
.ke-colorpicker tbody tr:last-child td:first-child .ke-colorpicker-cell-color { border-bottom-left-radius: 2px }
.ke-colorpicker tbody tr:last-child td:last-child .ke-colorpicker-cell-color { border-bottom-right-radius: 2px }
body.ke-content::-webkit-scrollbar {
width:8px;
background-color:#ddd
}
body.ke-content::-webkit-scrollbar-thumb {
border-radius:4px;
background-color:#999
}
.toolbar-menu.open { display: block }
.top-toolbar { position: fixed; top: 44px; left: 50px; width: 100%; color: #fff; padding: 8px 0 8px 17px; width: 60%; min-width: 494px }
.top-toolbar-menu { margin: 0; padding: 0 }
.top-toolbar-menu>li { float: left; padding-left: 7px; padding-right: 7px }
.top-toolbar-menu>li.text-color { position: fixed; right: 288px }
@media (max-width:1090px) {
.top-toolbar-menu>li.text-color { right: 253px }
}
.top-toolbar-menu>li.text-color .btn { background-color: transparent; color: #ccc; padding-left: 5px !important; padding-right: 5px !important }
.top-toolbar-menu>li.text-color .btn:hover { border-color: #666; color: #fff }
.top-toolbar-menu>li.text-color .btn .fa-caret-down { color: #ddd; font-size: 12px }
.top-toolbar-menu>li.text-background { position: fixed; right: 236px }
@media (max-width:1090px) {
.top-toolbar-menu>li.text-background { right: 200px }
}
.top-toolbar-menu>li.text-background .btn { background-color: transparent; color: #2b2b2b }
.top-toolbar-menu>li.text-background .btn:hover { border-color: #666 }
.top-toolbar-menu>li.text-background .btn:hover .fa-font { background-color: #fff }
.top-toolbar-menu>li.text-background .btn i:first-child { line-height: 16px; width: 16px; background-color: #ccc; border-radius: 2px; -webkit-transition: all .15s linear; transition: all .15s linear }
.top-toolbar-menu>li.text-background .btn .fa-caret-down { color: #ddd; font-size: 12px }
.top-toolbar-menu>li.tool-separate { background-color: #121212; margin: 0 14px; height: 24px; padding: 0; width: 1px }
@media (max-width:1090px) {
.top-toolbar-menu>li.tool-separate { margin-left: 4px; margin-right: 4px }
}
.top-toolbar-menu>li.AspectRatio { padding: 0 }
.top-toolbar-menu>li.AspectRatio .btn { background-color: transparent; border-color: transparent; color: #b3b3b3 }
.top-toolbar-menu>li.AspectRatio .btn:hover { border-color: #666 }
.top-toolbar-menu>li.AspectRatio.active .btn { background-color: #0d0d0d; border-color: #666; color: #fff }
.top-toolbar-menu>li .btn:not(.btn-block) { height: 24px; padding: 0 7px }
.top-toolbar-menu>li .btn:not(.btn-block).color { border: none; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.25); width: 24px }
.top-toolbar-menu>li .btn:not(.btn-block).shape-stroke { background-color: transparent; border-width: 2px; border-style: solid }
.top-toolbar-menu>li .btn:not(.btn-block) svg { fill: #fff; width: 16px; height: 16px; vertical-align: middle }
.top-toolbar-menu>li .btn:not(.btn-block) .detail { font-size: 12px; color: #eee }
@media (max-width:1090px) {
.top-toolbar-menu>li .btn:not(.btn-block) .detail { display: none }
}
.top-toolbar-menu>li .icheck { margin-bottom: 0; margin-top: 1px }
.top-toolbar-menu>li .icheck i { color: #666 }
.top-toolbar-menu .icon-palette { margin-left: 0; width: 228px; font-size: 0; max-height: 265px; overflow-y: scroll }
.top-toolbar-menu .icon-palette .iconEntry { width: 28px; height: 28px; margin: 10px 7px; padding: 6px; border-radius: 2px; cursor: pointer }
.top-toolbar-menu .icon-palette .iconEntry.hover { background-color: #666 }
.top-toolbar-menu .icon-palette .iconEntry.hover svg { fill: #fff }
.top-toolbar-menu .icon-palette .iconEntry.active { background-color: #333 }
.top-toolbar-menu .icon-palette .iconEntry svg { fill: #eee; width: 16px; height: 16px }
.top-toolbar-menu .dropdown-image { padding: 10px 14px; width: 220px }
.top-toolbar-menu .dropdown-image li+li { padding-top: 10px }
.top-toolbar-menu .dropdown-image li textarea { margin-bottom: 10px }
.top-toolbar-menu .dropdown-image li span { display: inline-block; font-size: 12px; color: #ddd; margin: 10px 0 }
.top-toolbar-menu .tooltip.bottom { margin-top: 8px }
.AdjustImgWidth, .AdjustImgHeight { color: #ddd }
.AdjustImgWidth input, .AdjustImgHeight input { height: 24px; width: 48px; display: inline-block }
.AdjustImgWidth input, .AdjustImgHeight input { color: #fff; background-color: #0d0d0d; border: none; outline: none }
.dropdown-image>li>textarea { color: #ddd; font-size: 12px; border: none; background-color: #333 }
.navbar.navbar-inverse-edit { background-color: #3b3b3b }
.navbar.navbar-shadow { box-shadow: 0 1px 0 0 rgba(0,0,0,0.1) }
.navbar .item-back { margin-left: -10px }
.navbar .navbar-nav .project-status>a { color: #ddd }
.navbar .navbar-nav .item-primary>a { color: #5bbd72 }
.navbar .navbar-nav .item-primary>a:hover, .navbar .navbar-nav .item-primary>a:focus { color: #fff }
@media (max-width:865px) {
.navbar-inverse-edit li { float: left }
.navbar-inverse-edit li a { padding-top: 12px; padding-bottom: 12px }
.navbar-inverse-edit li .item-label { display: none }
.navbar-inverse-edit .navbar-nav { float: left; margin-top: 0; margin-bottom: 0 }
.navbar-inverse-edit .navbar-form { float: left; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; webkit-box-shadow: none }
.navbar-inverse-edit .navbar-right { float: right }
}
.navbar-inverse .switch { margin: 7px 10px }
.project_name { color: #ddd; border-radius: 3px; background-color: #262626 }
.project_name .project_name_ipt { position: absolute; visibility: hidden }
.project_name .project_name_con { border: 1px solid transparent; padding: 5px 10px; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.project_name._editing .project_name_ipt { position: relative; visibility: visible }
.project_name._editing .project_name_con { display: none }
.doc-nav { position: fixed; width: 191px; top: 74px; left: 1100px }
.doc-nav-pub { position: fixed; width: 191px; top: -1000px; left: -1000px; padding-top: 2px }
html { width: 100%; height: 100% }
body { width: 100%; word-wrap: break-word !important; min-height: 100%; height: auto; overflow: auto; -webkit-overflow-scrolling: touch }
body.body-library { overflow: hidden }
@media screen and (max-width:600px) {
body { overflow-y: scroll }
}
.btn:hover:active, .btn:focus { outline: none; box-shadow: none }
.close { color: #ccc }
.txt_black { color: #333 }
.txt_white { color: rgba(255,255,255,0.9) }
.addmenu .txt_white { color: #fff }
a.txt_white:hover, a.txt_white:focus { color: #fff }
a.a_blue { color: #00a0e9; text-decoration: underline }
a.a_blue:hover { color: #00a0e9; text-decoration: none }
.note-toolbar { font-size: 14px; text-align: left }
.note-editable { min-height: 2em }
.btn_ghost { color: #fff; border: 1px solid rgba(255,255,255,0.4); border-radius: 2px; background: rgba(0,0,0,0.3); padding: 8px 20px }
.btn_ghost:focus, .btn_ghost.focus { color: #fff; background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.6) }
.btn_ghost:hover { color: #fff; background-color: rgba(0,0,0,0.6) }
.btn_ghost:active, .btn_ghost.active { color: #fff; background-color: rgba(0,0,0,0.8) }
button.navbar-toggle:hover .icon-bar { background-color: #fff }
.navbar.navbar-static-top { margin-bottom: 0 }
.navbar-nav>li>.dropdown-menu { border: 0 }
.navbar-header .navbar-brand { padding: 0 26px 0 10px }
.navbar.navbar-fixed-top { border: 0 }
.collapse .navbar-right { margin-right: 0 }
.btn.btn_dark { background-color: #777; color: #fff }
.btn.btn_dark:focus, .btn.btn_dark.focus { color: #fff; background-color: #555 }
.btn.btn_dark:hover { color: #fff; background-color: #555 }
.btn.btn_dark:active { color: #fff; background-color: #444 }
#nav .navbar-right .btn { height: 32px; margin: 6px 0 0 2px; width: 72px; padding: 0 }
#user-avatar a.dropdown-toggle { padding: 4px 10px }
.avatar { display: inline-block; position: relative; width: 36px; height: 36px; padding: 3px; overflow: hidden; color: #246731; text-align: center; vertical-align: middle }
.avatar .icon { font-size: 24px; margin-bottom: -10px }
.avatar-div { border-radius: 50%; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center }
.avatar img { width: 100%; min-height: 100% }
.dropdown-toggle .badge { background-color: #f74444; position: absolute; top: 7px; left: 40px; font-size: 12px; font-weight: 100 }
.dropdown-menu .badge { display: inline-block; background-color: #f74444; position: absolute; margin-left: 5px }
#banner { background-image: url(../images/banner01.jpg); background-size: cover; background-position: center; text-align: center; height: 600px }
#banner .banner_con { display: table; position: relative; width: 100%; height: 100% }
.banner_txt { display: table-cell; vertical-align: middle }
.banner_txt h1 { width: 100%; text-align: center }
.banner_txt h1 img { width: 90%; max-width: 720px }
.banner_txt .list-inline { margin-top: 24px }
.banner_txt .btn { padding: 0; width: 150px; height: 42px; line-height: 40px; vertical-align: middle; margin-bottom: 10px }
.banner_txt .btn_kong { border: 2px solid rgba(255,255,255,0.8); color: #fff; background: rgba(0,0,0,0.3) }
.banner_txt .btn_kong:hover, .banner_txt .btn_kong:focus { color: #fff; background: rgba(0,0,0,0.2); border-color: #fff }
.btn-orange { background: #ef9e3a; color: #fff }
.btn-orange:hover, .btn-orange:focus { color: #fff; background-color: #ffa83d }
.btn-orange:active { background-color: #d68d33 }
.front_item .txt_gray { font-size: 18px; line-height: 1.6em; padding-bottom: 20px }
.front_item { padding: 60px 0 }
.user_wrap, .ft1, .ft3 { background-color: #fff }
.user_wrap p img { width: 100%; max-width: 700px; margin-bottom: -10px }
.wrapper .user_wrap { padding-bottom: 0 }
.front_title { font-size: 36px; margin-bottom: 30px }
.step_wrap .step_item { display: block; position: relative; text-align: center; width: 100%; margin-top: 40px; padding: 40px 20px 10px; background: #fff }
.step_wrap .step_item .step_num { display: block; position: absolute; top: -30px; left: 50% }
.step_wrap .step_item .step_num b { display: block; width: 60px; height: 60px; margin-left: -30px; font-weight: 100; background: #a7a8ad; color: #fff; border-radius: 50%; border: 4px solid #f0f0f0; font-size: 28px; line-height: 52px; text-align: center }
.step_wrap .step_item .step_txt { padding-bottom: 0 }
.step_wrap .step_item .step_img img { width: 100%; max-width: 280px; text-align: center }
.step_wrap .btn-orange { width: 200px; margin-top: 24px }
.feature .ft_img img { width: 100%; max-width: 450px }
.formobi { display: none }
#user { position: relative; width: 100%; background: #fff; border-bottom: 1px solid #ddd }
.user_info { position: relative; padding: 14px 0 30px 110px }
.user_img { display: block; position: absolute; top: 36px; left: 0; width: 90px; height: 90px; overflow: hidden; background-color: #ddd; text-align: center }
.user_img .icon { font-size: 64px; color: #999 }
.user_img img { width: 100%; height: 100% }
.user_info .btn { font-size: 12px; padding: 2px 10px }
.user_info .btn .icon { margin-right: 6px; font-size: 14px }
#user .user_capacity { position: absolute; right: -10px; top: 56px; margin: 0 }
.user_capacity .progress, .user_capacity .progress-bar { height: 14px; -webkit-box-shadow: none; box-shadow: none }
.user_capacity .progress { background-color: #e5e6e9 }
#user .nav-tabs { margin-bottom: -1px; padding-left: 110px }
#user .nav-tabs li a { padding: 10px 40px }
#user .nav-tabs li.active a:hover, #user .nav-tabs li.active a:focus { color: #333 }
#user .nav-tabs li a:hover, #user .nav-tabs li a:focus { color: #38a04c }
.switch { display: inline-block; vertical-align: middle; height: 30px; overflow: hidden; width: 100px }
.switch input { position: absolute; visibility: hidden }
.switch .switchbox { display: block; position: relative; border-radius: 15px; color: #fff; cursor: pointer; height: 100%; overflow: hidden; transition: background-color .2s linear }
.switchbox .thumb { position: absolute; left: 3px; top: 3px; display: inline-block; padding: 12px; border-radius: 12px; vertical-align: middle; background-color: #fff; transition: transform .2s ease-out; z-index: 3 }
.switchbox .switch_display { display: inline-block; position: absolute; font-weight: 100; text-align: center; height: 30px; width: 100px; line-height: 30px }
.swt_public { padding-left: 20px; background-color: #262626 }
.swt_private { left: -100px; padding-right: 20px; background-color: rgba(255,255,255,0.3) }
.switch>input:checked+.switchbox .swt_public, .switch>input:checked+.switchbox .swt_private { -ms-transform: translateX(100px); -webkit-transform: translateX(100px); transform: translateX(100px) }
.switch>input:checked+.switchbox .thumb { -ms-transform: translateX(70px); -webkit-transform: translateX(70px); transform: translateX(70px) }
.project_action ul { margin-right: -10px }
.project_action ul li { padding: 0; display: block; float: left }
.project_action ul a { display: block; height: 44px; text-align: center; padding: 0 10px; border-left: 1px solid rgba(0,0,0,0.1) }
.project_action .icon { font-size: 20px; margin-right: 4px }
#edit_container { padding: 0; position: relative }
.addcon { position: fixed; background-color: #333; top: 0; width: 50px; height: 100%; z-index: 100 }
.addmenu { display: block; position: absolute; width: 50px; top: 80px; left: 0; text-align: center }
.addmenu li { position: relative; margin-bottom: 20px }
.addmenu li a { display: block; line-height: 60px }
.addmenu li a:hover { color: #5bbd72 }
.addmenu li.active { background-color: #4a4a4a }
.addmenu li .fa { font-size: 20px }
.add_panel { position: absolute; left: 50px; top: 0; height: 100%; padding-top: 44px; overflow: hidden }
.add_panel .tab-content { position: relative; min-height: 100%; background-color: #4a4a4a; overflow-y: auto; overflow-x: hidden; left: 0 }
.add_panel .tab-pane { position: relative; min-width: 280px; transition: all .3s ease-out }
.add_img_btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 }
.add_panel .panel_title { width: 280px; padding: 16px 16px 24px 16px; background-color: #4a4a4a }
.add_panel h4 { display: block; margin: 0; color: #fff; font-size: 15px; line-height: 1 }
.add_panel .close { margin-top: -5px; opacity: .4; filter: alpha(opacity=40) }
.add_panel .close:hover { opacity: .8; filter: alpha(opacity=80) }
.panel_wrap { position: absolute; width: 100%; padding-left: 10px; padding-right: 10px }
.panel_wrap.insert_panel-content { padding-left: 16px; padding-right: 16px }
.insert_panel-content-group { margin-top: 16px; margin-bottom: 16px }
.insert_panel-content-group:before, .insert_panel-content-group:after { content: ''; display: block; height: 1px; background-color: rgba(0,0,0,0.2) }
.insert_panel-content-group .insert_panel-content-group-header { display: block; padding-top: 16px; padding-bottom: 16px; line-height: 1; color: #fff }
.insert_panel-content-group .insert_panel-content-group-header:before { font-family: fontawesome; margin-right: 4px }
.insert_panel-content-group .insert_panel-content-group-header:after { content: '\e95e'; font-family: fontawesome; float: right }
.insert_panel-content-group .insert_panel-content-group-header.collapsed { color: #ccc }
.insert_panel-content-group .insert_panel-content-group-header.collapsed:after { transform: rotate(180deg) }
.insert_panel-content-group .insert_panel-content-group-header.insert_panel_settings_docDetail:before { content: '\e90b' }
.insert_panel-content-group .insert_panel-content-group-collapse { padding-top: 8px; margin-bottom: -8px }
.insert_panel-content-item { margin-bottom: 24px }
.insert_panel-content-item .item-header-control { float: right; color: #ccc }
.insert_panel-content-item .item-header-control.delete { display: none }
.insert_panel-content-item .item-header-control.delete:hover { color: #ea6948 }
.insert_panel-content-item.item-image { position: relative; display: block; border-radius: 3px; background-color: rgba(0,0,0,0.3); overflow: hidden; transition-property: none }
.insert_panel-content-item.item-image:hover { color: #fff }
.insert_panel-content-item.item-image:hover img { opacity: .8 }
.insert_panel-content-item.item-image:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: rgba(0,0,0,0.7); user-select: none }
.insert_panel-content-item.item-image.item-theme { padding-left: 42px; padding-right: 42px }
.insert_panel-content-item.item-image.item-theme img { margin: 8px auto }
.insert_panel-content-item.item-image.item-theme:after { content: '更换主题模板' }
.insert_panel-content-item.item-image.item-cover { height: 138px }
.insert_panel-content-item.item-image.item-cover img { display: none }
.insert_panel-content-item.item-image.item-cover:after { content: '更换封面'; display: none }
.insert_panel-content-item.item-image.item-cover .upload-control { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center }
.insert_panel-content-item.item-image.item-cover .upload-control i { display: block; margin-bottom: 11px; font-size: 24px }
.insert_panel-content-item.uploaded .item-header-control.delete { display: block }
.insert_panel-content-item.uploaded .upload-control { display: none }
.insert_panel-content-item.uploaded .item-image.item-cover img { display: block; margin-left: auto; margin-right: auto }
.insert_panel-content-item.uploaded .item-image.item-cover:after { display: block }
.insert_panel-content-item.width-control .width-control-container { padding-top: 5px; padding-bottom: 5px; width: 177px }
.insert_panel-content-item.width-control input { width: 63px; float: right }
.insert_panel-content-item .insert_panel-content-item-header { position: relative; margin-top: 0; margin-bottom: 8px; line-height: 1; color: #ccc }
.insert_panel-content-item .item-header-descr { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.insert_panel-content-item .item-header-descr.icon-question { color: #ccc; font-size: 16px }
.insert_panel-content-item .input-descr { font-size: 12px; line-height: 1; margin-top: 8px; color: rgba(255,255,255,0.5) }
.insert_panel-content-item textarea { height: auto !important; padding-top: 5px; padding-bottom: 5px }
.insert_panel-content-item.custom-rate .rate-option-list { float: right; width: auto }
.insert_panel-content-item.custom-rate .btn-group-justified { width: 144px }
.insert_panel-content-item.custom-rate label { padding: 5px 0; max-width: 56px }
.insert_panel-content-item .icheck { margin-bottom: 0 }
.insert_panel-content-item .icheck>*:first-child { transform: translateY(-1px) }
.panel_wrap .block { position: relative; margin-bottom: 20px; width: 100%; padding: 10px 20px; background: #555 }
.panel_wrap .block h5 { margin: 0; padding-top: 10px; padding-bottom: 10px; color: #fff; line-height: 20px }
.panel_wrap .block textarea { min-height: 50px }
.panel_wrap .tab-pane { min-width: auto }
.slider_group { display: block; position: relative; width: 100% }
.slider_group .slider_input { position: absolute; width: 120px; top: -35px; right: 0 }
.slider_group .form-control { border: 0; background-color: rgba(0,0,0,0.3); color: #fff; text-align: left; height: 30px }
.slider_group .input-group-addon { background-color: transparent; border: 0; color: #fff; padding: 5px 0 5px 3px }
.slider { display: block; width: 100%; position: relative; margin: 10px 0; height: 10px; background-color: rgba(0,0,0,0.3); border-radius: 5px }
.slider_range { display: block; border-radius: 5px; height: 10px; background-color: #5bbd72 }
.slider_handle { display: block; position: absolute; width: 20px; height: 20px; border-radius: 50%; background-color: #5bbd72; top: -5px }
.theme_list { display: block; position: relative; width: 100%; text-align: center; padding: 10px 0 }
.theme_block img { width: 100%; display: block }
.theme_block.on, .theme_block.on:hover { border: 2px solid #5bbd72; padding: 0 }
.create_hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); text-align: center; transition: all .15s ease }
.theme_block:hover .create_hover { display: block }
.panel_wrap .panel { border: 0 }
.panel_wrap .panel-heading { display: block; position: relative; height: 36px }
.panel_wrap .panel-heading h4 a { display: block; padding: 0 20px; font-size: 14px; line-height: 34px; height: 36px; overflow: hidden }
.panel_wrap .panel-heading h4 a:hover { color: #fff; background-color: #383838 }
.panel_wrap .panel-heading .icon { font-size: 16px; vertical-align: middle; margin-right: 20px }
.panel.active .panel-heading h4 a { background-color: #5bbd72; color: #fff }
.panel-heading .badge { float: right; text-align: center; margin: 9px 0; background-color: #444 }
.panel.active .panel-heading .badge { background-color: #fff; color: #666 }
.preview { padding: 10px 0 0; position: relative; list-style: none }
.preview li { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px; margin-top: 0; position: relative; background-color: #fff }
.preview .media:hover .create_hover { display: block }
.preview .creat_hover_btn { display: table; text-align: center; width: 100%; height: 100% }
.preview .creat_hover_btn p { display: table-cell; vertical-align: middle }
.preview .create_hover .btn_ghost { margin-top: 0 }
.preview li:last-child { border-bottom: 0 }
.preview .media-middle img { width: 160px }
.preview .media-body { vertical-align: middle }
.preview .media-body p { font-size: 12px }
.maplist, .textlist { padding-bottom: 10px }
.textlist ul { padding: 0; margin: 0 }
.text_element { padding: 0; font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", Arial, sans-serif; font-size: 16px; word-wrap: break-word; overflow: hidden }
.textlist .media { border-bottom: 0; cursor: default }
.text_element h1, .text_element h2, .text_element h3, .text_element h4, .text_element h5, .text_element h6 { margin: 0; font-weight: bold; font-size: 1em; line-height: 1.3 }
.text_element p { margin: 0 }
.magnifier-handle { position: absolute; bottom: 30px }
.magnifier-handle a { display: block; position: relative; width: 24px; height: 24px; margin-left: 13px; margin-right: 13px; border-radius: 50%; background-color: #979797 }
.magnifier-handle a:hover { background-color: #5bbd72 }
.magnifier-handle .icon { position: absolute; top: 1px; left: 4px }
.magnifier-handle span { line-height: 48px; color: #fff }
.wrap { width: 100%; height: 100%; padding: 44px 0 0 50px; position: relative; background-color: #424242 }
.publish-page .wrap { padding: 0 }
.publish-page .presentation-tool { display: none }
.main { position: relative; width: 100%; height: 100%; overflow: visible; padding-top: 30px }
#overlay { position: relative; transition: transform .2s; margin: auto; overflow: hidden }
.page { position: relative; transition: transform .2s; padding: 50px 5px 10px }
#work_area .page { margin-bottom: 40px }
#work_area .page-container:last-child .page { margin-bottom: 80px }
.page .moveable { position: relative; display: block; top: 0; left: 0 }
.innertext[data-placeholder]:empty:not(:focus):before { content: attr(data-placeholder) }
.blueDock { position: absolute; cursor: move; box-sizing: border-box; filter: alpha(opacity=30); left: 0; right: 0; top: 0; bottom: 0; border: 2px solid rgba(255,255,255,0.3); display: none; text-transform: none; font-weight: 400; z-index: 6 }
.editChartData { position: absolute; width: 100%; height: 100%; display: table; font-size: 1.4em; text-align: center; z-index: 1 }
.editChartData .eContainer { display: table-cell; vertical-align: middle; color: #fff }
.particle-mask { display: none !important }
.item_insertion { position: relative; margin: -30px 0 0; overflow: visible; text-align: center; z-index: 2; opacity: 0; transition: opacity .3s ease-out }
.item_insertion:hover { opacity: 1; transition: opacity .3s ease-out }
.item_insertion_i { height: 30px; width: 100%; background-color: rgba(255,255,255,0.2); border: 1px dashed #555; cursor: pointer }
.right_panel { position: absolute; top: 0; z-index: 101; height: 100%; background: #2b2d2d; right: 0 }
.right_panel .close { position: absolute; opacity: .4; filter: alpha(opacity=40); padding: 4px; top: 5px; right: 10px; z-index: 100 }
.right_panel .setting_wrap { position: relative; height: 100%; padding: 0 }
.setting_wrap .nav-tabs { position: absolute; padding: 10px 10px 0; background-color: #292929; width: 100%; border-bottom: 1px solid #292929; z-index: 3 }
.setting_wrap .nav-tabs>li.active>a, .setting_wrap .nav-tabs>li.active>a:hover, .setting_wrap .nav-tabs>li.active>a:focus { background-color: #444; color: #fff; border: 1px solid #444 }
.setting_wrap .nav-tabs>li>a { margin-right: 2px; line-height: 32px; border: 1px solid transparent; border-radius: 0 0 0 0 }
.setting_wrap .nav-tabs>li>a:hover, .setting_wrap .nav-tabs>li>a:focus { border: 1px solid #292929; color: #5bbd72; background-color: transparent }
.setting_wrap .panel_wrap { position: relative; padding: 45px 10px 0; height: 100%; overflow: auto; z-index: 1; min-width: 300px; max-width: 600px }
.settingcon { position: relative; width: 100%; height: 100% }
.chart-setting-checkbox { display: inline-block; width: 85px; padding: 10px 0 }
.settingcon .block { background-color: #444; -webkit-font-smoothing: antialiased }
#url .block:first-child { border-top-left-radius: 0 }
.chset_height { padding-top: 10px }
.chrset_title { padding: 8px 0 }
#tabledisplaysetting .chrset_title { line-height: 32px }
.chrset_title .input-group input { border: 0; background-color: rgba(0,0,0,0.3); color: #fff; text-align: center }
#tabledisplaysetting .input-group { width: 240px; height: 32px; line-height: 32px }
.chrset_title .btn-align { width: 70px; height: 32px; line-height: 30px; padding: 0; text-align: center; background-color: #484848; border: 1px solid #222; color: #ccc; overflow: hidden }
.chrset_title .btn-align:hover, .chrset_title .btn-align:focus { color: #fff; background-color: #404040 }
.chrset_title .active { background-color: #333; color: #fff }
.chrset_title .btn-align .icon { font-size: 20px; vertical-align: middle }
.chrset_title .input-group .input-group-addon { background-color: transparent; border: 0; color: #ccc; padding: 5px 10px 5px 10px }
.chrset_title .input-group-btn .btn { height: 34px; width: 40px; text-align: center; padding: 0; line-height: 32px }
.chrset_title .input-group-btn .btn.active { background-color: #5BBD72; color: #fff; box-shadow: none; border: none }
.chrset_title .dropdown .btn-toggle { width: 100px; height: 32px; top: 0; line-height: 30px; padding: 0; position: relative; margin-right: 8px; background-color: #484848; border: 1px solid #222; color: #ccc }
.chrset_title .dropdown .btn-toggle:hover, .chrset_title .dropdown .btn-toggle:focus { background-color: #404040; color: #fff }
.chrset_title .open .btn-toggle { background-color: #333; color: #fff; box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
.chrset_title .dropdown .btn-toggle .icon { font-size: 20px; vertical-align: middle; margin: 0 10px 0 }
.chrset_title .dropdown .btn-toggle .caret { margin: 10px }
#tabledisplaysetting .dropdown-menu { text-align: center }
#tabledisplaysetting .dropdown-menu a { padding: 0; margin: 0 auto }
.switchery { background-color: #fff; border-radius: 20px; cursor: pointer; display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 50px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-sizing: content-box; background-clip: content-box }
.switchery>small { background: #ccc; border-radius: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.4); height: 30px; position: absolute; top: 0; width: 30px }
.switchery-small { border-radius: 20px; height: 20px; width: 33px }
.switchery-small>small { height: 20px; width: 20px }
.switchery-large { border-radius: 40px; height: 40px; width: 66px }
.switchery-large>small { height: 40px; width: 40px }
.checkbox-label { display: block; color: #ccc; line-height: 1.5; padding-top: 6px; font-weight: 100 }
.login { padding: 0 20px }
.login .logo { display: block; width: 120px; height: 50px; background: url(../images/loginlogo.png) no-repeat; margin: 0 auto 10px }
.login .btn { width: 100% }
.modal-body .close { color: #000 }
.modal-body .close:hover, .modal .close:focus { color: #000 }
.account_w { margin: 60px 0; background-color: #fff }
.account_w .nav { background-color: #f0f0f0; border: 0 }
.account_w .nav li a, .account_w .nav li a:hover { font-size: 18px; padding: 10px 20px; line-height: 1.5; background-color: #555; color: #fff; border: 0 }
.account_w .nav-tabs>li.active>a, .account_w .nav-tabs>li.active>a:hover, .account_w .nav-tabs>li.active>a:focus { color: #49b562; background-color: #fff; border: 1px solid #fff }
.account_con { padding: 30px }
.account_con .h_line { display: block; position: relative; width: 100%; height: 1px; background-color: #ccc; margin: 20px 0 }
.account_con .imgup { display: table; padding: 50px; overflow: hidden }
.account_con .simgarea { display: table-cell; overflow: hidden; vertical-align: middle; margin-left: 80px; width: 200px; height: 200px; padding: 10px; background-color: #ddd }
.account_con .simgarea img { width: 180px; height: 180px }
.account_con .simgupload { display: table-cell; padding-left: 40px; vertical-align: middle }
.account_con .uploadbtn { display: block; position: relative; width: 100px; height: 40px }
.account_con .uploadbtn .btn-default { display: block; width: 100%; height: 100% }
.account_con .uploadbtn input { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 }
.account_con .simgupload p { color: #999; padding-top: 10px }
.popmodal .modal-body { padding: 30px }
.popmodal .modal-body p { font-size: 18px; font-weight: bold; padding-bottom: 10px }
.popmodal .modal-body label { font-weight: 100 }
.popmodal .modal-body label input { margin-right: 4px }
.popmodal .modal-body .btn { width: 120px; margin: 0 5px }
.alert { padding: 10px 20px !important }
.alert-dismissable .close, .alert-dismissible .close { right: -10px !important }
.page .alert { position: absolute; top: 0; left: 0; width: 100%; z-index: 500 }
.libnav { padding: 20px 0 0 }
.screen_item { float: left; height: 36px; position: relative }
.screen_item .btn { width: 200px; position: relative; height: 36px; margin-right: 10px; text-align: left }
.screen_item .btn .caret { position: absolute; right: 10px; top: 16px; color: #888 }
.screen_item .dropdown-menu { width: 200px; top: 34px; padding: 0 }
.screen_item .dropdown-menu>li>a { padding: 8px 12px }
.screen_item .dropdown-menu>li>a:hover { background-color: #eee }
.screen_label .btn { padding: 0 }
.screen_label a input { border: none; height: 34px; width: 170px; padding: 0 12px; background-color: transparent }
.screen_label input::-webkit-input-placeholder {
color:#333 !important
}
.screen_label input:-moz-placeholder {
color:#333 !important
}
.screen_label input::-moz-placeholder {
color:#333 !important
}
.screen_label input:-ms-input-placeholder {
color:#333 !important
}
.lib_searchbox { width: 100%; height: 36px }
.lib_searchbox input { width: 100%; height: 36px; padding: 0 12px }
.lib_searchbox .icon { color: #888; font-size: 18px; position: absolute; top: 0; right: 20px; line-height: 34px }
.lib_searchbox:hover .icon { color: #5bbd72 }
.scroll { position: fixed; right: 20px; bottom: 20px; z-index: 2; width: 40px }
.publish-page .scroll .btn-group-vertical { display: none }
.portal-page #arrow_up, .portal-page #presentation { display: none }
#exit-presentation { display: none }
#mymessage .modal-dialog { width: 600px }
#mymessage .modal-header { padding: 12px 20px; border-bottom: 1px solid #ddd }
#mymessage .modal-header .close { color: #000 }
#mymessage .modal-footer { padding: 8px 20px; border-top: 1px solid #ddd; text-align: center }
#mymessage .modal-body { background-color: #f0f0f0; padding: 10px 0; height: 400px; overflow-y: scroll }
.msglist { display: block; width: 560px; margin: 0 auto }
.msglist li { width: 560px; border-left: 4px solid #ccc; margin-bottom: 10px; background-color: #fff }
.msglist li.new { border-left: 4px solid #5bbd72 }
.msglist .msg_info { padding: 20px 20px 10px 60px; position: relative; border-bottom: 1px solid #f0f0f0 }
.msglist .msg_info .avatar { display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; position: absolute; top: 16px; left: 10px }
.msglist .msg_info .time { font-size: 12px; color: #999 }
.msglist .msg_action { padding: 0 20px; text-align: right; height: 48px; line-height: 48px }
#mymessage .btn { padding: 6px 20px }
.msg_action .icon { color: #5bbd72; font-size: 20px; vertical-align: middle; margin-right: 6px }
footer { display: block; padding: 30px 0; text-align: center; font-size: 12px; color: #999 }
.publish-page footer { display: none }
.publish-page #overlay { overflow: hidden }
@media screen and (min-width:768px) {
::-webkit-scrollbar-track-piece {
/*background-color:rgba(0,0,0,0.27);
-webkit-border-radius:0*/
}
::-webkit-scrollbar {
/*width:8px;
height:8px;
-webkit-border-radius:4px*/
}
::-webkit-scrollbar-thumb:vertical {
/*height:50px;
background-color:rgba(255,255,255,0.35);
-webkit-border-radius:4px;
outline:2px solid transparent;
outline-offset:-2px;
border:2px solid transparent*/
}
::-webkit-scrollbar-thumb:hover {
/*height:50px;
background-color:rgba(255,255,255,0.45);
-webkit-border-radius:4px;
-webkit-transition:color .15s linear, background-color .15s linear .1s, border .35s linear;
-moz-transition:color .15s linear, background-color .15s linear .1s, border .35s linear;
transition:color .15s linear, background-color .15s linear .1s, border .35s linear*/
}
::-webkit-scrollbar-thumb:horizontal {
/*width:5px;
background-color:rgba(0,0,0,0.3);
-webkit-border-radius:6px*/
}
body {/* scrollbar-base-color: #ccc; scrollbar-face-color: rgba(0,0,0,0.3); outline-width: 4px*/ }
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance:none !important;
margin:0
}
input[type="number"] { -moz-appearance: textfield }
.loading { margin-top: 110px }
.loading-wrapper { width: 50px; height: 50px; padding: 5px; margin: auto; border-radius: 50%; background-color: rgba(0,0,0,0.2) }
.mk-spinner-ring { width: 40px; height: 40px; border: 3px solid #fff; border-radius: 50%; border-left-color: transparent; background: transparent; animation: loading 1s infinite linear }
@-webkit-keyframes loading { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes loading { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.note-editor.panel-default>.panel-heading { background-color: rgba(45,45,45,0.5) }
.note-editor .btn_default { color: #fff; border: 0; background: #444; padding: 2px 8px; font-size: 14px }
.note-editor .btn_default:focus, .note-editor .btn_default.focus { color: #fff; background-color: #5bbd72; border: 0 }
.note-editor .btn_default:hover { color: #fff; background-color: #5bbd72; border: 0 }
.note-editor .btn_default:active, .note-editor .btn_default.active { color: #fff; background-color: #38a04c; border: 0 }
@media (max-width:768px) {
#nav .navbar-right .btn { width: 100% }
#banner { height: 340px }
.front_item { padding: 30px 0 }
.wrapper .user_wrap { padding-bottom: 0 }
.front_item .txt_gray { font-size: 16px; padding-bottom: 10px }
.front_title { font-size: 24px; margin-bottom: 15px }
.step_wrap .step_item { padding: 24px 10px 10px }
.step_wrap .step_item .step_num b { font-size: 24px; width: 48px; height: 48px; margin-left: -24; line-height: 40px }
.formobi { color: #fff; position: absolute; display: block; text-align: center; width: 100%; bottom: 20px; font-size: 14px; font-weight: lighter }
}
.cell { border: 1px dashed rgba(0,0,0,0) }
.grid-stack-item.ui-resizable-resizing { overflow: hidden }
.grid-stack-item:hover .cell { border: 1px dashed rgba(0,0,0,0) }
.img_container, .video_container { text-align: center; width: 100%; height: 100% }
.img-wrapper { width: 100%; height: 100%; top: 0; position: absolute }
.particle { width: 100%; height: 100%; z-index: 1; overflow: hidden }
.particle img { vertical-align: middle }
.cellHandler { position: absolute; background: rgba(0,0,0,0.6); filter: alpha(opacity=40); left: 0; right: 0; top: 0; bottom: 0; display: none; text-transform: none; font-weight: 400; z-index: 6 }
.edit_mode .grid-stack-item:hover .cellHandler { display: block }
.cell_con { overflow: hidden; position: relative; width: 100%; height: 100%; border: 7px solid transparent }
.singlepage .mobilestyle .cell_con { border: 6px solid transparent }
.cellHandler a.control_btn { display: block; float: left; width: 28px; text-align: center; padding: 1px; line-height: 26px; font-size: 16px; color: #fff; cursor: pointer; z-index: 2; margin-left: 4px }
.cellHandler a.control_btn:hover { border: 1px solid rgba(255,255,255,0.4); padding: 0; background-color: rgba(0,0,0,0.5) }
.cell_control_bar { display: block; position: absolute; top: 4px; right: 4px; z-index: 6 }
.cell_control_bar.narrow_control_bar { top: -35px; background-color: rgba(0,0,0,0) }
.cell_control_bar.narrow_control_bar .icon { color: rgba(0,0,0,0.6) }
.seHandler { width: 0; height: 0; position: absolute; bottom: -6px; right: -6px; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent; cursor: se-resize }
.swHandler { width: 0; height: 0; position: absolute; bottom: -6px; left: -6px; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent; cursor: sw-resize }
.edit_block { position: relative; top: 100%; overflow: visible; text-align: center; z-index: 2; opacity: 0 }
.edit_block .item_insertion_i { cursor: move }
.edit_block:hover { opacity: 1 }
.edit_particle { position: absolute; background-color: black; width: 100%; height: 100%; opacity: 0; cursor: move; box-sizing: border-box; border: 2px solid rgba(255,255,255,0.3); z-index: 10 }
.edit_particle:hover { opacity: .5 }
.edit_particle ul { z-index: 15 }
.edit_particle_panel { position: absolute; width: 100%; height: 100% }
.insertbar_container { position: absolute; opacity: 0; padding: 0; text-align: center; height: 28px; width: 100%; z-index: 10; left: 0 }
.insertbar_container:hover { opacity: 1 }
.insertbar_add_menu { display: inline-block; position: relative; text-align: center; padding: 2px 5px; margin: 0; top: -14px; background-color: #555; color: #fff }
.insertbar_add_menu li { display: inline-block; float: left; margin: 0 5px; width: 24px; height: 24px; line-height: 24px }
.insertbar_add_menu li a { display: block }
.insertbar_add_menu_mini { display: inline-block; position: absolute; text-align: center; top: 0; left: 50%; margin-left: -68px; line-height: 36px; color: #fff }
.insertbar_add_menu_mini li { display: inline-block; float: left; margin: 0 5px; width: 24px; height: 24px }
.insertbar_add_menu_mini li a { display: block; width: 24px; height: 24px }
.eContainer { cursor: pointer }
.splitter { width: 100%; height: 0; position: absolute; border: 1px dashed rgba(0,0,0,0.5) }
.inner_container { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center }
.inner_container .insertbar_add_menu { background-color: transparent }
.inner_toolbar_container .insertbar_icon { display: inline-block; vertical-align: middle; margin-top: -10px }
.inner_toolbar_container .insertbar_add_menu { top: 0 }
.insertbar_add_item .fa { font-size: 16px }
.work_area .ui-layout-resizer { background: #eeeeee !important; border: none !important }
.grid-mask { width: 100%; height: 100%; background: rgba(0,0,0,0.1); position: absolute; display: none }
.empty_area { position: absolute; z-index: 2; background-color: none }
.empty_cell { margin: 0; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; width: auto; vertical-align: middle; border: 1px dashed rgba(0,0,0,0); opacity: 0 }
.edit_mode .empty_cell:hover { opacity: 1; border: 1px dashed rgba(0,0,0,0.15) }
.empty_insert { position: absolute; width: 90px; height: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.empty_insert_blank { border: none; background: none }
.img_config { color: white }
.img_config .input-group { width: 100% }
.text_panel { overflow: hidden; position: absolute; display: block; height: 100%; width: 280px; background-color: white }
#text_edit .textlist { position: absolute; width: 100%; overflow: scroll; height: 100% }
#text_edit .text_panel { background-color: #444; overflow: auto }
#text_edit .text_panel h4 { font-size: 16px; font-weight: 100 }
#text_edit .tab-pane { height: 40px; padding: 0 10px; position: absolute; width: 100%; color: #ddd; font-size: 16px }
#editor_hint { background-color: #5bbd72; color: white; line-height: 45px; margin: 0 }
.history_control { cursor: pointer }
.history_control:hover { background-color: rgba(0,0,0,0.1) }
.preview-page .wrap { padding: 44px 0 }
.preview-page .heatmap-canvas { width: 100%; height: 100% }
.preview-page .anchorBL, .preview-page .BMap_cpyCtrl { display: none }
#moveTop { position: fixed; width: 100%; top: -250px; height: 400px; display: block; background-color: rgba(0,0,0,0.1) }
#mobile_container { left: 50%; top: 60px; transform: translateX(-50%); position: fixed; z-index: 1; display: none }
#mobile_container.mobile { display: block }
#preview_content { overflow-x: hidden; overflow-y: auto; height: 627px; width: 375px }
#phone_head { position: relative; margin: 0; width: 100%; height: auto !important; box-sizing: border-box; border-top-right-radius: 1em; border-top-left-radius: 1em; border-left: 10px solid #212122; border-right: 10px solid #212122; border-top: 45px solid #212122; padding-bottom: 10px }
.preview-page .newlayout.mobile { z-index: 2; position: relative; top: 85px; width: 375px; left: 50%; transform: translateX(-50%); height: 627px; overflow: auto }
:root .grid-stack-item>.ui-resizable-handle { filter: none }
.grid-stack { z-index: 1; position: relative }
.grid-stack .grid-stack-placeholder>.placeholder-content { border: 1px dashed lightgray; margin: 0; position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; width: auto; z-index: 0 !important }
.grid-stack>.grid-stack-item { min-width: 8.33333333%; position: absolute; padding: 0 }
.grid-stack>.grid-stack-item>.grid-stack-item-content { margin: 0; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; width: auto }
.grid-stack>.grid-stack-item>.ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none }
.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle, .grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle { display: none }
.grid-stack>.grid-stack-item.ui-draggable-dragging, .grid-stack>.grid-stack-item.ui-resizable-resizing { z-index: 100 }
.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content, .grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content, .grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content, .grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content { box-shadow: 1px 4px 6px rgba(0,0,0,0.2); opacity: .8 }
.grid-stack>.grid-stack-item>.ui-resizable-se, .grid-stack>.grid-stack-item>.ui-resizable-sw { text-align: right; color: gray; padding: 2px 3px 0 0; margin: 0; font: normal normal normal 10px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.grid-stack>.grid-stack-item>.ui-resizable-se::before, .grid-stack>.grid-stack-item>.ui-resizable-sw::before { content: "\f065" }
.grid-stack>.grid-stack-item>.ui-resizable-se { display: inline-block; filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }
.grid-stack>.grid-stack-item>.ui-resizable-nw { cursor: nw-resize; width: 20px; height: 20px; left: 10px; top: 0 }
.grid-stack>.grid-stack-item>.ui-resizable-n { cursor: n-resize; height: 10px; top: 0; left: 25px; right: 25px }
.grid-stack>.grid-stack-item>.ui-resizable-ne { cursor: ne-resize; width: 20px; height: 20px; right: 10px; top: 0 }
.grid-stack>.grid-stack-item>.ui-resizable-e { cursor: e-resize; width: 10px; height: 100%; right: 5px }
.grid-stack>.grid-stack-item>.ui-resizable-se { cursor: se-resize; width: 20px; height: 20px; right: 5px; bottom: 5px }
.grid-stack>.grid-stack-item>.ui-resizable-s { cursor: s-resize; height: 10px; left: 0; bottom: 0; right: 0 }
.grid-stack>.grid-stack-item>.ui-resizable-sw { cursor: sw-resize; width: 20px; height: 20px; left: 4px; bottom: 0 }
.grid-stack>.grid-stack-item>.ui-resizable-w { cursor: w-resize; width: 10px; left: 5px; height: 100%; bottom: 5px }
.grid-stack>.grid-stack-item[data-gs-width='1'] { width: 8.33333333% }
.grid-stack>.grid-stack-item[data-gs-x='1'] { left: 8.33333333% }
.grid-stack>.grid-stack-item[data-gs-min-width='1'] { min-width: 8.33333333% }
.grid-stack>.grid-stack-item[data-gs-max-width='1'] { max-width: 8.33333333% }
.grid-stack>.grid-stack-item[data-gs-width='2'] { width: 16.66666667% }
.grid-stack>.grid-stack-item[data-gs-x='2'] { left: 16.66666667% }
.grid-stack>.grid-stack-item[data-gs-min-width='2'] { min-width: 16.66666667% }
.grid-stack>.grid-stack-item[data-gs-max-width='2'] { max-width: 16.66666667% }
.grid-stack>.grid-stack-item[data-gs-width='3'] { width: 25% }
.grid-stack>.grid-stack-item[data-gs-x='3'] { left: 25% }
.grid-stack>.grid-stack-item[data-gs-min-width='3'] { min-width: 25% }
.grid-stack>.grid-stack-item[data-gs-max-width='3'] { max-width: 25% }
.grid-stack>.grid-stack-item[data-gs-width='4'] { width: 33.33333333% }
.grid-stack>.grid-stack-item[data-gs-x='4'] { left: 33.33333333% }
.grid-stack>.grid-stack-item[data-gs-min-width='4'] { min-width: 33.33333333% }
.grid-stack>.grid-stack-item[data-gs-max-width='4'] { max-width: 33.33333333% }
.grid-stack>.grid-stack-item[data-gs-width='5'] { width: 41.66666667% }
.grid-stack>.grid-stack-item[data-gs-x='5'] { left: 41.66666667% }
.grid-stack>.grid-stack-item[data-gs-min-width='5'] { min-width: 41.66666667% }
.grid-stack>.grid-stack-item[data-gs-max-width='5'] { max-width: 41.66666667% }
.grid-stack>.grid-stack-item[data-gs-width='6'] { width: 50% }
.grid-stack>.grid-stack-item[data-gs-x='6'] { left: 50% }
.grid-stack>.grid-stack-item[data-gs-min-width='6'] { min-width: 50% }
.grid-stack>.grid-stack-item[data-gs-max-width='6'] { max-width: 50% }
.grid-stack>.grid-stack-item[data-gs-width='7'] { width: 58.33333333% }
.grid-stack>.grid-stack-item[data-gs-x='7'] { left: 58.33333333% }
.grid-stack>.grid-stack-item[data-gs-min-width='7'] { min-width: 58.33333333% }
.grid-stack>.grid-stack-item[data-gs-max-width='7'] { max-width: 58.33333333% }
.grid-stack>.grid-stack-item[data-gs-width='8'] { width: 66.66666667% }
.grid-stack>.grid-stack-item[data-gs-x='8'] { left: 66.66666667% }
.grid-stack>.grid-stack-item[data-gs-min-width='8'] { min-width: 66.66666667% }
.grid-stack>.grid-stack-item[data-gs-max-width='8'] { max-width: 66.66666667% }
.grid-stack>.grid-stack-item[data-gs-width='9'] { width: 75% }
.grid-stack>.grid-stack-item[data-gs-x='9'] { left: 75% }
.grid-stack>.grid-stack-item[data-gs-min-width='9'] { min-width: 75% }
.grid-stack>.grid-stack-item[data-gs-max-width='9'] { max-width: 75% }
.grid-stack>.grid-stack-item[data-gs-width='10'] { width: 83.33333333% }
.grid-stack>.grid-stack-item[data-gs-x='10'] { left: 83.33333333% }
.grid-stack>.grid-stack-item[data-gs-min-width='10'] { min-width: 83.33333333% }
.grid-stack>.grid-stack-item[data-gs-max-width='10'] { max-width: 83.33333333% }
.grid-stack>.grid-stack-item[data-gs-width='11'] { width: 91.66666667% }
.grid-stack>.grid-stack-item[data-gs-x='11'] { left: 91.66666667% }
.grid-stack>.grid-stack-item[data-gs-min-width='11'] { min-width: 91.66666667% }
.grid-stack>.grid-stack-item[data-gs-max-width='11'] { max-width: 91.66666667% }
.grid-stack>.grid-stack-item[data-gs-width='12'] { width: 100% }
.grid-stack>.grid-stack-item[data-gs-x='12'] { left: 100% }
.grid-stack>.grid-stack-item[data-gs-min-width='12'] { min-width: 100% }
.grid-stack>.grid-stack-item[data-gs-max-width='12'] { max-width: 100% }
.grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item { -webkit-transition: left .3s, top .3s, height .3s, width .3s; -moz-transition: left .3s, top .3s, height .3s, width .3s; -ms-transition: left .3s, top .3s, height .3s, width .3s; -o-transition: left .3s, top .3s, height .3s, width .3s; transition: left .3s, top .3s, height .3s, width .3s }
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder { -webkit-transition: left 0s, top 0s, height 0s, width 0s; -moz-transition: left 0s, top 0s, height 0s, width 0s; -ms-transition: left 0s, top 0s, height 0s, width 0s; -o-transition: left 0s, top 0s, height 0s, width 0s; transition: left 0s, top 0s, height 0s, width 0s }
.grid-stack-item .ui-resizable-handle { opacity: 0 }
.grid-stack-item .ui-resizable-handle:hover { opacity: 0 }
.preview-page .newlayout.mobile { z-index: 2; position: relative; top: 0; width: 375px; left: 50%; transform: translateX(-50%); height: auto }
.modal-backdrop { opacity: .1 !important }
#editor_wrapper { z-index: 10; display: none }
#figure_editor_wrapper { z-index: 10; display: none }
.textarea { font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", Arial, sans-serif; font-size: 16px; word-wrap: break-word }
.particle.table { margin: 0 }
.particle.wtHolder { overflow-y: hidden !important }
#toolbar_wrapper { display: none; position: fixed; top: 0; height: 100%; z-index: 1050; width: 400px; right: 0 }
#tabledisplaysetting { width: 400px; display: block; opacity: 1 }
#toolbar_wrapper .form-control { border: 0; background-color: rgba(0,0,0,0.3); color: #fff; text-align: center }
#toolbar_wrapper .input-group { padding: 6px 0 10px }
.btn-align { width: 80px; text-align: center; background-color: rgba(0,0,0,0.3) }
#toolbar_wrapper .input-group-addon { background-color: transparent; border: 0; color: #fff; padding: 5px 10px 5px 10px }
.form-control.photoInput { font-size: 12px; margin-bottom: 10px; resize: none }
.tx-format, .tx-format-tips { font-size: 12px }
.tx-format { color: #999 }
.changeradiu.btn { width: 170px; height: 36px; margin-top: 2px }
.hr-separator { background-color: #eee; height: 1px; margin: 10px -10px }
.iconfontmargin { margin-right: 5px }
.btn-update .icon { font-size: 18px; font-weight: bold; margin-right: 4px; vertical-align: middle }
.img-box { background: rgba(0,0,0,0.2); width: 100%; height: 100%; text-align: center; display: table }
.img-container { display: table-cell; vertical-align: middle }
.img-container>p { color: #333; font-size: 14px; margin-top: 30px }
.form-control.mcInput { height: 70px; margin-bottom: 10px }
.pt-nav { border-right: 1px solid #ddd; height: 100%; width: 298px; font-size: 14px; overflow: auto; position: fixed; left: 0; top: 60px; bottom: -5000px; padding-bottom: 100px; margin-right: -100%; -webkit-transition: margin .3s ease; -moz-transition: margin .3s ease; -o-transition: margin .3s ease; transition: margin .3s ease; z-index: 1; }
#qrcode_modal .modal-body { width: 300px; position: absolute; margin: 0 auto; height: 400px }
#no-user { display: none }
.container-fluid-portal { height: 100%; padding-top: 60px; display: none }
#check { width: 100%; height: 100%; position: absolute; top: 0; background-color: #f9f9f9; display: none }
.url_flag { display: none }
.pt-content { float: left; width: 100% }
.pt-main { float: left; width: 100%; height: 100%; padding: 0; overflow: hidden }
.pt-main .pt-list { height: 100%; overflow: auto }
.pt-main .pt-iframe { width: 100%; height: 100% }
#list_doc { margin: 30px 15px 0 15px }
@media screen and (max-width:768px) {
#list_doc { margin-top: 20px; margin-left: 0; margin-right: 0 }
}
.pt-main .pt-inner { margin-left: 298px; height: 100%; -webkit-transition: margin .3s ease; -moz-transition: margin .3s ease; -o-transition: margin .3s ease; transition: margin .3s ease }
.nav-sel { height: 100% }
@media (min-width:768px) {
.pt-main-animate { margin-left: 0 !important }
.pt-nav { margin-left: 0; -webkit-transition: margin .3s ease; -moz-transition: margin .3s ease; -o-transition: margin .3s ease; transition: margin .3s ease }
.nav-collapsed { display: block; margin-left: -250px }
.pt-nav.collapse { display: block !important }
.pt-main { -webkit-transition: margin .3s ease; -moz-transition: margin .3s ease; -o-transition: margin .3s ease; transition: margin .3s ease }
}
@media (max-width:768px) {
.nav-collapsed { display: block; margin-left: -298px }
.pt-main-animate { margin-left: 0 !important }
.pt-inner { margin-left: 0 !important }
}
.view-description { margin-left: -10px; margin-right: -10px; padding: 20px 10px; border-bottom: 1px solid #e0e0e0 }
.logo-img { text-align: center; position: relative; white-space: nowrap; display: inline-block }
.logo-container .logo-img { width: 240px; height: 120px }
.thumbnail .logo-img { width: 100%; height: 140px }
.view-description .logo-img { width: 60px; height: 60px; margin-right: 10px }
.logo-img .img-helper { height: 100%; display: inline-block; vertical-align: middle }
.logo-img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; width: auto !important }
.view-description .logo-img img { box-shadow: rgba(0,0,0,0.4) 0 1px 3px 0 }
.view-description span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.pt-nav ul { margin-bottom: 0; padding-left: 0; list-style: none }
.pt-nav .panel-group { margin-left: -10px; margin-right: -10px }
.pt-nav .panel { border-radius: 0; border: none; box-shadow: none; background-color: transparent }
.pt-nav .panel-group .panel+.panel { margin-top: 0 }
.pt-nav a { position: relative; display: block; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; -webkit-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear }
.pt-nav li a i { vertical-align: middle; margin-right: 10px; }
.pt-nav a i { -webkit-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear }
.pt-nav li a span { display: inline-block; white-space: nowrap; /*overflow: hidden;
	text-overflow: ellipsis;*/
width: 180px; vertical-align: middle; -webkit-transition: padding 100ms linear; transition: padding 100ms linear }
.pt-nav .level-two li a span { width: 170px }
.pt-nav .level-three li a span { width: 160px }
.pt-nav li a:hover>span { padding-left: 2px }
.level-one a { padding-left: 20px }
.level-two a { padding-left: 20px; padding-top: 13px; padding-bottom: 13px; border-top: 1px solid #e0e0e0 }
.level-three a { padding-left: 30px; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #e0e0e0 }
.folder-angle { line-height: 21px; float: right }
.show-in-collapsed { display: none }
.collapsed .show-in-collapsed { display: inline-block }
.hide-in-collapsed { display: inline-block }
.collapsed .hide-in-collapsed { display: none }
.collapsed .folder-angle { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) }
.pt-navbar { box-shadow: 0 1px 0 0 rgba(0,0,0,0.08), 0 2px 0 0 rgba(0,0,0,0.02) }
.navbar { min-width: 290px }
.min-menu { left: auto; right: 0 }
.logo-me { line-height: 44px }
.toggle-nav { float: left; padding-right: 20px; line-height: 44px }
.toggle-nav .fa { font-size: 17px }
.pt-navbar .dropdown-toggle { -webkit-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear }
.navbar .dropdown img { height: 24px; width: 24px; background-color: #ddd }
.dropdown-menu { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1) }
.pt-navbar .dropdown-menu { min-width: 100%; border: none }
.pt-navbar .dropdown-menu a { padding: 8px 16px }
.pt-main .breadcrumb { margin-left: -10px; margin-right: -10px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #e0e0e0 }
.doc-preview { margin-top: 20px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); background-color: #fff }
@media screen and (max-width:768px) {
.pt-navbar .navbar-brand { position: absolute; left: 38% }
.navbar-right.nav-sel { position: absolute; right: 0; top: 0 }
#portal-mask { position: absolute; display: block; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3) }
#portal-mask.collapsed { display: none }
}
.login-header { margin-top: 140px; margin-bottom: 15px }
@media screen and (min-width:768px) {
.login-header { margin-top: 180px }
}
.login-header h4 { font-size: 14px; color: #333 }
@media screen and (max-width:768px) {
.login-content { margin-left: 0; margin-right: 0 }
}
.login-content-header { line-height: 45px; border: 1px solid #ddd; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px }
.login-content-header a { transition: all .1s linear; -webkit-transition: all .1s linear }
.login-content-header a:hover, .login-content-header a:focus { color: #29a867 }
.login-content-header .login-tap { color: #29a867 }
.login-content-header a.active { font-size: 16px; color: #29a867 }
@media screen and (max-width:767px) {
.pt-main { margin-left: 0 }
}
@media screen and (min-width:1600px) {
.login-content-header { margin-left: 56px; margin-right: 56px }
}
@media screen and (min-width:1600px) {
.login-content-header { margin-left: 100px; margin-right: 100px }
}
.login-content-body { padding-top: 25px; padding-bottom: 10px; background-color: #fff; border: 1px solid #ddd; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px }
@media screen and (min-width:767px) {
.login-content-body { padding-left: 20px; padding-right: 20px }
}
@media screen and (min-width:1600px) {
.login-content-body { margin-left: 56px; margin-right: 56px }
}
@media screen and (min-width:1600px) {
.login-content-body { margin-left: 100px; margin-right: 100px }
}
.login-content-body .input-group-addon { color: #555; background-color: #eee }
.login-content-body .input-group-addon { display: table-cell }
.login-content-body .btn { width: 100%; border-radius: 3px; color: #fff; background-color: #29a867 }
.doMainNamePrefix { border-right: none }
@media screen and (max-width:767px) {
.login-content-body .btn { margin-top: 10px }
}
.panel span:not(.autonum) { margin-left: 3px }
.panel .panel-body span:not(.autonum) { margin-left: 0 }
.captcha-control { display: none }
.pass-confirm img { position: absolute; top: 0; right: 0; width: 88px; height: auto; border: 1px solid #ccc; cursor: pointer }
.pass-confirm img { position: absolute; top: 0; right: 0; width: 82px; height: auto; border: 1px solid #ccc; cursor: pointer }
.has-feedback .form-control { padding-right: 10px }
.pass-confirm .form-control { width: 100% }
.custom-menu { display: none; z-index: 1000; position: absolute; overflow: hidden; border: 1px solid #CCC; white-space: nowrap; font-family: sans-serif; background: #FFF; color: #333; border-radius: 5px; padding: 0 }
.custom-menu li { padding: 8px 12px; cursor: pointer; list-style-type: none; transition: all .3s ease }
.custom-menu li:hover { background-color: #DEF }
#cnzz_stat_icon_1258797654 { visibility: hidden }
.cell-divider { border-top: 1px solid #e5e5e5; margin: 17px auto }
.modal-body { padding: 20px }
.right-panel { margin-left: 200px; padding-top: 44px }
.progress { margin-bottom: 0 }
.btn-primary .badge { color: #5bbd72; background-color: #fff }
.color-primary { color: #5bbd72 }
.color-primary:hover, .color-primary:focus { color: #42a359 }
a:focus { outline: none }
ul { list-style: none }
.particle ul, section ul { list-style-type: disc }
.btn-group-vertical { border-radius: 4px; overflow: hidden }
.btn-group-vertical .btn-toolbar-edit+.btn-toolbar-edit { margin-top: 0 }
.btn-toolbar-edit { color: #fff; background-color: rgba(0,0,0,0.3); border: none; padding: 10px 11px }
.btn-toolbar-edit:hover, .btn-toolbar-edit:focus { color: #fff; background-color: rgba(0,0,0,0.2) }
.btn-toolbar-edit:active { color: #ddd; background-color: rgba(0,0,0,0.3) }
.btn-group-vertical .divider { height: 1px; background-color: rgba(0,0,0,0.45) }
.edit-page-bar .btn-toolbar-edit, .add-page-bar .btn-toolbar-edit, .insert-page-bar .btn-toolbar-edit { background-color: #4a4a4a }
.btn-toolbar-edit.btn-fa-lg { padding-left: 8px; padding-right: 8px }
.edit-page-bar .btn-toolbar-edit:hover, .add-page-bar .btn-toolbar-edit:hover, .edit-page-bar .btn-toolbar-edit:focus, .add-page-bar .btn-toolbar-edit:focus, .insert-page-bar .btn-toolbar-edit:hover, .insert-page-bar .btn-toolbar-edit:focus { color: #fff; background-color: #595959 }
.edit-page-bar .btn-toolbar-edit:active, .add-page-bar .btn-toolbar-edit:active, .insert-page-bar .btn-toolbar-edit:active { color: #ddd; background-color: #424242 }
.btn-toolbar-edit a { color: #fff }
.percent-width { font-size: 12px; padding-left: 0; padding-right: 0 }
#scroll-element { min-height: 500px }
#frame-container { width: 100%; height: 100%; overflow: hidden }
.modal a { color: #42a359 }
.modal a:hover { color: #333 }
.ht_master .wtHolder { overflow: auto }
.page .ht_master .wtHolder { overflow: hidden }
#library_team .user-icon { display: inline-block }
.page a:hover { color: #42a359 }
.ui-sortable-handle { cursor: move }
.lib-bar.text-center.visible-xs a:hover { color: #29a867 }
#mobile-logout { display: none }
#url { width: 400px }
textarea { resize: none }
.particle.media, .particle.blank { text-align: center }
#msgEntry .badge.msg-remind { right: 30px }
#select_province .modal-title { text-align: center }
.select-mask { position: relative; overflow-x: hidden; border: 1px solid #ddd; border-radius: 1px; transition: border-color .3s ease }
.select-mask:hover { border-color: #42a359 }
.select-mask:hover .caret { color: #42a359; transition: all .3s ease }
.select-mask select { width: 110%; border: none; height: 32px; padding-left: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.select-mask select:focus { outline: none }
.select-mask .caret { position: absolute; top: 14px; right: 5px }
option { border: none }
.navbar-brand img { height: 44px }
.hr-line { position: relative; background-color: #ccc; height: 1px; margin: 20px 0 54px 0 }
.hr-line h5 { background-color: #fff; position: absolute; top: -7px; margin: 0; padding-right: 10px }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #ebebe4; opacity: 1; cursor: default }
.basic-data .form-control { padding: 7px 10px; height: 36px; border-radius: 3px }
.basic-data label { color: #666; font-weight: normal }
.basic-data .form-group { margin-bottom: 24px }
.adjust-img-wrapper { position: relative }
.adjust-img-wrapper:after { content: ''; display: block; padding-top: 80% }
.adjust-img-wrapper>:first-child { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.adjust-img-wrapper img { width: 100%; height: 100% }
.ds-tb { display: table; width: 100%; height: 100% }
.ds-tbrow { display: table-row }
.ds-tbcell { display: table-cell; vertical-align: middle }
.page-background { position: absolute; top: 0; width: 100%; left: 0; z-index: 0 }
.page-container { position: relative; width: 100% }
.page-container.blur-page { opacity: .5 }
.page-number { position: absolute; font-size: 12px; color: gray; right: 10px; bottom: 10px; text-align: right; z-index: 10; line-height: 12px }
.edit-page-bar { position: absolute; top: 0; right: -60px }
.edit-page-bar ul.btn-group-vertical { padding: 0 }
.insert-page-bar { position: absolute; text-align: center; width: 100%; height: 40px; bottom: -40px; left: 0 }
.insert-page-bar .btn-toolbar-edit { width: 160px; position: absolute; left: 50%; top: 4px; margin-left: -80px; opacity: 0; transition: all .3s ease; padding-top: 6px; padding-bottom: 6px; z-index: 100 }
.insert-page-bar span { position: absolute; width: 100%; top: 19px; left: 0; border: 1px dashed #666; transition: all .3s ease }
.insert-page-bar:hover span { border-color: #999 }
.insert-page-bar:hover .btn-toolbar-edit { opacity: 1 }
.add-page-bar { position: absolute; width: 100%; bottom: -60px; left: 0 }
.custom-rate-separator { float: left; display: inline-block; width: 16px; line-height: 30px; color: #ccc }
.rate-option-list .form-control { float: left; display: inline-block; width: 32px; padding-left: 8px; padding-right: 8px }
.custom-rate .btn { padding-top: 10px; padding-bottom: 10px; border: none }
.custom-rate .btn-default { box-shadow: none; color: #fff; background-color: transparent }
.custom-rate .btn-default:hover, .custom-rate .btn-default:focus { color: #29a867; background-color: transparent }
.custom-rate .btn-default.active { background-color: #666 }
.custom-rate .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.custom-rate .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.custom-rate .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 4px }
.particle .handsontable td { background-color: transparent }
#zoom-control { position: fixed; bottom: 121px; right: 20px; z-index: 100 }
#zoom-control a { color: white }
.text-left-dropdown .btn { padding: 10px 20px; text-align: left; overflow: hidden }
.dropdown-menu { border-radius: 3px }
.dropdown-menu li a { padding: 8px 16px; color: #333 }
.text-left-dropdown .btn .caret { position: absolute; right: 20px; top: 18px }
.text-left-dropdown .dropdown-menu { width: 100%; overflow: hidden }
.live_btns>.text-left-dropdown .dropdown-menu { max-height: 514px; overflow-y: auto }
.dropdown-header { padding-left: 16px; color: #666 }
#data-source-dropdown { margin-top: 20px; margin-bottom: 20px }
.data-create { line-height: 20px }
.data-create .btn { margin-top: 10px; margin-bottom: 20px; padding-left: 46px; padding-right: 46px; font-size: 16px }
.data-create a { color: #29a867; display: block; padding-left: 10px; text-decoration: underline }
.data-create a:hover { color: #2fc276 }
.main_content .data-create { margin-top: 120px }
.settingcon .data-create { padding-top: 10px; color: #666 }
.data-create.non-zero-data { margin-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 20px }
.add-data-source { padding-top: 30px }
.add-data-source .btn { font-size: 16px }
.add-data-source hr { margin-top: 40px; border-color: #ddd }
.data-list { padding-top: 20px; padding-left: 20px; padding-right: 20px }
.low-content { margin-bottom: 10px; padding: 20px; color: #eee; border-radius: 3px; background-color: #303030 }
.low-content .text-right { color: #999 }
.low-content-item+.low-content-item { padding-top: 10px }
.data-source-switch { position: relative; padding-top: 10px; padding-bottom: 10px }
.data-source-switch .chart-setting-checkbox { position: relative; width: 138px; padding: 0 }
.data-source-switch .switchery { width: 138px }
.data-source-switch .switch-control { position: absolute; width: 138px; left: 0; top: 5px; color: #999; pointer-events: none }
.switch-control:before { content: '启用数据源' }
.switch-control.active:before { content: '已启用'; color: #fff }
.data-source-switch i { position: absolute; color: #eee; right: 90px; top: 10px }
.style-container { position: relative; padding-top: 10px; padding-bottom: 10px }
.toggle-pagenum { line-height: 28px }
.theme-multibox-container { position: absolute; left: 340px; top: 99px; padding-top: 10px; padding-bottom: 10px; background-color: #555; border-radius: 4px; color: #fff; width: 468px; display: none }
.theme-multibox-title { padding: 10px 20px }
.theme-multibox-title .close { font-size: 14px; color: #fff; opacity: 1 }
.theme-multibox-body { padding-left: 20px; padding-right: 20px; max-height: 360px; overflow-y: scroll }
.theme-multibox-body .col-xs-6 { margin-bottom: 20px }
.theme-multibox-row { padding-top: 10px; padding-bottom: 10px }
.zero-padding .tooltip-inner, .data-source-switch .tooltip-inner { width: 220px; text-align: left }
.ie-file { display: none }
.no-padding { padding: 0 !important }
.customized-input { cursor: pointer; padding-left: 1.2em; position: relative; line-height: 1.5 }
.customized-input input[type="radio"], .customized-input input[type="checkbox"] { opacity: 0; position: absolute; z-index: 10; margin-left: -1.2em; width: 100%; height: 100% }
.customized-input input[type="radio"]+label, .customized-input input[type="checkbox"]+label { display: inline-block; cursor: pointer; line-height: 1em; transition: all .3s ease-in-out }
.customized-input input[type="radio"]+label:before, .customized-input input[type="checkbox"]+label:before, .customized-input input[type="radio"]+label:after, .customized-input input[type="checkbox"]+label:after { content: ''; position: absolute; top: .25em; left: 0; width: 1em; height: 1em; text-align: center; color: white; border: solid 1px lightgray; font-family: Times; border-radius: 0; transition: all .3s ease }
.customized-input input[type="radio"]+label:before, .customized-input input[type="radio"]+label:after { border-radius: 50% }
.customized-input input[type="radio"]+label:before { transition: all .3s ease; box-shadow: inset 0 0 0 .2em white, inset 0 0 0 1em white }
.customized-input input[type="radio"]+label:hover:before { transition: all .3s ease; box-shadow: inset 0 0 0 .3em white, inset 0 0 0 1em #c6c6c6 }
.customized-input input[type="radio"]:checked+label:before { transition: all .3s ease; box-shadow: inset 0 0 0 .15em white, inset 0 0 0 1em #42a359 }
.customized-input input[type="checkbox"]+label:before { content: '\e913'; font-family: 'fontawesome' !important; border-radius: 0; background-color: white; color: white }
.customized-input input[type="checkbox"]+label:hover:before { color: #c6c6c6 }
.customized-input input[type="checkbox"]:checked+label:before { background-color: white; color: #42a359 }
.mobilestyle .page-container:first-of-type .page-background::before { transform: scale(.5); -ms-transform: scale(.5); -webkit-transform: scale(.5); transform-origin: top; -ms-transform-origin: top; -webkit-transform-origin: top }