*{
  margin: 0;
  padding: 0;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
  overflow:hidden;
}
.fl{
  float: left;
}
.fr{
  float: right;
}


.oauth_header{
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#33B7FD), to(#0589ed));
  /* 兼容IE11 */
  background: -ms-linear-gradient(top,#33B7FD,#0589ed);
  line-height: 50px;
  -moz-box-shadow:0px 2px 5px rgba(5,136,236,0.5); 
  -webkit-box-shadow:0px 2px 5px rgba(5,136,236,0.5); 
  box-shadow:0px 2px 5px rgba(5,136,236,0.5);
  
}
.logo{
  color:#fff;
}

.header_box,.oauth_wrap{
  width: 700px;
  margin: 0 auto;
}

.container { width:1200px; margin:0 auto;font-family:"微软雅黑"}