.x-div-header {
    height: 102px;
    background: #FFFFFF;
    margin-top: 26px;
}

.x-input-search {
    width: 472px;
    height: 44px;
    font-size: 14px;
    border: 2px solid #228D9D !important;
    margin-top: 18px;
}

.x-p-search {
    color: #7E7E7E;
}

.x-btn-search {
    height: 44px;
    background: #228d9d;
    border: #228d9d;
    margin-left: -4px;
    margin-top: 18px;
    color: #fff;
    width: 88px;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
    padding-left: 22px;
}

.x-div-region {
    margin-top: 20px;
    margin-left: -18px;
}

.x-h5-city {
    color: #000;
}

.x-p-city {
    color: #228d9d;
    cursor: pointer;
   
}

.x-div-city{
    background: #ffffff;
    border: 1px solid rgb(34, 141, 157);
    position: absolute;
    width: 200px;
    z-index: 2000;
    height: 118px;
    margin-top: -5px;
}

.x-div-city-show{
    display: block;
}

.x-div-city-list{
    padding :20px;
}

.x-div-city-list a:hover{
    color : #228D9D;
}

.x-div-city-list a:link{
    color : #333;
}

.x-div-city-hide{
    display: none;
}

.x-img-right {
    background: url(../images/houses.png) no-repeat;
    height: 76px;
}

.x-div-nav {
    height: 40px;
    background: #FFFFFF;
}

.x-div-nav-left {
    height: 40px;
}

.x-div-nav-center ul {
    margin-left: -60px;
    margin-top: 4px;
}

.x-div-nav-center {
    position: absolute;
    z-index: 12;
}

.x-div-nav-center li {
    display: inline;
    list-style: none;
    line-height: 36px;
    font-size: 18px;
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
}

.x-active {
    color: #228d9d !important;
}

.x-div-category {}

.x-nav-right {
    position: absolute;
    z-index: 2000;
    right: 0px;
    width: 224px;
    height: 358px;
    margin-top: 2px;
}

.x-div-select {
    width: 100%;
    margin-top: 10px;
}

.x-select-li li a {
    border-radius: 0px 0px 0px 0px !important;
    background: #FAFAFA;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.x-select-li .active a {
    border-top: 2px solid #238E9E !important;
    color: #238E9E !important;
    border-bottom: 0 !important;
}

.tab .tab-nav li a {
    color: #333;
    padding: 8px 20px;
    display: block;
    border: solid 1px #ddd;
    line-height: 20px;
    border-radius: 4px 4px 0 0;
}

.x-div-building .x2 {
    width: 236px;
    text-align: center;
    margin-top: 18px;
}

.x-div-building-title {
    margin-top: -18px;
    color: #fff;
    background: rgba(0, 0, 0, 0.74);
    position: absolute;
    z-index: 2;
    width: 220px;
}

.x-div-building-price {
    margin-top: 6px;
    height: 30px;
}

.x-span-building-price {
    font-size: 18px;
    font-weight: bold;
    color: #EF4430;
    margin-left: 6px;
}

.x-span-building-unit {
    font-size: 15px;
    margin-top: 4px;
    margin-left: 2px;
}

.x-span-building-area {
    margin-top: 4px;
    color: #989898;
    margin-right: 16px;
}

.x-div-building-desc div {
    color: #666666;
    width: 236px;
    text-align: left;
    margin-left: 8px;
}

.x-div-building-desc div i {
    padding-right: 8px;
}

.x-div-ad1 {
    margin-top: 88px;
}

.x-div-new {
    margin-top: 20px;
}

.x-new-title-left {
    background: url(../images/new-title.png) no-repeat;
    height: 38px;
    width: 308px;
    text-align: center;
}

.x-div-new-title {
    height: 38px;
    border-bottom: 4px solid #42929D;
}

.x-new-title-logo {
    margin-top: 10px;
    margin-left: -24px;
}

.x-new-title-logo span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.x-div-new-1 {
    width: 280px;
    /*background: #000;*/
}

.x-div-new-2 {
    height: 375px;
    width: 280px;
    background: #ccc;
    margin-bottom: 12px;
    border: 1px solid #E0E0E0;
}

.x-div-new-line {
    margin-top: 40px;
}

.x-div-title-1 {
    height: 42px;
    margin-top: -4px;
    width: 88px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

.x-new-active {
    background: url(../images/change.png) no-repeat;
    color: #42929d;
}

.x-new-title-right {
    margin-right: 58px;
}

.x-div-new .tab .tab-nav li a {
    color: #333;
    padding: 8px 26px;
    display: block;
    border: solid 0px #ddd;
    line-height: 20px;
    border-radius: 0px 0px 0 0;
}

.x-div-new .tab ul {
    background: #F8F8F8;
}

.x-div-new .tab .tab-nav .active {
    background: #65B0B3;
}

.x-div-new .tab .tab-nav .active a {
    color: #fff !important;
}

.x-div-new .tab {
    border-left: 1px solid #e0e0e0;
}

.x-div-new .tab .tab-body {
    border-top: solid 0px #ddd;
    margin-top: -1px;
    padding-top: 15px;
    margin-left: -4px;
    border-left: none;
}

.x-tab-body {
    height: 340px;
    border: 1px solid #E0E0E0;
    /*overflow-x: visible;*/
    overflow-y: scroll;
}

.x-div-new-date {
    background: url(../images/new-bg.png) no-repeat;
    color: #fff;
    /*margin-left: -4px;*/
}

.x-div-new-date span {
    margin-left: 22px;
}

.x-div-new-content {
    margin-top: 10px;
    margin-left: 16px;
    margin-bottom: 10px;
}

.x-div-new-content p {
    line-height: 26px;
}

.x-div-new-name {
    background: #F6F6F6;
    height: 38px;
    padding-top: 6px;
}

.x-div-new-name .x-span-new-name {
    font-size: 20px;
    color: #1D1D1D;
    margin-left: 8px;
}

.x-div-new-name .x-span-new-area {
    color: #1D1D1D;
    margin-top: 7px;
    margin-right: 8px;
    font-size: 14px;
}

.x-div-new-price {
    background: #FAFAFA;
    height: 32px;
}

.x-div-new-price .x-span-new-price {
    color: #D83B36;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 6px;
}

.x-div-new-desc {
    background: #F6F6F6;
    height: 50px;
    font-size: 14px;
}

.x-div-new-desc p {
    padding-left: 8px;
    padding-right: 8px;
}

.x-div-new-action {
    background: url(../images/action-bg.png);
    height: 50px;
}

.x-div-new-action span strong {
    font-size: 30px;
}

.x-div-new-action .x-span-new-action {
    color: #fff;
    margin-right: 8px;
    padding-top: 10px;
    font-size: 20px;
    cursor: pointer;
}

.x-div-new-action .x-span-new-apply {
    color: #27636E;
    margin-left: 8px;
}

.x-hide {
    display: none;
}

.x-show {
    display: block;
}

.x-div-ad2 {
    margin-top: 58px;
}

.x-div-watch {}

.x-div-watch {
    margin-top: 20px;
}

.x-watch-title-left {
    background: url(../images/new-title.png) no-repeat;
    height: 38px;
    width: 308px;
    text-align: center;
}

.x-div-watch-title {
    height: 38px;
    border-bottom: 4px solid #42929D;
}

.x-watch-title-logo {
    margin-top: 10px;
    margin-left: -24px;
}

.x-watch-title-logo span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.x-div-watch-1 {
    width: 280px;
}

.x-div-watch-2 {
    height: 480px;
    width: 280px;
    border: 1px solid #E0E0E0;
}

.x-div-watch-line {
    margin-top: 40px;
}

.x-div-title-2 {
    height: 42px;
    margin-top: -4px;
    width: 88px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

.x-div-title-2 a {
    color: #42929d;
    text-decoration: none;
}

.x-div-title-2 a:hover {
    text-decoration: none;
}

.x-watch-title-logo a {
    color: #fff;
    text-decoration: none;
}

.x-watch-title-logo a:hover {
    text-decoration: none;
}

.x-watch-active {
    background: url(../images/change.png) no-repeat;
    color: #42929d;
}

.x-watch-title-right {
    margin-right: 58px;
}

.x-center {
    text-align: center;
}

.x-div-watch-desc p {
    padding-left: 8px;
    padding-right: 8px;
}

.x-div-watch-name {
    height: 50px;
}

.x-span-watch-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 50px;
}

.x-div-watch-price {
    height: 40px;
    color: #FD0000;
}

.x-span-watch-price {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

.x-div-watch-desc {
    color: rgba(133, 133, 133, 0.91);
    font-size: 15px;
    height: 80px;
}

.x-div-watch-plan {
    height: 66px;
}

.x-div-watch-plan div {
    line-height: 26px;
    color: rgba(133, 133, 133, 0.91);
    margin-left: 8px;
    font-size: 15px;
}

.x-div-watch-action .x-span-watch-person {
    color: #FF4D4C;
}

.x-div-watch-action .x-span-watch-people {
    margin-left: 8px;
    font-size: 15px;
}

.x-div-watch-action .x-span-watch-team {
    margin-right: 8px;
    width: 113px;
    background: #88CDD2;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
}

.x-div-watch-action .x-span-watch-team:hover {
    background: #42929D;
}

.x-strong {
    font-weight: bold;
}

.x-div-title-3 {
    height: 42px;
    margin-top: -4px;
    width: 68px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.x-div-shop-1 {
    height: 256px;
    width: 280px;
    margin-bottom: 12px;
    border: 1px solid #E0E0E0;
    cursor: pointer;
}

.x-div-shop-name {
    margin-top: -28px;
    color: #fff;
    background: rgba(66, 146, 157, 0.71);
    position: absolute;
    width: 278px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
}

.x-div-shop-price span {
    font-size: 14px;
    line-height: 50px;
}

.x-span-shop-apply {
    margin-left: 8px;
}

.x-span-shop-action {
    margin-right: 18px;
}

.x-span-shop-action .x-span-shop-price {
    color: #FE0002;
    font-size: 20px;
}

.x-div-shop-img img:hover {
    -moz-opacity: 0.68 !important;
    filter: alpha(opacity=68);
    opacity: 0.68;
    _-moz-opacity: 0.68;
}

.x-div-shop-img img {
    -moz-opacity: 1 !important;
    _filter: alpha(opacity=1);
    opacity: 1;
    _opacity: 0.68;
    _-moz-opacity: 1;
}

.x-div-watch-img img:hover {
    -moz-opacity: 0.68 !important;
    filter: alpha(opacity=68);
    opacity: 0.68;
    _-moz-opacity: 0.68;
}

.x-div-watch-img img {
    -moz-opacity: 1 !important;
    _filter: alpha(opacity=1);
    opacity: 1;
    _-moz-opacity: 1;
    cursor: pointer;
}

.x-div-new-img img:hover {
    -moz-opacity: 0.68 !important;
    filter: alpha(opacity=68);
    opacity: 0.68;
    _-moz-opacity: 0.68;
}

.x-div-new-img img {
    -moz-opacity: 1 !important;
    _filter: alpha(opacity=1);
    opacity: 1;
    _-moz-opacity: 1;
    cursor: pointer;
}

.x-div-large {
    width: 220px;
    height: 160px;
    overflow: hidden;
    position: relative;
}

.x-div-large:hover img {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    /* IE 9 */
    -moz-transform: scale(1.2, 1.2);
    /* Firefox */
    -webkit-transform: scale(1.2, 1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2, 1.2);
    /* Opera */
}

.x-div-large img {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

.x-div-footer-1 {
    background: #F6F6F6;
    height: 240px;
}

.x-div-list {
    margin-top: 50px;
    float: left;
    padding-left: 38px;
    padding-right: 10px;
}

.x-div-footer1-xf ul li {
    color: #6A6A6A;
    font-size: 14px;
    line-height: 30px;
}

.x-div-footer1-xf {
    width: 90px;
    height: 144px;
    border-right: 2px solid #DEDEDE;
}

.x-div-footer1-xf ul .x-li-title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}

.x-div-footer2-xf ul li {
    color: #6A6A6A;
    font-size: 14px;
    line-height: 30px;
}

.x-div-footer2-xf {
    width: 158px;
    height: 144px;
    border-right: 2px solid #DEDEDE;
}

.x-div-footer2-xf ul .x-li-title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}

.x-div-footer3-xf ul li {
    color: #6A6A6A;
    font-size: 14px;
    line-height: 30px;
}

.x-div-footer3-xf {
    width: 70px;
    height: 144px;
}

.x-div-footer3-xf ul .x-li-title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}

.x-div-phone {
    margin-left: 81px;
    font-size: 15px;
    line-height: 30px;
}

.x-div-phone-strong {
    margin-left: 81px;
    font-size: 16px;
    font-weight: bold;
    margin-top: -62px;
}

.x-div-footer-2 {
    margin-top: 30px;
    margin-bottom: 60px;
}

.x-div-footer2-title {
    width: 288px;
    height: 100px;
    border: 1px solid #E2E2E2;
    padding-left: 20px;
    padding-top: 14px;
    cursor: pointer;
}

.x-div-footer2-title:hover {
    border: 1px solid #42929D;
    color: #42929D;
}

.x-li-footer3 span {
    color: #656565;
    margin-left: 40px;
}

.x-li-footer3 strong {
    font-weight: bold;
    color: #393939;
}

.x-li-footer3 span a {
    color: #656565;
}

.x-li-footer3 span a:hover {
    color: #42929D;
}

.x-li-footer3 {
    line-height: 38px;
}

.x-div-footer-4 {
    margin-top: 30px;
}

.x-div-footer-4 li span {
    margin-left: 10px;
    margin-right: 10px;
}

.x-div-footer-4 li span a {
    color: #656565;
}

.x-div-footer-4 li span {
    color: #656565;
}

.x-div-footer-4 span a:hover {
    color: #42929D;
}

.x-div-footer-4 li {
    line-height: 27px;
}

.x-div-nav-title {
    line-height: 30px;
    color: #228d9d;
}

.x-li-nav {
    padding-bottom: 15px;
    padding-top: 15px;
}

.x-div-shoping-1 {
    background: #FAFAFA;
    height: 524px;
    width: 280px;
}

.x-div-shoping-area {
    height: 263px;
    border-bottom: 2px solid #F4F4F4;
}

.x-div-sqqy {
    padding-top: 40px;
}

.x-div-sqqy .float-left {
    margin-left: 20px;
    color: #3E919B;
    font-weight: bold;
}

.x-div-sqqy .float-right {
    margin-right: 60px;
    color: #3E919B;
    line-height: 16px;
}

.x-div-sqqy-area {
    margin-top: 40px;
    margin-left: 18px;
}

.x-div-sqqy-area span {
    padding: 6px 10px 6px 10px;
    border: 2px solid #E0E0E0;
    margin-right: 4px;
}

.x-div-sqqy-area span a:hover {
    color: #228D9D;
    text-decoration: none;
}

.x-div-sqqy-area span {
    line-height: 54px;
}

.x-a-listModel {
    color: #228e9f !important;
    text-decoration: none !important;
}

.x-p-area {
    font-weight: bold !important;
}

.x-div-line {
    height: 4px;
    background: #228d9d;
}

.x-div-sad1 {
    margin-top: 38px;
}

.cateMenu {
    height: 388px;
}

.x-div-nav-desc {
    background: rgba(255, 255, 255, 0.83);
    height: 388px;
}


/*@media(min-width:1395px) {
    .cateMenu{
        height: 371px;
    }

    .x-div-nav-desc{
        background: rgba(255, 255, 255, 0.83);
        height: 371px;
    }
}


@media(min-width:1600px) {
    .cateMenu{
        height: 496px;
    }

    .x-div-nav-desc{
        background: rgba(255, 255, 255, 0.83);
        height: 496px;
    }
}*/

.x-p-search a {
    color: #7E7E7E;
}

.x-p-search a:hover {
    color: #228D9D;
}

.x-p-search span {
    margin-right: 10px;
    overflow: hidden;
}

.x-span-new-action a {
    color: #fff;
    text-decoration: none;
}

.x-span-new-action a:hover {
    color: #fff;
    text-decoration: none;
}

.x-div-nav-center a {
    color: #666;
    font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.x-div-nav-center a:hover {
    color: #228D9D;
    text-decoration: none;
}

.x-div-nav-center a:hover {
    color: #228D9D;
    text-decoration: none;
}

.x-div-feature {
    margin-top: 8px;
}

.x-span-feature {
    border: 1px solid #CCCCCC;
    color: #999;
    margin-right: 8px;
    padding: 1px 10px 1px 10px;
}

.x-span-feature-1 {
    background: #4ACD94 !important;
}

.x-span-feature-2 {
    background: #FF6162 !important;
}

.x-span-feature-3 {
    background: #FE7242 !important;
}

.x-span-feature-4 {
    background: #0099FF !important;
}

.x-div-redbag {
    position: relative;
}

.x-div-redbag img {
    display: block;
    width: 57px;
    height: 45px;
    position: absolute;
    left: 600px;
    top: 45px;
    z-index: 1;
}

.x-div-sindex1 {
    height: 440px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
}

.x-div-sindex2 {
    height: 220px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
}

.x-div-sindex3 {
    height: 100px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 36px;
}

.x-div-sindex1-nav {
    margin-top: 40px;
}

.x-div-realname .x-span-realname {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.x-div-realname .x-span-feature* {
    color: #fff !important;
}

.x-div-realname button {
    background: url(../images/bt-bg.png) no-repeat !important;
    height: 40px;
    padding-bottom: 30px;
    line-height: 13px;
    color: #fff;
    border: none;
    position: relative;
}

.x-span-top-title {
    font-size: 16px;
}

.basic-parms dt {
    width: 79px;
    color: rgb(102, 102, 102);
    clear: both;
    font-weight: normal;
}

.basic-parms dt,
.basic-parms dd {
    float: left;
    font-size: 16px;
    line-height: 32px;
}

.basic-parms .price em {
    font-size: 24px;
    color: rgb(255, 102, 0);
    margin: 0px 5px;
}

.basic-parms .showlink {
    display: inline-block;
    color: rgb(153, 153, 153);
    font-size: 14px;
}

.toright {
    margin-left: 11px;
}

.x-div-right1 {
    margin-top: 16px;
    margin-left: 18px;
}

.basic-tel {
    width: 578px;
    height: 54px;
    overflow: hidden;
    border: 1px solid #e9f3d9;
    background-color: #f7fded;
    clear: both;
    position: relative;
    color: #999;
    zoom: 1;
    margin-top: 8px;
    margin-bottom: 8px;
}

.basic-tel .lp-icons-tel {
    width: 25px;
    height: 35px;
    float: left;
    margin: 9px 13px 0 17px;
    background-position: -210px -310px;
}

.lp-icons {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
    background-image: url("../images/btn-icon.png");
    background-repeat: no-repeat;
}

.basic-tel .glance-mod strong,
.basic-tel .glance-mod .btn,
.basic-tel .glance-mod .turn {
    float: left;
    display: inline;
}

.basic-tel .tel strong {
    height: 54px;
    line-height: 54px;
    color: #228D9D;
    font-size: 35px;
    font-weight: normal;
}

.basic-tel .glance-mod strong,
.basic-tel .glance-mod .btn,
.basic-tel .glance-mod .turn {
    float: left;
    display: inline;
}

.basic-tel .tel strong {
    height: 54px;
    line-height: 54px;
    color: #228D9D;
    font-size: 35px;
    font-weight: normal;
}

.basic-tel .glance-mod .x-btn {
    margin: 12px 8px 0 18px;
}

.basic-tel .glance-mod strong,
.basic-tel .glance-mod .x-btn,
.basic-tel .glance-mod .turn {
    float: left;
    display: inline;
}

.btn-a {
    padding: 0 9px 0 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.x-btn {
    display: inline-block;
    border: 0 none;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 3px;
    color: #FFF;
    overflow: hidden;
    background: #228D9D;
}

.x-btn:hover {
    color: #FFF !important;
    background: #287E8A;
}

.x-tel em {
    color: #999;
    float: left;
    margin: 0 5px 0 7px;
    display: inline;
    font-size: 16px;
    line-height: 54px;
}

.brief-info .info-left {
    float: left;
    width: 216px;
}

.brief-info li {
    margin-bottom: 11px;
}

.brief-info label {
    margin-right: 10px;
    color: #656565;
    font-size: 16px;
}

.brief-info span {
    color: #333;
    font-size: 16px;
}

.x-div-tindex2 h2 {
    margin-top: 30px;
    font-size: 26px;
    color: #333;
}

.x-div-tindex4 {
    display: inline;
}

.x-span-tindex4 {
    margin-top: -10px;
    margin-right: 31px;
    color: #666;
    line-height: 0px;
}

.x-div-tindex4 h2 {
    margin-top: 30px;
    font-size: 26px;
    color: #333;
}

.x-div-sindex2 .x2 {
    text-align: center !important;
    padding-top: 18px;
}

.x-div-sindex2-text {
    text-align: left !important;
    font-size: 16px;
    margin-left: 8px;
}

.x-div-sindex2-text a {
    display: block;
    line-height: 35px;
}

.x-div-sindex2-text a:hover {
    color: #228D9D;
}

.x-div-sindex2-text em {
    font-size: 14px;
    color: #f60;
    line-height: 18px;
}

.act-item .lp-icons-kan {
    background-position: -58px 0;
}

.act-item .lp-icons-tuan,
.act-item .lp-icons-kan {
    width: 49px;
    height: 49px;
    margin-right: 20px;
    overflow: hidden;
    text-indent: -999999px;
}

.act-item .act-item-info {
    width: 625px;
    _padding-top: 4px;
}

.act-item .act-title {
    font-size: 20px;
    line-height: 28px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    cursor: pointer;
    margin: -3px 0 4px;
}

.act-item .act-title a {
    color: #333;
    font-size: 20px;
    line-height: 28px;
}

.kft-group .act-title span {
    font-size: 14px;
    color: #999;
}

.act-item .lp-icons-people {
    background-position: -130px -120px;
}

.x-btn-b {
    padding: 0 29px 0 30px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
}

.act-item .x-btn {
    margin-top: 4px;
    margin-right: 13px;
}

.act-item .lp-icons-time,
.act-item .lp-icons-people {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: -2px;
}

.act-item .act-join {
    width: 180px;
    margin-top: 15px;
    font-size: 16px;
}

.x-div-activity {
    margin-top: 20px;
}

.x-div-kan-group {
    margin-left: 14px;
}

.x-r_invite {
    margin-left: 22px;
    _display: inline;
    padding-bottom: 15px;
    float: left;
    width: 541px;
    margin-left: 13px;
}

.x-div-sindex4 {
    height: 518px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
    padding: 18px 20px 5px;
    width: 760px;
}

.x-div-sindex4 .clickable {
    width: 660px;
}

.x-div-sindex5 {
    height: 220px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
}

.x-div-sindex5 li {
    overflow: hidden;
    height: 99px;
    padding: 15px 15px;
}

.x-img-5 {
    width: 100px;
    height: 80px;
    float: left;
}

.x-line-dashed {
    border-bottom: 1px dashed #ddd;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
    margin: 0 auto;
    margin-bottom: 15px;
}

.x-div-content5 {
    margin-left: 120px;
}

.x-h2-5 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    width: 180px;
    overflow: hidden;
}

.x-em-5 {
    line-height: 42px;
    font-size: 14px;
    color: #f60;
}

.x-ul-photo {
    width: auto;
    margin-left: 36px;
}

.x-div-sindex6 {
    height: auto;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
    padding: 8px;
}

.x-div-sindex7 {
    height: 422px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
    padding: 8px;
}

.x-div-mindex7{
    height: 636px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    margin-top: 8px;
    padding: 8px;  
}

.x-tel a:hover {
    color: #fff !important;
}

.x-tel a:visited {
    color: #fff !important;
}

.public-notice {
    color: #228D9D;
    font-size: 16px;
    padding: 11px 0 0 3px;
    margin-bottom: 6px;
}

.x-div-feature-list {
    margin-bottom: 8px;
    height: 20px;
}

.x-div-feature-list button {
    color: #fff;
    padding: 0px 10px;
    border: none;
    margin-left: 10px;
}

.x-rig-tel {
    float: right;
    margin-top: -4px;
    margin-right: 21px;
    font-size: 14px;
}

.x-rig-tel .tel-ico {
    display: inline-block;
    width: 17px;
    height: 25px;
    background: url(../images/btn-icon.png) -129px -6px no-repeat;
    vertical-align: middle;
}

.x-p-phone {
    color: #a3a3a3;
    margin-top: 68px;
}

.x-i-phone {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    background-image: url(../images/icon-phone.png);
    background-image: -webkit-image-set(url(../images/icon-phone.png) 1x, url(../images/icon-phone.png) 2x);
    background-repeat: no-repeat;
}

.pro_r .tel-icon {
    background-position: -96px 0;
    width: 11px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
}

.x-line-div{
    height: 40px;
}


.x-div-map-description{
    padding-left: 20px;
}

.x-div-map-description .tab-head .active{
    background: #228D9D;
}

.x-div-map-description .tab-head .active a{
    color: #fff;
}

.x-div-map-description .tab-head li a{
    padding-left: 50px;
    padding-right: 50px;
    border: none;
    font-size: 18px;
}


.x-div-map-description .tab .tab-body {
    border-top: solid 2px #228D9D;
}

.x-div-mapwindow i{
    font-size: 16px;
    color: #DCDCDC;
    padding-left: 2px;
}

.x-div-mapwindow .x-map-name{
    color: #228D9D;
    margin-left: 4px;
}

.x-div-mapwindow .x-map-distance{
    color: #228D9D;
}

#tab-traffic .x-icon-type1{
    background: url(../images/map-icons.png);
    background-position: -96px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#tab-traffic li:hover > .x-icon-type1{
    background: url(../images/map-icons.png);
    background-position: -96px -44px;
}


#tab-traffic .x-icon-type5{
    background: url(../images/map-icons.png);
    background-position: -188px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#tab-traffic li:hover > .x-icon-type5{
    background: url(../images/map-icons.png);
    background-position: -188px -44px;
}

#tab-traffic li:hover > p{
    color: #FF6500;
}



#tab-traffic .x-p-map{
    float: left;
    line-height: 40px;
    width: 340px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-traffic .x-d-p-map{
    float: left;
    line-height: 20px;
    width: 270px;
    font-size: 14px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-traffic .x-p-map span{
    color: #999;
    font-size: 14px;
}


#tab-traffic .x-d-p-map span{
    color: #999;
    font-size: 14px;
}

#tab-traffic .x-span-map{
    margin-right: 2px;
    float: right;
    line-height: 40px;
    overflow: hidden;
    color: #999;
}



#tab-business .x-icon-type2{
    background: url(../images/map-icons.png);
    background-position: -142px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#tab-business li:hover > .x-icon-type2{
    background: url(../images/map-icons.png);
    background-position: -142px -46px;
}

#tab-business .x-icon-type6{
    background: url(../images/map-icons.png);
    background-position: -283px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#tab-business li:hover > .x-icon-type6{
    background: url(../images/map-icons.png);
    background-position: -283px -45px;
}


#tab-business .x-icon-type7{
    background: url(../images/map-icons.png);
    background-position: -236px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#tab-business li:hover > .x-icon-type7{
    background: url(../images/map-icons.png);
    background-position: -236px -46px;
}

#tab-business li:hover > p{
    color: #FF6500;
}

#tab-business .x-p-map{
    float: left;
    line-height: 40px;
    width: 340px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#tab-business .x-d-p-map{
    float: left;
    line-height: 20px;
    width: 270px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-business .x-p-map span{
    color: #999;
    font-size: 14px;
}

#tab-business .x-d-p-map span{
    color: #999;
    font-size: 14px;
}


#tab-business .x-span-map{
    margin-right: 2px;
    float: right;
    line-height: 40px;
    overflow: hidden;
    color: #999;
}


#tab-education .x-i-icon{
    background: url(../images/map-icons.png);
    background-position: 0px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#tab-education li:hover > .x-i-icon{
    background: url(../images/map-icons.png);
    background-position: 0px -44px;
}

#tab-education li:hover > p{
    color: #FF6500;
}


#tab-education .x-p-map{
    float: left;
    line-height: 40px;
    width: 340px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-education .x-d-p-map{
    float: left;
    line-height: 20px;
    width: 270px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-education .x-p-map span{
    color: #999;
    font-size: 14px;
}


#tab-education .x-d-p-map span{
    color: #999;
    font-size: 14px;
}


#tab-education .x-span-map{
    margin-right: 2px;
    float: right;
    line-height: 40px;
    overflow: hidden;
    color: #999;
}


#tab-hospital .x-i-icon{
    background: url(../images/map-icons.png);
    background-position: -46px 0px;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
}


#tab-hospital li:hover > .x-i-icon{
    background: url(../images/map-icons.png);
    background-position: -46px -44px;
}

#tab-hospital li:hover > p{
    color: #FF6500;
}

#tab-hospital .x-p-map{
    float: left;
    line-height: 40px;
    width: 340px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-hospital .x-p-map span{
    color: #999;
    font-size: 14px;
}


#tab-hospital .x-d-p-map{
    float: left;
    line-height: 20px;
    width: 270px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tab-hospital .x-d-p-map span{
    color: #999;
    font-size: 14px;
}


#tab-hospital .x-span-map{
    margin-right: 2px;
    float: right;
    line-height: 40px;
    overflow: hidden;
    color: #999;
}

.x-div-map-right{
    padding-left: 20px;
    padding-right: 20px;
}

.x-div-map-right ul{
    margin-top: 3px;
    height: 458px;
    overflow-y: auto;
    overflow-x: hidden;
}
.x-div-map-right ul li{
    height: 46px;
    line-height: 46px;
    margin-left: 10px;
    cursor: pointer;
}

.x-maptype{
    font-size: 16px;
    margin-left: 10px;
    line-height: 20px;
    color: #999;
}

.x-mapcount{
    font-size: 16px;
    color: #333;
    line-height: 46px;
}


.x-i-traffic{
    background: url(../images/map-icons-detail.png);
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}

.x-i-business{
    background: url(../images/map-icons-detail.png);
    background-position: -40px 0px;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}

.x-i-education{
    background: url(../images/map-icons-detail.png);
    background-position: -80px 0px;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}

.x-i-hospital{
    background: url(../images/map-icons-detail.png);
    background-position: -120px 0px;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}


li:hover .x-i-traffic{
    background: url(../images/map-icons-detail.png);
    background-position: 0 -40px;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}

li:hover .x-i-business{
    background: url(../images/map-icons-detail.png);
    background-position: -40px -40px;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}

li:hover .x-i-education{
    background: url(../images/map-icons-detail.png);
    background-position: -80px -40px;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}

li:hover .x-i-hospital{
    background: url(../images/map-icons-detail.png);
    background-position: -120px -40px;;
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 18px;
}



.x-div-map-detail .tab-head li{
    background: none !important;
    cursor: pointer;
}

.x-div-map-detail .tab-head li a{
    clear: both;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    padding-top: 5px;
    color: #999 !important;
    text-align: center;
    padding-left: 26px;
    padding-right: 27px;
    border: none;
    cursor: pointer;
}

.x-div-map-detail .tab-head .active a{
    color: #228D9D !important;
}

.x-div-map-detail .tab-body{
    border-top: 1px solid #cecece !important;
    margin-top: 18px;
}

.x-div-dmap-right p{
    float: left;
}

.x-div-dmap-right{
    padding-left: 0px;
    padding-right: 0px;
}

.x-div-dmap-right ul li{
    border-bottom: 1px dashed #f0f0f0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    height: 58px;
    padding-right: 0px;
}


 .x-map-index {
    display: inline-block;
    width: 313px;
    height: 25px;
    color: #228D9D;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    margin-top: 16px;
    background-color: #f3fde3;
}


 .x-map-index:hover {
    background-color: #e2e2e2;
}


.x-div-contact-left{
    margin-top: 20px;
}

.x-div-contact-left h3{
    font-size: 30px;
    color: #228D9D;
    font-style: italic;

}

.x-div-inner-contact{
    padding-top: 30px;
    padding-bottom: 30px;
}

.x-div-qa-top{
    height: 420px;
    width: 100%;
    background: url(../images/mfwd-bg.jpg) no-repeat center top;
    margin-top: 58px;
}

.x-menu-direction{
    padding-top: 20px;
}

.x-div-sindex-car{
    width: 100%;
    background: url("../images/car.gif") no-repeat top center;
    height: 240px;
}

.x-div-car-main{
    height: 200px;
    background: rgba(56, 199, 220, 0.24);
    margin-top: 20px;
    padding: 24px 0 6px;
}

.x-div-car-input{
    display: block;
    padding-left: 44px;
}

.x-div-car-line{
    display: block;
    height: 39px;
    margin-bottom: 16px;
}

.x-div-car-input *{
    float: left;
}

.x-div-car-input .x-input-car{
    line-height: 28px;
    padding: 2px 0px 2px 10px;
    background: #fff;
    width: 168px;
    display: block;
    border: 0;
    border: 1px solid #fff;
}

.x-div-car-input .x-span{
    display: block;
    width: 85px;
    padding-right: 15px;
    position: relative;
    text-align: right;
    font-size: 14px;
    color: #333;
    line-height: 34px;
    height: 34px;
}


.x-div-car-input strong{
    font-weight: bold;
    font-size: 14px;
    color: #000;
    line-height: 32px;
}
.x-label{
    display: block;
    width: 85px;
    padding-right: 15px;
    position: relative;
    text-align: right;
    font-size: 14px;
    color: #333;
    line-height: 34px;
    height: 34px;
}

.x-label *{
    float: right;
}

.x-label .icon-circle-o{
    margin-right: 4px;
    font-size: 12px;
    color: #00ff99;
}

.x-red{
    color: red !important;
}

.x-button-car{
    width: 140px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 0px auto;
    background: #ff5757;
    float: right;
    margin-right: 40px;
}


.x-button-car{
    width: 140px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 0px auto;
    background: #ff5757;
    float: right;
    margin-right: 40px;
}

.x-div-car-input a{
    color: #fff !important;
}

.x-label b{
    padding-left: 6px;
    color: red;
}

.x-input-car-error{
    border: 1px solid rgba(255, 87, 87, 0.72) !important;
}

.x-div-help-main li {
    overflow: hidden;
    height: 34px;
    padding: 0px  41px;
    padding-bottom: 2px;
}

.x-div-help-main{
    font-size: 16px;
    padding-top: 8px;
}

.x-button-help{
    border: 1px solid #228D9D;
    width: 100%;
    height: 34px;
    color: #fff;
    font-size: 18px;
    background: #228D9D;
    border-radius: 4px;
}
.x-div-help-main input{
    width: 224px;
    height: 26px;
}

.x-div-help-main select{
    width: 224px;
    height: 26px;
}

.x-div-sindex1-qq{
    position:absolute;  
    animation:1s arrow infinite ease;  
}
@keyframes arrow {  
    0%,100% {  
        top:229px;  
    }  
    50% {  
        top:233px;  
    }  
}