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

.s_phone {
	// 响应规则 - 垂直布局
	.c_msg-phone-v {
		.wrapper { display:block;}
		.emote { margin-right:0; align-self:auto; display:block; text-align:center;}
		.info { flex:auto; text-align:center; margin-top:1.07em; width:auto; padding:0; display:block;}
		.info > .fn {
			margin-top:0.29em;
			button { margin:0.71em 0.71em 0 0;}
		}
	}
	.c_msg-phone-v.c_msg-popup,
	.c_msg-phone-v.c_msg-full {
		.wrapper { display:inline-block;}
		.info { flex:auto;}
	}
	.c_msg-phone-v.c_msg-s {
		.emote { margin-right:0;}
	}



	// 响应规则 - 元素规则 - 功能区域垂直布局
	.c_msg {
		.info > .fn-phone-v {
			button { width:100%; margin:0; margin-top:0.5em; display:block;}
		}
	}
}