@charset "utf-8";
.ub{ display: -webkit-box !important; display: box !important;	position:relative;}
.uh { display:block; font-size:1em; width:100%;}
.ub-con{ position:absolute;	width:100%;	height:100%;}
.ub-ac{	-webkit-box-align:center;	box-align:center;}
.ub-ae{	-webkit-box-align:end;	box-align:end;}
.ub-pc{	-webkit-box-pack:center;	box-pack:center;}
.ub-pe{	-webkit-box-pack:end;	box-pack:end;}
.ub-pj{	-webkit-box-pack:justify;	box-pack:justify;}
.ub-ver{	-webkit-box-orient:vertical;	box-orient:vertical;}
.ub-f1{	position:relative;	-webkit-box-flex: 1; box-flex: 1;}
.ub-f2{	position:relative;	-webkit-box-flex: 2; box-flex: 2; }
.ub-f3{	position:relative;	-webkit-box-flex: 3; box-flex: 3;}
.ub-f4{	position:relative;	-webkit-box-flex: 4; box-flex: 4;}
.ub-img
{
	-webkit-background-size:contain;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img1
{	
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img2
{
	background-repeat:repeat-x;
	background-size:auto 100%;
}
.ub-img3
{
	background-repeat:repeat-y;
	background-size:100% bottom;
}
.ub-img4
{
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img5
{
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img8
{
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:left center;/* 背景图左对齐 */
}
.ub-img7
{
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img9
{
	-webkit-background-size:auto 75%;
	background-size:auto 75%;
	background-repeat:no-repeat;
	background-position:92% center;
}
.tx-l { text-align: left;}
.tx-r { text-align: right;}
.tx-c { text-align: center;}
.ut-s { text-overflow: ellipsis; overflow: hidden; white-space: nowrap !important; outline: 0 !important;}
/* border*/
.ubt { border-top: .08em solid #EEE;}
.ubb { border-bottom: .08em solid #EEE;}
.ubl { border-left: .08em solid #eee;}
.ubr { border-right: .08em solid #eee;}
.bor—r {  -webkit-border-radius: .3em;  border-radius: .3em;overflow:hidden;}
.bor—half { -webkit-border-radius: 50%;  border-radius: 50%;overflow:hidden;}
.pad { padding: 0.5em 1em; }
.pad2 { padding: 0.82em .85em 0.58em; }
.p-t { padding-top: 0.5em; }
.p-b { padding-bottom: 0.5em ; }
.p-b2 { padding-bottom: 0.2em ; }
.umh5 { min-height: 1.5em; }
.umh7 { min-height: 1.7em; }
/* margin*/
.mar_b { margin-bottom: .2em; }
.mar_b1 { margin-bottom: .65em; }
.mar_r { margin-right: .5em; }
.mar_t { margin-top: .5em; }
.mar0 { margin:0 !important;}
.header { background-color:#0065b7;}
.bg-white { background-color: #FFF; margin: 0 1%;}
/*辅助控件背景颜色*/
.bg-active { background-color: #12b7f5;}
.bg-hint { background-color: #ff9200;}
/*基础标题字体颜色*/
.bc-text-head {
    color: white;
}
/*辅助字体颜色*/
.sc-t { color: #333;}
.sc-t-grey { color:#666;}
.sc-t-grey2 { color:#ccc;}
.sc-t-active { color: #ff6d00 !important;}
.sc-t-hint { color: #1d78df;}
.sc-white { color:white !important;}
/*基础边框颜色*/
.white-bor { border-color: #fff;}
.warm-bor { border-color: #ff6d00;}
.cold-bor { border-color: #1d78df;}
/*基础按钮颜色*/
.bc-btn { background-color: #007DB8;}
.sc-btn { background-color: #00A1EA;}
/* font */
.f-xxl { font-size: 1.6em !important;}
.f-xl { font-size: 1.3em !important;}
.f-l { font-size: 1.2em !important;}
.f-m { font-size: 1.08em !important;}
.f-0 { font-size: 1.0em !important;}
.f-s { font-size: 0.9em !important;}
.f-xs { font-size: 0.8125em !important;}
.f-xxs { font-size: 0.75em !important;}
.f-xxxs { font-size: 0.625em !important;
	position: absolute;
	bottom: 0;
	left: 0;
	border: .08em solid #ff6d00;
	padding: 0 3px;}
* { margin: 0; padding: 0; vertical-align:top;border:0 none;font-family:"微软雅黑";}
html { background: #fff ; box-shadow: 5px 5px 27px rgba(175, 165, 165, 0.7), -5px -5px 27px rgba(175, 165, 165, 0.7);
    margin: 0 auto;
    min-width:320px; max-width:580px;
}
body { background-color: #f1f1f1 !important; height:100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb;} 
input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; } 
input { border-radius:.3em; background-color:transparent;}
textarea{ /*resize:vertical;overflow-y:auto;*/ resize:none;}
textarea:focus,input:focus,textarea:active,input:active { color:#333;}
div { outline: 0 !important; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.block { display:block;}
p { word-break:break-all;word-wrap:break-word;text-align:justify; margin:0 !important; }
a { text-decoration:none; vertical-align: top ;text-decoration:none; outline:none; }
a,a:hover,a:active,a:visited,a:focus{ outline:0 none; color:#333; text-decoration:none; }
i,em { font-style: normal; }
ul, li {  list-style: none; margin:0; }
.relative {position:relative; }
.absolute {position:absolute;}
.over { overflow:hidden; }
.fl-l { float:left;}
.fl-r { float:right;}
.alignc { clear: both; display: block; margin:auto;} /* align */ 
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0; line-height: 0; }
.clearfix:after { clear: both;visibility:hidden;}
.quart { width:25%;}
.box-sizing { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.half-x { width:50%;}
.half-y { height:50%;}
@media (min-width: 320px)
{
	body{font-size:14px;}
}
@media (min-width: 360px)
{
	body{font-size:16px;}
}
@media (min-width: 411px)
{
	body{font-size:17px;}
}
@media (min-width: 435px)
{
	body{font-size:18px;}
}