@import "../default-skin.less";
@import "../../global/mixin.less";

.c_float {
	position:absolute; .x_bs; z-index:1100; display:none;
	> .content {
		background:@bg; border:1px solid @fg-light-8-5; box-shadow:0 0.25em 0.25em rgba(0,0,0,0.1); overflow:auto;
	}
}



// 显示
.c_float-show {
	display:block;
}



// 简版
.c_float-lite {
	display:block; box-shadow:none; border:0 none; overflow:visible;
}



// 菜单模式
.c_float-menu {
	bottom:auto !important; right:0 !important; display:none; left:auto !important; width:auto !important; overflow:visible; min-width:10em;
	> .bg { display:none;}
	> .content {
		position:relative; width:auto; box-shadow:0 0.25em 0.25em rgba(0,0,0,0.1); transform:translate3d(0,0,0);
	}
}



// 全屏高度（留有 header 的距离）
.c_float-full {
	> .content { height:100%; max-height:100%;}
}



// 完全无顶部高度
.c_float-notop {
	top:0;
}



// 顶部模式
.c_float-top {
	> .content { top:0;bottom:auto!important; }
}



/* 悬浮层 */
.s_phone .c_float-animate { top:0em !important; visibility:hidden; transition:visibility 0.3s ease-out; display:block;}
.s_phone .c_float-animate > .content { max-height:none; border:0 none; transform:translateY(100%); transition:transform 0.3s ease-out;}
.s_phone .c_float-animate > .bg { opacity:0; transition:opacity 0.3s ease-out;}
.s_phone .c_float-animate.c_float-show { visibility:visible; transition:visibility 0.3s ease-out;}
.s_phone .c_float-animate.c_float-show > .content { transform:translateY(0);}
.s_phone .c_float-animate.c_float-show > .bg { opacity:1;}
.s_phone .c_float-animate.c_float-top > .content { transform: translateY(-100%); }