@charset "utf-8";
html,body,ul,li,ol,li,dl,dt,dd,p,a,h1,h2,h3,h4,h5,h6,img,input

{
    margin: 0;
    padding: 0;
    /*color: #999;*/
}
a,img,button,input,textarea,label,select
{
    -webkit-tap-highlight-color: transparent;
}
input, textarea
{
    border: none;
    background: transparent;
    font-size: 1em;
}
img
{
    width: 100%;
    border: 0;
}
button{border:none}
html{
    font: 100px "Microsoft YaHei","微软雅黑","黑体",Arial,sans-serif;
}
body
{
    background: #fff;
}
ul,ol,dl
{
    overflow: hidden;
}
ul li,ol li
{
    list-style: none;
}
a,a:link,a:hover,a:visited
{
    text-decoration: none;
}
em
{
    font-style: normal;
}
.fr
{
    float: right;
}
.fl
{
    float: left;
}
.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.tr
{
    text-align: right;
}
.tl
{
    text-align: left;
}
.col_blue2{
    color:#0071bc;
}
.col_bro52{
    color:#a67c52;
}
.col_brol{
    color:#000;
}
.col_red{
	color:#c1272d;
}
.col_g9{
	color:#999;
}
.mt5 { margin-top:5px;} .mb5 { margin-bottom:5px;} .mr5 { margin-right:5px;} .ml5 { margin-left:5px ;}
.mt10 { margin-top:10px;} .mb10 { margin-bottom:10px;} .mr10 { margin-right:10px;} .ml10 { margin-left:10px ;}
.mt15 { margin-top:15px;} .mb15 { margin-bottom:15px;} .mr15 { margin-right:15px;} .ml15 { margin-left:15px ;}
.mt20 { margin-top:20px;} .mb20 { margin-bottom:20px;} .mr20 { margin-right:20px;} .ml20 { margin-left:20px ;}
.mt30 { margin-top:30px;} .mb30 { margin-bottom:30px;} .mr30 { margin-right:30px;} .ml30 { margin-left:30px ;}
.mt40 { margin-top:40px;} .mb40 { margin-bottom:40px;} .mr40 { margin-right:40px;} .ml40 { margin-left:40px ;}
.mt50 { margin-top:50px;} .mb50 { margin-bottom:50px;} .mr50 { margin-right:50px;} .ml50 { margin-left:50px ;}

.pt10 { padding-top:10px;} .pb10 { padding-bottom:10px;} .pr10 { padding-right:10px;} .pl10 { padding-left:10px ;}
.pt20 { padding-top:20px;} .pb20 { padding-bottom:20px;} .pr20 { padding-right:20px;} .pl20 { padding-left:20px ;}
.pt30 { padding-top:30px;} .pb30 { padding-bottom:30px;} .pr30 { padding-right:30px;} .pl30 { padding-left:30px ;}

html, body, .page{
    height: 100%;
}
.page{
	font-size: 0.12rem;
}
.content {
    width: 100%;
    min-height: 100%;
    padding-bottom: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer {
    position: relative;
    margin-top: -45px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    clear: both;
}
.footer_p
{
    font-size: 0.12rem;
    color: #999;
}


.triangle_up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #016db7;
}
.triangle_down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #016db7;
}
.triangle_right {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #016db7;
  border-top: 5px solid transparent;
  height: 0;
  width: 0;
}
.triangle_left {
  border-bottom: 5px solid transparent;
  border-right: 8px solid #016db7;
  border-top: 5px solid transparent;
  height: 0;
  width: 0;
}

.ui-border{
	position:relative;
	
}
/*.ui-border:before{
	content:"";
	width:200%;
	height:200%;
	position:absolute;
	top:0;
	left:0;		
	-webkit-transform:scale(0.5);
	-webkit-transform-origin:0 0;
	padding:1px;
	-webkit-box-sizing:border-box
}*/
.ui-border-l:before{
	border-left:1px solid #fff;
	content:"";
	width:200%;
	height:200%;
	position:absolute;
	top:0;
	left:0;		
	-webkit-transform:scale(0.5);
	-webkit-transform-origin:0 0;
	padding:1px;
	-webkit-box-sizing:border-box
}
.ui-border-b:before{
    border-bottom:1px solid #c69c6d;
    content:"";
	width:200%;
	height:200%;
	position:absolute;
	top:0;
	left:0;		
	-webkit-transform:scale(0.5);
	-webkit-transform-origin:0 0;
	padding:1px;
	-webkit-box-sizing:border-box
}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-6vfe97');
	src:url('fonts/icomoon.eot?#iefix-6vfe97') format('embedded-opentype'),
		url('fonts/icomoon.ttf?-6vfe97') format('truetype'),
		url('fonts/icomoon.woff?-6vfe97') format('woff'),
		url('fonts/icomoon.svg?-6vfe97#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-02:before {
	content: "\e600";
}
.icon-ctrl:before {
	content: "\e601";
}

.border_l{
  border-left:1px solid #fff;
}
