/* 
版本 : 2020/03/18
作者 : menglongwang 
*/

body{
	background:#fff; 
	width: 800px;
	margin: 0 auto;
	position: relative;
}
.none{
	 display: none;
}
.show{
	display: block;
}
.clear{
	clear: both;
}
.line{
	margin-top: 30px;
	border-bottom: 1px solid #eee;
}

/*  btn  */
.btn{
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 4px;
	border: none;
}
.cheng{
	background: #f59e00;
	color: #fff;
}
.lan{
	background: #5887ff;
	color: #fff;
}
.red{
	background: #dd514c;
	color: #fff;
}
.hui{
	background: #eee;
	color: #666;
}
.code{}


/*.line{
	display: block;
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}*/
.ali-icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

.block50{
	display: block;
	width: 100%;
	height: 50px;
}


/*  头部  */
.index-header{
	display:flex; 
	width:800px; 
	height:22px; 
	background: #5887ff;
	margin: 0 auto;
	position: relative;
}
.index-header .search{
	position: relative;
	display: flex;
	flex: 1;
	margin: 9px 15px;
	height: 34px;
}
.index-header .search input{
	flex: 1;
	height: 34px;
	border: none;
	background: #83a6ff;
	color: #fff;
	padding-left: 50px;
	padding-right: 5px;
	font-size: 16px;
	border-radius: 17px;
	box-sizing: border-box;
	transition: 0.3s;
}
.index-header .search input::-webkit-input-placeholder {
    color: #e8e8e8;
}
.index-header .search input:focus{
	background: #fff;
	color: #666;
}
.index-header .search-btn{
	position: absolute;
	right: 0;
	padding: 0 20px;
	height: 34px;
	border: none;
	background: #fdd400;
	color: #666;
	border-right: none;
	font-size: 14px;
	border-radius: 0 17px 17px 0;
	box-sizing: border-box;
	transition: 0.3s;
}

.index-header .search i{
	position: absolute;
	top: 5px;
	left: 20px;
	color: #e8e8e8;
	font-size: 24px;
}

.index-header .xiaoxi{
	position: relative;
	padding-right: 15px;
	padding-top: 13px;
}
.index-header .xiaoxi .icon-xiaoxi{
	color: #e8e8e8;
	font-size: 26px;
}
.index-header .xiaoxi span{
	position: absolute;
	top: 15px;
	right: 20px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #f42727;
}

.index-header .fanhui{
	position: relative;
	padding-left: 15px;
	padding-top: 13px;
}
.index-header .fanhui a{
	display: block;
}
.index-header .fanhui i{
	color: #e8e8e8;
	font-size: 26px;
}



.header{
	position: fixed;
	top: 0;
	left: 50%;
	display:flex; 
	justify-content: space-between;
	width:800px; 
	height:44px; 
	background: #5887ff;
	line-height: 44px;
	margin-left: -400px;
	z-index: 999;
}
.header .top-btn{
	width: 40px;
	text-align: center;
}
.header .top-btn i{
	font-size: 20px;
	color: #fff;
}
.header .top-title{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 44px;
    line-height: 44px;
    word-break: break-all;
}
.header .top-button{
	padding: 3px 5px;
    font-size: 12px;
    color: #fff;
    background: #f49c00;
    border-radius: 4px;
}
.header .search{
	display: flex;
	flex: 1;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}
.header .search input{
	flex: 1;
	height: 28px;
	border: 1px solid #eee;
	border-right: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	border-radius: 0;
	box-sizing: content-box;
}
.header .search .sousuo{
	width: 40px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #8ad18a;
	color: #fff;
}
.header .shaixuan{
	font-size: 14px;
	width: 70px;
	text-align: center;
}
.header .shaixuan a{
	
	color: #666;
}
.header .shaixuan i{
	font-size: 18px;
	color: #666;
}

/* 首页banner */
.index-banner{
	position: absolute;
	top: 22px;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: -1;
	overflow: hidden;
}
.index-banner::after{
	content: '';
	width: 160%;
	height: 100px;
	position: absolute;
	left: -30%;
	top: 0;
	z-index: -1;
	border-radius: 0 0 50% 50%;
	background: #5887ff;
}


/*  轮显    */

.swiper-slide{
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-slide img{
	display: block;
	width: 100%;
}
.index-pagination{
	position: relative !important;
	margin: 0 auto;
	height: 12px;
}
.index-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
	margin: 0 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.index-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #7da2ff;
}


/*  右上角弹出菜单  */
.tanchu-menu-wrap{
	
}
.tanchu-menu-wrap .tanchu-menu{
	display: none;
}
.tanchu-menu-wrap .layui-layer{
	top: 40px !important;
	right: 10px !important;
	left: auto !important;
	background: transparent;
	box-shadow: none;
}
.tanchu-menu{
	position: relative;
	padding-top: 10px;
	width: 120px;
}
.tanchu-menu .jiantou {
    position: absolute;
    top: 0px;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    transform:rotate(90deg);
}
.tanchu-menu .jiantou img{
	width: 20px;
	height: 20px;
}
.tanchu-menu li{
	width: 120px;
	height: 40px;
	background: rgba(0,0,0,.95);
}
.tanchu-menu li a{
	display: block;
	padding-left: 10px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #666;
}
.tanchu-menu li a i{
	margin-right: 5px;
}



/*   首页菜单     */
.index-menu{
	width: 100%;
	overflow: hidden;
}
.index-menu .menu-box{
	width:100%; 
	height:74px; 
	text-align:center; 
	margin:5px; 
}
.index-menu .menu-box .tubiao{
	margin: 0 auto;
	width: 50px;
	height: 50px;
}
.index-menu .menu-box .tubiao img{
	display: block;
	width: 50px;
	height: 50px;
	/*border-radius: 20px;
	box-shadow: 0px 0px 5px #ccc;*/
}
.index-menu .menu-box .txt{
	margin-top: 7px;
	font-size: 13px;
	height: 13px;
	line-height: 13px;
	color: #555;
}

.index-menu2{
	width: 100%;
	overflow: hidden;
}
.index-menu2 .menu-box{
	width:100%; 
	height:74px; 
	text-align:center; 
	margin:5px; 
}
.index-menu2 .menu-box .tubiao{
	margin: 0 auto;
	width: 50px;
	height: 50px;
}
.index-menu2 .menu-box .tubiao img{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0px 0px 5px #ccc;
}
.index-menu2 .menu-box .txt{
	margin-top: 7px;
	font-size: 13px;
	height: 13px;
	line-height: 13px;
	color: #555;
}


.index-title{
	padding-top: 15px;
	box-sizing: border-box;
	padding-left: 15px;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 20px;
	/* background: #f8f8f8; */
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.index-title span{
	margin-right: 5px;
	display: inline-block;
	width: 3px;
	height: 18px;
	background: #5887ff;
	vertical-align: -3px;
	border-radius: 4px;
}



/*    内容        */
.hui-common-title-txt .ali-icon{
	margin-right: 6px;
	font-size: 18px;
	color: #444;
}


/*  底部   */
#hui-footer a{display:block; width:800px; color: #777;}
#hui-footer .footer-tuijian-wrap{display:block; width:100%; color: #777;}

#hui-footer a i{ color: #777;}
#hui-footer a.active i{
	color: #5887ff;
}
#hui-footer a.active .hui-footer-text{
	color: #5887ff;
}
.footer-tuijian{
    position: fixed;
    z-index: 11;
    left: 50%;
    bottom: 5px;
	padding-top: 6px;
    height: 60px;
    width: 60px;
	box-sizing: border-box;
    border-radius: 60px;
	background: linear-gradient(135deg, #35b6fc , #3388FF);
    text-align: center;
    transform: translateX(-50%);
    line-height: 60px;
    color: #FFF;
    font-size: 20px;
	box-shadow: 0px 0px 5px #35b6fc;
}
.footer-tuijian i{
	color: #fff;
}

/* 首页横向动态 */
.aui-slide-list {
	margin-left: 15px;
	margin-top: 15px;
    overflow: hidden;
}
.aui-slide-item-list {
    width: auto;
    white-space: nowrap;
    overflow: auto;
    font-size: 0;
    margin-left: 0;
}
.aui-slide-item-item {
    display: inline-block;
    vertical-align: top;
	margin-right: 10px;
    border-radius:5px;
	width: 43%;
}
.aui-slide-item-item:last-child{
	margin-right: 15px;
}
.aui-slide-item-item a{
	display: block;
}
.aui-slide-item-item a img {
    display: block;
	width: 100%;
}

.aui-slide-item-item .huxingtu{
	box-sizing: border-box;
	position: relative;
	padding-bottom: 25px;
}
.aui-slide-item-item .huxingtu span{
	bottom: 0;
	position: absolute;
	font-size: 14px;
	color: #666;
}
.aui-slide-item-item .huxingtu img {
    border: 1px solid #eee;
}





/* 微信分享 */
.fenxiang{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
}



/* 热门课程  */
.hot-kecheng{
	margin: 15px;
}
.hot-kecheng  a{
	position: relative;
	display: block;
}
.hot-kecheng li{
	margin-top: 20px;
	display: flex;
}
.hot-kecheng li .kecheng-toutu{
	width: 120px;
	height: 67px;
}
.hot-kecheng li .kecheng-toutu img{
	width: 120px;
	height: 67px;
}
.hot-kecheng li .kecheng-info{
	margin-left: 10px;
}
.hot-kecheng li .kecheng-info .title{
	font-size: 15px;
}
.hot-kecheng li .kecheng-info .renshu{
	margin-top: 5px;
	font-size: 13px;
	color: #666;
}
.hot-kecheng li .kecheng-info .renshu i{
	font-size: 20px;
	vertical-align: -2px;
	margin-right: 5px;
}

/*    列表页面       */
.case-select{
	width: 800px;
}
.case-select ul,.case-select dl{
	padding: 0;
	margin: 0;
}


/* ===== retrie分类下来 ===== */
.retrie {
  position: relative;
  z-index: 102;
  height: 42px;
  background-color: #5887ff;
}
.retrie dt { overflow: hidden }
.retrie dt a {
  position: relative;
  float: left;
  width: calc(100%/2);
  height: 39px;
  line-height: 40px;
  color: #eee;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.retrie dt a:after {
	vertical-align: 0px;
	margin-left: 4px;
    content: '';
    background: url(../images/jiantou2.png) no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
}
.retrie dt .shaixuan{
	position: relative;
  float: left;
  width: calc(100%/2);
  height: 39px;
  line-height: 40px;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.retrie dt .shaixuan:before{
	position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 1px;
  height: 26px;
  background-color: #ebebeb;
  content: ' ';
}
.retrie dt .shaixuan i{
	color: #999;
}

.retrie dt span {
  position: relative;
  float: left;
  width: calc(100%/2);
  height: 39px;
  line-height: 50px;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.retrie dt span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: 30px;
  width: 8px;
  height: 8px;
  border: #666 solid;
  border-width: 1px 1px 0 0;
  content: ' ';
  -webkit-transform: rotate(180deg);
}


.retrie dt .up {
  color: #fff;
  border-bottom: 2px solid #5887ff;
}
.retrie dt .up:after {
    vertical-align: 0px;
    margin-left: 4px;
    content: '';
    background: url(../images/jiantou2.png) no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
}
.retrie dt a:before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 1px;
  height: 26px;
  background-color: #83a6ff;
  content: ' ';
}
.retrie dt a:first:before{
	background-color: #f00;
}
.retrie dd { position: relative; margin-top: 1px;}
/* ===== slide-area ===== */
.slide {
  position: absolute;
  top: 0px;
  left: 0;
  padding-bottom: 10px !important;
  z-index: 104;
  display: none; 
  width: 100%;
  overflow-y: auto;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  box-shadow: 0 1px 3px #999 ;
}
.slide li {
  display: block;
  padding-top: 10px;
  float: left;
  width: calc(100%/2);
}
.slide li a {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 13px;
  color: #666;
  font-weight: normal;
  background: #eee;
  border-radius: 6px;
}
.slide li a:hover,
.slide li a.selected { background-color: #ccc; }

.slide li a.select { background-color: #fff; }
.slide li a.active{
	background: #5887ff;
	color: #fff;
}

.slide .title{
	text-align: center;
}


/* 用户中心 */

/* 用户中心banner */
.u-banner{
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	height: 140px;
	z-index: -1;
	overflow: hidden;
	border-top: 1px solid #83a6ff;
}
.u-banner::after{
	content: '';
	width: 120%;
	height: 140px;
	position: absolute;
	left: -10%;
	top: 0;
	z-index: -1;
	border-radius: 0 0 50% 50%;
	background: #5887ff;
}

.usercenter-top{
	margin: 64px 20px 20px 20px;
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	overflow: hidden;
}
.usercenter-top .user-info{
	display: flex;
	justify-content: space-between;
}
.usercenter-top .user-info .user-left-info{
	display: flex;
}
.usercenter-top .user-info .user-left-info .user-headpic{
	margin-right: 10px;
	width: 60px;
	height: 60px;
}
.usercenter-top .user-info .user-left-info .user-headpic img{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.usercenter-top .user-info .user-left-info .user-name{
	padding-top: 10px;
	font-size: 15px;
	color: #333;
}
.usercenter-top .user-info .user-left-info .user-name span{
	font-size: 14px;
	color: #999;
}
/* .usercenter-top .user-info .user-right-info{
	box-sizing: border-box;
	margin-top: 15px;
	padding: 2px;
	height: 24px;
	background: #35b6fc;
	color: #fff;
	border-radius: 12px;
} */
.usercenter-top .user-info .user-right-info .huiyuan{
	margin-top: 15px;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	background: #5887ff;
	color: #fff;
	font-size: 11px;
	text-align: left;
	border-radius: 12px;
	border: 2px solid #35b6fc;
}
.usercenter-top .user-info .user-right-info .feihuiyuan{
	margin-top: 15px;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	background: #ddd;
	color: #999;
	font-size: 11px;
	text-align: left;
	border-radius: 12px;
	border: 2px solid #eee;
}
.usercenter-top .user-info .user-right-info i{
	margin-right: 2px;
	font-size: 12px;
}

.usercenter-topmenu{
	margin-top: 30px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}
.usercenter-topmenu li{
	width: 20%;
}
@media only screen and (max-width: 360px) {
    .usercenter-topmenu li{
    	width: 25%;
    }
}
.usercenter-topmenu li a{
	display: block;
	height: 40px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.usercenter-topmenu li a i{
	font-size: 26px;
}

.usercenter-bottom-menu{
	margin: 0 20px;
}
.usercenter-bottom-menu li{
	display: flex;
	justify-content: space-between;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}
.usercenter-bottom-menu li a{
	flex: 1;
	display: block;
	color: #666;
	font-size: 14px;
}
.usercenter-bottom-menu li a i{
	display: inline-block;
	width: 24px;
	margin-right: 10px;
	font-size: 20px;
	vertical-align: -2px;
	color: #35b6fc;
	text-align: center;
}
.usercenter-bottom-menu li .icon-arrow_right{
	color: #999;
	font-size: 14px;
}


/* 楼盘详情 */
.loupan-detail{
	width: 100%;
	margin-top: 44px;
}
.loupan-detail .banner{
	position: relative;
}
.loupan-detail .banner img{
	width: 100%;
	display: block;
}
.loupan-detail .banner .number{
	position: absolute;
	padding: 3px 6px;
	right: 20px;
	bottom: 20px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 12px;
	border-radius: 12px;
}

.loupan-top-info{
	padding: 20px;
	padding-bottom: 0;
}
.loupan-top-info .loupan-name{
	font-size: 20px;
	font-weight: bold;
	color: #222;
}
.loupan-top-info .loupan-name span{
	margin-left: 10px;
	font-weight: normal;
}
.loupan-top-info .loupan-tese{
	margin-top: 5px;
}
.loupan-top-info .loupan-tese span{
	display: inline-block;
	margin-right: 5px;
	padding: 2px 3px;
	background: #f3f3f3;
	font-size: 11px;
	color: #777;
	border-radius: 2px;
}
.loupan-top-info .loupan-price{
	margin-top: 10px;
	font-size: 14px;
	color: #333;
}
.loupan-top-info .loupan-price span{
	font-size: 20px;
	color: #d00;
	font-weight: bold;
	margin-right: 3px;
}
.loupan-top-info .loupan-price i{
	margin-left: 10px;
	padding: 2px;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	background: #f00;
	font-weight: bold;
	border-radius: 2px;
}
.loupan-i{
	display: flex;
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px;
}
.loupan-i label{
	color: #666;
	margin-right: 6px;
	width: 60px;
}
.loupan-i .txt{
	flex: 1;
	color: #333;
}
.loupan-i i{
	color: #5887ff;
}



.loupan-bottom-info{
	padding: 0 20px;
}
.loupan-bottom-info .loupan-detail-title{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #222;
}

.cundiyouhui{
	display: flex;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	margin-bottom: 10px;
	justify-content: space-between;
	background: linear-gradient(to right, #ebe1c6 , #efd3ab);
}
.cundiyouhui .info{
	flex: 1;
	margin-right: 10px;
}
.cundiyouhui .title{
	margin-bottom: 5px;
	font-size: 15px;
	color: #222;
	font-weight: bold;
}
.cundiyouhui .yucun{
	margin-bottom: 10px;
	font-size: 14px;
	color: #444;
}
.cundiyouhui .yucun span{
	margin: 0 5px;
	font-size: 18px;
	color: #f00;
	font-weight: bold;
}
.cundiyouhui .xingqu{
	font-size: 14px;
	color: #999;
}

.cundiyouhui .baoming{
	margin-top: 19px;
	background: #eee;
	width: 80px;
	height:30px;
	text-align: center;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	border-radius: 4px;
}
.cundiyouhui .baoming2{
	margin-top: 19px;
	background: #31ce36;
	width: 80px;
	height:30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
}
.cundiyouhui p{
	margin-top: 5px;
	font-size: 12px;
	color: #777;
}
.loupan-detail-txt{
	font-size: 14px;
	color: #666;
}
.textarea-txt{
	font-size: 14px;
	color: #666;
	white-space: pre;
	width: 100%;
	overflow: hidden;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.loupan-detail-txt p{
	margin-bottom: 5px;
}


.loupan-footer{width:800px; height:60px; background:#FCFCFC; padding:0px; bottom:0px; left:50%; position:fixed; overflow:hidden; z-index:10; box-shadow:1px -1px 3px #D1D1D1; display:flex;margin-left: -400px;}

.loupan-footer a{display:block; }
.loupan-footer button{ border: none; background: #none;}
.loupan-footer .a1{ box-sizing: border-box; text-align: center; width: 50px !important; padding-top: 10px; border-right: 1px solid #eee; font-size: 12px; line-height: 20px; color: #333; position: relative;}
.loupan-footer .a1 i{font-size: 20px; color: #777;}
.loupan-footer .a2{ flex: 1; width: 100%; line-height: 60px; text-align: center; color: #fff;background: #FF0036; font-size: 16px; }
.loupan-footer .a3{ flex: 1; width: 100%; line-height: 60px; text-align: center; color: #fff;background: #5887ff; font-size: 16px;}
.loupan-footer .a4{ flex: 1; width: 100%; line-height: 60px; text-align: center; color: #fff;background: #f49c00; font-size: 16px; }
.loupan-footer .a5{ flex: 1; width: 100%; line-height: 60px; text-align: center; color: #FF0036;background: #fff; font-size: 16px; font-weight: bold; }
.loupan-footer .a6{ box-sizing: border-box; text-align: center; width:100%; line-height: 60px;  border-right: 1px solid #ddd; font-size: 16px;  color: #fff; background: #5887ff;}
.loupan-footer .a6 i{
	margin-right: 10px;
	font-size: 20px;
}
.loupan-footer .a7{ box-sizing: border-box; text-align: center; width: 70px !important; padding-top: 10px; border-right: 1px solid #eee; font-size: 12px; line-height: 20px; color: #666; position: relative;}
.loupan-footer .a7 i{font-size: 20px; color: #777;}
.loupan-footer .a8{ box-sizing: border-box; text-align: center; width:100%; padding-top: 10px; border-right: 1px solid #eee; font-size: 12px; line-height: 20px; color: #333; position: relative; }
.loupan-footer .a8 i{font-size: 20px; color: #777;}

.loupan-footer .a1 .hui-number-point{
	font-size: 12px;
    background: rgb(237, 45, 34);
    top: 4px;
    right: 10px;
    border-radius: 50%;
    line-height: 12px;
    width: 12px;
    height: 12px;
    right: 5px;
}


/* 楼盘图库 */
.tuku-list{
	
}
.tuku-list .tuku-list-li{
	padding: 20px 20px 10px 20px;
}
.tuku-list .tuku-title{
	font-size: 16px;
	color: #333;
}
.tuku-list .tuku-img{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tuku-list .tuku-img li{
	display: block;
	margin-top: 9px;
	width: calc(100%/3 - 6px);
}
.tuku-list .tuku-img img{
	display: block;
	width: 100%;
}

/*  评论缩略图预览   */
.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 100%; max-height: 80%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:20px;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}
.big_img .swiper-pagination2 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
}
.big_img .swiper-pagination2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

/* 预约看房 */
.yuyue{

}

.vip-ad{
	display: block;
	margin: 0;
	padding: 10px;
	background: #fff;
}
.vip-ad-box{
	border: 1px solid #eee;
	border-radius: 6px;
	background: #fff;
}
.vip-ad-box .hui-form-items-title{
	min-width: 80px;
}
.vip-ad-top{
	position: relative;
	display: flex;
	padding: 15px 20px;
	overflow: hidden;
}
.vip-ad-top .ico{
	margin-right: 10px;
	padding-top: 8px;
	width: 30px;
	height: 30px;
}
.vip-ad-top .ico img{
	width: 30px;
	height: 30px;
}
.vip-ad-top .title{
	flex: 1;
	font-size: 16px;
	font-weight: bold;
}
.vip-ad-top .title span{
	margin-top: 5px;
	font-size: 14px;
	color: #999;
	font-weight: normal;
}
.vip-ad-top .getvip{
	width: 80px;
}
.vip-ad-top .getvip a{
	display: block;
	margin-top: 20px;
	width: 80px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background: #d99e2f;
	color: #fff;
	border-radius: 17px;
}
.vip-ad-bottom{
	display: flex;
	padding: 15px 10px;
	background: #f5f5f5;
}
.vip-ad-bottom li{
	width: 25%;
	text-align: center;
}
.vip-ad-bottom li svg{
	height: 30px;
}
.vip-ad-bottom li .ali-icon{
	color: #777;
}
.vip-ad-bottom li .title{
	margin-top: 5px;
	font-size: 12px;
	color: #777;
}
.vip-ad-bottom i{
	font-size: 24px;
	color: #666;
}

.vip-ad-top .touxiang{
	margin-right: 10px;
	width: 64px;
	height: 64px;
}
.vip-ad-top .touxiang img{
	width: 64px;
	height: 64px;
}


.vip-table{
	width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    border-spacing: 0;
    line-height: 18px;
    border-top: 1px solid #eee;
}
.vip-table td{
	padding: 8px;
	font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.vip-table td:first-child{
	width: 60px;
	color: #999;
}
.vip-table td:last-child{
	border-right: none;
}
.vip-table th{
	padding: 8px;
    text-align: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.vip-table th:first-child{
	width: 60px;
	color: #999;
}
.vip-table th:last-child{
	border-right: none;
}

.hui-form-radios input[type="radio"] + label:before{font-family:"hui-font" !important; content: '';background: url(../images/no2.png) no-repeat; font-size:20px; padding-right:5px; color:#999999;background-size:20px 20px; width: 20px; height: 20px; display: inline-block;vertical-align: -5px;}
.hui-form-radios input[type="radio"]:checked + label:before{content: ''; background: url(../images/ok2.png) no-repeat;background-size:20px 20px; width: 20px; height: 20px; display: inline-block; color:#3388FF; vertical-align: -5px;}

.form-textarea{
	width: 100%;
}
.form-textarea .form-textarea-title{
	font-size: 15px;
}
.form-textarea textarea{
	box-sizing: border-box;
	margin-top: 10px;
	padding: 10px;
	width: 100%;
	height: 100px;
	border: 1px solid #eee;
	background: #f5f5f5;
	-webkit-appearance: none;
	font-size: 14px;
	color: #666;
}

.hui-form-select{
	position: relative;
	width: 100%;
}
.hui-form-select i{
	position: absolute;
	right: 0;
	top: 3px;
}
.hui-form-select select{
	height: 22px;
	line-height: 22px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: #FFF;
	width: 100%;
	display: block;
	padding: 0px;
	width: 100% !important;
	font-size: 15px;
}


.success{
	margin-top: 80px;
	text-align: center;
}
.success .tips{
	margin-top: 10px;
	font-size: 18px;
	color: #5887ff;
}
.success img{
	width: 100px;
}
.success p{
	margin-top: 10px;
	padding: 0 50px;
	font-size: 15px;
	color: #666;
}
.success .btn{
	margin: 30px auto 0;
	width: 200px;
}



.yincangceng{
	position: fixed;
	z-index: 99999999;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: none;
	overflow: auto; 
	word-break:break-all;
	background: #fff;
}

.rengouxieyi{
	padding: 10px;
}
.rengouxieyi p{
	margin-bottom: 5px;
	font-size: 14px;
	color: #333;
}
.rengouxieyi .title{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

/* 手机验证码 */
.phone-code{
	position: absolute;
	top: 10px;
	right: 10px;
}
.phone-code button{
	padding: 8px;
	font-size: 12px;
	border-radius: 4px;
	background: #5887ff;
	color: #fff;
	border: none;
}
.phone-code button.active{
	color: #a3a3a3;
	background: #e4e4e4;
}



/* 复选框美化 */
.cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 2px solid #c8ccd4;
  transition: all 0.2s ease;
}
.cbx span:first-child svg {
  position: absolute;
  top: 2px;
  left: 1px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.cbx span:last-child {
  padding-left: 8px;
  line-height: 18px;
}
.cbx:hover span:first-child {
  border-color: #fff;
}
.inp-cbx:checked + .cbx span:first-child {
  background: #5887ff;
  border-color: #ffffff;
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}
.order-xieyi{
	position: relative;
	padding: 0px 30px 13px 0px;
	height: 20px;
    line-height: 20px;
    color: #fff;
	font-size: 14px;
	text-align: left;
}
.order-xieyi a{
	position: absolute;
	right: 0;
	color: #fff;
}


/* 用户中心顶部导航 */
.top-menu{
	display: flex;
	width: 100%;
	height: 44px;
	background: #f5f5f5;
}
.top-menu li{
	position: relative;
	flex: 1;
}
.top-menu li a{
	display: block;
	width: 100%;
	height: 42px;
	text-align: center;
	line-height: 41px;
	font-size: 14px;
	color: #333;
}
.top-menu li a.active{
	border-bottom: 2px solid #5887ff;
}
.top-menu li .number{
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: 22px;
	padding: 2px;
    font-size: 10px;
    background: #5887ff;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 10px;
    text-align: center;
    width: 10px;
    height: 10px;
    vertical-align: 8px;
}
.top-menu li span{
	margin-left: 3px;
	font-size: 12px;
	color: #d00;
}


/*  个人中心我的企业     */
.qiye-info{
	text-align: center;
}
.qiye-info .headpic{
	margin: 80px auto 10px;
	width: 80px;
	height: 80px;
}
.qiye-info .headpic img{
	width: 80px;
	height: 80px;
}
.qiye-info .name{
	margin-bottom: 5px;
	font-size: 16px;
	height: 25px;
	color: #333;
}
.qiye-info .qiye{
	margin-bottom: 5px;
	font-size: 14px;
	color: #999;
}
.qiye-info .qiye span{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	font-weight: bold;
}
.qiye-info .qiye-info-btn{
	margin: 0 auto;
	width: 200px;
}
.qiye-info .qiye-info-btn button{
	margin-bottom: 10px;
}
.qiye-info .erweima{
	margin-bottom: 10px;
}
.qiye-info .erweima img{
	margin: 0 auto;
	display: block;
	max-width: 50%;
	border: 1px solid #eee;
}




/*  帮助中心    */
.wenti{width: auto !important; height:40px; line-height:40px; font-size:14px; background:#FFFFFF; margin:0px 10px; padding: 0; box-sizing:border-box; font-weight:400; color: #333;}
.wenti span{
	margin-right: 5px;
	display: inline-block;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	background: #51c0fc;
	color: #fff;
	border-radius: 100%;
	font-size: 12px;
}
.huida{
	margin: 0 10px 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
.huida span{
	margin-right: 5px;
	display: inline-block;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	background: #5887ff;
	color: #fff;
	border-radius: 100%;
	font-size: 12px;
}
.huida a{
	color: #5887ff;
}

/* 记录为空 */
.empty{
	margin: 0 auto;
	padding-top: 50px;
	width: 50%;
}
.empty img{
	width: 100%;
}
.empty p{
	line-height: 50px;
	text-align: center;
	color: #999;
	font-size: 14px;
}


/* 弹出层 */
.tanchuceng{
	display: none;
}
.tanchuceng .title{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}
.tanchuceng img{
	display: block;
	margin: 0 auto;
	width: 100%;
}



/* 登录 */

.login{
	padding: 20px;
	text-align: center;
}
.login img{
	margin-bottom: 20px;
	width: 100%;
}
.logo-hx{
	margin-top: 50px;
	text-align: center;
}

.login .hui-form{
	background: none;
}
.login .hui-form-items{
	margin-bottom: 15px;
	padding: 10px 10px;
	background: #fff;
}

.login p{
	color: #fff;
	font-size: 16px;
}
.login .tips{
	box-sizing: border-box;
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	background: rgba(255,255,255,0.3);
	font-size: 14px;
	color: #fff;
	border-radius: 6px;
}
.login .tips span{
	font-size: 20px;
}
.login .qitashouji{
	margin-top: 10px;
	color: #999;
	font-size: 14px;
}
.login .xuanze{
	position: relative;
	display: block;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	background: rgba(255,255,255,1);
	font-size: 16px;
	color: #333;
	text-align: left;
	border-radius: 4px;
}
.login .xuanze span{
	font-size: 14px;
	color: #999;
}
.login .xuanze .jiantou{
	position: absolute;
	top: 20px;
	right: 10px;
}
.login .xuanze .jiantou i{
	font-size: 16px;
	color: #ccc;
}

/* 订单确认表格 */
.table-box{
	padding: 10px 0;
}
.table-box table{border:0;margin:0;border-collapse:collapse;border-spacing:0;}
.table-box table td{padding:0;}   
.txt-list{
	width: 100%;
}
.txt-list tr{
	border-bottom: 1px solid #eee;
}
.txt-list td{
	font-size: 14px;
}
.txt-list td span { display: inline-block; padding-left: 100%; }
.txt-list tr td:first-child{ width: 70px; color: #999;display: inline-block;text-align: justify; line-height: 40px; height: 40px;}
.txt-list tr td:last-child{  padding: 5px 10px 5px 5px; line-height: 30px; height: 30px; color: #333; }


/* 订单确认顶部信息 */
.order-total-price{
	padding: 20px 0;
	border-bottom: 15px solid #f5f5f5;
}
.order-total-price .price-item{
    line-height: 21px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.order-total-price .price-item .price {
    float: right;
    color: #e93b3d;
}
.order-total-price .price-item .price a{
	margin-right: 10px;
	color: #3bb4f2;
	border-bottom: 1px dashed #3bb4f2;
}
.order-total-price .total-price {
    float: right;
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
}
.order-total-price .total-price .price_tip {
    color: #e93b3d;
}
.order-total-price .total-price .price_tip i{
	font-size: 12px;
}

/*  分享返利    */
.share-info{
	border-top: 1px solid #eee;
	display: flex;
}
.share-info li{
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #999;
}
.share-info li span{
	display: block;
	margin: 0;
	font-size: 15px;
	color: #5887ff;
	height: 20px;
}
.share-info li a{
	color: #999;
}
.tixian-form{
	border-top: 1px solid #eee;
}
.share-info-btn{
	margin: 0 auto;
	width: 60px;
	height: 36px;
	display: block;
	line-height: 16px;
	font-size: 11px;
	color: #5887ff !important;
	border-bottom: 1px dashed #5887ff;
}
.share-info-btn i{
	width: 100%;
	height: 20px;
	font-size: 20px;
}

/* 返利表格 */
.record-table{
	width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    font-size: 12px;
    border-spacing: 0;
    line-height: 18px;
}
.record-table th{
	padding: 8px;
    border: 1px solid #dadada;
    text-align: left;
    background: #f5f5f5;
    text-align: center;
}
.record-table td{
	padding: 8px;
    border: 1px solid #dadada;
    text-align: left;
    color: #666;
    text-align: center;
}
.record-table td a{
	color: #3bb4f2;
}
.record-table td img{
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.notice{
	padding: 10px 15px;
	background: #fcfee9;
	font-size: 14px;
	color: #db9d5b;
}




















@font-face {
  font-family: "iconfont"; /* Project id 2318458 */
  src: url('//at.alicdn.com/t/font_2318458_mnm9m8ypebl.woff2?t=1648985507639') format('woff2'),
       url('//at.alicdn.com/t/font_2318458_mnm9m8ypebl.woff?t=1648985507639') format('woff'),
       url('//at.alicdn.com/t/font_2318458_mnm9m8ypebl.ttf?t=1648985507639') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_tuiguang:before {
  content: "\e650";
}

.icon-shouji:before {
  content: "\e66f";
}

.icon-yanzhengma:before {
  content: "\e635";
}

.icon-wancheng:before {
  content: "\ea35";
}

.icon-wancheng1:before {
  content: "\e69f";
}

.icon-guoqixinxiwenjian:before {
  content: "\e63d";
}

.icon-renwu:before {
  content: "\e73e";
}

.icon-shuju:before {
  content: "\e6ed";
}

.icon-shuju1:before {
  content: "\e63a";
}

.icon-qiegeji:before {
  content: "\e6a8";
}

.icon-hangong:before {
  content: "\e626";
}

.icon-diangong:before {
  content: "\e69a";
}

.icon-renshu:before {
  content: "\e666";
}

.icon-lesson:before {
  content: "\e600";
}

.icon-back:before {
  content: "\e679";
}

.icon-service:before {
  content: "\e6ff";
}

.icon-arrow_right:before {
  content: "\e634";
}

.icon-shezhi:before {
  content: "\e74c";
}

.icon-xinxi:before {
  content: "\e763";
}

.icon-xiangyou1:before {
  content: "\e775";
}

.icon-sousuo:before {
  content: "\e643";
}

.icon-cancel:before {
  content: "\e6f9";
}

.icon-renzheng:before {
  content: "\e6ac";
}

.icon-hetong:before {
  content: "\e625";
}

.icon-bangzhu:before {
  content: "\e603";
}

.icon-bianji-:before {
  content: "\e636";
}

.icon-shouye1:before {
  content: "\e617";
}

.icon-wode:before {
  content: "\e7d3";
}

.icon-qiye:before {
  content: "\e63e";
}

.icon-weizhi:before {
  content: "\e620";
}

.icon-dianhua:before {
  content: "\e668";
}

.icon-rengoudan:before {
  content: "\e618";
}