ximushanyuan/web/resource/midoo/menu.css

.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
}