/* 学区房—导航/S */
.catalog-box {
    height: 42px;
    margin-top: 28px;
    border-bottom: 2px solid var(--themeColor);
}
.catalog-box .nav-list {
    height: 44px;
}
.catalog-box .nav-list li {
    float: left;
}
.catalog-box .nav-list li a {
    display: block;
    height: 44px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 44px;
    border-radius: 3px 3px 0 0;
}
.catalog-box .nav-list li a:hover {
    height: 42px;
    color: #fff;
    background: var(--themeColor);
}
.catalog-box .nav-list li.current{
    background:none;
}
.catalog-box .nav-list li.current a {
    color: #fff;
    background: var(--themeColor);
}
/* 学区房—导航/E */

.catalog-bd .title .attention span,
.catalog-bd .title .attention i,
.catalog-bd .title .attention .close,
.catalog-bd .content .item .ico-key,
.catalog-bd .content h3 .more i,
.catalog-bd .content h3 i,
.sort-menu dl dd .ico-key,
.list-student .school .ico-star {
    background: url("../image/student/sprite-student.png") no-repeat;
}
.wrapper-gray {
    padding: 22px 0;
    background: #f8f8f8;
}
.wrapper-sort {
    padding: 24px 0 26px;
    background: url(../image/student/bg-sort.jpg) top center;
}

/* 学区房—筛选条件/S */
.sort-menu {
    padding: 14px 19px 6px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.sort-menu dl {
    padding-top: 10px;
}
.sort-menu dl.border-b {
    padding-top: 0;
    padding-bottom: 2px;
    border-bottom: 1px dashed #ddd;
}
.sort-menu dl dt {
    float: left;
    margin-right: 8px;
    color: #888;
}
.sort-menu dl dt span {
    display: block;
    height: 21px;
    padding: 5px 0;
    line-height: 21px;
    border: 1px solid #fff;
}
.sort-menu dl dd {
    overflow: hidden;
}
.sort-menu dl dd a {
    float: left;
    height: 21px;
    margin-right: 10px;
    margin-bottom: 8px;
    padding: 5px 7px;
    line-height: 21px;
    border-radius: 2px;
}
.sort-menu dl dd a:hover {
    color: #08afd9;
}
.sort-menu dl dd a.on {
    color: #08afd9;
}
.sort-menu dl dd .ico-key {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin: 4px 0 0 4px;
    background-position: -237px 0;
}
/* 学区房—筛选条件/E */

/* 学区房—模块/S */
.catalog-bd {
    margin-bottom: 35px;
}
.catalog-bd .title {
    height: 28px;
    margin-top: 31px;
}
.wrapper-gray .catalog-bd {
    margin-bottom: 0;
    padding: 5px 0 10px;
}
.wrapper-gray .catalog-bd .title {
    margin-top: 0;
}
.catalog-bd .title h2 {
    float: left;
    font-size: 30px;
    margin-top: -8px;
    color: rgba(0,0,0,0.6);
}
.catalog-bd .title h2 span{
    color:#08afd9 ;
    margin-right: 15px;
    font-weight: bold;
}

.catalog-bd .title .attention {
    position: relative;
    top: -1px;
    float: left;
    margin-left: 12px;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
    background: #404954;
    border-radius: 3px;
}
.catalog-bd .title .attention i {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin-top: 3px;
    background-position: -220px 0;
}
.catalog-bd .title .attention span {
    position: absolute;
    top: 50%;
    left: -4px;
    width: 5px;
    height: 9px;
    margin-top: -4px;
    background-position: -220px -23px;
}
.catalog-bd .title .attention .close {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    background-position: -227px -20px;
    border-radius: 2px;
}
.catalog-bd .title .attention .close:hover {
    background-color: #313840;
}
.catalog-bd .title .link-map {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    padding-left: 16px;
    background: url("../image/ico-map.png") no-repeat 0 4px;
}
.catalog-bd .content {
    margin-top: 19px;
    border: 1px solid #e5e5e5;
}
.catalog-bd .content .wrap {
    padding: 18px 22px;
}
.catalog-bd .content-l {
    float: left;
    width: 598px;
    background: #fff;
    border-right: 1px solid #e5e5e5;
}
.catalog-bd .content-r {
    float: right;
    width: 598px;
    background: #fff;
}
.catalog-bd .content h3 {
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.catalog-bd .content h3 i {
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 23px;
    margin-right: 7px;
}
.catalog-bd .content h3 .ico-primary {
    background-position: -220px -69px;
}
.catalog-bd .content h3 .ico-middle {
    background-position: -220px -101px;
}
.catalog-bd .content .item {
    margin-top: 2px;
}
.catalog-bd .content .item a {
    display: block;
    line-height: 30px;
}
.catalog-bd .content .item a:hover {
    color: #08afd9;
    background: #f8f8f8;
}
.catalog-bd .content .item .gray {
    color: #999;
}
.catalog-bd .content .item .gray em {
    color: #121212;
}
.catalog-bd .content .item .address {
    margin-left: 4px;
}
.catalog-bd .content .item .ico-key {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin: 9px 0 0 3px;
    background-position: -237px 0;
}
.catalog-bd .other {
    width: 1085px;
}
.catalog-bd .other h3 {
    margin-top: 26px;
    margin-bottom: 15px;
    font-size: 18px;
}
.catalog-bd .other .item {
    position: relative;
    width: 194px;
    float: left;
    margin-right: 23px;
}
.catalog-bd .other .item img {
    width: 194px;
    height: 145px;
}
.catalog-bd .other .item .tit {
    position: absolute;
    left: 0;
    top: 115px;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
}
.catalog-bd .other .item .desc {
    margin-top: 9px;
}
.catalog-bd .other .item .desc em {
    padding-right: 3px;
    color: #f73453;
}
.catalog-bd .more {
    float: right;
    font-size: 14px;
    color: #555;
}
.catalog-bd .content h3 .more {
    font-weight: normal;
}
.catalog-bd .content h3 .more i {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin: 5px 0 0 5px;
    background-position: -220px -42px;
}
.catalog-bd .other .more {
    margin: 3px 25px 0 0;
    font-size: 14px;
}
.lte-ie8 .catalog-bd .other .item .tit {
    background: url("../image/hack/ie-bg-60.png") repeat;
}
/* 学区房—模块/E */

/* 学区房-地图找房/S */
.detail-map .title {
    margin-top: 20px;
    margin-bottom: 15px;
}
.detail-map .title h2 {
    float: left;
    font-size: 20px;
}
.detail-map .title .select {
    position: relative;
    float: right;
}
.detail-map .title .select a {
    display: inline-block;
    width: 50px;
    height: 30px;
    margin-left: 4px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.detail-map .title .select a:hover {
    color: #08afd9;
    border-color: #08afd9;
}
.detail-map .title .select a.on,
.detail-map .title .select a.on:hover {
    color: #fff;
    background: #08afd9;
    border-color: #08afd9;
}
/* 学区房-地图找房/E */

/* 学区房-筛选/S */
.lift-list {
    position: absolute;
    top: 382px;
    left: 50%;
    margin-left: -680px;
    z-index: 10;
}
.lift-list.active {
    position: fixed;
    top: 116px;
}
.lift-list li {
    margin-top: -1px;
}
.lift-list li a {
    position: relative;
    display: block;
    width: 48px;
    height: 46px;
    font-size: 12px;
    line-height: 46px;
    text-align: center;
    color: #999;
    background: #fff;
    border: 1px solid #eee;
}
.lift-list li a:hover {
    z-index: 12;
    color: #08afd9;
    border-color: #52c7e4;
}
.lift-list li.on a,
.lift-list li.on a:hover {
    z-index: 12;
    height: 56px;
    line-height: 18px;
    color: #fff;
    background: #938fa0;
    border-color: #938fa0;
}
.lift-list li.on a i {
    display: inline-block;
    width: 15px;
    height: 19px;
    margin-top: 8px;
    background: url("../image/student/ico-map2.png") no-repeat;
}
.lift-list li:first-child a {
    border-radius: 5px 5px 0 0;
}
.lift-list li:last-child a {
    border-radius: 0 0 5px 5px;
}
/* 学区房-筛选/E */

/* 学区房-详情/S */
.school-name {
    display: inline-block;
    margin-top: 27px;
    font-size: 22px;
}
.school-name.imp-primary,
.school-name.imp-middle {
    padding-right: 67px;
    background: url(../image/student/tip-school.png) no-repeat;
}
.school-name.imp-primary {
    background-position: right 8px;
}
.school-name.imp-middle {
    background-position: right -23px;
}
.school-detail {
    height: 205px;
    margin-top: 14px;
}
.school-detail .img-box {
    float: left;
    width: 438px;
    height: 205px;
}
.school-detail .school-info {
    position: relative;
    float: right;
    width: 740px;
    height: 100%;
}
.school-detail .school-info p {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 27px;
}
.school-detail .school-info p:first-child {
    margin-top: -2px;
}
.school-detail .school-info .area {
    max-height: 81px;
    overflow: hidden;
}
.school-detail .school-info p .tit {
    padding-right: 6px;
}
.school-detail .school-info p em {
    padding: 0 3px;
    color: #f73453;
}
.school-detail .school-info p .link-map {
    font-size: 14px;
    color: #666;
}
.school-detail .school-info p .link-map:hover {
    color: #f73453;
}
.school-detail .school-info p .link-map i {
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 15px;
    margin: 6px 5px 0 12px;
    background: url(../image/ico-map.png) 0 0 no-repeat;
}
.school-detail .school-info .tel {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
}
.school-detail .school-info .tel-bd {
    float: left;
    padding-left: 46px;
    padding-right: 12px;
    height: 35px;
    font-weight: bold;
    font-size: 18px;
    line-height: 37px;
    border: 1px solid var(--themeColor);
    background-color: #f9feff;
    border-radius: 6px 3px 3px 6px;
    color: var(--themeColor);
}
.school-detail .school-info .tel-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
    background-color: var(--themeColor);
    border-radius: 3px 0 0 3px;
}
.school-detail .school-info .tel-icon i {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 21px;
    height: 21px;
    background: url(../image/ico-tel.png) no-repeat;
}
.school-detail .school-info .tel .tip {
    margin-left: 12px;
    font-size: 14px;
    line-height: 37px;
    color: #888;
}
.cxslider {
    position: relative;
}
.cxslider .cxslider-bd {
    position: relative;
    width: 100%;
    height: 100%;
}
.cxslider .cxslider-bd li {
    position: absolute;
    left: 0;
    top: 0;
}
.cxslider .cxslider-bd li,
.cxslider .cxslider-bd li a {
    width: 438px;
    height: 205px;
    display: flex;
    overflow: hidden;
    align-items: center;
}
.cxslider .cxslider-bd li img{width: 100%;}
.cxslider .cxslider-tit {
    position: absolute;
    left: 0;
    bottom: -21px;
    width: 100%;
    height: 10px;
    font-size: 0;
    text-align: center;
}
.cxslider .cxslider-tit a {
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    margin: 0 9px;
    background-color: #b3b3b3;
    border: 1px solid #fff;
    border-radius: 1000px;
    transition: all .12s;
}
.cxslider .cxslider-tit a:hover {
    background-color: #959595;
}
.cxslider .cxslider-tit a.on,
.cxslider .cxslider-tit a.on:hover {
    background-color: #fff;
    border-color: #08afd9;
}
.cxslider .tip-num {
    position: absolute;
    right: 13px;
    bottom: 12px;
    height: 22px;
    padding: 0 7px 0 27px;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    border-radius: 1000px;
}
.cxslider .tip-num i {
    position: absolute;
    left: 8px;
    top: 4px;
    width: 15px;
    height: 13px;
    background: url(../image/ico-muiimg.png) no-repeat;
    opacity: 0.8;
}
.lte-ie8 .cxslider .tip-num i {
    background: url("../image/hack/ie-bg-60.png") repeat;
}
.school-intro {
    margin-top: 33px;
    padding-bottom: 10px;
}
.school-intro p {
    float: left;
    width: 878px;
    max-height: 92px;
    line-height: 1.7;
    overflow: hidden;
}
.school-intro p strong {
    padding: 0 2px;
    font-weight: bold;
}
.school-intro p .more {
    margin-left: 4px;
    color: #08afd9;
}
.school-intro p .more:hover {
    text-decoration: underline;
}
.school-intro .jianzhang {
    float: right;
    width: 300px;
    height: 82px;
    background: url(../image/student/jianzhang.png) 0 0 no-repeat;
}

/* 学区房-详情/E */

/* 学区房-列表/S */
.list-student .tit {
    margin-top: -2px;
}
.list-student .school {
    margin-top: 7px;
}
.list-student .school .ico-star {
    display: inline-block;
    vertical-align: top;
    width: 13px;
    height: 13px;
    margin: 5px 0 0 4px;
    background-position: -237px 0;
}
.list-schooldist {
    position: relative;
    padding-left: 19px;
}
.list-schooldist .tml-spine {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ebebeb;
}
.list-main .list-schooldist dd {
    width: 571px;
}
.list-schooldist .distace {
    position: relative;
    z-index: 10;
    height: 20px;
    margin-top: 18px;
    margin-left: -22px;
}
.list-schooldist .distace .distace-point {
    float: left;
    width: 5px;
    height: 5px;
    margin-top: 6px;
    background: #fff;
    border: 1px solid #0eb1da;
    border-radius: 1000px; 
    box-shadow: 0 0 0 2px #fff;
}
.list-schooldist .distace .distace-tag {
    position: relative; 
    display: inline-block;
    vertical-align: top;
    height: 20px;
    margin-left: 15px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: var(--themeColor);
    border-radius: 3px;
}
.list-schooldist .distace .distace-tag:after {
    position: absolute; 
    left: -3px; 
    top: 7px;   
    content: '';
    width: 3px; 
    height: 6px;    
    background: url(../image/student/strangle.png) 0 0 no-repeat;
}
.xq-con{overflow:hidden;}
#list-xiaoqu{width:938px;}
.xq-height{margin-top:18px;}
.xq-list{position:relative;float:left;width:212px;box-sizing:border-box;margin:0 15px 0 0;padding-top:40px;padding-bottom:8px;border-bottom:1px dashed #ddd;}
.xq-list h4{text-align:center;font-size:20px;height:32px;padding:0 0 5px;overflow:hidden;}
.xq-list img{width:212px;height:122px;}
.xq-list p{height:25px;line-height:25px;overflow:hidden;}
.xq-list .ico-map{display: inline-block;height: 20px;padding-left: 15px;line-height: 20px;color: #999;background: url("../image/ico-map.png") 0 3px no-repeat;}
.xq-list .distace{position:absolute;left:7px;top:-5px;}
.xq-list .distace .distace-point{display:none;}
.xq-list .distace .distace-tag:after{position:absolute;left:-3px;top:7px;content:'';width: 3px;height: 6px;background: url(../image/student/strangle.png) 0 0 no-repeat;}
.list-left-tit h2 {background:var(--themeColor);color:#fff;padding:5px 15px;width:130px;border-radius:4px;text-align:center;}
#list-newhouse{margin-bottom:20px;}
/* 学区房-列表/E */

/* 学区房-右侧/S */
.school-tab {
    margin-bottom: 24px;
}
.school-tab .school-tab-hd {
    height: 38px;
    border-bottom: 1px solid #ddd;
}
.school-tab .school-tab-hd a {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    margin-right: 12px;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 34px;
}
.school-tab .school-tab-hd a.on {
    border-bottom: 2px solid var(--themeColor);
}
.school-tab .school-tab-bd {
    margin-top: 12px;
}
.school-tab .school-tab-bd .mod {
    display: none;
}
.school-tab .school-tab-bd .mod.show {
    display: block;
}
.school-tab .school-tab-bd .mod li {
    margin-bottom: 6px;
    line-height: 24px
}
.school-tab .school-tab-bd .mod li:last-child {
    margin-bottom: 0;
}
.school-tab .school-tab-bd .mod .gray {
    color: #888;
}
.school-tab .school-tab-bd .mod a:hover .gray {
    color: #f73453;
}
/* 学区房-右侧/E */

/* 学区房-文章/E */
.school-sub-nav {
    margin-top: 25px;
    margin-bottom: 32px;
    font-size: 0;
    text-align: center;
}
.school-sub-nav li {
    display: inline-block;
    margin: 0 10px;
}
.school-sub-nav li a {
    position: relative;
    display: block;
    height: 38px;
    padding: 0 14px;
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    background: #7adaeb;
    border: 1px solid #7adaeb;
    border-radius: 2px;
    -webkit-transition: all .12s ease-out;
    -moz-transition: all .12s ease-out;
    transition: all .12s ease-out;
}
.school-sub-nav li a:hover, .school-sub-nav li.current a {
    background: #08afd9;
    border-color: #08afd9;
}
.school-sub-nav li.current a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    content: '';
    width: 11px;
    height: 11px;
    margin-left: -6px;
    background: #08afd9;
    border-bottom: 1px solid #08afd9;
    border-right: 1px solid #08afd9;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.lte-ie8 .school-sub-nav li.current a:after {
    bottom: -8px;
    width: 18px;
    height: 8px;
    margin-left: -9px;
    background: url(../image/hack/ie-sub-nav-trangle.png) no-repeat;
    border: none;
}
.school-article p {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.8;
}
.school-article p img {
    max-width: 100%;
}
.school-article h3 {
    padding-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}
/* 学区房-文章/E */