@charset "utf-8";
/*modulebox title*/
.modulebox { margin-top: 26px; }

.module-title { position: relative; height: 70px; line-height: 70px; border-bottom: 3px solid #e8e8e8; }

    .module-title h2 { color: #999; font-size: 14px; color: #9c9fa1; }

        .module-title h2 * { vertical-align: middle; }

        .module-title h2 strong { color: #000; font-size: 24px; margin-right: 20px; }

.mod270 .module-title h2 strong { font-size: 20px; }

.module-title .more { position: absolute; top: 0; right: 0; color: #9c9fa1; }

    .module-title .more:hover { color: #e93b3d; text-decoration: underline; }

.module-title { position: relative; height: 70px; line-height: 70px; border-bottom: 3px solid #e8e8e8; }

    .module-title h2 { color: #999; font-size: 14px; color: #9c9fa1; }

        .module-title h2 * { vertical-align: middle; }

        .module-title h2 a { display: inline-block; color: #999; }

            .module-title h2 a:hover strong { color: #e93b3d; }

    .module-title .more { position: absolute; top: 0; right: 0; color: #9c9fa1; }

        .module-title .more:hover { color: #e93b3d; text-decoration: underline; }

/*switch-item/switch-term/switch-spot */
.switch-item { position: relative; min-height: 24px; _height: 24px; }

    .switch-item li { float: left; padding-bottom: 6px; /*margin-right: 24px;*/ cursor: pointer; }

        .switch-item li.on { background: url(/content/images/ico_switch_item.png) center bottom no-repeat; }

        .switch-item li:last-child { margin-right: 0; }

        .switch-item li a { display: inline-block; height: 22px; line-height: 22px; padding: 2px 14px; border-radius: 2px; font-size: 14px; }

        .switch-item li.on a { background: #e93b3d; color: #fff; box-shadow: 0 5px 20px rgba(226, 5, 5, 0.18); }

.sitem-changebox { position: relative; height: 40px; }

.sitem-change { display: inline-block; height: 28px; line-height: 28px; padding-left: 21px; background: url(/content/images/ico_index.png) left -210px no-repeat; color: #9c9fa1; font-size: 12px; cursor: pointer; }

    .sitem-change:hover { text-decoration: underline; }

.sitem-changebox .sitem-change { position: absolute; top: 6px; right: 0; }

.switch-item .sitem-change { position: absolute; top: 0; right: 0; }

.switch-term { border: 0 1px solid #e8e8e8; text-align: center; }

    .switch-term li { position: relative; float: left; width: 50%; *+width: 49%; height: 46px; cursor: pointer; line-height: 46px; border-right: 1px solid #e8e8e8; box-sizing: border-box; background: #f8f8f9; }

        .switch-term li.on { background: #fff; font-weight: 600; }

        .switch-term li:last-child { border-right: none; }

        .switch-term li .line { position: absolute; top: -3px; left: 0; right: 0; display: block; height: 3px; background: #e8e8e8; font-size: 0; }

        .switch-term li.on .line { background: #e93b3d; }

.switch-spot { /*width: 120px;*/ height: 8px; font-size: 0; text-align: center; }

    .switch-spot li { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); margin: 0 5px; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; }

        .switch-spot li.on { background: #fff; }

/*index*/
.app-downloadbox { min-width: 1200px; _min-width: 1200px; margin: 0 auto; height: 500px; background: url(/content/images/app_downloadbg.png) center no-repeat; margin-top: 25px; margin-bottom: -70px; }

.app-download-wrap { height: 500px; background: url(/content/images/app_download_phone.png) right bottom no-repeat; }

.app-download { width: 548px; }

    .app-download h2 { font-size: 24px; color: #394043; line-height: 36px; }

.app-down { margin-top: 55px; }

.app-down-btn { float: left; width: 200px; }

    .app-down-btn a { display: block; width: 200px; height: 50px; cursor: pointer; border: none; }

        .app-down-btn a.iphone { background: url(/content/images/app_download_btn_iphone.png) center no-repeat; }

        .app-down-btn a.andrid { margin-top: 30px; background: url(/content/images/app_download_btn_andrid.png) center no-repeat; }

.app-down-qr { float: left; width: 130px; height: 130px; padding-left: 50px; }

    .app-down-qr img { width: 130px; height: 130px; }

.bannerbox { position: relative; min-width: 1200px; _width: 1200px; margin: 0 auto; height: 460px; }

.banner-switchbox { position: relative; height: 460px; overflow: hidden; }

    .banner-switchbox .switch-spot { position: absolute; bottom: 10px; left: 50%; margin-left: -300px; width: 600px; height: 2; z-index: 1; }

        .banner-switchbox .switch-spot li { width: 20px; height: 2px; border-radius: 0; }

.banner-switch a.img { display: block; height: 460px; background-color: #4c4c4c; background-position: center; background-repeat: no-repeat; background-size: cover; }

.banner-searchbox {
    position: absolute;
    top: 157px;
    left: 50%; /*margin: -100px 0 0 -390px;*/
    margin-left: -359px;
    padding: 0 30px;
    width: 658px;
    height: 186px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.76);
    box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.29);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);
    color: #fff;
}

.index-searchbox { width: 658px; padding: 18px 0 0; }

.isearch-item { font-size: 16px; }

    .isearch-item ul { margin-right: -23px; }

    .isearch-item li { float: left; margin-right: 18px; height: 46px; }

    .isearch-item a { position: relative; display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; color: #fff; border-radius: 2px; cursor: pointer; }

    .isearch-item li.on a { background: #e93b3d; }

    .isearch-item a i { position: absolute; top: 30px; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; background: url(/content/images/isearch_triangle.png) center bottom no-repeat; display: none; }

    .isearch-item li.on a i { display: block; }

.isearchbox { position: relative; padding: 0 70px 0 20px; width: 440px; height: 40px; background: #fff; border-radius: 4px; /* overflow: hidden;*/ }

.isearch-text { width: 100%; height: 40px; line-height: 40px; border: none; font-size: 14px; background: none; }

.isearch-btn { position: absolute; top: 0; left: 460px; width: 70px; height: 40px; background: #e93b3d url(/content/images/ico_banner_search.png) center no-repeat; color: #fff; border: none; font-size: 22px; border-radius: 0 2px 2px 0; }

    .isearch-btn:hover { background-color: #c53132; }

.isearch-map { position: absolute; top: 0; left: 558px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #394043; background: #fff; border-radius: 2px; }

    .isearch-map:hover { color: #fefefe; background: #e93b3d; }

.banner-search-hot {
    margin-top: 10px;
    line-height: 20px;
    font-size: 12px;
    color: #e93b3d;
    height: 60px;
    overflow: hidden;
}

    .banner-search-hot a { color: #dcdcdc; margin-right: 20px; display: inline-block; }

        .banner-search-hot a:last-child { margin-right: 0; }

        .banner-search-hot a:hover { color: #e93b3d; }

.entrybox { min-width: 1200px; _width: 1200px; margin: 0 auto; background: #f8f8f9; }

.entry-wrap { position: relative; padding-top: 20px; height: 245px; }

.entry-item { float: left; /*width: 350px;*/ width: 353px; }

.entry-item2 { margin-left: 114px; _display: inline; *zoom: 1; }

.entry-title { height: 36px; line-height: 36px; margin-bottom: 5px; }

    .entry-title h2 { color: #000; font-size: 16px; font-weight: 600; }

        .entry-title h2 a { color: #000; }

            .entry-title h2 a:hover { text-decoration: underline; }

.entry-body { height: 160px; overflow: hidden; }

    .entry-body dl { position: relative; margin-top: 20px; padding-left: 55px; line-height: 30px; }

    .entry-body dt { position: absolute; top: 0; left: 0; color: #9c9fa1; width: 50px; }

    .entry-body dd { min-height: 30px; _height: 30px; }

        .entry-body dd a { display: inline-block; height: 30px; line-height: 30px; margin: 0 5px; }

            .entry-body dd a.on, .entry-body dd a:hover { color: #e93b3d; }

.entry-trend { position: absolute; top: 40px; right: 0; width: 270px; }

    .entry-trend .trend { height: 170px; /* overflow: hidden;*/ }

/*.mod890{float: left; width: 890px;}
.mod276{float: right; width: 276px;}*/
/*zero-list*/
.zerobox { margin-top: 40px; }

.zero-title { text-align: center; font-size: 18px; border-left: 1px solid #e8e8e8; }

    .zero-title ul { }

    .zero-title li { float: left; width: 33.33%; background: #f8f8f9; border-top: 3px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

        .zero-title li.on { background: #fff; border-top: 3px solid #e93b3d; border-bottom: 1px solid #fff; }

        .zero-title li a { display: block; height: 52px; line-height: 52px; border-right: 1px solid #e8e8e8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.zero-list { margin-top: 40px; }

    .zero-list ul { margin-right: -40px; *zoom: 1; }

    .zero-list li { float: left; width: 277px; margin-right: 30.5px; }

    .zero-list .img a { display: block; width: 277px; height: 208px; overflow: hidden; }

        .zero-list .img a img { width: 277px; height: 208px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

    .zero-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.zlist-info { border: 1px solid #e8e8e8; border-top: none; padding: 10px 10px 5px; }

    .zlist-info h2 { height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .zlist-info h2 a:hover { color: #e93b3d; }

.zlinfo-item { position: relative; height: 22px; line-height: 22px; color: #9c9fa1; }

.zlinfo-item { }

    .zlinfo-item .price { position: absolute; top: 0; right: 0; display: block; color: #e93b3d; }

        .zlinfo-item .price strong { font-size: 18px; }

    .zlinfo-item .location { display: block; height: 20px; line-height: 20px; width: 45%; padding-left: 22px; background: url(/content/images/ico_index.png) left -5px no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }







.one-listbox { position: relative; }

    .one-listbox a.prev, .one-listbox a.next { position: absolute; top: 175px; display: block; width: 50px; height: 50px; z-index: 1; }

    .one-listbox a.prev { left: 0; background: url(/content/images/btn_switch.png) center 0 no-repeat; }

    .one-listbox a.next { right: 0; background: url(/content/images/btn_switch.png) center -50px no-repeat; }

.one-list { width: 890px; overflow: hidden; height: 423px; }

    .one-list ul { margin-right: -40px; *zoom: 1; }

    /*.one-list li {float: left;
        width: 430px;
        margin-right: 30px;
        margin-top: 40px;}*/
    .one-list li { float: left; width: 388px; padding: 20px 20px 0; margin-right: 30px; margin-top: 20px; border: 1px solid #efefef; }

        .one-list li:hover { -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1); }

    .one-list .img { width: 388px; height: 291px; overflow: hidden; }

        .one-list .img a { position: relative; display: block; }

        .one-list .img img { width: 388px; height: 291px; }

        .one-list .img img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .one-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
/*.olist-info{padding: 16px 20px; border:1px solid #efefef; border-top: none;}*/
.olist-info { padding: 12px 0; }

    .olist-info h2 { height: 36px; line-height: 36px; font-size: 20px; overflow: hidden; }

        .olist-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .olist-info h2 a:hover { color: #e93b3d; }

.olinfo-item { position: relative; height: 30px; line-height: 30px; /*margin-top: 18px;*/ }

    .olinfo-item .price { position: absolute; top: 0; right: 0; display: block; color: #e93b3d; }

        .olinfo-item .price strong { font-size: 16px; margin-right: 6px; }

    .olinfo-item .location { display: block; height: 30px; line-height: 30px; width: 45%; padding-left: 22px; background: url(/content/images/ico_index.png) top left no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.one-register { position: relative; padding: 16px 30px; margin-top: 30px; border: 1px solid #e8e8e8; }

    .one-register .pagbox { position: absolute; top: 9px; left: -5px; padding-bottom: 6px; }

    .one-register .pag { display: inline-block; height: 26px; line-height: 26px; background: #e93b3d; color: #fefefe; padding: 0 8px; }

.ori-service { position: absolute; top: 5px; right: 30px; font-size: 12px; }

    .ori-service strong { font-size: 24px; font-weight: 400; }

.one-reg-item { padding-left: 100px; }

    .one-reg-item .item { display: inline-block; margin-left: 28px; }

    .one-reg-item li { float: left; margin-left: 28px; }

.ori-radio { display: none; }

.ori-label { display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; cursor: pointer; background: url(/content/images/ico_index.png) left -45px no-repeat; }

.ori-radio:checked + label.ori-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.one-reg-item li.on label.ori-label { background: url(/content/images/ico_index.png) left -75px no-repeat; }

.one-reg-form { position: relative; margin-top: 25px; min-height: 30px; _height: 30px; padding-right: 90px; }

    .one-reg-form dl { position: relative; float: left; padding-left: 70px; }

    .one-reg-form dt { position: absolute; top: 0; left: 0; width: 70px; line-height: 30px; text-align: right; }

.orf-text { width: 138px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #e8e8e8; }

.orf-btn { position: absolute; top: 0; right: 0; width: 90px; height: 28px; line-height: 28px; background: #e93b3d; text-align: center; color: #fff; border: none; cursor: pointer; }
/*.orf-btn:hover{background: #fff; color: #e93b3d; border:1px solid #e93b3d;}*/

.two-list-wrap, .eight-list-wrap { float: right; position: relative; width: 660px; margin-top: 20px; }

    .two-list-wrap .switch-item { position: absolute; top: -70px; right: 0; padding-right: 115px; z-index: 1; }

    .eight-list-wrap .sitem-changebox { position: absolute; top: -70px; right: 0; padding-right: 115px; z-index: 1; }

.two-listbox { height: 330px; /*overflow: hidden;*/ }

.two-list { /*margin-top: 20px;*/ }

.eight-list { height: 330px; overflow: hidden; }
    /*.two-list,.eight-list{margin-top: 20px;}*/
    .two-list ul, .eight-list ul { margin-right: -30px; *zoom: 1; }

.two-list li .pag { position: absolute; top: -4px; left: 2px; display: block; width: 40px; height: 46px; background: #fcf; z-index: 3; }

    .two-list li .pag.red-packet { background: url(/content/images/ico_give.png) center top no-repeat; }

    .two-list li .pag.electrical { background: url(/content/images/ico_give.png) center -50px no-repeat; }

.two-list li, .eight-list li { position: relative; float: left; width: 206.6px; height: 155px; margin-right: 20px; margin-bottom: 20px; }

.eight-list li { overflow: hidden; }

    .two-list li:hover, .eight-list li:hover { -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1); }

.two-list .img, .eight-list .img { width: 206.6px; height: 155px; overflow: hidden; }

    .two-list .img a, .eight-list .img a { display: block; }

    .two-list .img img, .eight-list .img img { width: 206.6px; height: 155px; }

    .two-list .img img, .eight-list .img img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .two-list .img img:hover, .eight-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.tlist-info { position: absolute;z-index:11; left: 0; right: 0; bottom: 0; height: 28px; line-height: 28px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff; }

    .tlist-info h2 { height: 28px; line-height: 28px; width: 50%; font-size: 12px; overflow: hidden; }

        .tlist-info h2 a { display: inline-block; max-width: 100%; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }

    .tlist-info .price {
        position: absolute;
        top: 0;
        right: 10px;
        display: block;
        font-size: 12px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

        .tlist-info .price strong { font-weight: 400; }

.tlist-hover { z-index: 2; position: absolute; top: 0; left: 0; padding: 25px 20px 15px; width: 166.6px; height: 115px; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000); color: #fff; overflow: hidden; display: none; }

.two-list li:hover .tlist-hover, .eight-list li:hover .tlist-hover { display: block; }

.tlist-hover a.link { display: block; color: #fff; font-size: 12px; }

.tlist-hover h2 { font-size: 16px; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 25px; }

.tlist-hover p.ico { height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 25px; }

    .tlist-hover p.ico.prix { background: url(/content/images/ico_index.png) left -120px no-repeat; }

    .tlist-hover p.ico.tag { background: url(/content/images/ico_index.png) left -150px no-repeat; }

    .tlist-hover p.ico.location { background: url(/content/images/ico_index.png) left -180px no-repeat; }

.two-regionbox { padding-top: 10px; }

.two-region-wrap { height: 128px; overflow: hidden; }

.two-region { height: 120px; overflow: hidden; margin-top: 10px; }

    .two-region ul { margin-right: -40px; *zoom: 1; }

    .two-region li { position: relative; float: left; width: 278px; height: 26px; line-height: 26px; margin-right: 28px; margin-top: 2px; }

        .two-region li:hover { background: #f8f8f9; }

    .two-region .name { display: block; max-width: 340px; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .two-region .name:hover { color: #e93b3d; }

    .two-region .price {
        position: absolute;
        top: 0;
        right: 0;
        color: #9c9fa1;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

.three-list-max { }

.three-list-wrap { float: right; position: relative; margin-top: 20px; width: 660px; }

    /* .three-list-wrap .sitem-changebox { position: absolute; top: -70px; right: 0; padding-right: 115px; z-index: 1; }*/
    .three-list-wrap .switch-item { position: absolute; top: -70px; right: 0; padding-right: 115px; z-index: 1; }

        .three-list-wrap .switch-item li.on { background: none; }

        .three-list-wrap .switch-item li a:hover { background: #e93b3d; color: #fff; box-shadow: 0 5px 20px rgba(226, 5, 5, 0.18); }

.three-list { overflow: visible; }

    .three-list li { position: relative; }

        .three-list li .tag { position: absolute; top: -4px; left: 2px; display: block; width: 40px; height: 46px; background: #fcf; z-index: 1; }

            .three-list li .tag.red-packet { background: url(/content/images/ico_give.png) center top no-repeat; }

            .three-list li .tag.electrical { background: url(/content/images/ico_give.png) center -50px no-repeat; }

.three-list { /*margin-top: 40px; */ margin-right: -10px; height: 460px; overflow: hidden; }

    .three-list ul { margin-right: -40px; *zoom: 1; }

    .three-list li { float: left; width: 206.6px; margin-right: 20px; margin-bottom: 20px; }

        .three-list li:hover { -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.1); -ms-box-shadow: 0 5px 20px rgba(0,0,0,0.1); -o-box-shadow: 0 5px 20px rgba(0,0,0,0.1); box-shadow: 0 5px 20px rgba(0,0,0,0.1); }

    .three-list .img { position: relative; width: 206.6px; height: 155px; overflow: hidden; }

.three-hover { position: absolute; top: 0; left: 0; padding: 25px 20px 15px; width: 166.6px; height: 115px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); color: #fff; overflow: hidden; display: none; }

.three-list li:hover .three-hover { display: block; }

.three-hover .enroll-btn { display: block; width: 98px; height: 34px; line-height: 34px; color: #fff; border: 1px solid #fff; border-radius: 2px; text-align: center; margin: 40px auto 0; cursor: pointer; }

    .three-hover .enroll-btn:hover { text-decoration: underline; }

.three-list .img a { position: relative; display: block; }

.three-list .img img { width: 206.6px; height: 155px; }

.three-list .img img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

    .three-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.thlist-info { position: absolute; bottom: 0; left: 0; right: 0; height: 28px; line-height: 28px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff; }

    .thlist-info h2 { width: 50%; height: 28px; line-height: 28px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .thlist-info .price { position: absolute; top: 0; right: 10px; font-size: 12px; }

.thlinfo-item { position: relative; line-height: 24px; padding: 5px 10px 3px; border: 1px solid #efefef; border-top: none; height: 52px; overflow: hidden; }

    .thlinfo-item .enroll { position: absolute; top: 20px; right: 10px; display: block; width: 62px; height: 22px; line-height: 22px; color: #e93b3d; border: 1px solid #e93b3d; border-radius: 2px; text-align: center; font-size: 12px; cursor: pointer; }

        .thlinfo-item .enroll:hover { background: #e93b3d; color: #fff; }

    .thlinfo-item .price strong { font-size: 24px; margin-right: 6px; }

    .thlinfo-item .location { display: block; height: 30px; line-height: 30px; width: 45%; padding-left: 22px; background: url(/content/images/ico_index.png) top left no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .thlinfo-item .feature { height: 24px; line-height: 24px; margin-top: 3px; color: #9c9fa1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fnews-title { padding: 10px; border: 1px solid #e8e8e8; border-top: none; }

    .fnews-title h2 { height: 78px; line-height: 78px; text-align: center; font-size: 36px; font-weight: 600; color: #06559c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .fnews-title h2 * { vertical-align: middle; }

        .fnews-title h2 a { color: #06559c; }

            .fnews-title h2 a:hover { text-decoration: underline; }

        .fnews-title h2 .ico { display: inline-block; width: 60px; height: 30px; margin-right: 8px; }

            .fnews-title h2 .ico.hot { background: url(/content/images/ico_title_hot.png) center no-repeat; }

.four-photo { float: left; width: 360px; }

.four-bannerbox { position: relative; }

    .four-bannerbox .switch-spot { position: absolute; bottom: 14px; right: 5px; width: 130px; text-align: right; z-index: 1; }

        .four-bannerbox .switch-spot li { margin: 0 3px; }

.four-banner { height: 270px; overflow: hidden; }

    .four-banner li { position: relative; height: 270px; }

    .four-banner .img a { display: block; width: 360px; height: 270px; overflow: hidden; }

    .four-banner .img img { width: 360px; height: 270px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .four-banner .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.fbanner-info { position: absolute; left: 0; right: 0; bottom: 0; height: 36px; line-height: 36px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff; }

    .fbanner-info h2 { width: 65%; font-size: 14px; height: 36px; line-height: 36px; }

        .fbanner-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.four-nominate { }

    .four-nominate ul { margin-right: -30px; *zoom: 1; }

    .four-nominate li { position: relative; float: left; width: 170px; height: 128px; margin-right: 20px; margin-top: 20px; }

    .four-nominate .img a { display: block; width: 170px; height: 128px; overflow: hidden; }

    .four-nominate .img img { width: 170px; height: 128px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

        .four-nominate .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.fnominate-info { position: absolute; left: 0; right: 0; bottom: 0; height: 26px; line-height: 26px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff; }

    .fnominate-info h2 { font-size: 12px; height: 26px; line-height: 26px; }

        .fnominate-info h2 a { display: inline-block; max-width: 100%; height: 26px; line-height: 26px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.four-news-list { float: right; width: 500px; }

.four-news2 { padding-top: 12px; margin-top: 10px; border-top: 1px dashed #e8e8e8; }

.four-news { font-size: 16px; }

    .four-news li { height: 30px; line-height: 30px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .four-news li * { vertical-align: middle; }

        .four-news li.li0 { margin-top: 0; font-size: 16px; font-weight: 600; }

        .four-news li a { /*display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }

            .four-news li a:hover { color: #e93b3d; }

.five-list-max { }

.five-list-wrap { float: right; position: relative; width: 660px; margin-top: 20px; }

    .five-list-wrap .switch-item { position: absolute; top: -70px; right: 0; padding-right: 115px; z-index: 1; }

.five-list { margin-right: -10px; height: 460px; overflow: hidden; }

    .five-list ul { margin-right: -30px; *zoom: 1; }

    .five-list li { position: relative; float: left; width: 206.6px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; }

        .five-list li:hover { -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1); }

    .five-list .img { width: 206.6px; height: 155px; overflow: hidden; }

        .five-list .img a { position: relative; display: block; }

        .five-list .img img { width: 206.6px; height: 155px; }

        .five-list .img img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .five-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

        .five-list .img .price { position: absolute; bottom: 10px; left: 0; display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; background: rgba(140, 140, 140, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5394043,endcolorstr=#e5394043); color: #fff; z-index: 1; }

            .five-list .img .price strong { font-size: 16px; font-weight: 600; }

.filist-info { padding: 0 14px 8px; border: 1px solid #e8e8e8; border-top: none; }

    .filist-info h2 { height: 36px; line-height: 36px; font-size: 14px; overflow: hidden; }

        .filist-info h2 a { display: inline-block; max-width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .filist-info h2 a:hover { color: #e93b3d; }

    .filist-info .price { position: absolute; top: 0; right: 10px; display: block; }

        .filist-info .price strong { font-weight: 400; }

.filist-item { color: #9c9fa1; font-size: 12px; }

    .filist-item span { float: left; display: block; width: 50%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .filist-item span.item2 { text-align: right; }

.sixbox { }

.six-listbox { position: relative; padding-top: 35px; }

    .six-listbox a.prev, .six-listbox a.next { position: absolute; top: 105px; display: block; width: 20px; height: 30px; z-index: 1; }

    .six-listbox a.prev { left: 0; background: url(/content/images/btn_switch.png) -5px -100px no-repeat; }

    .six-listbox a.next { right: 0; background: url(/content/images/btn_switch.png) -5px -130px no-repeat; }

.six-list { padding-bottom: 10px; overflow: hidden; margin: 0 25px; }
    /*.six-list ul{margin-right: -30px; *zoom: 1;}*/
    .six-list li { position: relative; float: left; width: 258px; height: 174px; margin: 5px 15px 5px 15px; overflow: hidden; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 7px rgba(0,0,0,0.1); -o-box-shadow: 0 0 7px rgba(0,0,0,0.1); box-shadow: 0 0 7px rgba(0,0,0,0.1); }

.slist-body { position: relative; padding: 14px 14px 0 108px; height: 106px; overflow: hidden; }

/*.six-list .img {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 80px;
    height: 106px;
}*/

.six-list .img a { display: block; }

/*.six-list .img a img {
            width: 80px;
            height: 106px;
        }*/
.six-list .img { position: absolute; top: 14px; left: 14px; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin-top: 7px; border: 1px solid #e8e8e8; }

    .six-list .img a img { width: 80px; height: 80px; }

.slist-info { position: relative; }

    .slist-info .online { position: absolute; top: 12px; right: 10px; display: block; width: 70px; height: 18px; background: url(/content/images/ico_online_consulting.png) center no-repeat; cursor: pointer; }

    .slist-info h2 { height: 30px; line-height: 30px; font-size: 18px; }

        .slist-info h2 a { display: inline-block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

            .slist-info h2 a:hover { text-decoration: underline; }

    .slist-info .tel { display: block; width: 135px; height: 32px; line-height: 32px; border: 1px solid #e93b3d; font-size: 14px; color: #e93b3d; border-radius: 4px; text-align: center; margin-top: 12px; }

        .slist-info .tel:hover { background: #e93b3d; color: #fff; }

.slist-item { font-size: 12px; }

    .slist-item p { height: 26px; line-height: 26px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .slist-item .house { color: #5680a6; font-size: 14px; }

        .slist-item .house:hover { text-decoration: underline; }

.slist-foot { border-top: 1px solid #e8e8e8; margin-top: 14px; text-align: center; }

    .slist-foot .btn { float: left; display: block; width: 50%; height: 40px; line-height: 40px; }

        .slist-foot .btn * { vertical-align: middle; }

        .slist-foot .btn.online { color: #488bf4; background: url(/content/images/ico_agent.png) right -40px no-repeat; cursor: pointer; }

        .slist-foot .btn.tel { color: #e93b3d; }

    .slist-foot .ico { display: inline-block; width: 20px; height: 20px; margin-right: 5px; }

        .slist-foot .ico.i-online { background: url(/content/images/ico_agent.png) center 0 no-repeat; }

        .slist-foot .ico.i-tel { background: url(/content/images/ico_agent.png) center -20px no-repeat; }

.seven-list-wrap { position: relative; margin-top: 20px; }

    .seven-list-wrap .switch-item { position: absolute; top: -70px; right: 0; padding-right: 115px; z-index: 1; }

.seven-list { margin-top: 20px; height: 344px; overflow: hidden; }

    .seven-list li { float: left; width: 216px; margin-left: 20px; }

        .seven-list li.li0 { width: 492px; height: 344px; margin-left: 0; }

        .seven-list li.li4, .seven-list li.li5, .seven-list li.li6 { margin-top: 20px; }

    .seven-list .img a { position: relative; display: block; width: 216px; height: 162px; overflow: hidden; }

    .seven-list .img img { width: 216px; height: 162px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

    .seven-list li.li0 .img a, .seven-list li.li0 .img img { width: 492px; height: 344px; }

    .seven-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.selist-info { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; line-height: 30px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff; }

    .selist-info .price {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 12px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .selist-info .address { height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; font-size: 12px; }

    .selist-info h2 { height: 30px; line-height: 30px; width: 60%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.seven-list li.li0 .selist-info { height: 50px; }

    .seven-list li.li0 .selist-info .address { display: block; }

    .seven-list li.li0 .selist-info h2 { font-size: 16px; }

    .seven-list li.li0 .selist-info .price {
        top: 10px;
        font-size: 14px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

.eightbox { }

.billboardbox { min-width: 1200px; _width: 1200px; margin: 0 auto; background: #f8f8f9; margin-top: 70px; }

.billboard-wrap { padding: 44px 0 70px; }

.billboard-listbox { width: 1200px; overflow: hidden; }

.billboard-list { margin-right: -40px; *zoom: 1; +*width:1230px; }

.subbillboard { float: left; width: 360px; height: 438px; padding: 0 10px; background: #fff; -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1); margin-right: 30px; margin-top: 40px; overflow: hidden; }

.bill-head { position: relative; height: 46px; line-height: 46px; font-size: 18px; border-bottom: 1px solid #e8e8e8; }

    .bill-head .more { position: absolute; top: 0; right: 0; color: #9c9fa1; font-size: 14px; }

        .bill-head .more:hover { color: #e93b3d; text-decoration: underline; }

    .bill-head ul { }

    .bill-head li { float: left; margin-right: 30px; }

        .bill-head li:last-child { margin-right: 0; }

        .bill-head li a { display: inline-block; height: 44px; line-height: 44px; }

        .bill-head li.on { }

            .bill-head li.on a { font-weight: 600; border-bottom: 2px solid #e93b3d; }

.bill-body { color: #9c9fa1; font-size: 14px; width: 100%; /*兼容IE*/ }

    .bill-body a:hover { color: #e93b3d; }

    .bill-body li { position: relative; padding-left: 25px; min-height: 35px; _height: 35px; line-height: 35px; margin-top: 3px; }

        .bill-body li:hover { background: #f8f8f9; }

    .bill-body .number { position: absolute; top: 9px; left: 0; display: block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #9c9fa1; background: #e8e8e8; border-radius: 2px; }

    .bill-body li.li0 .number, .bill-body li.li1 .number, .bill-body li.li2 .number { color: #fff; background: #e93b3d; }

    .bill-body span { float: left; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; +*vertical-align:middle; }

        .bill-body span.name { width: 140px; }

            .bill-body span.name a { display: block; max-width: 120px; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .bill-body span.price {
            width: 120px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }

        .bill-body span.region { width: 75px; }

        .bill-body span.title { width: 335px; }

            .bill-body span.title a { display: inline-block; max-width: 100%; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

                .bill-body span.title a:hover { color: #e93b3d; }

.zk-data-wrap { padding: 44px 0 70px; }

.zk-data-list ul { margin-right: -30px; *zoom: 1; }

.zk-data-list li { position: relative; float: left; width: 380px; height: 285px; margin-right: 30px; margin-top: 30px; }

.zk-data-list .bg, .zk-data-list .bg img { width: 380px; height: 285px; }

.zkdl-info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 75px; z-index: 1; background: rgba(57,64,67,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2394043,endcolorstr=#b2394043); color: #fff; text-align: center; }

.zk-data-list li:hover .zkdl-info { background: rgba(233,59,61,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5e93b3d,endcolorstr=#e5e93b3d); padding-top: 20px; }

.zkdl-info h2 { margin-top: 5px; height: 58px; line-height: 58px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.zkdl-info .ico img { width: 75px; height: 75px; }

.zkdl-info .words { width: 322px; max-height: 52px; line-height: 26px; margin: 0 auto; font-size: 12px; overflow: hidden; display: none; }

.zkdl-btn { margin-top: 15px; display: none; }

    .zkdl-btn .btn { display: block; width: 100px; height: 36px; line-height: 36px; margin: 0 auto; color: #fff; border: 1px solid #fff; font-size: 14px; }

        .zkdl-btn .btn:hover { text-decoration: underline; }

.zk-data-list li:hover .zkdl-info .words, .zk-data-list li:hover .zkdl-btn { display: block; }

/*侧边*/
/*.ocondo-tour { margin-top: 20px; height: 542px; overflow: hidden; padding-right: 11px; }
    .ocondo-tour li { padding: 5px 0 10px; border-bottom: 1px dashed #e8e8e8; }
        .ocondo-tour li.li0 { padding: 0 0 10px; }
    .ocondo-tour h2 { line-height: 24px; max-height: 48px; font-size: 15px; overflow: hidden; }
        .ocondo-tour h2 a:hover { color: #e93b3d; }

.oct-body { font-size: 12px; margin-top: 10px; margin-left: 3px; border-left: 1px solid #e8e8e8; padding-left: 14px; padding-bottom: 10px; }
.oct-see { position: relative; height: 20px; line-height: 20px; color: #9c9fa1; }
    .oct-see .more { position: absolute; top: 0; right: 0; color: #e93b3d; }
    .oct-see .spot { position: absolute; top: 0; left: -20px; display: block; width: 12px; height: 20px; background: url(/content/images/ico_index_kft.png) center top no-repeat; }
.oct-body dl { position: relative; min-height: 76px; _height: 76px; padding-left: 110px; margin-top: 10px; }
.oct-body dt { position: absolute; top: 0; left: 0; }
.oct-body .img, .oct-body .img img { display: block; width: 100px; height: 76px; }
.oct-body h3 { height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; }
    .oct-body h3 a { display: inline-block; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oct-body p { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }
.oct-body .price { color: #e93b3d; }
.oct-body .location { color: #9c9fa1; padding-left: 16px; background: url(/content/images/ico_index.png) left -245px no-repeat; }
.oct-foot { position: relative; height: 24px; line-height: 24px; color: #9c9fa1; font-size: 12px; margin-top: 6px; }
.ocondo-tour li.li0 .oct-foot { margin-top: 0; }
.oct-foot .number { }
.oct-foot .enroll { position: absolute; top: 0; right: 0; display: block; width: 62px; height: 22px; line-height: 22px; color: #e93b3d; border: 1px solid #e93b3d; border-radius: 2px; text-align: center; font-size: 12px; cursor: pointer; }
    .oct-foot .enroll:hover { background: #e93b3d; color: #fff; }*/


.ocondo-tour { margin-top: 20px; max-height: 542px; /* overflow: auto;*/ overflow: hidden; /* padding-right: 11px; */ }

    .ocondo-tour li { padding: 10px 55px 10px 0; border-bottom: 1px dashed #e8e8e8; position: relative; }

        .ocondo-tour li.li0 { padding: 0 0 10px; }

    .ocondo-tour h2 { line-height: 24px; font-size: 12px; overflow: hidden; height: 24px; text-overflow: ellipsis; white-space: nowrap; }

        .ocondo-tour h2 a:hover { color: #e93b3d; }

.oct-body { font-size: 12px; margin-top: 10px; margin-left: 3px; border-left: 1px solid #e8e8e8; padding-left: 14px; padding-bottom: 10px; }

.oct-see { position: relative; height: 20px; line-height: 20px; color: #9c9fa1; }

    .oct-see .more { position: absolute; top: 0; right: 0; color: #e93b3d; }

    .oct-see .spot { position: absolute; top: 0; left: -20px; display: block; width: 12px; height: 20px; background: url(/content/images/ico_index_kft.png) center top no-repeat; }

.oct-body dl { position: relative; min-height: 76px; _height: 76px; padding-left: 110px; margin-top: 10px; }

.oct-body dt { position: absolute; top: 0; left: 0; }

.oct-body .img, .oct-body .img img { display: block; width: 100px; height: 76px; }

.oct-body h3 { height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; }

    .oct-body h3 a { display: inline-block; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.oct-body p { height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; }

.oct-body .price { color: #e93b3d; }

.oct-body .location { color: #9c9fa1; padding-left: 16px; background: url(/content/images/ico_index.png) left -245px no-repeat; }

.oct-foot { position: absolute; height: 24px; line-height: 24px; color: #9c9fa1; font-size: 12px; margin-top: 6px; top: 7px; right: 0; }

.ocondo-tour li.li0 .oct-foot { margin-top: 0; }

.oct-foot .number { display: none; }

.oct-foot .enroll { position: absolute; top: 0; right: 0; display: block; width: 46px; height: 22px; line-height: 22px; color: #e93b3d; border: 1px solid #e93b3d; border-radius: 2px; text-align: center; font-size: 12px; cursor: pointer; }

    .oct-foot .enroll:hover { background: #e93b3d; color: #fff; }


.foot-changebox { }

.foot-change { display: block; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; background: #f7f7f7; cursor: pointer; }

    .foot-change:hover { text-decoration: underline; }

.recent-link { padding-bottom: 10px; }

    .recent-link li { float: left; width: 50%; margin-top: 10px; text-align: center; }

        .recent-link li a { display: block; margin: 0 10px; padding: 15px 0 5px; color: #9c9fa1; border-radius: 6px; }

            .recent-link li a:hover { background: #f8f8f9; color: #394043; }

    .recent-link .ico { display: inline-block; width: 40px; height: 40px; }

    .recent-link li a:hover .ico { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.tool01 .icon { background: url(/content/images/tool_01.png) center no-repeat; }

.recent-link .ico.ico1 { background: url(/content/images/ico_link_recent.png) center 0 no-repeat; }

.recent-link .ico.ico2 { background: url(/content/images/ico_link_recent.png) center -40px no-repeat; }

.recent-link .ico.ico3 { background: url(/content/images/ico_link_recent.png) center -80px no-repeat; }

.recent-link .ico.ico4 { background: url(/content/images/ico_link_recent.png) center -120px no-repeat; }

.recent-link li p { height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }

.list-style { }

    .list-style li { position: relative; height: 30px; line-height: 30px; overflow: hidden; padding-left: 7px; background: url(/content/images/ico_list_style.png) left 0 no-repeat; margin-top: 5px; }

        .list-style li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 0 no-repeat; }

        .list-style li a { display: block; max-width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 3px; }

            .list-style li a:hover { color: #e93b3d; }

    .list-style .name { display: inline-block; height: 16px; line-height: 16px; color: #5680a6; padding-right: 6px; margin-right: 6px; border-right: 1px solid #5680a6; }

    .list-style .definition { display: inline-block; max-width: 190px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .list-style .number { position: absolute; top: 0; right: 0; color: #5680a6; }

.lstyle-btnbox { padding: 0 12px; margin-top: 20px; }

.lstyle-btn { display: block; border: 1px solid #e93b3d; height: 34px; line-height: 34px; text-align: center; color: #e93b3d; border-radius: 4px; }

.list-stylebox .list-style li { height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .list-stylebox .list-style li a { display: inline; }

.list-askbox { margin-top: 18px; }

.renting-stylebox { margin-top: 20px; }

.mod-reviewbox { margin-top: 5px; }

.list-reviewbox { margin-top: 15px; }

.ask-linkbox { margin-top: 10px; }

.ask-link li { float: left; width: 50%; margin-top: 20px; text-align: center; }

    .ask-link li a { display: block; width: 70px; height: 28px; line-height: 28px; padding-left: 28px; margin: 0 auto; border: 1px solid #e8e8e8; background-color: #f8f8f9; }

        .ask-link li a:hover { color: #fff; }

.ask-link .link1 { background: #f8f8f9 url(/content/images/ico_link_ask.png) 8px 0 no-repeat; }

.ask-link .link2 { background: #f8f8f9 url(/content/images/ico_link_ask.png) 8px -30px no-repeat; }

.ask-link .link3 { background: #f8f8f9 url(/content/images/ico_link_ask.png) 8px -60px no-repeat; }

.ask-link .link4 { background: #f8f8f9 url(/content/images/ico_link_ask.png) 8px -90px no-repeat; }

.ask-link .link1:hover { background: #e93b3d url(/content/images/ico_link_ask.png) 8px -120px no-repeat; }

.ask-link .link2:hover { background: #e93b3d url(/content/images/ico_link_ask.png) 8px -150px no-repeat; }

.ask-link .link3:hover { background: #e93b3d url(/content/images/ico_link_ask.png) 8px -180px no-repeat; }

.ask-link .link4:hover { background: #e93b3d url(/content/images/ico_link_ask.png) 8px -210px no-repeat; }

.villa-billbox { padding-top: 10px; }

.villa-bill { color: #9c9fa1; font-size: 14px; }

    .villa-bill a { }

    .villa-bill li { position: relative; padding-left: 25px; min-height: 24px; _height: 24px; line-height: 24px; margin-top: 10px; }

        .villa-bill li:hover { background: #f8f8f9; }

    .villa-bill .number { position: absolute; top: 3px; left: 0; display: block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #9c9fa1; background: #e8e8e8; border-radius: 2px; }

    .villa-bill li.li0 .number, .villa-bill li.li1 .number, .villa-bill li.li2 .number { color: #fff; background: #e93b3d; }

    .villa-bill span { float: left; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .villa-bill span.name { width: 150px; }

            .villa-bill span.name a { display: inline-block; max-width: 100%; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

                .villa-bill span.name a:hover { color: #e93b3d; }

        .villa-bill span.price {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }

/*关于我们*/
.our-mienbox { height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.about-usbox { margin-top: 70px; padding-bottom: 70px; }

.about-menubox { float: left; width: 220px; }

    .about-menubox h2 { position: relative; height: 26px; line-height: 26px; padding-left: 12px; color: #394043 !important; font-size: 16px; font-weight: 600; }

        .about-menubox h2:after { position: absolute; top: 8px; left: 0; display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #394043; }

.about-menu { margin-top: 12px; }

    .about-menu li { position: relative; margin-bottom: 10px; }

    .about-menu a { display: block; height: 26px; line-height: 26px; padding-left: 12px; color: #6b7072; }

        .about-menu a:hover { text-decoration: underline; color: #e93b3d; }

    .about-menu li.on a { color: #e93b3d; }

.about-us { float: right; width: 930px; }

.about-our { line-height: 26px; }

    .about-our p { text-indent: 2em; }

.breaking-news { line-height: 26px; }

    .breaking-news li { margin-bottom: 30px; }

.about-service { }

    .about-service dl { margin-bottom: 35px; }

        .about-service dl:last-child { margin-bottom: 0; }

    .about-service dd { margin-top: 35px; }

    .about-service p { line-height: 30px; }

.about-statement { }

    .about-statement p { line-height: 30px; text-indent: 2em; }

.about-contact-us { line-height: 30px; }

    .about-contact-us dl { margin-bottom: 25px; }

    .about-contact-us dt { font-weight: 600; }

/*改版新增*/
.two-asidebox { float: left; width: 200px; padding-top: 10px; }

    .two-asidebox h3 { height: 36px; line-height: 36px; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.two-aside { height: 306px; font-size: 14px; overflow: hidden; }

    .two-aside * { vertical-align: middle; }

    .two-aside a.name { display: inline-block; height: 30px; line-height: 30px; color: #6b7072; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 86px; }

    .two-aside a:hover { color: #e93b3d; }

    .two-aside span.line { display: inline-block; padding: 0 8px; margin: 8px 0; color: #ddd; font-size: 12px; }

.three-asidebox { float: left; width: 200px; padding-top: 10px; }

    .three-asidebox h3 { height: 36px; line-height: 36px; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.three-aside-item { height: 102px; font-size: 12px; overflow: hidden; }

    .three-aside-item * { vertical-align: middle; }

    .three-aside-item a.link { display: inline-block; height: 16px; line-height: 16px; color: #6b7072; margin: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .three-aside-item a:hover { color: #e93b3d; }

    .three-aside-item span.line { display: inline-block; padding: 0 8px; margin: 8px 0; color: #ddd; font-size: 12px; }

.three-aside-sale { margin-top: 10px; }

.three-sale { font-size: 12px; }

    .three-sale li { padding: 10px 0 7px; border-bottom: 1px dashed #e8e8e8; }

        .three-sale li:hover { background: #f9f9f9; }

    .three-sale h4 { height: 24px; line-height: 24px; padding-left: 10px; background: url(/content/images/ico_list_style.png) left -2px no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        .three-sale h4 * { vertical-align: middle; }

        .three-sale h4 a { display: inline-block; }

            .three-sale h4 a:hover { text-decoration: underline; }

    .three-sale .sale { color: #e93b3d; margin-top: 3px; padding-left: 10px; white-space: nowrap; width: 200px; overflow: hidden; text-overflow: ellipsis; }

.five-asidebox { float: left; width: 200px; padding-top: 10px; }

.five-aside { }

.five-aside-item { font-size: 12px; }

.five-aside-item2 { border-top: 1px dashed #e8e8e8; margin-top: 15px; padding-top: 12px; }

.five-aside-item * { vertical-align: middle; }

.five-aside-item a.link { display: inline-block; height: 16px; line-height: 16px; color: #6b7072; margin: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.five-aside-item a:hover { color: #e93b3d; }

.five-aside-item span.line { display: inline-block; padding: 0 10px; margin: 8px 0; color: #ddd; font-size: 12px; }

.five-aside-item2 span.line, .five-aside-item3 span.line { padding: 0 7px; }

.five-zpbox { border-top: 1px dashed #e8e8e8; margin-top: 15px; padding-top: 10px; color: #9c9fa1; text-align: center; }

    .five-zpbox h4 { color: #394043; font-size: 16px; height: 36px; line-height: 36px; }

.five-zp-link { display: block; height: 32px; line-height: 32px; border: 1px solid #e93b3d; border-radius: 2px; color: #e93b3d; margin-top: 16px; }

    .five-zp-link:hover { text-decoration: underline; }

.eight-asidebox { float: left; width: 200px; padding-top: 10px; }

.eight-aside { }

.eight-aside-item { font-size: 12px; }

.eight-aside-item1 { padding-top: 6px; padding-right: 30px; }

.eight-aside-item2 { border-top: 1px dashed #e8e8e8; margin-top: 18px; padding-top: 20px; }

.eight-aside-item3 { border-top: 1px dashed #e8e8e8; margin-top: 18px; padding-top: 20px; }

.eight-aside-item * { vertical-align: middle; }

.eight-aside-item a.link { display: inline-block; height: 16px; line-height: 16px; color: #6b7072; margin: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.eight-aside-item a:hover { color: #e93b3d; }

.eight-aside-item span.line { display: inline-block; padding: 0 10px; margin: 8px 0; color: #ddd; font-size: 12px; }


.tenbox { }

.ten-listbox { position: relative; padding-top: 40px; }

    .ten-listbox a.prev, .ten-listbox a.next { position: absolute; top: 135px; display: block; width: 20px; height: 30px; z-index: 1; }

    .ten-listbox a.prev { left: 0; background: url(/content/images/btn_switch.png) -5px -100px no-repeat; }

    .ten-listbox a.next { right: 0; background: url(/content/images/btn_switch.png) -5px -130px no-repeat; }

.ten-list { }

    .ten-list ul { margin-right: -30px; *zoom: 1; }

    .ten-list li { float: left; width: 224px; margin-right: 20px; }

    .ten-list .img { position: relative; width: 224px; height: 168px; overflow: hidden; }

        .ten-list .img img { width: 224px; height: 168px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; }

            .ten-list .img img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

        .ten-list .img a { display: block; }

.ten-title { position: absolute; bottom: 0; left: 0; right: 0; height: 28px; line-height: 28px; padding: 0 10px; color: #fff; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); color: #fff; overflow: hidden; z-index: 1; }

    .ten-title h2 { height: 28px; line-height: 28px; color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ten-info { border: 1px solid #e8e8e8; padding: 0 10px; margin-top: 3px; border-top: none; }

.ten-commission { height: 46px; line-height: 46px; font-size: 14px; color: #e93b3d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .ten-commission * { vertical-align: middle; }

    .ten-commission .ico { display: inline-block; width: 24px; height: 24px; margin-right: 3px; }

        .ten-commission .ico.i-gold { background: url(/content/images/ico_gold.png) center no-repeat; }

.ten-foot { position: relative; height: 30px; line-height: 30px; border-top: 1px dashed #e8e8e8; padding: 12px 0; }

    .ten-foot .price { color: #9c9fa1; font-size: 12px; }

    .ten-foot .btn { position: absolute; top: 12px; right: 0; display: block; width: 78px; height: 28px; line-height: 28px; border: 1px solid #e93b3d; color: #e93b3d; text-align: center; border-radius: 2px; cursor: pointer; font-size: 14px; }

        .ten-foot .btn:hover { background: #e93b3d; color: #fff; }



/*-- =二手房新增= --*/
/*.renting-stylebox .list-style { height: 210px; overflow: auto; }
.renting-stylebox { margin-top: 10px !important; }
.mod-property { margin-top: 12px; }
.property-item { position: relative; height: 38px; border-bottom: 1px solid #e8e8e8; }
    .property-item .more { position: absolute; top: 0; right: 0; color: #9c9fa1; font-size: 12px; line-height: 38px; }
        .property-item .more:hover { color: #e93b3d; text-decoration: underline; }
    .property-item li { float: left; }
        .property-item li a { display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; border-bottom: 2px solid transparent; cursor: pointer; }
        .property-item li.on a { border-bottom: 2px solid #e93b3d; color: #e93b3d; }
.propertybox { margin-top: 10px; }
.subproperty { }
    .subproperty li { padding-left: 13px; background: url(/content/images/ico_list_style.png) left 0 no-repeat; }
        .subproperty li:hover { background: #f8f8f9 url(/content/images/ico_list_style.png) left 0 no-repeat; }
        .subproperty li a { display: block; height: 30px; line-height: 30px; padding-left: 5px; color: #394043; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .subproperty li:hover a { background: #f8f8f9; color: #e93b3d; }*/