﻿.fn{  float: none;  }
.fl{  float:left;  }
.fr{  float:right;  }
.clear_fix{
    zoom: 1;
}
.clear_fix:after{
    display: block;
    content: "";
    clear:both;
    height:0;
}

.clear {  clear:both;  }
.c_r   {  clear:right;  }
.c_l   {  clear:left;  }

.layout_1{
    width:94%;
    margin-left:auto;
    margin-right:auto;
}
.layout_2{
    width:100%;
    padding-left:2%;
    padding-right:2%;
}
.layout_3{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.layout_4{
    width:100%;
    padding-left:20px;
    padding-right:20px;
}

.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;  }

.mt5    { margin-top: 5px; }
.mt10   { margin-top: 5px; }
.mt15   { margin-top: 15px; }
.mt20   { margin-top: 20px; }
.mt25   { margin-top: 25px; }
.mt30   { margin-top: 30px; }

.mb5   { margin-bottom: 5px; }
.mb10   { margin-bottom: 10px; }
.mb15   { margin-bottom: 15px; }
.mb20   { margin-bottom: 20px; }
.mb25   { margin-bottom: 25px; }
.mb30   { margin-bottom: 30px; }

.ml5    { margin-left: 5px; }
.ml10   { margin-left: 10px; }
.ml15   { margin-left: 15px; }
.ml20   { margin-left: 20px; }
.ml25   { margin-left: 25px; }
.ml30   { margin-left: 30px; }

.mr5    { margin-right: 5px; }
.mr10   { margin-right: 10px; }
.mr15   { margin-right: 15px; }
.mr20   { margin-right: 20px; }
.mr25   { margin-right: 25px; }
.mr30   { margin-right: 30px; }

.p0   {  padding:0;  }
.pt0  {  padding-top:0;  }
.pl0  {  padding-left:0;  }
.pr0  {  padding-right:0;  }
.pb0  {  padding-bottom:0;  }

.t0  {  top:0;  }
.b0  {  bottom:0;  }
.l0  {  left:0;  }
.r0  {  right:0;  }

.bdn {   border: none;  }

.show{  display:block;  }
.hide{  display:none;  }

.o_h{  overflow:hidden;  }
.o_i{  overflow: inherit;  }

.t_l  {  text-align: left;  }
.t_r  {  text-align: right;  }
.t_c  {  text-align: center;  }

.p_n {  position: inherit; }
.p_r {  position: relative;  }
.p_a {  position: absolute;  }

.bg_l  {  background-position: left;  }
.bg_r  {  background-position: right;  }
.bg_n  {  background: none;  }

.bg_f {  background:#fff;  }

.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{
    width:100%;
    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    --------------------- */
.box0 {
float:left;
}
.box1 {
overflow: hidden;
}
.p1 {
line-height:30px;
background:#010066;
width:auto;
margin-bottom:1px;
}
.p2 {
margin-bottom:0px;
font-size:12px;
}