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

.s_phone {
	.c_list-phone-line {
		.c_list-line;
	}
	.c_list-phone-col-1,
	.c_list-phone-col-2,
	.c_list-phone-col-3,
	.c_list-phone-col-4,
	.c_list-phone-col-5,
	.c_list-phone-col-6 {
		> ul { display:flex; flex-wrap:wrap;}
		> ul > li { flex:1;}
	}
	.c_list-phone-col-1 {
		> ul > li { width:100%; min-width:100%; max-width:100%;}
	}
	.c_list-phone-col-2 {
		> ul > li { width:50%; min-width:50%; max-width:50%;}
		> ul > li.phone-merge-2 { width:100%; min-width:100%; max-width:100%;}
	}
	.c_list-phone-col-3 {
		> ul > li { width:33.33%; min-width:33.33%; max-width:33.33%;}
		> ul > li.phone-merge-2 { width:66.66%; min-width:66.66%; max-width:66.66%;}
		> ul > li.phone-merge-3 { width:100%; min-width:100%; max-width:100%;}
	}
	.c_list-phone-col-4 {
		> ul > li { width:25%; min-width:25%; max-width:25%;}
		> ul > li.phone-merge-2 { width:50%; min-width:50%; max-width:50%;}
		> ul > li.phone-merge-3 { width:75%; min-width:75%; max-width:75%;}
		> ul > li.phone-merge-4 { width:100%; min-width:100%; max-width:100%;}
	}
	.c_list-phone-col-5 {
		> ul > li { width:20%; min-width:20%; max-width:20%;}
		> ul > li.phone-merge-2 { width:40%; min-width:40%; max-width:40%;}
		> ul > li.phone-merge-3 { width:60%; min-width:60%; max-width:60%;}
		> ul > li.phone-merge-4 { width:80%; min-width:80%; max-width:80%;}
		> ul > li.phone-merge-5 { width:100%; min-width:100%; max-width:100%;}
	}
	.c_list-phone-col-6 {
		> ul > li { width:16.66%; min-width:16.66%; max-width:16.66%;}
		> ul > li.phone-merge-2 { width:33.32%; min-width:33.32%; max-width:33.32%;}
		> ul > li.phone-merge-3 { width:50%; min-width:50%; max-width:50%;}
		> ul > li.phone-merge-4 { width:66.64%; min-width:66.64%; max-width:66.64%;}
		> ul > li.phone-merge-5 { width:83.3%; min-width:83.3%; max-width:83.3%;}
		> ul > li.phone-merge-6 { width:100%; min-width:100%; max-width:100%;}
	}
}