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

// 响应规则 - 变为盒状
.c_form-phone-box {
	> ul > li .label:after { content:"：";}
}



.s_phone {
	// 响应规则 - 分列
	.c_form-phone-col-1 {
		> ul > li {
			width:100%;
		}
	}
	.c_form-phone-col-2 {
		> ul > li {
			width:50%;
		}
	}



	// 响应规则 - 垂直布局
	.c_form-phone-v {
		.c_form-v;
	}



	// 响应规则 - 变为盒状
	.c_form-phone-box {
		overflow:visible; background:@bg;
		> ul {
			border-top:1px solid @fg-light-8-5; margin-right:0;
			&:first-child { margin-top:0;}
			> li {
				margin-top:0; border:1px solid @fg-light-8-5; border-top:0 none; padding-right:0;
				.label {
					width:auto !important; padding-left:@gap;
					&:after { content:"";}
				}
				.value {
					.e_select,
					.e_mix,
					.e_group,
					[class*="ico"],
					button,
					input[type="text"] { border:0 none; background:none; border-radius:0;}
					.e_select,
					input[type="text"] { text-align:right;}
					.e_mix button { border-left:1px solid @fg-light-8-5;}
				}
			}
		}
	}
}