/*  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_none_select{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.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_f75b5c{
	color:#f75b5c;
}
.u_color_333{
	color:#333;
}
.u_color_666{
	color:#666;
}
.u_color_999{
	color:#999;
}
.u_nowrap{
	white-space: nowrap;
}


.u_padding_safearea{
    padding-bottom:env(safe-area-inset-bottom);
    padding-bottom:constant(safe-area-inset-bottom);
}


.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;
}


.c_tip{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:999;
}
.c_tip .c_tip_cnt{
    position:fixed;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    padding:56px 16px 16px;
    background:rgba(0, 0, 0, .8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAbFBMVEUAAADlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWHlZWEifVcOAAAAI3RSTlMA2dZs5Pe2jw/KPfBYMi7zwyqimjclG2Pr0r28lXJNSwOEBB2+E0kAAAHBSURBVEjHnVbZtoMgDERxa6m71e7r///jNXBrKqTGwzy1MQPJBEIEgVpezmGkVBSeL7IWK7BNw/cMYbplKLvNm8Bmt7TLRCnDKkmqsJxoP3dLjUOcXLvMWLLumsTGmpKUvdkmkP3c3svAbLYnQtMrHqQgIA86AifEu16tzejAs1Z/vs+tnTbuFmTVDt0sboitzMUC8hIi/M4X6qkwUVooNTodLa1rK/kgsESpZ8oXRD4D2AYir+IruEYgjG0KBtHAUTQ/byDCw/peAamyjA8Q4zYtOji1BpJTzeGzVT7+iAiJm4YoQTQ65//SSbESUgtoyNlaUgZhGfUTsRqJrqj8Ed3r+XwRZuPe6tRcNG7tPrK14jQeQyqlA6mpyMajfRIBKO8C7AFlD8EeWYXnSBVEoIx4PAnlU14kr/C8hEDJWRJKjsVlSVhc6xhxJOOOB5Yl4YHFq8GR8GrgJWRJeAnxuvMkvO7YWHgSNhZsYTwJWxjdLEWEQRPNkm7LYjO+fWKhLYt0+oeoj0e04NrpvHPH3FMTW929h0VUscQpFPj0Tuvmn8+t/0ON6PiRoPMdPvzHHP+Bih/dvIZEHsX3OEpV/A+cQk3Z72rCDwAAAABJRU5ErkJggg==) no-repeat center 18px/26px auto;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size:14px;
    color:#ffffff;
    line-height:1.4;
    text-align: center;
}