@charset "UTF-8";
/*内容 */
main {
  margin-top: 180px;
  width: 100%;
  /*内容*/
}
main > .main-div {
  /*搜索*/
  /*区域*/
  /*左侧区域*/
  /*右侧区域*/
  /*翻页*/
}
main > .main-div > .search {
  margin-bottom: 60px;
}
main > .main-div > .search .se-div {
  margin: 20px auto;
  width: 500px;
  border: 1px solid #C7AB69;
  border-radius: 15px;
  height: 42px;
  padding: 0 20px;
  display: flex;
}
main > .main-div > .search .se-div img {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-top: 12px;
  margin-right: 10px;
}
main > .main-div > .search .se-div .search-name {
  width: 344px;
  border: none;
  font-size: 14px;
  margin-right: 5px;
}
main > .main-div > .search .se-div .search-btn2 {
  color: #C7AB69;
  display: flex;
  align-items: center;
}
main > .main-div > .search .se-div .search-btn2 .search-hr {
  width: 1px;
  background: #C7AB69;
  height: 15px;
  margin: 0 5px;
}
main > .main-div > .search .se-div .search-btn2 .btn {
  color: #C7AB69;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
main > .main-div > .main-cont {
  display: flex;
  justify-content: space-between;
}
main > .main-div > .main-cont .cont-left {
  width: 850px;
  margin-right: 20px;
}
main > .main-div > .main-cont .cont-left > .add {
  display: flex;
  align-items: center;
}
main > .main-div > .main-cont .cont-left > .add .add-title {
  color: #B8B8B8;
  font-size: 30px;
  font-weight: bold;
  margin-right: 20px;
}
main > .main-div > .main-cont .cont-left > .add .add-list {
  color: #333333;
  font-size: 14px;
  display: flex;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-bx {
  margin-right: 15px;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-item {
  width: 688px;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-item .add-ul {
  display: flex;
  flex-wrap: wrap;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-item .add-ul li {
  margin-right: 30px;
  margin-bottom: 14px;
  font-size: 14px;
  cursor: pointer;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-item .add-cities {
  background: #EBEBEB;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  display: flex;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-item .add-cities .add-item-cites {
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
}
main > .main-div > .main-cont .cont-left > .add .add-list .add-item .add-cities .add-item-cites li {
  margin-right: 15px;
  cursor: pointer;
}
main > .main-div > .main-cont .cont-left > .context {
  margin-top: 40px;
}
main > .main-div > .main-cont .cont-left > .context > li {
  margin-bottom: 40px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel {
  display: flex;
  margin-bottom: 34px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .user-img {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-right: 20px;
  border-radius: 10px;
  border-radius: 10px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-cent {
  width: 510px;
  display: flex;
  color: #333333;
  flex-direction: column;
  justify-content: space-between;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-cent .context-tile {
  font-size: 16px;
  font-weight: bold;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-cent .context-tile span {
  color: #B8B8B8;
  font-size: 13px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-cent .cent-panel {
  font-size: 13px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-cent .cent-panel span {
  color: #B8B8B8;
  font-size: 13px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-cent .home {
  color: #C7AB69;
  font-size: 12px;
  padding: 6px 7px;
  width: 91px;
  border: 1px solid #EBEBEB;
  cursor: pointer;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-gz {
  margin-top: 16px;
  text-align: center;
  color: #666666;
  font-size: 12px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-gz > .gz-time {
  margin-top: 2px;
}
main > .main-div > .main-cont .cont-left > .context > li .context-panel .context-gz img {
  text-align: center;
  display: inline-block;
  width: 49px;
  height: 33px;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-tap {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 10px;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-tap > .cont-title {
  width: 484px;
  color: #666666;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-tap > .cont-user {
  color: #FF7385;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-tap > .cont-data {
  display: flex;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-tap > .cont-data .cont-data-item {
  width: 54px;
  color: #9F9F9F;
  margin-right: 12px;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-tap > .cont-data .cont-data-item:last-of-type {
  margin-right: 0;
}
main > .main-div > .main-cont .cont-left > .context > li .cont-hr {
  margin-top: 30px;
  width: 100%;
  height: 1px;
  background: #cdcdcd;
}
main > .main-div > .main-cont .cont-right {
  width: 350px;
  margin-left: 20px;
}
main > .main-div > .main-cont .cont-right > .fensi {
  width: 350px;
  overflow: hidden;
  margin-bottom: 40px;
}
main > .main-div > .main-cont .cont-right > .fensi > .fs-title {
  font-weight: bold;
  margin-bottom: 26px;
  color: #333333;
  font-size: 16px;
}
main > .main-div > .main-cont .cont-right > .fensi > .fs-title img {
  vertical-align: middle;
  display: inline-block;
}
main > .main-div > .main-cont .cont-right > .fensi > .fs-ul {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: right;*/
  text-align: center;
}
main > .main-div > .main-cont .cont-right > .fensi > .fs-ul li {
  text-align: center;
  color: #333333;
  margin-bottom: 10px;
  width: 33.33333333%;
}
main > .main-div > .main-cont .cont-right > .fensi > .fs-ul li img {
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  width: 84px;
  height: 84px;
  margin-bottom: 2px;
  border-radius: 10px;
}
main > .main-div > .main-cont .cont-right > .fensi > .fs-ul li .fs-name {
  margin: 0 auto;
  width: 84px;
  font-size: 14px;
}
main > .main-div > .main-cont .cont-right > .bbs-top {
  margin-bottom: 30px;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-title {
  color: #333333;
  font-size: 16px;
  margin-bottom: 24px;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-title img {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-ul li {
  margin-bottom: 20px;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-ul li:last-of-type {
  margin-bottom: unset;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-ul li a .bbs-panel {
  display: flex;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-ul li a .bbs-panel .bbs-img {
  width: 109px;
  height: 109px;
  display: inline-block;
  margin-right: 10px;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-ul li a .bbs-panel .bbs-item {
  color: #1296DB;
  font-size: 12px;
}
main > .main-div > .main-cont .cont-right > .bbs-top .bbs-ul li a .bbs-panel .bbs-item .bbs-txt {
  width: 210px;
  height: 70px;
  margin-bottom: 14px;
}
main > .main-div > .main-cont .cont-right > .top10 {
  margin-bottom: 30px;
}
main > .main-div > .main-cont .cont-right > .top10 .top-title {
  margin-bottom: 20px;
  color: #333333;
  font-size: 16px;
}
main > .main-div > .main-cont .cont-right > .top10 .top-title .top-img {
  width: 17px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}
main > .main-div > .main-cont .cont-right > .top10 .top-ul li {
  display: flex;
  align-items: center;
}
main > .main-div > .main-cont .cont-right > .top10 .top-ul li {
  color: #00CCC5;
  margin-bottom: 20px;
}
main > .main-div > .main-cont .cont-right > .top10 .top-ul li .top-txt {
  font-size: 14px;
  width: 300px;
}
main > .main-div > .main-cont .cont-right > .top10 .top-ul li .circle {
  background: #83162C;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #FFFfff;
  font-weight: bold;
}
main > .main-div > .main-page {
  text-align: center;
  display: flex;
  margin-bottom: 20px;
}
main > .main-div > .main-page > div {
  cursor: pointer;
  width: 52px;
  height: 28px;
  border: 1px solid #FEB0B7;
  border-radius: 5px;
  line-height: 28px;
  color: #FEB0B7;
  margin-right: 10px;
}
main > .main-div > .main-page > div:last-of-type {
  margin-right: 0;
}
main > .main-div > .main-page > .page-sel {
  color: #B8B8B8;
  background: #F9F9F9;
  border: 1px solid #EAEAEA;
  cursor: not-allowed;
}
main > .main-div > .main-page > .page {
  display: flex;
}
main > .main-div > .main-page > .page li {
  cursor: pointer;
  width: 28px;
  height: 28px;
  border: 1px solid #FEB0B7;
  border-radius: 5px;
  line-height: 28px;
  color: #FEB0B7;
  margin-right: 10px;
}
main > .main-div > .main-page > .page .li-sel {
  border: 1px solid #FC384A;
  background: #FC384A;
  color: white;
  cursor: not-allowed;
}
.headhr {
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #232323;
}
.label-msg {
  display: flex;
  color: #9F9F9F;
  font-size: 12px;
}
.label-msg div {
  margin-right: 10px;
}
.label-msg div:last-of-type {
  margin-right: unset;
}
.label-msg .ck img {
  width: 14px;
  height: 11px;
  display: inline-block;
}
.label-msg .msg img {
  display: inline-block;
  width: 16px;
  height: 13px;
}
.label-msg .dz img {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.sel {
  color: #FF7385;
}
/*# sourceMappingURL=hoshome.css.map */