ai.touchui-vue 1.30.2 → 1.30.4

package/packages/theme/src/less/component/form.less

@@ -1,323 +1,323 @@
-// 表单组件
-.to-form {
-	position:relative;
-	> ul {
-		> li {
-			vertical-align:top; padding-left:@gap; .x_bs; position:relative;
-			> .content {
-				display:flex;
-				> .label {
-					padding:0 0.5*@gap; align-self:flex-start;
-					.text { line-height:1+1*@gap; padding:0.5*@gap 0; text-align:right;}
-				}
-				> .value {
-					flex:1; width:1px;
-					.to-upload { width:auto; display:block;}
-					.to-switch { margin-top:((1+2*@gap)-1.5)/2; vertical-align:top;}
-					.to-range { margin-top:((1+2*@gap)-2)/2; vertical-align:top;}
-					.text { line-height:1+2*@gap;}
-					.tip { line-height:1+0.5*@gap; margin-top:0.25*@gap; color:@fg-light-6;}
-				}
-			}
-		}
-		> li.required {
-			> .content {
-				> .label .text:before { content:"*"; margin-right:0.25em; color:@danger;}
-			}
-		}
-	}
-	.submit {
-		pointer-events:all;
-		text-align:center;
-		button { margin:0 0.5*@gap;}
-	}
-}
-.to-dis .to-form .submit,
-.to-dis.to-form .submit { pointer-events:none;}
-.to-form:not(.to-form-value-width-auto):not(.to-form-submit-position-follow) {
-	> ul > li > .content > .value {
-		> .to-select {
-			display:flex;
-			> .to-selectContent {
-				display:flex; flex:1; width:1px; box-sizing:border-box;
-				> .to-selectValue {
-					display:block; flex:1;
-				}
-			}
-			.to-selectInput { flex:1;}
-		}
-		.to-input { width:100%;}
-		.to-input-type-textarea { display:block;}
-		.to-range { width:100%;}
-	}
-}
-.to-form[class*="to-form-col-"]:not(.to-form-type-list):not(.to-form-value-width-auto):not(.to-form-col-auto) {
-	> ul {
-		> li {
-			> .content {
-				> .value {
-					> .to-select {
-						> .to-selectContent {
-							> .to-selectValue {
-								width:100%;
-							}
-						}
-					}
-					.to-segment:not([class*="to-segment-col-"]) {
-						display:block;
-						.to-segmentContent {
-							display:flex; flex-wrap:wrap; padding-top:1px; padding-left:1px;
-							> .to-segmentWrapper {
-								margin-left:-1px; box-sizing:border-box; margin-top:-1px; float:none; flex:1;
-								> span { display:block; float:none; margin:0; .x_to; text-align:center;}
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}
-
-
-// 标签文字长度
-.to-form-label-width-0 > ul > li > .content > .label { width:0;}
-.to-form-label-width-1 > ul > li > .content > .label { width:1.7em;}
-.to-form-label-width-2 > ul > li > .content > .label { width:2.7em;}
-.to-form-label-width-3 > ul > li > .content > .label { width:3.8em;}
-.to-form-label-width-4 > ul > li > .content > .label { width:4.8em;}
-.to-form-label-width-5 > ul > li > .content > .label { width:5.8em;}
-.to-form-label-width-6 > ul > li > .content > .label { width:6.9em;}
-.to-form-label-width-7 > ul > li > .content > .label { width:7.9em;}
-.to-form-label-width-8 > ul > li > .content > .label { width:8.9em;}
-.to-form-label-width-9 > ul > li > .content > .label { width:9.9em;}
-.to-form-label-width-10 > ul > li > .content > .label { width:11em;}
-.to-form-label-width-11 > ul > li > .content > .label { width:12em;}
-.to-form-label-width-12 > ul > li > .content > .label { width:13.1em;}
-.to-form-label-width-13 > ul > li > .content > .label { width:14.1em;}
-.to-form-label-width-14 > ul > li > .content > .label { width:15.1em;}
-.to-form-label-width-15 > ul > li > .content > .label { width:16.2em;}
-.to-form-label-width-16 > ul > li > .content > .label { width:17.2em;}
-.to-form-label-width-17 > ul > li > .content > .label { width:18.2em;}
-.to-form-label-width-18 > ul > li > .content > .label { width:19.3em;}
-.to-form-label-width-19 > ul > li > .content > .label { width:20.3em;}
-.to-form-label-width-20 > ul > li > .content > .label { width:21.3em;}
-.to-form > ul > li > .content > .label-width-0 { width:0;}
-.to-form > ul > li > .content > .label-width-1 { width:1.7em;}
-.to-form > ul > li > .content > .label-width-2 { width:2.7em;}
-.to-form > ul > li > .content > .label-width-3 { width:3.8em;}
-.to-form > ul > li > .content > .label-width-4 { width:4.8em;}
-.to-form > ul > li > .content > .label-width-5 { width:5.8em;}
-.to-form > ul > li > .content > .label-width-6 { width:6.9em;}
-.to-form > ul > li > .content > .label-width-7 { width:7.9em;}
-.to-form > ul > li > .content > .label-width-8 { width:8.9em;}
-.to-form > ul > li > .content > .label-width-9 { width:9.9em;}
-.to-form > ul > li > .content > .label-width-10 { width:11em;}
-.to-form > ul > li > .content > .label-width-11 { width:12em;}
-.to-form > ul > li > .content > .label-width-12 { width:13.1em;}
-.to-form > ul > li > .content > .label-width-13 { width:14.1em;}
-.to-form > ul > li > .content > .label-width-14 { width:15.1em;}
-.to-form > ul > li > .content > .label-width-15 { width:16.2em;}
-.to-form > ul > li > .content > .label-width-16 { width:17.2em;}
-.to-form > ul > li > .content > .label-width-17 { width:18.2em;}
-.to-form > ul > li > .content > .label-width-18 { width:19.3em;}
-.to-form > ul > li > .content > .label-width-19 { width:20.3em;}
-.to-form > ul > li > .content > .label-width-20 { width:21.3em;}
-
-
-
-// 分列
-[class*="to-form-col-"] {
-	> ul { display:flex; flex-wrap:wrap; align-items:flex-start;}
-}
-.to-form-col-1 {
-	> ul > li {
-		width:100%;
-		> .value {
-			align-self:center;
-			.to-switch { margin-top:0;}
-		}
-	}
-}
-.to-form-col-2 {
-	> ul > li { width:50%;}
-	> ul > .merge-2 { width:100%;}
-}
-.to-form-col-3 {
-	> ul > li { width:33.33%;}
-	> ul > .merge-3 { width:100%;}
-	> ul > .merge-2 { width:66.6%;}
-}
-.to-form-col-4 {
-	> ul > li { width:25%;}
-	> ul > .merge-4 { width:100%;}
-	> ul > .merge-3 { width:75%;}
-	> ul > .merge-2 { width:50%;}
-}
-.to-form-col-5 {
-	> ul > li { width:20%;}
-	> ul > .merge-5 { width:100%;}
-	> ul > .merge-4 { width:80%;}
-	> ul > .merge-3 { width:60%;}
-	> ul > .merge-2 { width:40%;}
-}
-.to-form-col-6 {
-	> ul > li { width:16.66%;}
-	> ul > .merge-6 { width:100%;}
-	> ul > .merge-5 { width:83.33%;}
-	> ul > .merge-4 { width:66.66%;}
-	> ul > .merge-3 { width:50%;}
-	> ul > .merge-2 { width:33.33%;}
-}
-.to-form-col-auto {
-	> ul { display:inline;}
-	> ul > li {
-		display:inline-block;
-		> .content {
-			display:inline-flex;
-			> .value {
-				width:auto; white-space:normal;
-			}
-		}
-	}
-	.submit {
-		display:inline-block; margin-left:0.5*@gap; text-align:left;
-		button { margin-left:0.5*@gap; margin-right:0;}
-	}
-}
-
-
-
-// 垂直布局
-.to-form-label-position-top {
-	> ul { margin-top:0 !important;}
-	> ul > li { margin-top:0;}
-	> ul > li > .content { display: block;}
-	> ul > li > .content > .value { width:auto;}
-	> ul > li > .content > .label .text { text-align:left;}
-}
-.to-form-label-position-top[class*="to-form-col"] {
-	> ul > li { display:inline-block;}
-}
-
-
-
-// 提交按钮位置
-.to-form-submit-position-rightBottom {
-	> ul {
-		.placeholder { content:""; height:1+2*@gap; margin-top:0.5*@gap; width:2em;}
-	}
-	.submit {
-		position:absolute; right:0; bottom:0; white-space:nowrap; margin-top:0; margin-left:@gap;
-		button { margin-left:0.5*@gap; margin-right:0;}
-	}
-}
-.to-form-submit-position-follow {
-	white-space:nowrap;
-	> ul { display:inline;}
-	> ul > li {
-		display:inline-block;
-		> .content {
-			display:inline-flex;
-			> .value {
-				flex:none; width:auto;
-			}
-		}
-	}
-	.submit {
-		display:inline-block; margin-left:0.5*@gap; text-align:left;
-		button { margin-left:0.5*@gap; margin-right:0;}
-	}
-}
-.to-form-submit-position-right {
-	display:flex;
-	> ul { flex:1;}
-	> ul:first-child { margin-top:0;}
-	> ul > li { margin-top:0;}
-	.submit {
-		margin-top:0; margin-left:@gap;
-		button { margin-left:0.5*@gap; margin-right:0;}
-	}
-}
-.to-form-submit-position-right.to-form-label-position-top .submit { margin-top:1+2*@gap;}
-.to-form-submit-position-item {
-	.submit { text-align:left; padding-left:@gap;}
-	&.to-form-label-width-0 .submit { margin-left:1.7em;}
-	&.to-form-label-width-1 .submit { margin-left:1.7em;}
-	&.to-form-label-width-2 .submit { margin-left:2.7em;}
-	&.to-form-label-width-3 .submit { margin-left:3.8em;}
-	&.to-form-label-width-4 .submit { margin-left:4.8em;}
-	&.to-form-label-width-5 .submit { margin-left:5.8em;}
-	&.to-form-label-width-6 .submit { margin-left:6.9em;}
-	&.to-form-label-width-7 .submit { margin-left:7.9em;}
-	&.to-form-label-width-8 .submit { margin-left:8.9em;}
-	&.to-form-label-width-9 .submit { margin-left:9.9em;}
-	&.to-form-label-width-10 .submit { margin-left:11em;}
-	&.to-form-label-width-11 .submit { margin-left:12em;}
-	&.to-form-label-width-12 .submit { margin-left:13.1em;}
-	&.to-form-label-width-13 .submit { margin-left:14.1em;}
-	&.to-form-label-width-14 .submit { margin-left:15.1em;}
-	&.to-form-label-width-15 .submit { margin-left:16.2em;}
-	&.to-form-label-width-16 .submit { margin-left:17.2em;}
-	&.to-form-label-width-17 .submit { margin-left:18.2em;}
-	&.to-form-label-width-18 .submit { margin-left:19.3em;}
-	&.to-form-label-width-19 .submit { margin-left:20.3em;}
-	&.to-form-label-width-20 .submit { margin-left:21.3em;}
-}
-
-
-
-// type
-.to-form-type-list {
-	> ul {
-		> li {
-			margin-top:0; border-bottom:1px solid @fg-light-9-5;
-			> .content {
-				.label {
-					padding-left:0;
-					.text { text-align:left;}
-					span:after { content:"";}
-				}
-				.value {
-					text-align:right; align-self:center;
-					.to-switch { margin-top:0;}
-					// .to-selectContent,
-					// .to-input { background:none;}
-					// .to-input:before { border-color:rgba(255,255,255,0);}
-					.to-select,
-					.to-input { text-align:right;}
-					.to-select {
-						.to-selectInput,
-						.to-selectValue,
-						.to-selectTag { margin-top:0; top:0; flex:1;}
-					}
-				}
-			}
-			> .tip { line-height:1+0.5*@gap; padding-bottom:0.5*1.16*@gap; color:@fg-light-6; font-size:86.67%;}
-		}
-		> li.required {
-			&:before { content:"*"; position:absolute; left:0; top:0; line-height:1+2*@gap; color:@danger;}
-			> .content {
-				> .label .text:before { display:none;}
-			}
-		}
-	}
-}
-
-
-
-// link
-.s_pc {
-	.to-form-type-list {
-		> ul > li.link,
-		> ul > li.link * { cursor:pointer;}
-		> ul > li.link:hover { background:@fg-light-9-5;}
-	}
-}
-.s_pc,
-.s_phone,
-.s_pad {
-	.to-form-type-list {
-		> ul > li.link:active { background:@bg-dark-2;}
-	}
+// 表单组件
+.to-form {
+	position:relative;
+	> ul {
+		> li {
+			vertical-align:top; padding-left:@gap; .x_bs; position:relative;
+			> .content {
+				display:flex;
+				> .label {
+					padding:0 0.5*@gap; align-self:flex-start;
+					.text { line-height:1+1*@gap; padding:0.5*@gap 0; text-align:right;}
+				}
+				> .value {
+					flex:1; width:1px;
+					.to-upload { width:auto; display:block;}
+					.to-switch { margin-top:((1+2*@gap)-1.5)/2; vertical-align:top;}
+					.to-range { margin-top:((1+2*@gap)-2)/2; vertical-align:top;}
+					.text { line-height:1+2*@gap;}
+					.tip { line-height:1+0.5*@gap; margin-top:0.25*@gap; color:@fg-light-6;}
+				}
+			}
+		}
+		> li.required {
+			> .content {
+				> .label .text:before { content:"*"; margin-right:0.25em; color:@danger;}
+			}
+		}
+	}
+	.submit {
+		pointer-events:all;
+		text-align:center;
+		button { margin:0 0.5*@gap;}
+	}
+}
+.to-dis .to-form .submit,
+.to-dis.to-form .submit { pointer-events:none;}
+.to-form:not(.to-form-value-width-auto):not(.to-form-submit-position-follow) {
+	> ul > li > .content > .value {
+		> .to-select {
+			display:flex;
+			> .to-selectContent {
+				display:flex; flex:1; width:1px; box-sizing:border-box;
+				> .to-selectValue {
+					display:block; flex:1;
+				}
+			}
+			.to-selectInput { flex:1;}
+		}
+		.to-input { width:100%;}
+		.to-input-type-textarea { display:block;}
+		.to-range { width:100%;}
+	}
+}
+.to-form[class*="to-form-col-"]:not(.to-form-type-list):not(.to-form-value-width-auto):not(.to-form-col-auto) {
+	> ul {
+		> li {
+			> .content {
+				> .value {
+					> .to-select {
+						> .to-selectContent {
+							> .to-selectValue {
+								width:100%;
+							}
+						}
+					}
+					.to-segment:not([class*="to-segment-col-"]) {
+						display:block;
+						.to-segmentContent {
+							display:flex; flex-wrap:wrap; padding-top:1px; padding-left:1px;
+							> .to-segmentWrapper {
+								margin-left:-1px; box-sizing:border-box; margin-top:-1px; float:none; flex:1;
+								> span { display:block; float:none; margin:0; .x_to; text-align:center;}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+
+// 标签文字长度
+.to-form-label-width-0 > ul > li > .content > .label { width:0;}
+.to-form-label-width-1 > ul > li > .content > .label { width:1.7em;}
+.to-form-label-width-2 > ul > li > .content > .label { width:2.7em;}
+.to-form-label-width-3 > ul > li > .content > .label { width:3.8em;}
+.to-form-label-width-4 > ul > li > .content > .label { width:4.8em;}
+.to-form-label-width-5 > ul > li > .content > .label { width:5.8em;}
+.to-form-label-width-6 > ul > li > .content > .label { width:6.9em;}
+.to-form-label-width-7 > ul > li > .content > .label { width:7.9em;}
+.to-form-label-width-8 > ul > li > .content > .label { width:8.9em;}
+.to-form-label-width-9 > ul > li > .content > .label { width:9.9em;}
+.to-form-label-width-10 > ul > li > .content > .label { width:11em;}
+.to-form-label-width-11 > ul > li > .content > .label { width:12em;}
+.to-form-label-width-12 > ul > li > .content > .label { width:13.1em;}
+.to-form-label-width-13 > ul > li > .content > .label { width:14.1em;}
+.to-form-label-width-14 > ul > li > .content > .label { width:15.1em;}
+.to-form-label-width-15 > ul > li > .content > .label { width:16.2em;}
+.to-form-label-width-16 > ul > li > .content > .label { width:17.2em;}
+.to-form-label-width-17 > ul > li > .content > .label { width:18.2em;}
+.to-form-label-width-18 > ul > li > .content > .label { width:19.3em;}
+.to-form-label-width-19 > ul > li > .content > .label { width:20.3em;}
+.to-form-label-width-20 > ul > li > .content > .label { width:21.3em;}
+.to-form > ul > li > .content > .label-width-0 { width:0;}
+.to-form > ul > li > .content > .label-width-1 { width:1.7em;}
+.to-form > ul > li > .content > .label-width-2 { width:2.7em;}
+.to-form > ul > li > .content > .label-width-3 { width:3.8em;}
+.to-form > ul > li > .content > .label-width-4 { width:4.8em;}
+.to-form > ul > li > .content > .label-width-5 { width:5.8em;}
+.to-form > ul > li > .content > .label-width-6 { width:6.9em;}
+.to-form > ul > li > .content > .label-width-7 { width:7.9em;}
+.to-form > ul > li > .content > .label-width-8 { width:8.9em;}
+.to-form > ul > li > .content > .label-width-9 { width:9.9em;}
+.to-form > ul > li > .content > .label-width-10 { width:11em;}
+.to-form > ul > li > .content > .label-width-11 { width:12em;}
+.to-form > ul > li > .content > .label-width-12 { width:13.1em;}
+.to-form > ul > li > .content > .label-width-13 { width:14.1em;}
+.to-form > ul > li > .content > .label-width-14 { width:15.1em;}
+.to-form > ul > li > .content > .label-width-15 { width:16.2em;}
+.to-form > ul > li > .content > .label-width-16 { width:17.2em;}
+.to-form > ul > li > .content > .label-width-17 { width:18.2em;}
+.to-form > ul > li > .content > .label-width-18 { width:19.3em;}
+.to-form > ul > li > .content > .label-width-19 { width:20.3em;}
+.to-form > ul > li > .content > .label-width-20 { width:21.3em;}
+
+
+
+// 分列
+[class*="to-form-col-"] {
+	> ul { display:flex; flex-wrap:wrap; align-items:flex-start;}
+}
+.to-form-col-1 {
+	> ul > li {
+		width:100%;
+		> .value {
+			align-self:center;
+			.to-switch { margin-top:0;}
+		}
+	}
+}
+.to-form-col-2 {
+	> ul > li { width:50%;}
+	> ul > .merge-2 { width:100%;}
+}
+.to-form-col-3 {
+	> ul > li { width:33.33%;}
+	> ul > .merge-3 { width:100%;}
+	> ul > .merge-2 { width:66.6%;}
+}
+.to-form-col-4 {
+	> ul > li { width:25%;}
+	> ul > .merge-4 { width:100%;}
+	> ul > .merge-3 { width:75%;}
+	> ul > .merge-2 { width:50%;}
+}
+.to-form-col-5 {
+	> ul > li { width:20%;}
+	> ul > .merge-5 { width:100%;}
+	> ul > .merge-4 { width:80%;}
+	> ul > .merge-3 { width:60%;}
+	> ul > .merge-2 { width:40%;}
+}
+.to-form-col-6 {
+	> ul > li { width:16.66%;}
+	> ul > .merge-6 { width:100%;}
+	> ul > .merge-5 { width:83.33%;}
+	> ul > .merge-4 { width:66.66%;}
+	> ul > .merge-3 { width:50%;}
+	> ul > .merge-2 { width:33.33%;}
+}
+.to-form-col-auto {
+	> ul { display:inline;}
+	> ul > li {
+		display:inline-block;
+		> .content {
+			display:inline-flex;
+			> .value {
+				width:auto; white-space:normal;
+			}
+		}
+	}
+	.submit {
+		display:inline-block; margin-left:0.5*@gap; text-align:left;
+		button { margin-left:0.5*@gap; margin-right:0;}
+	}
+}
+
+
+
+// 垂直布局
+.to-form-label-position-top {
+	> ul { margin-top:0 !important;}
+	> ul > li { margin-top:0;}
+	> ul > li > .content { display: block;}
+	> ul > li > .content > .value { width:auto;}
+	> ul > li > .content > .label .text { text-align:left;}
+}
+.to-form-label-position-top[class*="to-form-col"] {
+	> ul > li { display:inline-block;}
+}
+
+
+
+// 提交按钮位置
+.to-form-submit-position-rightBottom {
+	> ul {
+		.placeholder { content:""; height:1+2*@gap; margin-top:0.5*@gap; width:2em;}
+	}
+	.submit {
+		position:absolute; right:0; bottom:0; white-space:nowrap; margin-top:0; margin-left:@gap;
+		button { margin-left:0.5*@gap; margin-right:0;}
+	}
+}
+.to-form-submit-position-follow {
+	white-space:nowrap;
+	> ul { display:inline;}
+	> ul > li {
+		display:inline-block;
+		> .content {
+			display:inline-flex;
+			> .value {
+				flex:none; width:auto;
+			}
+		}
+	}
+	.submit {
+		display:inline-block; margin-left:0.5*@gap; text-align:left;
+		button { margin-left:0.5*@gap; margin-right:0;}
+	}
+}
+.to-form-submit-position-right {
+	display:flex;
+	> ul { flex:1;}
+	> ul:first-child { margin-top:0;}
+	> ul > li { margin-top:0;}
+	.submit {
+		margin-top:0; margin-left:@gap;
+		button { margin-left:0.5*@gap; margin-right:0;}
+	}
+}
+.to-form-submit-position-right.to-form-label-position-top .submit { margin-top:1+2*@gap;}
+.to-form-submit-position-item {
+	.submit { text-align:left; padding-left:@gap;}
+	&.to-form-label-width-0 .submit { margin-left:1.7em;}
+	&.to-form-label-width-1 .submit { margin-left:1.7em;}
+	&.to-form-label-width-2 .submit { margin-left:2.7em;}
+	&.to-form-label-width-3 .submit { margin-left:3.8em;}
+	&.to-form-label-width-4 .submit { margin-left:4.8em;}
+	&.to-form-label-width-5 .submit { margin-left:5.8em;}
+	&.to-form-label-width-6 .submit { margin-left:6.9em;}
+	&.to-form-label-width-7 .submit { margin-left:7.9em;}
+	&.to-form-label-width-8 .submit { margin-left:8.9em;}
+	&.to-form-label-width-9 .submit { margin-left:9.9em;}
+	&.to-form-label-width-10 .submit { margin-left:11em;}
+	&.to-form-label-width-11 .submit { margin-left:12em;}
+	&.to-form-label-width-12 .submit { margin-left:13.1em;}
+	&.to-form-label-width-13 .submit { margin-left:14.1em;}
+	&.to-form-label-width-14 .submit { margin-left:15.1em;}
+	&.to-form-label-width-15 .submit { margin-left:16.2em;}
+	&.to-form-label-width-16 .submit { margin-left:17.2em;}
+	&.to-form-label-width-17 .submit { margin-left:18.2em;}
+	&.to-form-label-width-18 .submit { margin-left:19.3em;}
+	&.to-form-label-width-19 .submit { margin-left:20.3em;}
+	&.to-form-label-width-20 .submit { margin-left:21.3em;}
+}
+
+
+
+// type
+.to-form-type-list {
+	> ul {
+		> li {
+			margin-top:0; border-bottom:1px solid @fg-light-9-5;
+			> .content {
+				.label {
+					padding-left:0;
+					.text { text-align:left;}
+					span:after { content:"";}
+				}
+				.value {
+					text-align:right; align-self:center;
+					.to-switch { margin-top:0;}
+					// .to-selectContent,
+					// .to-input { background:none;}
+					// .to-input:before { border-color:rgba(255,255,255,0);}
+					.to-select,
+					.to-input { text-align:right;}
+					.to-select {
+						.to-selectInput,
+						.to-selectValue,
+						.to-selectTag { margin-top:0; top:0; flex:1;}
+					}
+				}
+			}
+			> .tip { line-height:1+0.5*@gap; padding-bottom:0.5*1.16*@gap; color:@fg-light-6; font-size:86.67%;}
+		}
+		> li.required {
+			&:before { content:"*"; position:absolute; left:0; top:0; line-height:1+2*@gap; color:@danger;}
+			> .content {
+				> .label .text:before { display:none;}
+			}
+		}
+	}
+}
+
+
+
+// link
+.s_pc {
+	.to-form-type-list {
+		> ul > li.link,
+		> ul > li.link * { cursor:pointer;}
+		> ul > li.link:hover { background:@fg-light-9-5;}
+	}
+}
+.s_pc,
+.s_phone,
+.s_pad {
+	.to-form-type-list {
+		> ul > li.link:active { background:@bg-dark-2;}
+	}
 }