@import "../default-skin.less";
@import "../../global/mixin.less";

// 手机自动适应
.s_phone {
	.l_float,
	.c_scroll {
		&-phone { position:relative; z-index:0; overflow:auto; height:100%; .x_bs;}
		&-phone-float { position:absolute; left:0; right:0; top:0; bottom:0; height:auto;}
		&-phone-wrapper-0 { top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;}
		&-phone-step,
		&-phone-header,
		&-phone-guide,
		&-phone-tab { top:(1+2*@gap)*1.1667 !important;}
		&-phone-tip { top:1+@gap !important;}
		&-phone-search { top:(1+2*@gap)+@gap !important;}
		&-phone-param,
		&-phone-user { top:(0.75*@gap*2+1+0.5*@gap)*1.1667+(0.25*@gap+1+0.5*@gap) !important;}
		&-phone-page { bottom:1+2*@gap !important;}
		&-phone-submit { bottom:(1+2*@gap)*1.1667 !important;}
		&-phone-notop { top:0em !important;}
		&-phone-nobottom { bottom:0em !important;}
		&-phone-white { background:@bg !important;}
		&-phone-grey,
		&-phone-gray { background:@bg-dark-0-6 !important;}
		&-phone-noscroll { overflow:hidden;}
		&-phone-noborder { border:0 none;}
		&-phone-float { position:absolute; left:0; right:0; top:0; bottom:0; height:auto !important;}
	}
	.l_float-phone-header.l_float-phone-step,
	.l_float-phone-header.l_float-phone-guide,
	.l_float-phone-header.l_float-phone-tab,
	.c_scroll-phone-header.c_scroll-phone-step,
	.c_scroll-phone-header.c_scroll-phone-guide,
	.c_scroll-phone-header.c_scroll-phone-tab { top:(1+2*@gap)*1.1667*2 !important;}
	.l_float-phone-header.l_float-phone-search,
	.c_scroll-phone-header.c_scroll-phone-search { top:(1+2*@gap)*1.1667+((1+2*@gap)+0.5*@gap);}
	.l_float-phone-header.l_float-phone-param,
	.l_float-phone-header.l_float-phone-user,
	.c_scroll-phone-header.c_scroll-phone-param,
	.c_scroll-phone-header.c_scroll-phone-user { top:(1+2*@gap)*1.1667+(0.75*@gap*2+1+0.5*@gap)*1.1667+(0.25*@gap+1+0.5*@gap);}
	.l_float-phone-submit.l_float-phone-page,
	.c_scroll-phone-submit.c_scroll-phone-page { bottom:((1+2*@gap)*1.1667)+(1+2*@gap);}
	.l_float-phone-step-v.l_float-phone-header,
	.c_scroll-phone-step-v.c_scroll-phone-header { top:(-0.25+0.5*@gap+0.5*@gap+1+@gap+0.5*@gap)*1.1667+(1+0.5*@gap)+(1+2*@gap)*1.1667 !important;}
}
