@charset "utf-8";
@font-face { 
  font-family: Gotham;
  src: url('../font/Gotham-Thin.otf');
} 
html, body{
	height: 100%;
  width: 100%;
}
html, body, div, span, i, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, textarea, select, button{
   margin: 0; 
   padding:0;
   list-style-type: none;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */	
   box-sizing:border-box;   
}

body, td, div{
	font:14px/24px Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; 
	letter-spacing:0; 
	color:#333; 
	margin:0; 
	padding:0; 
  -moz-font-smoothing:antialiased; 
	-webkit-font-smoothing: antialiased;
  font-smoothing:antialiased;	
}

img{border:0px;}
a{ color: #333; text-decoration:none; cursor:pointer; outline:none; }
a, area {outline:none; blr:expression(this.onFocus=this.blur())} 
a:hover{ text-decoration:none;}
input,button,select,textarea{outline:none;}

p{
  margin:0 0 12px 0;
  padding: 0
}

/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { 
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #fff url(../img/loader.gif) no-repeat center center;
}

.block{
  display: block;
}
.pull-left{float: left;}
.pull-right{float: right;}
.clear {clear:both; width:100%; *display:inline;}

.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.text-red{
  color: #f22341;
}

.btn{
  border:none;
  background: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

/*隐藏窗口*/
.window_hide{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.window_hide .content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 500px;
  margin: -250px 0 0 -400px;
  padding: 38px;
  border-radius: 10px;
  background: #fff;
}
.window_hide .close{
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 5px;
  right: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: url(../img/icon.png) no-repeat right top;
  filter:alpha(opacity=75); 
  opacity:0.75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.window_hide .close:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}

#bsBox{
   min-height: 420px;
   min-width: 560px;
}
#bsWXBox{
   min-height: 258px;
   min-width: 232px;
}
#bsMorePanel .bFind-wrapper-top{
  height: 26px;
}

@media screen and (max-width: 768px) {
.m_hide{
  display: none;
}
.window_hide{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.window_hide .content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 38px;
  border-radius: 0px;
  background: #fff;
}
.window_hide .close{
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  top: 10px;
  right: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url(../img/icon.png) no-repeat right top;
  filter:alpha(opacity=75); 
  opacity:0.75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.window_hide .close:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}
}