@charset "utf-8";
/* CSS Document */
article,aside,dialog,figure,footer,header,legend,nav,section
{display:block}
textarea,input,select{
-webkit-appearance:none; 
outline: none;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
body {
	font-family:"Microsoft YaHei","微软雅黑", "Tahoma", "SimSun"!important;
	font-size:14px;
	margin:0px;
	padding:0px;
}
a{
text-decoration: none;	
}
img {
	border:none;
}

ul li {
	list-style:none;
}
* {
	margin:0px;
	padding:0px;
	outline:0 none;
}

.clear{clear:both;height:0px;*height:0px;_height:0px;margin:0px;padding:0px;_display:inline;}
.hidden{display:none;}
.left{float:left;}
.right{float:right;}
.position-re{
	position:relative;
}
.wrapper {
	
	margin:auto;

}
.row{
	
	margin:auto;
	overflow: hidden;
}

.pd10{padding:10px}
.pl10{padding-left:10px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

/** box **/


.ub
{
    display: -webkit-box ;
    display: box;
    position:relative;
    /*box-orient: horizontal;横向*/
}

.ub-rev
{
    -webkit-box-direction:reverse;/*倒叙*/
    box-direction:reverse;
}

.ub-fh
{
    width:100%;
}

.ub-fv
{
    height: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% auto
}

.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-img6
{
    background-repeat:no-repeat;
    background-position:center;
}
.ub-img7
{
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;
}