//列表样式<ul> <ol>
#{$V}ul,
#{$V}ol {
	padding-left: rem(14);
	//内联
	&.v-inline {
		padding-left: 0;
		margin-left: - rem(5);
		list-style: none;
		> li {
			display: inline-block;
			padding: {
				right: rem(5);
				left: rem(5);
			}
		}
	}
	//无样式
	&.v-none {
		padding-left: 0;
		list-style: none;
	}
	//设置多个ul ol的顶部外边距
	+ #{$V}ul,
	+ #{$V}ol {
		margin-top: rem(10);
	}
}
//无序列表
#{$V}ul {
	//实心圆点
	&.v-disc {
		list-style: disc;
	}
	//空心圆点
	&.v-circle {
		list-style: circle;
	}
	//正方形
	&.v-square {
		list-style: square;
	}
}
//有序列表
#{$V}ol {
	//数字
	&.v-number {
		list-style: decimal;
	}
	//十进制数
	&.v-decimal {
		list-style: decimal-leading-zero;
	}
	//小写罗马文字
	&.v-lower-roman {
		list-style: lower-roman;
	}
	//大写罗马文字
	&.v-upper-roman {
		list-style: upper-roman;
	}
	//小写拉丁文
	&.v-lower-latin {
		list-style: lower-latin;
	}
	//大写拉丁文
	&.v-upper-latin {
		list-style: upper-latin;
	}
}

//描述样式<dl>
#{$V}dl {
	position: relative;
	dt {
		font-weight: $font-weight-heavy;
	}
	+ #{$V}dl {
		margin-top: rem(10);
	}
	
	//媒体查询
	@at-root {
		@include media-min($md) {
			&.v-horizontal {
		    	dt {
		    		width: rem(200);
			        overflow: hidden;
			        float: left;
			        text-align: right;
		    	}
		    	dd {
			        margin-left: rem(215);
			    }
		    }
		}
		@include media-min($lg) {
		    &.v-horizontal {
		    	dt {
		    		width: rem(240);
		    	}
			    dd {
			        margin-left: rem(255);
			    }
		    }
		}
	}
}