.fn{  float: none;  }
.fl{  float:left;  }
.fr{  float:right;  }
.clearfix,.clear_fix{
    zoom:1;
}
.clearfix:after,.clear_fix:after{
    display: block;
    content: '';
    height:0;
    clear:both;
}

.ma     {  margin-left:auto;  margin-right:auto;  }
.m0     {  margin:0;  }
.mr0    {  margin-right:0;  }
.ml0    {  margin-left:0;  }
.mt0    {  margin-top:0;  }
.mb0    {  margin-bottom:0;  }
.mb20   {  margin-bottom:20px;  }

.p0   {  padding:0;  }
.pt0  {  padding-top:0;  }

.t0  {  top:0;  }
.b0  {  bottom:0;  }
.l0  {  left:0;  }
.r0  {  right:0;  }

.bdn            {   border:       none;  }
.bdccc          {   border:       1px solid #ccc;  }

.bdtop          {   border-top:   1px solid #f1f1f1;  }

.bdb1      {   border-bottom:1px solid #f1f1f1;  }
.bdb2      {   border-bottom:1px solid #f2f2f2;  }
.bdb3      {   border-bottom:1px solid #615753;  }
.bdb4      {   border-bottom:1px solid #5f5752;  }
.bdb5      {   border-bottom:1px solid #fbfbfb;  }
.bdb6      {   border-bottom:1px solid #ccc;  }

.bdr_n      {   border-right:none;  }
.bdr        {   border-right:1px solid #ccc;  }
.bdr2       {   border-right:1px solid #dedede;  }
.bdr3       {   border-right:1px solid #c7c7c7;  }
.bdr4       {   border-right:1px solid #ccc;  }

.show{  display:block;  }
.hide{  display:none;  }

.oh{  overflow:hidden;  }
.oi{  overflow: inherit;  }

.clear {  clear:both;  }
.cright{  clear:right;  }
.cleft {  clear:left;  }

.c0     {  color:#000;  }
.c3     {  color:#333;  }
.c6     {  color:#666;  }
.cf     {  color:#fff;  }
.c9     {  color:#999;  }

.bgf     {  background:#fff;  }

.width3    {  width:3%;  }
.width10   {  width:10%;  }
.width12   {  width:12%;  }
.width16   {  width:16%   }
.width20   {  width:20%;  }
.width24   {  width:24%;  }
.width25   {  width:25%;  }
.width30   {  width:30%;  }
.width33   {  width:33%;  }
.width_3   {  width:33.3%;  }
.width35   {  width:35%;  }
.width40   {  width:40%;  }
.width45   {  width:45%;  }
.width48   {  width:48%;  }
.width50   {  width:50%;  }
.width54   {  width:54%;  }
.width55   {  width:55%;  }
.width56   {  width:56%;  }
.width58   {  width:58%;  }
.width60   {  width:60%;  }
.width62   {  width:62%;  }
.width64   {  width:64%;  }
.width66   {  width:66%;  }
.width72   {  width:72%;  }
.width70   {  width:70%;  }
.width75   {  width:75%;  }
.width76   {  width:76%;  }
.width77   {  width:77%;  }
.width78   {  width:78%;  }
.width80   {  width:80%;  }
.width82   {  width:82%;  }
.width83   {  width:83%;  }
.width84   {  width:84%;  }
.width85   {  width:85%;  }
.width86   {  width:86%;  }
.width88   {  width:88%;  }
.width90   {  width:90%;  }
.width92   {  width:92%;  }
.width94   {  width:94%;  }
.width96   {  width:96%;  }
.width97   {  width:97%;  }
.width98   {  width:98%;  }
.width99   {  width:99%;  }
.width100  {  width:100%; }
.wauto     {  width:auto;}

.tl  {  text-align: left;  }
.tr  {  text-align: right;  }
.tc  {  text-align: center;  }

.pn {  position: inherit; }
.pr {  position: relative;  }
.pa {  position: absolute;  }

.bgl  {  background-position: left;  }
.bgr {  background-position: right;  }
.bgn  {  background: none;  }

.z_1{  z-index: -1;  }
.z0 {  z-index: 0;  }
.z1 {  z-index: 1;  }
.z2 {  z-index: 2;  }

.ls0   {  letter-spacing:  0;  }
.ls1    {  letter-spacing: 0.1em;  }
.ls2    {  letter-spacing: 0.2em;  }
.ls3    {  letter-spacing: 1.2em;  }

.rotate-1{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate-2{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate-3{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.scale-0{
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
}
.text-hide{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page-stop{
    height:100%;
    overflow: hidden;
}
.radius-2{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.radius-4{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.radius-6{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.radius-8{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.radius-max{
    -webkit-border-radius:666px;
    -moz-border-radius:666px;
    border-radius:666px;
}
.radius-circle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.gradual-slow{
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.gradual-normal{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.gradual-fast{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.shadow-1{
    -webkit-box-shadow: 0 0  10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0  10px rgba(0,0,0,0.3);
    box-shadow: 0 0  10px rgba(0,0,0,0.3);
}
.shadow-2{
    -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.5);
    box-shadow: 0 0 10px  rgba(0,0,0,0.5);
}
.shadow-3{
    -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.7);
    box-shadow: 0 0 10px  rgba(0,0,0,0.7);
}
.gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.transparent{
    background: transparent;
}
/*  ---------------------    通用end    --------------------- */