@charset "utf-8";

/*----------------------------------------
 常用reset
-----------------------------------------*/

/* 设置元素盒模型计算方式 */
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1.4;
}

body {
	color: #333;
	font: 16px/1.4 Helvetica, Arial;
}

a{
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
body,p {
	margin: 0;
}

img {
    max-width: 100% !important;
    height: auto;
}

small {
    font-size: 12px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
	border-spacing: 0; /* 设置相邻单元格的边框间的距离为0 */
	border-collapse: collapse; /* 为表格设置合并边框模型 */
}

/* 去掉表示在文本的边缘处的按钮（清除input当前值的按钮） */
input::-ms-clear{
	display: none;
}

/*placeholder设置颜色*/
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
	color: #999;
}

/*Firefox下input button内文字不能垂直居中及安卓手机按钮文字不垂直居中*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

/* 注意下面这句非常有用，不写这句代码苹果手机下默认的圆角，代码重置css也无效。 */
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none; /*去掉webkit默认的表单样式*/
}

a,
button,
input,
optgroup,
select,
textarea,html,body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}


/*----------------------------------------
 公共类
-----------------------------------------*/

.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.triangle_down {
	width: 0;
	height: 0;
	border-width: 5px 5px 0;
	border-style: solid;
	border-color: #333 transparent transparent;
}

.triangle_up {
	width: 0;
	height: 0;
	border-width: 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent #333;
}

.line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.r-d {
	-webkit-user-modify: read-write-plaintext-only;
}

/* 禁止长按选中文字 */
.on-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* 

-webkit-font-smoothing控制的字体渲染只对MacOS的Webkit有效。
所以，你在MacOS测试环境下面设置-webkit-font-smoothing时，只要你不把它设置为none，怎么好看就设置为什么属性，反正这个属性仅仅是面向MacOS，不会在其他上下文中出岔子的（除了none的情形）。


-webkit-font-smoothing: none: 无抗锯齿
-webkit-font-smoothing: subpixel-antialiased | default: 次像素平滑
-webkit-font-smoothing: antialiased: 灰度平滑

-moz-osx-font-smoothing: inherit | grayscale       这个属性也是更清晰的作用
 */