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

.s_phone {
	.l_fixed-phone-header { top:(1+2*@gap)*1.1667;}
}
.s_pc,
.s_pad {
	.l_fixed-phone { position:relative;}
}
.s_phone {
	.l_fixed-phone-slide { height:100%; transform:translateX(100%); visibility:hidden; transition:transform 0.3s ease-out, visibility 0.3s ease-out;}
	.l_fixed-phone-slide.l_fixed-show { visibility:visible; transform:translateX(0);}
}
.s_pad,
.s_pc {
	.l_bottom-phone { position:relative;}
}