.l,.f-l,.fleft{
    float:left;
    _display:inline;
margin:5px;
	
}
.r,.f-r,.fright{
    float:right;
    _display:inline
}
[class*=span].r,[class*=span].f-r{
    float:right
}
.header {

  height: 56px;
  background: #313131;
  font-size: 14px;
  color: #76b3cc;
	
}

.header .header-list li {
  float:right;
  height:56px;
  line-height:56px;

}
.header .header-list li .header-icon {
  margin-right:6px;
  width:28px;
  height:24px;
  background:url(/web/frontend/style/sites/img/icon.png) no-repeat
}
.header .header-list li .pc-icon {
  background-position:-164px -385px
}
.header .header-list li .mobile-icon {
  width:14px;
  height:25px;
  background-position:-140px -385px
}
.header .header-list li span {
  color:#fff
}
.header .header-list li span[class=font18] {
  color:#ffae00
}
.header .header-list li .line {
  margin:0 20px;
  width:1px;
  height:18px;
  background:#4f4f4f
}
.header .header-btn {
  margin-left:20px;
  display:inline-block;
  width:120px;
  height:34px;
  line-height:34px;

  border-radius:4px;
  font-size:14px;
  color:#ffffff;
  text-align:center;

}
.header .header-btn a{ color: #fff;text-decoration:none;}
.to_example {
  position: absolute;
  width: 50px;
  padding: 5px 7px;
  height: 30px;
  background: #F75F04;
  bottom: 10px;
  right: 10px;
  border-radius: 3px;
  color: #fff;
  font: 700 14px/1 "microsoft yahei";
    font-weight: 700;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
}