/*  Created by xn on 2017/12/12  */

@font-face{
	font-family:Wingdings;
	src:url(/font/wingding.ttf);
}

html.forbidScroll,
body.forbidScroll{
	overflow:hidden;
}
input::-webkit-input-placeholder{
	color:#666;
}

.u_clear::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	overflow: hidden;
	visibility: hidden;
}
.u_show{
	display:block;
}
.u_hide{
	display:none;
}
.u_left{
	float:left;
}
.u_right{
	float:right;
}
.u_inline_block{
	display:inline-block;
}
.u_table{
	display:table;
	width:100%;
}
.u_table_cell{
	display:table-cell;
	vertical-align: middle;
}
.u_border_box{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.u_content_box{
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.u_font_12{
	font-size:12px;
}
.u_font_16{
	font-size:16px;
}
.u_font_bold{
    font-weight:bold;
}
.u_padding_top_30{
	padding-top:30px;
}
.u_padding_bottom_30{
	padding-bottom:30px;
}
.u_padding_left_15{
	padding-left:15px;
}
.u_padding_right_15{
	padding-right:15px;
}
.u_color_333{
	color:#333;
}
.u_color_666{
	color:#666;
}
.u_color_999{
	color:#999;
}
.u_nowrap{
	white-space: nowrap;
}


.u_scroll_h{
	overflow-x:auto;
	overflow-y:hidden;
}
.u_scroll_v{
	overflow-x:hidden;
	overflow-y:auto;
}
.u_scroll_flexible{
	-webkit-overflow-scrolling:touch;
}


.u_single_ellipsis{
	width:50px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.u_multiple_ellipsis{
	display:-webkit-box;
	line-height:1.4;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}


.u_border_around,
.u_border_top,
.u_border_bottom,
.u_border_topbottom,
.u_border_left,
.u_border_right,
.u_border_leftright{
	position:relative;
}
.u_border_around::after {
	content: "";
	display: block;
	border:1px solid #f1f1f1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index:-1;
	pointer-events: none;
}
.u_border_top::after,
.u_border_topbottom::before{
	content:"";
	display:block;
	height:0;
	border-top:1px solid #f1f1f1;
	position:absolute;
	left:0;
	right:0;
	top:0;
}
.u_border_bottom::after,
.u_border_topbottom::after{
	content:"";
	display:block;
	height:0;
	border-bottom:1px solid #f1f1f1;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
.u_border_left::after,
.u_border_leftright::before{
	content:"";
	display:block;
	width:0;
	border-left:1px solid #f1f1f1;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
}
.u_border_right::after,
.u_border_leftright::after{
	content:"";
	display:block;
	width:0;
	border-right:1px solid #f1f1f1;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
}
@media (-webkit-min-device-pixel-ratio:1.25),
only screen and (-webkit-min-device-pixel-ratio:1.5){
	.u_border_around::after{
		-webkit-transform:scale(.5);
		-webkit-transform-origin:0 0;
		right:-100%;
		bottom:-100%;
	}
	.u_border_top::after,
	.u_border_topbottom::before{
		-webkit-transform:scaleY(.5);
		-webkit-transform-origin:50% 0%;
	}
	.u_border_bottom::after,
	.u_border_topbottom::after{
		-webkit-transform:scaleY(.5);
		-webkit-transform-origin:50% 100%;
	}
	.u_border_left::after,
	.u_border_leftright::before{
		-webkit-transform:scaleX(.5);
		-webkit-transform-origin:0 50%;
	}
	.u_border_right::after,
	.u_border_leftright::after{
		-webkit-transform:scaleX(.5);
		-webkit-transform-origin:100% 50%;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
	.u_border_top::after,
	.u_border_bottom::after,
	.u_border_topbottom::before,
	.u_border_topbottom::after{
		-webkit-transform:scaleY(.333);
	}
	.u_border_left::after,
	.u_border_right::after,
	.u_border_leftright::before,
	.u_border_leftright::after{
		-webkit-transform:scaleX(.333);
	}
}
@media only screen and (-webkit-device-pixel-ratio:1.5){
	.u_border_top::after,
	.u_border_bottom::after,
	.u_border_topbottom::before,
	.u_border_topbottom::after{
		-webkit-transform:scaleY(.666);
	}
	.u_border_left::after,
	.u_border_right::after,
	.u_border_leftright::before,
	.u_border_leftright::after{
		-webkit-transform:scaleX(.666);
	}
}


.u_scrollBar::-webkit-scrollbar{
	width:2px;
	background-color:#f5f5f5;
}
.u_scrollBar::-webkit-scrollbar-track{
	-webkit-box-shadow:0 0 2px rgba(245,245,245,1) inset;
	background-color:#f5f5f5;
}
.u_scrollBar::-webkit-scrollbar-thumb{
	background-color:#c1c1c1;
}


