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

// 滚动条组件 & 悬浮布局
.c_scroll {
	position:relative; z-index:0; overflow:auto; height:100%; .x_bs; -webkit-overflow-scrolling:touch;
	&-float { position:absolute; left:0; right:0; top:0; bottom:0; height:auto;}
	&-wrapper { top:0.5*@gap; left:0.5*@gap; right:0.5*@gap; bottom:0.5*@gap;}
	&-wrapper-2 { top:@gap; left:@gap; right:@gap; bottom:@gap;}
	&-step,
	&-header,
	&-guide,
	&-tab { top:(1+2*@gap)*1.1667;}
	&-tip { top:1+@gap;}
	&-search { top:(1+2*@gap)+@gap;}
	&-param,
	&-user { top:(0.75*@gap*2+1+0.5*@gap)*1.1667+(0.25*@gap+1+0.5*@gap);}
	&-page { bottom:1+2*@gap;}
	&-submit { bottom:(1+2*@gap)*1.1667;}
	&-step-v { top:(-0.25+0.5*@gap+0.5*@gap+1+@gap+0.5*@gap)*1.1667+(1+0.5*@gap);}
	&-step-v&-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;}
	&-header&-step,
	&-header&-guide,
	&-header&-tab { top:(1+2*@gap)*1.1667*2;}
	&-header&-search { top:(1+2*@gap)*1.1667+((1+2*@gap)+0.5*@gap);}
	&-header&-param,
	&-header&-user { top:(1+2*@gap)*1.1667+(0.75*@gap*2+1+0.5*@gap)*1.1667+(0.25*@gap+1+0.5*@gap);}
	&-submit&-page { bottom:((1+2*@gap)*1.1667)+(1+2*@gap);}
	&-white { background:@bg;}
	&-grey,
	&-gray { background:@bg-dark-0-6;}
	&-gray-light { background:@bg-dark-0-3;}
	&-black { background:@fg-light-0-4;}
	&-border { border:1px solid @fg-light-8-5;}
	&-noscroll { overflow:hidden;}
}