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

// 手机自动适应
.s_phone .c_float {
	position:absolute !important; background:transparent; top:0 !important; bottom:0 !important; overflow:hidden; height:auto !important; left:0 !important; right:0 !important; box-shadow:none; width:100% !important; margin:0 !important; border:0 none; display:none;
	> .content { position:absolute; width:100%; bottom:0; max-height:28.57em; overflow:auto; background:@bg; height:auto !important;}
	> .bg { background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
	&-show {
		display:block !important;
	}
}



// 左侧侧滑模式
.s_phone .c_float-side {
	top:0 !important; visibility:hidden; transition:visibility 0.3s ease-out; display:block;
	> .content { max-height:none; height:100% !important; width:22em; border:0 none; transform:translateX(-100%); transition:transform 0.3s ease-out;}
	> .bg { background:rgba(0,0,0,0); transition:background 0.3s ease-out;}
}
.s_phone .c_float-side.c_float-show {
	visibility:visible; transition:visibility 0.3s ease-out;
	> .content { transform:translateX(0);}
	> .bg { background:rgba(0,0,0,0.3);}
}


// 正常模式
.s_phone .c_float-normal {
	position:absolute !important; top:auto !important; bottom:auto !important; display:block;
	> .content { position:relative; top:auto; bottom:auto;}
	> .bg { display:none;}
}