* {
  padding: 0;
  margin: 0;
}
font{
  font-size:12px;
}
.clear {
  clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom:1;
}
ul, li {
  list-style:none;
}
img {
  border:0
}
a,a:link{  text-decoration:none;}
a:hover{  text-decoration:none;}
.clear2{
  clear:both;
  height:3px;
}
html{
  height: 100%;
}
body{
  font-family: Arial;
  font-size: 12px;
  font-family: Microsoft Yahei, Arial;
  color: #333;
  min-width: 1440px;
}
.clear-padding{
  padding: 0 !important;
}
.clear-padding-right{
  padding-right: 0;
}
.kb-bg{
  background:#09132a url("../images/kb-bg.jpg") no-repeat top center;
  background-size: cover;
}
.top-content{
  height: 105px;
  width: 100%;
  display: flex;
  background: url(../images/top_bg.png) no-repeat center top;
  height: 110px;
  padding-top: 20px;
}
.top-content .t-l{
  flex: none;
  width: 380px;
  display: flex;
  font-size: 15px;
  color: #54b1fd;
  height: 40px;
  padding-left: 20px;
  flex-wrap: wrap;
}
.top-content .t-c{
  flex: 1;
  text-align: center;
  font-size: 34px;
  color: #fff;
  background-image:-webkit-linear-gradient(bottom,#5197FF,#80F2FF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.top-content .t-r{
  flex: none;
  width: 400px;
  display: flex;
  padding-right: 20px;
  flex-direction: row-reverse;
  font-size: 15px;
  color: #54b1fd;
}
.top-content .t-r a{
  color: #fff;
  padding-left: 20px;
}
.icon{
  width: 20px;
  height: 20px;
}
.icon-location{
  background: url(../images/location.png) no-repeat center center;
  background-size:12px; 
}
.icon-cloud{
  background: url(../images/cloud.png) no-repeat center center;
  background-size:16px; 
}
.icon-man{
  background: url(../images/icon-man.png) no-repeat center center;
  background-size: 7px;
  width: 9px;
  height: 18px;
  float: left;
}
.icon-woman{
  background: url(../images/icon-woman.png) no-repeat center center;
  background-size: 9px;
  width: 9px;
  height: 18px;
  float: left;
}
.map-icon-1{
  background: url(../images/icon-c-1.png) no-repeat center center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px;
}
.map-icon-2{
  background: url(../images/icon-c-2.png) no-repeat center center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px;
}
.map-icon-3{
  background: url(../images/icon-c-3.png) no-repeat center center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px;
}
.map-icon-4{
  background: url(../images/icon-c-4.png) no-repeat center center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px;
}
.map-icon-5{
  background: url(../images/icon-c-5.png) no-repeat center center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px;
}
.map-icon-6{
  background: url(../images/icon-c-6.png) no-repeat center center;
  background-size: 36px;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 5px;
}
.text-blue{
  color: #0985cf;
}
.text-red{
  color: #e73e3e;
}

.main{
  display: flex;
  flex-direction: row;
}

.left-content{
  width: 390px;
  padding-left: 10px;
  position: relative;
  flex: none;
}
.left-content .l-t{
  position: absolute;
  left: 10px;
  top: -30px;
}
.left-content .l-t ul li{
  width: 50%;
  float: left;
  color: #fff;
  padding-bottom: 20px;
}
.left-content .l-t ul li span{
  display: block;
  font-size: 14px;
}
.left-content .l-t ul li font{
  display: block;
  font-size: 12px;
}
.left-content .l-t ul li b{
  font-size: 30px;
  padding-right: 5px;
  color: #54b1fd;
}
.left-content .l-c{
  padding-top: 185px;
  width: 388px;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
.left-content .l-c .l-c-info{
  position: absolute;
  bottom: 10px;
  left: 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  width: 388px;
}


.left-content .l-c .l-c-tit, .left-content .l-b .l-c-tit{
  float: left;
  width: 358px;
}
.m-tit{
  border-radius: 4px 4px 0 0;
  height: 38px;
  line-height: 36px;
  border:1px solid #174571;
  background: rgba(27,56,98,0.3);
  background: url(../images/icon-tit.png) no-repeat 10px 10px;
  font-size: 16px;
  color: #50b2fd;
  padding-left: 30px;
  position: relative;
  /* margin-right: -2px; */
}
.m-tit .m-select{
  position: absolute;
  right: 10px;
  top: 3px;
}
.m-tit .m-select select{
  border: 1px solid #165188;
  padding: 6px 10px;
  background: none;
  color: #50b2fd;
  width: 150px;
  font-size: 14px;
} 
.m-con{
  border-radius:0 0 4px 4px;
  border:1px solid #174571;
  border-top: 0;
  float: left;
  width: 100%;
  background: rgba(27,56,98,0.3);
}
.right-content .l-b {margin-bottom: 10px;}
.left-content .l-b,.right-content .l-b{
  width: 388px;
  float: left;
}
.left-content .l-b .l-c-con .tit-info,.right-content .l-b .l-c-con .tit-info{
  display: flex;
  margin-top: 20px;
}
.left-content .l-b .l-c-con .tit-info .info,.right-content .l-b .l-c-con .tit-info .info{
  flex: 1;
  text-align: center;
  font-size: 13px;
  color: #fff;
}
.left-content .l-b .l-c-con .b-info,.right-content .l-b .l-c-con .b-info{
  display: flex;
  padding-bottom: 20px;
}
.left-content .l-b .l-c-con .b-info .info,.right-content .l-b .l-c-con .b-info .info{
  flex: 1;
  text-align: left;
  padding-left: 10px;
  color: #fff;
  font-size: 12px;
}
.left-content .l-b .l-c-con .b-info .info span,.right-content .l-b .l-c-con .b-info .info span{
  display: block;
  height: 22px;
}
.left-content .l-b .l-c-con .b-info .info span .green,.right-content .l-b .l-c-con .b-info .info span .green{
  width: 10px;
  height: 10px;
  background: #0590ef;
  display: inline-block;
  margin-right: 5px;
}
.left-content .l-b .l-c-con .b-info .info span .blue,.right-content .l-b .l-c-con .b-info .info span .blue{
  width: 10px;
  height: 10px;
  background: #56c38c;
  display: inline-block;
  margin-right: 5px;
}
.right-content .l-b .l-c-con .b-info .info span .red {
	background: #e73e3e;
}
.left-content .l-b .l-c-con .pic,.right-content .l-b .l-c-con .pic{
  display: flex;
}
.left-content .l-b .l-c-con .pic #people,.right-content .l-b .l-c-con .pic #people{
  flex: 1;
}
.left-content .l-b .l-c-con .pic #man,.right-content .l-b .l-c-con .pic #man{
  flex: 1;
}
.center-content{
  flex: 1;
  padding: 0 10px;
  width: 100%;
}
.center-content .c-t{
  padding-bottom: 10px;
  float: left;
  width: 100%;
}

.center-content .c-t .c-c-con{
  
}
.center-content .c-t .c-c-con .map{
  background:url(../images/map.png) no-repeat center center; 
  background-size: cover;
  height: auto;
  margin:5px;
  border:1px solid #184b7c;
  position: relative;  
}
.center-content .c-t .c-c-con .map .search{
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 9;
}

.center-content .c-t .c-c-con .map .search input{
  background: rgba(255,255,255,0.8);
  padding: 10px;
  width: 200px;
  font-size: 14px;
  border-radius: 4px 0 0 4px;
  border: 0;
  height: 18px;
  float: left;
}
.center-content .c-t .c-c-con .map .search a{
  padding: 10px 15px;
  background: rgba(13,131,197,0.5);
  color: #fff;
  font-size: 14px;
  float: left;
  height: 18px;
  border-radius:0 4px 4px 0;
}

.center-content .c-t .c-c-con .map .list{
  position: absolute;
  left: 10px;
  top: 10px;
  background: rgba(17,39,75,0.8);
  border:1px solid #174471;
  z-index: 9;
}
.center-content .c-t .c-c-con .map .list .info-tit{
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #174471;
  padding-left: 10px;
  color: #fff;
  font-size: 14px;
}
.center-content .c-t .c-c-con .map .list ul li{
  padding:5px 10px;
  color: #fff;
  font-size: 12px;
  line-height: 36px;
}
.center-content .c-t .c-c-con .map .list ul li span{
  font-size: 16px;
  padding: 0 5px;
}
/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.anchorBL{display:none;}
.allInfo {
	position: absolute;
	right: 10px;
	top: 40px;
	background: rgba(17,39,75,0.8);
	border: 1px solid #174471;
	z-index: 9;
}
.allInfo .item {
	font-size: 12px;
	padding: 3px 10px;
	color: #056ce8;
}
.allInfo .item.ortherColor_1 {
	color: #0bbaf4;
}
.allInfo .item.ortherColor_2 {
	color: #52c088;
}
.allInfo .item .dian {
	width: 8px;
	height: 8px;
	background-color: #056CE8;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.allInfo .item.ortherColor_1 .dian{
	background-color: #0bbaf4;
}
.allInfo .item.ortherColor_2 .dian{
	background-color: #52c088;
}
.center-content .c-b{
  display: flex;
}
.center-content .c-b .c-b-r{
  flex: 1;
  margin-right: 10px;
}
.center-content .c-b .c-b-l{
  flex: none;
  min-width: 325px;
}
.center-content .c-b .c-b-r .c-b-l-con{

}
.center-content .c-b .c-b-r .c-b-r-con{
  height: 300px;
  overflow-y: auto;
}
.center-content .c-b .c-b-r .c-b-r-con li{
   color: #e73e3e;
   font-size: 13px;
   border-bottom: 1px solid #2372ab;
   display: flex;
   padding: 5px 10px;
}
.center-content .c-b .c-b-r .c-b-r-con li:last-child{
  /*border-bottom: 0;*/
}
.center-content .c-b .c-b-r .c-b-r-con li .con-l{
  flex: 1;
}
.center-content .c-b .c-b-r .c-b-r-con li .con-l .time{
  font-size: 12px;
}
.center-content .c-b .c-b-r .c-b-r-con li a{
  flex: 1;
  text-align: right;
  color: #fff;
  padding-top: 5px;
}
.select-sm select{
  border: 1px solid #165188;
  background: none;
  color: #50b2fd;
  font-size: 14px;
}

/*右边*/
.right-content{
  width: 390px;
  padding-right: 10px;
  flex: none;
}
.right-content .r-t {
    width: 388px;
    margin-bottom: 10px;
    float: left;
}
.right-content .r-c{
    width: 388px;
    margin-bottom: 10px;
    float: left;
}
.right-content .r-b {
    width: 388px;
    float: left;
}
.right-content .r-t .r-c-tit, .right-content .r-c .r-c-tit, .right-content .r-b .r-c-tit{
  float: left;
  width: 100%;
}
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.right-content .m-select select,.center-content .m-select select{
   padding: 4px 10px;
   top: 4px;
}
.right-content .select-sm select ,.center-content .select-sm select{
  width: 95px;
  font-size: 13px;
}
.right-content .m-tit,.center-content .m-tit{
  box-sizing: border-box;
}
.right-content .m-con,.center-content .m-con{
  padding: 8px;
  box-sizing: border-box;
}
.zhi {color: #fff;}
.btns {
  font-size: 13px;
  padding: 4px 8px;
  color: #fff;
  border: none;
}
.btn-blue {
  background-color: #0d93ff;
}
.mj-list {
  margin-top: 8px;
  justify-content: flex-start;
  width: 370px;
}
.mj-list li {
  width: 49%;
  border: 1px solid #174571;
  padding: 4px 8px;
  box-sizing: border-box;
  margin-bottom: 5px;
  color: #97d0f1;
}
.mj-list li:nth-child(2n) {
  margin-left: 2%;
}
.mj-list li .top {
  margin-bottom: 8px;
}
.mj-list li .img,.important .img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #97d0f1;
  margin: 0;
}
.mj-list li .img img, .important .img img{
  width: 100%;
  border-radius: 50%;
}
.mj-list li a {color: #fff;margin-left: 10px;}
.important {color: #97d0f1;text-align: center;}
.important,.tbscrool {width: 354px;}
.mj-list,.tbscrool{
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 3px;
  height: 138px;
}
.center-content .mj-list {
	height: 64px;
}
.tbscrool {
	height: 376px;
}
::-webkit-scrollbar  
{  
    width: 8px;  /*滚动条宽度*/
    height: 8px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: transparent;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #2372aa;  /*滚动条的背景颜色*/
} 
.search-con {
  width: 168px;
  height: 26px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-con .s-btn {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-con .s-btn img {
  display: block;
  width: 100%;
  height: 100%;
}
.search-con input {
  font-size: 13px;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  background-color: #0d2b58;
  border: 1px solid #174571;
  padding-left: 8px;
  box-sizing: border-box;
}
.search-con input::-webkit-input-placeholder{
        color: #FFFFFF;
}
.search-con input::-moz-placeholder{  //不知道为何火狐的placeholder的颜色是粉红色，怎么改都不行，希望有大牛路过帮忙指点
        color: #FFFFFF;        
}
.search-con input:-ms-input-placeholder{  //由于我的IE刚好是IE9，支持不了placeholder，所以也测试不了(⊙﹏⊙)，有IE10以上的娃可以帮我试试
        color: #FFFFFF;        
}
.tab {
  display: inline-block;
  color: #50b2fd;
  font-size: 14px;
  background-color: #0d2041;
  border: 1px solid #174571;
  padding: 3px 8px;
  line-height: normal;
  cursor: pointer;
}
.tab.active {
  background-color: #0d2b58;
  color: #FFFFFF;
}
.tbody-list,.thead-list{
  width: 360px;
  /* height: 200px; */
  float: left;
}
.pad0 {padding: 0 !important;}
.tbody-list tr td,.thead-list th{
  
}
.tbody-list tr td {
	color: #e73e3e;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 16px;
}
.tbody-list tr,.thead-list tr {width: 100%;padding: 12px 8px;float: left;}
.tbody-list tr {border-top: 1px solid #174571;}
.tbody-list td,.thead-list th {width: 32%;float: left;box-sizing: border-box;text-align: left;}
.bookRoom,.bookRoomTab {width: 100%;}
.bookRoom {
	color: #97d0f1;
	height: 310px;
	overflow-y: auto;
}
.yjHt {height: 221px;}
.bookRoom .thead-lists,.bookRoom .tbody-lists,.bookRoom .thead-lists tr,.bookRoom .tbody-lists tr {width: 100%;float: left;}
.bookRoom .thead-lists tr,.bookRoom .tbody-lists tr {
	padding: 12px 5px;
	box-sizing: border-box;
}
.bookRoom .tbody-lists tr {border-top: 1px solid #174571;}
.bookRoom .thead-lists th,.bookRoom .tbody-lists td {width: 33.33333%;float: left;box-sizing: border-box;text-align: center;}
.bookRoom .tbody-lists td {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 16px;
}
/*alert*/
#clickMe {
    width: 100px;
    height: 40px;
    margin: 100px auto;
    cursor: pointer;
    background-color: brown;
    color: white;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

#alert {
    width: 200px;
    height: 200px;
    text-align: center;
    background-color: tomato;
    font-size: 20px;
    position: absolute;
    display: none;
}
.img{
    width: 80%;
    height: 35%;
    margin: 20% auto;
    border: 2px dotted #ffffff;
}
.img img{
    width: 100%;
    height: 100%;
}