body {
  padding-top: 70px;
}
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 ,div,p
{ font-family: Microsoft YaHei, Tahoma, Helvetica, Arial,  sans-serif;}

body {
    background-color: #EEE;
}
/*  取消掉h1 h2 h3 h4 h5 margin padding*/
h1 ,h2, h3, h4, h5, h6 
{
	margin: 0px;
	padding: 0px;
	
}
.navbar{
	background-color: white;
	border-color: #777;
}


.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
	color:#222		
}

/*用于导航*/
.pr10{  
padding-right:10px;
} 



a:link {  
text-decoration: none; 
} 

a:visited {  
text-decoration: none; 
} 

.footer {
    background-color: white;
}
.hover:hover
{
   background: #F3F6FB;
}

.mpointer
{
cursor:pointer;
}

.fwb
{
  font-weight:600;
}

.bg-white
{
	 background-color: white;
}


.box{
	border:1px solid #E0E0E0;
}


.card{
border:1px solid #E0E0E0;
background: white;
box-shadow: 0 2px 5px rgba(0,0,0,.16);
margin: 2px;
}
/*  文字不浮动*/
.overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title
{
font-size: 16px;
padding: 8px;
}

.bc
{
border-color: #337ab7 ;
}
.cwhite { color: #FFF; }
.cgrey { color:#32353c; }

.bg-grey
{background-color: #ccc;}

.bcred{ background-color: red; }


.wr10 {
	width: 10%;
}

.wr15 {
	width: 15%;
}

.wr20 {
	width: 20%;
}
.wr30 {
	width: 30%;
}

.wr50 {
	width: 50%;
}
.wr70 {
	width: 70%;
}
.wr80 {
	width: 80%;
}
.wr90 {
	width: 90%;
}
.wr100 {
	width: 100%;
}
.w30 {
	width: 30px;
}
.w50 {
	width: 50px;
}

.w80 {
	width: 80px;
}
.w100 {
	width: 100px;
}
.w120 {
	width: 120px;
}
.w150 {
	width: 150px;
}
.w180 {
	width: 180px;
}

/*  缩进*/
.ti1 {text-indent: 1em; }
.ti2 {text-indent: 2em; }

.tac{text-align:center;}



/*  层高大小*/
.lh16 {line-height: 1.6}

.fb {font-weight: bold;}
/*  字体大小*/

.f50
{
font-size: 50px;
}


.f30
{
font-size: 30px;
}
.f26
{
font-size: 26px;
}
.f22
{
font-size: 22px;
}
.f24
{
font-size: 24px;
}


.f20
{
font-size: 20px;
}
.f18
{
font-size: 18px;
}


.f16
{
font-size: 16px;
}
.f15
{
font-size: 15px;
}
.f14
{
font-size: 14px;
}
.f13
{
font-size: 13px;
}
.f12
{
font-size: 12px;
}


/*  边界*/


.m2
{
  margin: 2px;
}

.m15
{
  margin: 15px;
}
.mbt1
{
margin-top: 1px;
margin-bottom: 1px;
}
.mbt2
{
margin-top: 2px;
margin-bottom: 2px;
}
.mbt5
{
margin-top: 5px;
margin-bottom: 5px;
}
.mbt10
{
margin-top: 10px;
margin-bottom: 10px;
}
.mbt15
{
margin-top: 15px;
margin-bottom: 15px;
}
.mlr5
{
  margin-left: 5px;
  margin-right: 5px;
}
.mlr15
{
  margin-left: 15px;
  margin-right: 15px;
}

.mb2
{
  margin-bottom: 2px;
}


.mb5
{
  margin-bottom: 5px;
}

.mb10
{
  margin-bottom: 10px;
}
.mb15
{
  margin-bottom: 15px;
}
.mb20
{
  margin-bottom: 20px;
}
.mr10
{
  margin-right: 10px;
}

.mt2
{
  margin-top: 2px;
}
.mt5
{
  margin-top: 5px;
}
.mt8
{
  margin-top: 8px;
}
.mt10
{
  margin-top: 10px;
}
.mt15
{
  margin-top: 15px;
}

.p2 {
    padding: 2px;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.pbt2
{
   padding-bottom: 2px;
   padding-top: 2px;
}
.pbt4
{
   padding-bottom: 4px;
   padding-top: 4px;
}
.pbt5
{
   padding-bottom: 5px;
   padding-top: 5px;
}

.plr2 {
    padding-left: 2px;
	padding-right: 2px;
}


.plr5 {
    padding-left: 5px;
	padding-right: 5px;
}
.plr10 {
    padding-left: 10px;
	padding-right: 10px;
}
.plr15 {
    padding-left: 15px;
	padding-right: 15px;
}
.plr20 {
    padding-left: 20px;
	padding-right: 20px;
}



.pb10
{
   padding-bottom: 10px;
}
.h40
{
	height:30px;
}

.bt1
{
border-top: 1px solid #E0E0E0;
}


.bb1
{
border-bottom: 1px solid #E0E0E0;
}

.bbd1
{
border-bottom: 1px dashed #E0E0E0;
}

.lbb2
{
border-left: 2px solid #337ab7;
}

.lb2
{
border-left: 2px solid #E0E0E0;
}

.starlist {
    color: rgb(247,165,32);
}

.starlist2{
    color: #3399ff ;
}

.dropdown-menu {
  min-width: 0px;
}
.hr100
{
height:100%;
}

/*  dropdown menu 变成悬浮 媒体查询 没写*/
.navbar .nav > li .dropdown-menu{
	margin: 0;
	display: none;
}
.navbar .nav > li:hover .dropdown-menu{
	display: block;
}
.rowalign{
height:120px;
}




.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: @screen-sm-min) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: @screen-md-min) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: @screen-lg-min) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.progress {

    position: relative;
    background: #C2C8CE;
}

.progress span {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
}



/*extra small - max width */
@media (max-width: 767px) {

/*.hidden-xs { display: none!important; } */
.AdsBox { display: none; }
.AdsLstrip { width:320px; height:50px; }
.AdsSstrip { width:320px; height:50px; }
}

/* small */
@media (min-width: 768px) and (max-width: 991px) {

/*.hidden-sm { display: none!important; } */
.AdsBox { width:250px; height:250px; }
.AdsLstrip { width:468px; height:60px; }
.AdsSstrip { width:468px; height:60px; }
}

/* medium */
@media (min-width: 992px) and (max-width: 1199px) {

/*.hidden-md { display: none!important; } */
.AdsBox { width:250px; height:250px; }
.AdsLstrip { width:728px; height:90px; }
.AdsSstrip { width:468px; height:60px; }
}

/* large */
@media (min-width: 1200px) {

/*.hidden-lg { display: none!important; } */
.AdsBox { width:250px; height:250px; }
.AdsLstrip{ width:970px; height:90px; }
.AdsSstrip { width:728px; height:90px; }
}