.hidden { display:none!important } @-webkit-keyframes spin { form { -webkit-transform:rotate(0) } to { -webkit-transform:rotate(-360deg) } }@keyframes spin { form { transform:rotate(0) } to { transform:rotate(-360deg) } }.main-title { overflow:hidden; position:relative } .main-title .status { position:absolute; right:0; top:43px } @media all and (max-width:1440px) { .main-title .status { position:absolute; right:0; top:36px } }.main-title .status .icon-lock { vertical-align:-0.5ex; *vertical-align:0; display:inline-block; width:16px; height:17px; margin-right:7px; background:url(img/icons.png) no-repeat left top } .main-title .status .icon-lock-open { background-image:url(img/icon-lock-open.png) } .main-title .status .txt { float:left; height:26px; margin-right:15px; line-height:26px; font-size:16px } .main-title .ui-span-switch.switch-on { color:#00a5e0 } .main-title .ui-span-switch.switch-on::before { margin-left:18px } .main-title .ui-span-switch.switch-disabled { opacity:.38; cursor:default } @media \0screen\,screen\9 { .main-title .ui-span-switch.switch-on { background-position:0 -30px } .main-title .ui-span-switch.switch-disabled { filter:alpha(opacity=38) } }.main-content { box-shadow:0 1px 3px rgba(0,0,1,0.1); background-color:#fff; border:1px solid #d0d0d5; border:0 rgba(0,0,0,0); margin-top:6px } @media all and (max-width:1400px) { .main-content { box-shadow:0 1px 3px rgba(0,0,1,0.1); background-color:#fff; border:1px solid #d0d0d5; border:0 rgba(0,0,0,0); margin-top:11px } }div.page-tip { background-color:#fff; border:1px solid #d9dadc; font-size:14px } div.page-tip .lbf-tip-content { color:#a2a9b6; padding:15px } div.page-tip .lbf-tip-content h6 { font-size:18px; color:#333; margin-bottom:8px } div.page-tip .lbf-tip-content a:hover { text-decoration:underline } div.page-tip .lbf-tip-arrow { left:235px } div.page-tip .lbf-tip-arrow .lbf-tip-arrow-after { border-color:#fff transparent } div.page-tip .lbf-tip-arrow .lbf-tip-arrow-before { border-color:#d9dadc transparent } .menu-notopen { overflow:hidden; height:854px; line-height:1; text-align:center } .menu-notopen dt { width:302px; height:503px; margin:100px auto 35px auto; background:url(img/menu-notopen.png) no-repeat left top } .menu-notopen .title { margin-bottom:23px; font-size:24px; color:#4c5161 } .menu-notopen .desc { line-height:1.5 } .menu-notopen .desc a:hover { text-decoration:none } .menu-notopen.menu-disabled { height:700px } .menu-notopen.menu-disabled dt { width:98px; height:82px; margin:217px auto 53px auto; background-image:url(img/menu-disabled.png) } .menu-notopen a:hover { text-decoration:underline } .menu-edit { position:relative; width:350px; height:576px; background:url(img/menu-edit-bg.png) no-repeat #f4f6f8 } .menu-edit .item { position:relative; cursor:pointer } .menu-edit .item-new { position:absolute; bottom:58px; width:102px } .menu-edit .item:hover,.menu-edit .item.focus { z-index:1 } .menu-edit .item.error:hover,.menu-edit .item.error { color:#e25050 } .menu-edit .level1 { position:absolute; bottom:0; left:0; right:0; height:47px; overflow:visible } .menu-edit .level1 .level1-list { width:110% } .menu-edit .item-level1,.menu-edit .item-level1-add { -webkit-transition:left .3s; transition:left .3s; position:absolute; top:0; left:30px; width:104px; height:46px; font-size:16px; color:#5f6577 } .menu-edit .level1 .item-level1-1 { left:133px; width:108px } .menu-edit .level1 .item-level1-2 { left:241px; width:108px } .menu-edit .item-level1-add { line-height:50px } .menu-edit .item-level1 .icon-remove { position:absolute; top:50%; right:6px; margin-top:-7px; font-size:0; line-height:0 } .menu-edit .level2 { position:absolute; left:30px; bottom:60px; width:102px; border:1px solid #e2e6e8; transition:left .3s } .menu-edit .level2.nochild { border:0 } .menu-edit .level2-1 { left:136px } .menu-edit .level2-2 { left:242px; width:102px } .menu-edit .item-level2,.menu-edit .item-level2-add { height:55px; border-top:1px #f0f2f6 solid; font-size:14px; cursor:pointer } .menu-edit .item-level2 .ft12 { font-size:12px } .menu-edit .item-level2-top { border-top:0 } .menu-edit .item-level2-up { -webkit-transition:transform .3s; transition:transform .3s; transform:translate(0,-58px) } .menu-edit .item-level2-down { -webkit-transition:transform .3s; transition:transform .3s; transform:translate(0,58px) } .menu-edit .item-level2-add { color:#aaa; line-height:57px } .menu-edit .item-level2-add:hover { color:#00a5e0 } .menu-edit .item-level2-add em { display:inline-block; font-style:normal; vertical-align:top } .menu-edit .level2-list { *z-index:1; width:100%; position:relative; bottom:0; left:0 } .menu-edit .level2-list li { background-color:#fff; vertical-align:top } .menu-edit .level2-arrow { position:absolute; left:50%; bottom:0 } .menu-edit .level2-arrow-before { left:-9px; border:8px solid; border-color:#e2e6e8 transparent } .menu-edit .level2-arrow-after { left:-8px; border:7px solid; border-color:#fff transparent } .menu-edit .level2-arrow-after.hovercolor { border-color:#e5f7ff transparent } .menu-edit .level2-arrow-before,.menu-edit .level2-arrow-after { position:absolute; width:0; height:0; border-bottom-width:0; overflow:hidden } .menu-edit .item .action,.menu-edit .item .action .overlay { display:none } .menu-edit .item-level1-add:hover { background-color:#e5f7ff } .menu-edit .item-level1-add:hover .icon-level1-add { background-position:-36px top } .menu-edit .item.focus { background-color:#fff } .menu-edit .item:hover .action,.menu-edit .item.focus .action,.menu-edit .item:hover .action .overlay { display:block; position:absolute; top:0; right:0; bottom:0; left:0 } .menu-edit .item.focus .action,.menu-edit .item:hover .action { border:2px solid #00a5e0 } .menu-edit .item-level2:hover { background-color:transparent } .menu-edit .item .action:hover .overlay { background:#fff; opacity:.6; filter:alpha(opacity=60); *zoom:1 } .menu-edit .item-level2:hover .action,.menu-edit .item-level2.focus .action { top:-1px } .menu-edit .action .bar { display:none; z-index:5; width:100%; height:100%; position:absolute; top:0; left:0 } .menu-edit .item:hover .action .bar { display:block } .menu-edit .action .icon-up,.menu-edit .action .icon-down { position:absolute; right:3px; top:0 } .menu-edit .action .icon-down { top:auto; bottom:0 } .menu-edit .overlay { position:absolute; left:0; right:0; top:0; bottom:0 } .menu-action { min-height:790px; line-height:1 } .menu-action .tip-error { color:#f4615c } .menu-action .item-content .tip-error .item-name { color:#f4615c } .menu-action .item-content { float:left; width:350px; padding:35px 40px 0 40px } .menu-action .item-content .icon-down,.menu-action .item-content .icon-up,.menu-action .item-content .icon-remove,.menu-action .item-content .icon-right,.menu-action .item-content .icon-left { display:inline-block; font-size:0; line-height:0; background-image:url(img/icons.png) } .menu-action .item-content .icon-down,.menu-action .item-content .icon-up { width:16px; height:16px; background-position:-36px -18px } .menu-action .item-content .icon-down:hover,.menu-action .item-content .icon-up:hover { background-position:-54px -18px } .menu-action .item-content .icon-up { background-position:left -36px } .menu-action .item-content .icon-up:hover { background-position:-18px -36px } .menu-action .item-content .icon-remove { position:absolute; top:50%; left:2px; width:16px; height:16px; margin-top:-8px; background-position:left -18px } .menu-action .item-content .icon-remove:hover { background-position:-18px -18px } .menu-action .item-content .icon-right,.menu-action .item-content .icon-left { position:absolute; bottom:4px; right:1px; width:16px; height:16px; background-position:left -54px } .menu-action .item-content .icon-right:hover,.menu-action .item-content .icon-left:hover { background-position:-18px -54px } .menu-action .item-content .icon-left { bottom:0; top:4px; background-position:-36px -36px } .menu-action .item-content .icon-left:hover { background-position:-54px -36px } .menu-action .item-content .item-name-wrap { position:relative; height:100% } .menu-action .item-content .item-name-wrap:after,.menu-action .item-content .item-name-wrap .name-after { content:''; display:inline-block; *zoom:1; vertical-align:middle; width:0; height:100% } .menu-action .item-content .item-name { display:inline-block; *zoom:1; text-align:center; width:96px; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; line-height:1.3 } .menu-action .item-content .item-level1 .item-name { width:78px } .menu-action .item-content .item-name-default { color:#a2a9b6 } .menu-action .item-content .item-level1 .icon-mid { top:50%; margin-top:-8px } .menu-action .item-content .item-level1 .item-name-wrap { height:40px; padding:3px 0 0 0 } .menu-action .item-content .item-level1 .item-name { line-height:1.3 } .menu-action .item-action { overflow:hidden; position:relative; padding-right:40px } .menu-action .icon-level1-add,.menu-action .item-level2-add span { display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-5px 5px 0 0; *margin-top:17px; background:url(img/icons.png) no-repeat -18px top } .menu-action .item-level2-add:hover { background-color:#e5f7ff } .menu-action .item-level1:hover .icon-level1-add { background-position:-36px top } .menu-action .item-level2-add span { vertical-align:middle; margin:-5px 0 0 0; *margin-top:21px } .menu-action .item-level2-add:hover span { background-position:-36px top } .menu-action .edit-action { position:relative; padding-top:60px; color:#a2a9b6 } .menu-action .edit-action .tip-auto-save { position:absolute; top:14px; left:0 } .menu-action .edit-action .btn-group { overflow:hidden; margin-bottom:14px } .menu-action .edit-action .btn-group a { float:left; margin-right:8px } .menu-action .editing { padding:35px 0 0 0 } .menu-action .editing .error .lbf-text-input { border-color:#f4615c } .menu-action .editing .list-tit { margin-bottom:15px; font-size:16px } .menu-action .editing .list-con { margin-bottom:40px; overflow:hidden } .menu-action .editing .list-con .action-type { width:120% } .menu-action .editing .list-name { position:relative; max-width:510px } .menu-action .editing .list-name .lbf-text-input { width:100%; height:100%; max-width:510px; *max-width:460px; box-sizing:border-box; padding-right:40px } .menu-action .editing .list-name .letter-count { display:inline-block; position:absolute; top:0; right:12px; font-size:12px; color:#a2a9b6; line-height:40px } .menu-action .editing .list-name .warning { color:#f4615c } .menu-action .editing .list-action .tip-add { width:520px; color:#a2a9b6; line-height:1.5 } .menu-action .editing .list-action .icon-add { display:inline-block; vertical-align:-2px; *vertical-align:2px; width:16px; height:16px; margin:0 5px; background:url(img/icons.png) no-repeat -54px top } .menu-action .editing .list-action .txt-add { color:#a2a9b6 } .menu-action .editing .list-action .tip-next { margin-bottom:15px; color:#5f6577 } .menu-action .editing .action-type { overflow:hidden; margin-bottom:25px } .menu-action .editing .action-type li { float:left; margin-right:60px } .menu-action .editing .action-type .lbf-iradio { margin-right:6px } .menu-action .editing .action-type .disable { color:#a2a9b6 } .menu-action .editing .jump-url { position:relative; max-width:510px } .menu-action .editing .url-preview { position:relative; max-width:508px; height:80px; border:1px solid #e8e8e8; margin-top:20px; background-color:#fcfcfc } .menu-action .editing .url-preview.article-preview { height:98px } .menu-action .editing .url-preview .url-preview-icon { display:inline-block; *display:inline; *zoom:1; width:90px; height:80px } .menu-action .editing .url-preview .url-preview-icon.hotchat-icon { background:url(img/hotchat-icon.png) no-repeat center center } .menu-action .editing .url-preview .url-preview-icon.article-icon { display:inline-block; *display:inline; *zoom:1; width:70px; height:70px; margin:15px } .menu-action .editing .url-preview .url-preview-desc { position:absolute; height:32px; left:100px; top:50%; margin-top:-16px } .menu-action .editing .url-preview .url-preview-desc.article-preview-desc { height:48px; margin-top:-24px; width:350px } .menu-action .editing .url-preview .url-preview-desc .title { font-size:16px; color:#4c5161; line-height:1; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .menu-action .editing .url-preview .url-preview-desc.article-preview-desc .title { margin-bottom:10px } .menu-action .editing .url-preview .url-preview-desc.article-preview-desc .no-article-content { line-height:48px } .menu-action .editing .url-preview .url-preview-desc .desc { font-size:12px; color:#a2a9b6; overflow:hidden; text-overflow:ellipsis; line-height:1.3; white-space:nowrap } .menu-action .editing .url-preview .menulink-close { position:absolute; right:0; top:0; background:url("img/url-preview-close.png") no-repeat center center; height:80px; width:42px; cursor:pointer } .menu-action .editing .url-preview .menulink-close.menulink-close-article { height:98px } .menu-action .editing .url-preview .menulink-close:hover { background-image:url(img/url-preview-close-hover.png) } .menu-action .editing .jump-url .lbf-text-input { width:100%; max-width:510px; *max-width:490px; height:100%; box-sizing:border-box } .menu-action .editing .jump-url .url-choose { *max-width:460px; padding-right:40px } .menu-action .editing .jump-url .url-selector { display:inline-block; position:absolute; top:12px; right:12px; background:url(img/link.png) no-repeat center center; width:16px; height:16px; cursor:pointer; z-index:1 } .menu-action .editing .jump-url .url-selector:hover { background-image:url(img/link_black.png) } .menu-action .editing .tip-error { margin-left:15px; font-size:14px } .menu-action .no-selected { text-align:center } .menu-action .no-selected dt { width:95px; height:82px; margin:260px auto 45px auto; background:url(img/menu-noSelected.png) no-repeat left top } .menu-action .published { text-align:center } .menu-action .published dt { width:98px; height:82px; margin:155px auto 45px auto; background:url(img/menu-published.png) no-repeat left top } .menu-action .published .title { font-size:24px; color:#606a7a } .menu-action .published .desc { margin:24px 0 27px 0 } .overlay-menu-preview { z-index:20; position:fixed; left:0; top:0; height:100%; width:100%; background-color:rgba(25,28,34,.88); background-image:url(about:blank); text-align:center; overflow:auto; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191C22,endcolorstr=#CC191C22) } .overlay-menu-preview .overlay-after,.overlay-menu-preview:after { content:''; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:0; height:90% } .menu-preview { width:317px; height:652px; display:inline-block; *display:inline; *zoom:1; position:relative; vertical-align:middle } .menu-preview .iphone-simulator { position:relative; width:317px; height:652px; background:url(img/iphone-simulator.png) no-repeat left top } .menu-preview .title { position:absolute; top:97px; left:0; width:100%; height:26px; line-height:26px; text-align:center; font-size:14px; color:#fff } .menu-preview .btn-exit { position:absolute; bottom:-63px; left:114px } .menu-preview .preview-nav { overflow:hidden; position:absolute; top:200px; right:20px; bottom:79px; left:21px } .menu-preview .icon-arrow { display:inline-block; vertical-align:1px; *vertical-align:5px; width:9px; height:6px; margin-left:2px; background:url(img/icons.png) no-repeat -36px -54px } .menu-preview .keyboard,.menu-preview .top-nav { position:absolute; bottom:0; right:0; left:0; height:34px } .menu-preview .keyboard { z-index:5; right:auto; left:0; width:34px; height:33px; border-top:1px #b8b8b8 solid; background-color:#ebecee; text-align:center; line-height:33px } .menu-preview .keyboard .icon-kb { display:inline-block; width:18px; height:17px; vertical-align:-3px; *vertical-align:-5px; background:url(img/icons.png) no-repeat -52px -53px } .menu-preview .top-nav>ul>li { *z-index:5; position:relative; float:left; height:33px } .menu-preview .top-nav>ul>li>a { position:relative; z-index:5; display:block; *float:left; *width:100%; text-align:center; line-height:34px; color:#333; font-size:12px; background-color:#fff } .menu-preview .sub-nav { z-index:1; position:absolute; top:34px; left:50%; width:150px; margin-left:-75px; text-align:center } .menu-preview .sub-nav ul { display:inline-block; padding:0 6px; background:#fff; border:1px #dadada solid; border-radius:5px } .menu-preview .sub-nav li { vertical-align:top; min-width:48px; height:32px; line-height:32px; text-align:center; border-top:1px #dfdfdf solid; border-left:none; white-space:nowrap } .menu-preview .sub-nav li:first-child { border-top:0 } .menu-preview .sub-nav li a:hover { color:#00a5e0 } .menu-preview .sub-nav a { display:block; font-size:12px; color:#333 } .menu-preview .sub-nav a:hover { color:#333!important } .menu-preview .top-nav>ul>li.selected>a { *padding-right:1px; color:#00a5e0 } .menu-preview .top-nav li.selected { *z-index:1 } .menu-preview .top-nav li.selected .icon-arrow { background-position:-36px -62px } .menu-preview .top-nav li.selected .sub-nav { top:-143px } .menu-preview .top-nav-3 .sub-nav { width:auto; margin-left:0 } .menu-preview .sub-nav .arrow { position:absolute; left:50%; bottom:1px } .menu-preview .sub-nav .arrow .arrow-before { left:-7px; border:6px solid; border-color:#dadada transparent } .menu-preview .sub-nav .arrow .arrow-after { left:-6px; border:5px solid; border-color:#fff transparent } .menu-preview .sub-nav .arrow .arrow-before,.menu-preview .sub-nav .arrow .arrow-after { overflow:hidden; position:absolute; width:0; height:0; border-bottom-width:0 } .lbf-text-input-disabled,input.lbf-text-input[disabled],input.lbf-text-input[readonly] { background-color:transparent; opacity:.4 } .menu-edit .title { position:absolute; top:28px; left:0; width:100%; height:26px; line-height:26px; text-align:center; font-size:17px; color:#fff } .ui_tab_tabs { border-bottom-color:transparent!important } .ui_tab_tab { font-size:14px!important } .icon-keyboard { width:34px; background:url(img/icon-keyboard.png) no-repeat center center #fff; z-index:5 }