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

// 文章/段落组件
.c_article {
	background:@bg; padding:2*@gap; line-height:1+@gap;
	a { text-decoration:underline;}
	a:hover { text-decoration:none;}
	>.title { font-size:200%; text-align:center; line-height:1+0.25*@gap; color:@fg-light-1; margin-bottom:0.5*@gap;}
	.subtitle { font-size:116.67%; text-align:center; line-height:1+0.5*@gap; color:@fg-light-4;}
	.info { text-align:center; color:@fg-light-5; margin-top:0.5*@gap;}
	.info li { display:inline; margin:0 0.5*@gap;}
	> .summary {
		background:@bg-dark-0-6; padding:1.5*@gap; line-height:1+@gap; margin-top:1.5*@gap;
		.c_list { background:none; margin:-1*@gap;}
		.c_list > ul > li { background:none;}
		.c_param { background:none; padding:0 !important;}
		.c_param-v { margin:-1.5*@gap;}
	}
	> .content { margin-top:@gap; padding:2*@gap 0; font-size:116.67%; line-height:1+@gap; border-top:1px solid @fg-light-8;}
	> .summary ~ .content { border-top:0 none; margin-top:0;}
	> .aside { text-align:right; line-height:1+@gap; padding-right:1.5*@gap;}
	> .content > .pic { text-align:center; margin:@gap 0;}
	> .content > .pic:first-letter { margin-top:0;}
	p { margin:0.5em 0;}
	.pic img { max-width:100%;}
}



// 边框
.c_article-border { border:1px solid @fg-light-8-5;}



// 内边距
.c_article-nopadding { padding:0;}



// 简版
.c_article-lite { padding:0; background:none; line-height:1+0.5*@gap;}



// 标题 / 信息左对齐方式
.c_article-left {
	padding:0;
	.title,
	.info { text-align:left;}
	.info .priceDelete,
	.info .price { font-size:200%; font-weight:bold; color:@danger;}
	.info .priceDelete { color:@fg-light-7; text-decoration:line-through;}
	.summary {
		.title { color:@danger; font-size:116.67%;}
		ul li { line-height:1+0.5*@gap; overflow:hidden;}
	}
}



// 色彩
.c_article-orange { border:1px solid @warning-dark-2; border-top:0.25em solid @warning;}