.main .content_box{width: 1180px; margin: 0 auto;overflow: hidden; margin-top: 10px;} .main .content_box>div{float: left;width: 50%} .main .content_box .left{width: 282px;} .main .content_box .right{width: 867px;margin-left: 30px;} .main .content_box .left .title{position: relative;width: 282px;font-size: 26px;font-weight: bolder;height: 70px;line-height: 70px;border-bottom: 6px solid #333333;color: #333333;} .main .content_box .left .title a{position: absolute;top:8px;right: 20px;font-size: 14px;font-weight: normal;} .main .content_box .left .items_box{width: 228px;margin: 0 auto;} .main .content_box .left .title_small{width: 100%;font-size: 16px;font-weight: bolder;height: 50px;line-height: 50px;color: #333333;} .main .content_box .left ul{width: 100%;overflow: hidden;border-bottom: 1px dotted #e5e5e5;padding-bottom: 10px;} .main .content_box .left ul li{float: left;margin-right: 20px;} .main .content_box .left ul li a{width: 56px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #666666; } .main>.more{padding-top: 12px;text-align: right;width: 1180px;margin: 0 auto;} .main>.more a{font-size: 16px;color: #666666;} .newbtm{border: 1px solid #eeeeee!important;} .title_new{height: 70px!important;line-height: 70px!important; text-indent: 20px;} .bac{background: #f8f8f9;} .main .content_box .left .hot{width: 240px;margin: 0 auto;border: 0; margin-top: 20px;} .main .content_box .left .hot li{float: unset;margin: 0;border-bottom: 1px dotted #e5e5e5;padding-bottom: 10px; } .main .content_box .left .hot li a{cursor: pointer;width: 100%;height: 100%;margin: 0;} .main .content_box .left .hot li a .img{width: 240px;height: 185px;position: relative;} .main .content_box .left .hot li a .img img{width: 100%;height: 100%;object-fit: cover;} .main .content_box .left .hot li a .img p{width: 100%;background: rgba(0, 0, 0, 0.7);position: absolute;bottom: 0;margin: 0;padding: 0;} .main .content_box .left .hot li a .img p span{font-size: 16px;color: #fff;margin: 0;} .main .content_box .left .hot li a .img p span:first-child{margin-left: 10px;max-width: 135px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;} .main .content_box .left .hot li a .img p span:last-child{margin-right: 10px;} .main .content_box .left .hot li a p{text-align: left;margin-top: 5px;} .main .content_box .left .hot li a .price{font-size: 20px;color: #fe4844;} .main .content_box .left .hot li a:hover .price{color: #fe4844;} .main .content_box .left .hot li a .tel{font-size: 16px;} .main .content_box .left .hot li a:hover .tel{color: #333;} .left .more{margin-top: 15px!important;margin-bottom: 20px!important;text-indent: 10px;font-size: 14px;color: #333;} .main .content_box .left>div{overflow: hidden;} .main .content_box .left .item_new{border: 1px solid #eeeeee;border-top: 0;} .main .content_box .left .item_new a{border-bottom: 1px solid #eeeeee;display: block; margin: 0 20px; overflow: hidden;} .main .content_box .left .item_new a:last-child{border-bottom: 0px solid #eeeeee;display: block;} .main .content_box .left .item_new p{ cursor: pointer; clear: both; font-size: 14px;color: #333333;margin-top: 17px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap} .main .content_box .left .item_new a:hover p{color: #30a15d} .main .content_box .left .item_new span{display: block;margin-top: 10px;color: #999999;margin-bottom: 10px;float: left;} .main .content_box .left .item_new span:last-child{float: right;} .main .content_box .right .search{margin-top: 15px;position: relative;} .main .content_box .right .search input[type=button]{cursor: pointer;} .main .content_box .right .search .search_text{width: 574px;height: 46px;border-radius: 4px 0 0 4px;border: solid 1px #30a15d;text-indent: 20px;} .main .content_box .right .search .ssda{width: 140px;height: 46px;background-color: #30a15d;border-radius: 0px 4px 4px 0px;font-size: 18px;color: #ffffff; vertical-align: top; position: relative; right: 5px;} .main .content_box .right .search .tw{width: 140px;height: 46px;background-color: #f6be0e;border-radius: 4px; font-size: 18px;color: #ffffff;margin-left: 4px; vertical-align: top; text-indent: 25px;} .main .content_box .right .search .question-point{position: absolute;top: 14px;right: 100px;color: #fff;font-size:19px;} .main .content_box .right .content_tit{font-size: 24px;color: #333333;font-weight: bold;height: 24px;line-height: 24px;margin-top: 25px;margin-bottom: 20px;} .main .content_box .right .tw_box{} .main .content_box .right .tw_box::after{content: '';display: block;clear: both;margin-bottom: 25px;} .main .content_box .right .tw_box>div{float: left;height: 282px;position: relative;} .main .content_box .right .tw_box>div:first-child{width: 540px;cursor: pointer;} .main .content_box .right .tw_box>div:last-child{width: 318px;margin-left: 9px;} .main .content_box .right .tw_box>div:first-child img{width: 100%;height: 100%;object-fit: cover;} .main .content_box .right .tw_box>div:first-child p{width: 540px;padding: 20px 20px;font-size: 24px; position: absolute;bottom: 0;background: rgba(0, 0, 0, 0.5);color: #fff;} .main .content_box .right .tw_box>div:last-child>a{display: block;width: 100%;height: 136px;position: relative;cursor: pointer;} .main .content_box .right .tw_box>div:last-child>a img{width: 100%;height: 100%;object-fit: cover;} .main .content_box .right .tw_box>div:last-child>a p{width: 100%;padding: 10px 10px;font-size: 18px; position: absolute;bottom: 0;background: rgba(0, 0, 0, 0.5);color: #fff;} .main .content_box .right .tw_box>div:last-child>a:first-child{margin-bottom: 10px;} .main .content_box .right .wdwz{} .main .content_box .right .wdwz a{display: block; overflow: hidden;margin-bottom: 20px;} .main .content_box .right .wdwz a span{display: block;float: left;} .main .content_box .right .wdwz a span:last-child{float: right;} .main .content_box .right .wdwz a .yuan{width: 6px;height: 6px;background-color: #c8c8c8;border-radius: 50%;position: relative;top: 7px;} .main .content_box .right .wdwz a .txt{font-size: 14px;color: #333333;margin-left: 5px;max-width: 670px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .main .content_box .right .wdwz a .time{font-size: 14px;color: #999999;} .main .content_box .right .wdwz a:hover .txt{color: #30a15d;} .main .content_box .right .tit_zx{font-size: 24px;color: #333333;font-weight: bold;line-height: 24px;padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;position: relative;} .main .content_box .right .tit_zx>a{position: absolute;right: 0;font-weight: 100;} .main .content_box .right .swiper-container-zx{margin-top: 30px;position: relative;width:100% ;overflow: hidden;} .main .content_box .right .swiper-container-zx .swiper-wrapper{width: 828px;margin: 0 auto;} /* .main .content_box .right .swiper-container-zx .swiper-wrapper .swiper-slide{width: 250px!important;margin-left: 30px;} */ .main .content_box .right .swiper-container-zx .item{width: 250px;height: 90px;position: relative;} .main .content_box .right .swiper-container-zx .item::after{width: 1px;height: 79px;border-right: dotted 1px #e3e2dd;position: absolute;right: 0;top:5px;content: '';} .main .content_box .right .swiper-container-zx .item>div{float: left;} .main .content_box .right .swiper-container-zx .item .img{width: 90px;height: 90px;margin-left: 40px;} .main .content_box .right .swiper-container-zx .item .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .main .content_box .right .swiper-container-zx .item .info{margin-left: 20px;} .main .content_box .right .swiper-container-zx .item .info .name{font-size: 18px;color: #333333;margin-bottom: 10px;font-weight: bold;} .main .content_box .right .swiper-container-zx .item .info .fwrs{font-size: 14px;color: #999999;margin-bottom: 10px;} .main .content_box .right .swiper-container-zx .item .info .company_name{ background-color: #ebfaf1; padding: 2px 10px; font-size: 12px; color: #30A15D; margin-bottom: 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; max-width: 90px; } .main .content_box .right .swiper-container-zx .item .info button{width: 75px;height: 26px;cursor: pointer; background-color: #30a15d;border-radius: 4px;font-size: 12px;color: #ffffff;text-indent: 14px;position: relative;font-family: 'iconfont';} .main .content_box .right .swiper-container-zx .item .info button::before{content: '\e6bc';width: 12px;height: 12px;position: absolute;left: -10px;top: 7px;} .main .content_box .right .swiper-container-zx .swiper-button-next{z-index: 9;cursor: pointer;width: 33px;height: 38px;background:rgba(0,0,0,0.22); right: 0;text-align: center;line-height: 38px;} .main .content_box .right .swiper-container-zx .swiper-button-next::before{content: '\e6f1'; font-family: 'iconfont';color: #fff;font-size: 21px;} .main .content_box .right .swiper-container-zx .swiper-button-prev{z-index: 9;cursor: pointer;width: 33px;height: 38px;background:rgba(0,0,0,0.22); position: absolute;left: 0;text-align: center;line-height: 38px;} .main .content_box .right .swiper-container-zx .swiper-button-prev::before{content: '\e6ee'; font-family: 'iconfont';color: #fff;font-size: 21px;} .pd_top38{padding-top: 38px!important;} .main .content_box .left .title span{font-size: 26px;color: #666666;font-weight: normal;} .main .content_box .right ul{width: 100%;overflow: hidden;margin-top: 30px;} .main .content_box .right ul li{padding: 0;border-bottom: 1px dotted #eeeeee;overflow: hidden;position: relative;margin-bottom: 30px;} .main .content_box .right ul li>a{} .main .content_box .right ul li>a>div{float: left;} .main .content_box .right ul li>a>div:last-child{float: right;} .main .content_box .right ul li>a .question span{vertical-align: top;max-width: 560px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 10px;} .main .content_box .right ul li>a .question object a{font-weight: 500;background: rgba(48,161,93, 0.2);font-size: 14px;color: #30a15d;padding: 5px 10px;border-radius: 4px;margin-left: 10px;} .main .content_box .right ul li>a .question object:nth-child(3) a{background: rgba(255,179,49, 0.2);font-size: 14px;color: #ffa100;padding: 5px 10px;border-radius: 4px;margin-left: 10px;} .main .content_box .right ul li>a .question object:nth-child(4) a{background: rgba(204,239,251, 0.2);font-size: 14px;color: #00adeb;padding: 5px 10px;border-radius: 4px;margin-left: 10px;} .main .content_box .right ul li>a .question object a:hover{color: #30a15d;} .main .content_box .right ul li>a .question object:nth-child(3) a:hover{color: #ffa100!important;} .main .content_box .right ul li>a .question object:nth-child(4) a:hover{color: #00adeb!important;} .main .content_box .right ul li>a .question-icon{color: #6fbd8e;font-size: 24px;display: block;position:relative;top: 16px;} .main .right .question{margin-bottom: 10px;} .main .right .question a{display: inline-block;padding: 1px 10px;} .main .content_box .right ul li>a .ans{max-width: 560px;word-break: break-word; overflow: hidden; line-height: 22px;font-size: 14px;color: #999999; position: relative;margin-bottom: 10px;} .ms_over::after{content: '...';position: absolute;width: 28px;bottom: 0;right: 0;background: #fff;color: #666;} .ms_over{max-height: 45px;} .main .content_box .right ul li>a .time{font-size: 14px;color: #999999;margin-bottom: 20px;} .main .content_box .right ul li>a .num{position: relative;height: 100px;} .main .content_box .right ul li>a .num>div{width: 85px;height: 85px;background-color: #f8f8f9;border-radius: 50%;text-align: center;} .main .content_box .right ul li>a .num>div img{display: block;width: 28px;height: 26px;margin: 0 auto;position: relative;top: 18px;} .main .content_box .right ul li>a .num>div>span{font-size: 14px;color: #666666;position: relative;top: 20px;} .main .content_box .right ul li>a .num>div>span span{font-size: 14px;color: #666666;font-weight: bold;} .main .content_box .right ul li>a .question span:hover{color: #30a15d;transition: color .3s;} *{ padding:0; margin:0; border:0; font-family:'Microsoft Yahei',Arial; font-size:14px; color:#666; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} h1,h2,h3,h4,h5,h6,b{ font-weight:normal;} select{ background:#fff url(../images/sel.png) right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;} i{ font-style:normal;} img{ display:block;} a{ text-decoration:none; outline:none; transition:color .3s; } ul li{ list-style:none;} .m_box{ width:1180px; margin:0 auto; } .clear{ clear:both; } html,body{min-width: 1180px;} a:hover{color:#30a15d!important;} /* header */ .header{ position:relative; } .header .box:after{ content:''; display:block; clear:both; } .header .logo{ float:left; position:relative; margin-top: 5px; } .header .logo:after{ content:''; position:absolute; width:1px; height:30px; background:#cdcdcd; top:27px; right:0; } .header .logo a{ display:block; width:136px; height:50px; background:url(../images/logo_w136_h50.png); margin:15px 10px 12px 0; } .header .city{ margin-left:15px; height:70px; margin-top: 10px;} .header .city .cityBox{ position:relative; padding-top:16px; z-index:10; } .header .city.city_zhaoshan .cityBox{ padding-top:24px; } .header .city .value{ height:20px; position:relative; z-index:2; } .header .city .value p{ position:relative; color:#333; line-height:20px; padding-right:15px; cursor:pointer; } .header .city .value p:after{ content:''; position:absolute; width:0px; height:0px; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#999 6px solid; margin:auto; right:0; top:0; bottom:0; transition:transform .2s; -webkit-transition:transform .2s; -moz-transition:transform .2s; } .header .city .cityBox:hover .value p:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } .header .city .zhaosjm{ line-height:14px; color:#30a15d; margin-top:6px; display:block; } .header .city .zhaosjm a{ color:inherit; } .header .city .zhaosjm:hover{ text-decoration:underline; } .header .city .panel{ position:absolute; left:-40px; top:70px; border:#e1dedf 1px solid; width:400px; background:#fff; box-shadow:rgba(0,0,0,.1) 1px 4px 10px 3px; display:none; } .header .city .panel .hot{ padding:10px 0; border-bottom:#e1dedf 1px solid; background:#fafafa; } .header .city .panel .hot span{ display:block; font-weight:bold; font-size:14px; line-height:20px; margin-left:15px; } .header .city .panel .hot p{ overflow:hidden; padding-top:10px; margin-left:15px; } .header .city .panel .hot a{ float:left; line-height:20px; font-size:14px; width: 60px; } .header .city .panel .hot a:hover{ color:#fe5a00; } .header .city .panel .hot a:last-child{ margin-right:0; } .header .city .panel .tab .tab-head{ margin-left:17px; overflow:hidden; padding-top:16px; } .header .city .panel .tab .tab-head li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; } .header .city .panel .tab .tab-head li.active,.header .city .panel .tab .tab-head li:hover{ color:#fe5a00; } .header .city .panel .tab .tab-head li:last-child{ margin-right:0; } .header .city .panel .tab .tab-body li{ display:none; } .header .city .panel .tab .tab-body li.active{ display:block; } .header .city .panel .tab .clickTab{ margin-left:17px; overflow:hidden; padding-top:16px; } .header .city .panel .tab .clickTab li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; } .header .city .panel .tab .clickTab li.cur,.header .city .panel .tab .clickTab li:hover{ color:#fe5a00; } .header .city .panel .tab .clickTab li:last-child{ margin-right:0; } .header .city .panel .tab .textTab li{ display:none; } .header .city .panel .tab .textTab li.cur{ display:block; } .header .city .citylist{ margin-left:17px; } .header .city .citylist .line{ overflow:hidden; } .header .city .citylist .line span{ float:left; font-size:14px; color:#333; margin-right:10px; line-height:20px; margin-top:15px; width:12px; } .header .city .citylist .line a{ float:left; font-size:14px; color:#333; margin-right:14px; line-height:20px; margin-top:15px; } .header .city .citylist .line a:hover{ color:#fe5a00; } .header .city .citylist .more{ border-top:#e3dedd 1px solid; margin-right:17px; margin-top:15px; padding:15px 0; line-height:20px;} .header .city .citylist .more a{ color:#333; font-size:14px; } .header .city .citylist .more a:hover{ color:#fe5a00; } .header .city:hover .cityBox .panel{ display:block; } .header .menu{ float:left; margin-top: 10px; } .header .menu .item{ float:left; } .header .menu .item > a{ display:block; line-height:70px; font-size:16px; color:#333; padding:0 14px; } .header .menu .item h1{ color:inherit; font-size:inherit; font-weight:normal; } .header .menu .item.cur > a,.header .menu .item > a:hover{ color:#05b570; position:relative; padding-bottom: 10px; } .header .menu .item.cur > a:after,.header .menu .item > a:hover:after{ content:''; position:absolute; width:100%; height:2px; background:#05b570; left:0; bottom:0; } .header .menu .item.new{ position:relative; } .header .menu .item.new:after{ content:''; position:absolute; width:32px; height:18px; background:url(../images/icon.png) -150px 0; top:10px; right:-10px; } .header .menu .subMenu{ position:relative; z-index:11; } .header .menu .subMenuList{ position:absolute; width:114px; left:50%; top:0px; background:#fff; margin-left:-52px; border:#eee 1px solid; display:none; animation:subMenu 0.3s; -webkit-animation:subMenu 0.3s; -moz-animation:subMenu 0.3s; -ms-animation:subMenu 0.3s; } .header .menu .subMenuList:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 10px solid; border-right:transparent 10px solid; border-bottom:#ddd 10px solid; margin:auto; left:0; right:0; top:-10px; z-index:1; } .header .menu .subMenuList:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 10px solid; border-right:transparent 10px solid; border-bottom:#fff 10px solid; margin:auto; left:0; right:0; top:-9px; z-index:2; } .header .menu .subMenuList a{ display:block; line-height:40px; font-size:16px; color:#333; text-align:center; } .header .menu .subMenuList a:hover{ color:#05b570; } .header .menu .item:hover .subMenuList{ display:block; } .header .newHousePanel{ position:absolute; width:100%; background:#fff; z-index:11; left:0; top:70px; height:0px; overflow:hidden; } .header .newHousePanel:before{ content:''; position:absolute; width:100%; height:1px; background:#ddd; left:0; top:0; } .header .newHousePanel:after{ content:''; position:absolute; width:100%; height:1px; background:#ddd; left:0; bottom:0; } .header .newHousePanel .panel{ width:1180px; margin:0 auto; overflow:hidden; } .header .newHousePanel h3{ font-size:16px; color:#333; line-height:54px; } .header .newHousePanel .trend{ float:left; width:340px; } .header .newHousePanel .trend > a{ display:block; width:240px; } .header .newHousePanel .trend .desc{ font-size:14px; line-height:20px; height:20px; } .header .newHousePanel .trend .desc span{ color:#fe5a00; } .header .newHousePanel .trend .chart{ height:140px; } .header .newHousePanel .trend .ps{ font-size:14px; line-height:40px; color:#999; width:240px; } .header .newHousePanel .choose{ float:left; width:540px; } .header .newHousePanel .choose .list li{ overflow:hidden; overflow:hidden; margin-bottom:4px; } .header .newHousePanel .choose .list span{ float:left; line-height:30px; font-size:14px; color:#999; } .header .newHousePanel .choose .list p{ float:left; max-width:480px; } .header .newHousePanel .choose .list a{ float:left; line-height:30px; margin-right:20px; font-size:14px; color:#333; } .header .newHousePanel .choose .list a:hover{ color:#05b570; } .header .newHousePanel .hotHouse{ float:left; width:300px; } .header .newHousePanel .hotHouse li{ overflow:hidden; padding:10px 0; border-bottom:#ddd 1px dashed; } .header .newHousePanel .hotHouse li:last-child{ border-bottom:none; } .header .newHousePanel .hotHouse li:hover{ background:#f5f5f5; } .header .newHousePanel .hotHouse li i{ float:left; width:18px; height:18px; line-height:18px; background:#ddd; color:#fff; text-align:center; margin-right:10px; } .header .newHousePanel .hotHouse li i.hot{ background:#fe5a00 } .header .newHousePanel .hotHouse li a{ display:block; } .header .newHousePanel .hotHouse li span{ float:left; font-size:14px; line-height:18px; color:#333; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .header .newHousePanel .hotHouse li span.lpnan{ width:100px; } .header .newHousePanel .hotHouse li span.price{ width:80px; } .header .newHousePanel .hotHouse li span.area{ width:60px; text-align:right; } .header .menuNewHouse:hover .newHousePanel{ height:auto; animation:animate-fade .3s; -webkit-animation:animate-fade .3s; -moz-animation:animate-fade .3s; } .header .userState{ float:right; padding: 10px; } .header .header_lang{padding:10px;margin: 0 10px;} .header .userState a,.header .userState span{ color:#444; } .header .userState a:hover{ color:#05b570; } .header .complain{ float:right; padding:25px 0; margin-left:20px; } .header .complain a{ float:left; line-height:20px; color:#444; } .header .complain a:hover{ color:#05b570; } /*右边栏*/ .rightFloat{ position:fixed; width:50px; right:0; bottom:40px; z-index:98; } .rightFloat .item{ background:#888; border-bottom:#fff 1px solid; position:relative; transition:background .3s; -webkit-transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; } .rightFloat .item:last-child{ border-bottom:none; } .rightFloat .item > a{ display:block; width:48px; height:48px; background:url(../images/icon1.png) no-repeat; } .rightFloat .lpzx > a{ background-position:11px -148px; } .rightFloat .smewm > a{ background-position:-38px -130px; } .rightFloat .item-new{ position:relative; } .rightFloat .item-new:after{ content:''; position:absolute; width:32px; height:18px; background:url(../images/icon1.png) 0 -100px; top:0; right:0; } .rightFloat .item .panel{ position:absolute; right:50px; top:50%; margin-top:-24px; display:none; padding-right:10px; animation:rightFloat .3s; -webkit-animation:rightFloat .3s; -moz-animation:rightFloat .3s; -ms-animation:rightFloat .3s; } .rightFloat .item .panel:after{ content:''; position:absolute; width:0; height:0; border-top:transparent 6px solid; border-bottom:transparent 6px solid; border-left:#555 8px solid; margin:auto; top:0; right:2px; bottom:0; } .rightFloat .lpzx .panel:after{ top:21px; bottom:auto; } .rightFloat .smewm .panel{ margin-top:-40px; } .rightFloat .smewm .panel img{ width:80px; height:80px; background:#555; padding:5px; } .rightFloat .item:hover{ background:#ff9000; } .rightFloat .item:hover .panel{ display:block; } .rightFloat .fdjsq > a{ background-position:-87px -130px; } .rightFloat .yjfk > a{ background-position:-147px -130px; } .rightFloat .fhdb > a{ background-position:-204px -132px; } .rightFloat .gjjcx > a{ background-position:12px -48px; } .rightFloat .goMobile > a{ background-position:-100px -190px; } .rightFloat .goMobile .panel{ background:#fff; } .rightFloat .goMobile .codeTel{ margin:5px; } .rightFloat .sbcx > a{ background-position:-36px -50px; } .rightFloat .item .panel a{ display:block; line-height:48px; width:100px; background:#555; font-size:14px; color:#fff; text-align:center; } .rightFloat .smewm .panel a{ width:auto; } @keyframes rightFloat{ from{ transform:translateX(-20px); opacity:0; } to{ transform:translateX(0); opacity:1; } } #search_list{display: block;overflow: hidden;position: absolute;width: 100%;left: 0;top: 40px;background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;z-index: 2;text-indent: 10px;} #search_list a{display: block;line-height: 28px;padding-left: 10px;} #search_list a:hover{background: #f8f8f8;} .currentPage{background: #f4f4f4;height: 49px;width: 100%;position: relative;margin: 0 auto;} .currentPage .m_box {width: 1180px;margin: 0 auto;position: relative;} .currentPage .pos {line-height: 47px;height: 30px;float: left;} .currentPage .pos a{color: #666;} .currentPage .new_search {display: inline-block;height: 33px;line-height: 32px;width: 360px;position: absolute;right: 0px;top: 8px;border: 0px solid #30a15d;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .currentPage .new_search #search_form .search-icon{display:none;} .currentPage .new_search #search_form.search_form_icon .search-icon{display:block; color: #fff;position: absolute;z-index: 100;font-size: 17px;right: 11px;top: 0px;cursor: pointer;} .currentPage .new_search #search_form:after{content: '\e66d';position: absolute;width: 18px;height: 18px; margin: auto;top: 0;right: 11px;bottom: 0;pointer-events: none;font-family: 'iconfont';line-height: 18px;color: #fff;font-size: 17px;} .currentPage .new_search .textbox {width: 320px;height: 29px;border: 0;outline: none;text-indent: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;} .currentPage .new_search #search_house_id {position: absolute;width: 40px;height: 32px;background: #30a15d;top: 0;right: 0;cursor: pointer;color: #fff;text-indent: 40px;font-size: 16px!important;-webkit-border-radius: 3px 0;} .currentPage .new_search .search_img {display: inline-block;position: absolute;width: 18px;height: 18px;background: url(../images/icon.png) -290px -40px;margin: auto;left: 0;top: 0;right: -320px;bottom: 0;} .currentPage .new_search #search_list {display: block;overflow: hidden;position: absolute;width: 100%;left: 0;top: 30px;background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;z-index: 2;text-indent: 10px;} .footer img {vertical-align: middle;display: inline-block;} .friendlink{position:fixed; z-index:9; width:100%; height:100%; left:0; top:0; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); } .friendlink .friend{ width:880px; height:480px; background:#fff; border-radius:4px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } .friendlink .tit{ font-size:20px; color:#333; line-height:50px; text-align:center; margin:0 10px; border-bottom:#eeeded 1px solid; } .friendlink .close{ position:absolute; width:16px; height:16px; background:url(../images/icon.png) -370px 0; top:17px; right:10px; cursor:pointer; } .friendlink .content{ margin:0 10px; overflow:hidden; } .friendlink .friend_l{ float:left; width:530px; } .friendlink .friend_l dl{ overflow:hidden; margin-top:20px; } .friendlink .friend_l dt{ float:left; width:110px; text-align:right; line-height:30px; height:30px; font-size:12px; color:#333; } .friendlink .friend_l dt i{ color:red; vertical-align:middle; } .friendlink .friend_l dd{ float:left; width:370px; } .friendlink .friend_l label{ float:left; margin-right:20px; cursor:pointer; } .friendlink .friend_l label input{ float:left; height:30px; } .friendlink .friend_l label span{ float:left; line-height:30px; color:#333; font-size:12px; margin-left:10px; } .friendlink .friend_l dd input[type="text"]{ width:100%; height:30px; border:#ccc 1px solid; border-radius:4px; text-indent:10px; vertical-align:middle; line-height:28px\9; } .friendlink .friend_l textarea{ width:100%; height:100px; border:#ccc 1px solid; border-radius:4px; resize:none; padding:5px 10px; } .friendlink .friend_l dd input[type="submit"]{ width:60px; height:30px; border-radius:4px; vertical-align:middle; background:#30a15d; color:#fff; cursor:pointer; } .friendlink .friend_r{ float:left; width:330px; padding-top:20px; } .friendlink .friend_r h2{ font-size:12px; color:#333; line-height:30px; } .friendlink .friend_r p{ font-size:12px; color:#999; line-height:30px; margin-right:30px; } .pages-list .no-result .img{width: 108px!important;height: 70px!important;} .pages-list .left{width: 850px;} .pages-list .left .list .text{width: 610px;} .pages-list .left .list .price{width: 250px;} .pages-list .left .list .txt{width: 360px;} .pages-list .top .sort a{float: right;} .font_strong { font-weight: bolder; } /* page */ .page{ overflow:hidden; text-align:center; } .paging{ display:inline-block; padding:30px 0 0;} .paging a{ float:left; line-height:30px; border:#ddd 1px solid; border-radius:2px; padding:0 10px; margin-left:5px;} .paging a.ui-paging-current{ color:#fff; background:#30a15d; border-color:#30a15d; } .paging a.btn{ border:#ccc 1px solid; width:auto; background:#fff; color:#ccc;} .paging a.btn.on{ color:#fff; border-color:#1f86e2; background:#1f86e2;} .paging span{ float:left; margin-left:5px; line-height:32px;} .paging input[type='text']{ height:28px; border:#dbdbdb 1px solid; float:left; width:28px; text-align:center; margin:2px 0 0 5px;} .paging input.btn{ height:32px; width:75px; background:#1f86e2; float:left; margin-left:5px;} .page .z-crt, .page a:hover{ border-color: #30a15d; background: #30a15d; color: #fff!important;} .paging a.btn{ background: #30a15d; color: #fff; border-color: #30a15d;} .paging span{float: left; line-height: 32px; height: 32px; font-size: 12px; color: #999; padding: 0 12px;} .paging input[type='text']{ height: 32px; width: 32px; text-align: center; border: #ddd 1px solid; border-radius: 4px; margin: 0 5px; float: none; } .paging i { float: left; line-height: 32px; padding: 0 12px; } .app-flink {padding:20px 0px 10px 0px;width:1180px;margin:0px auto 30px auto;border-top:1px #e9e9e9 solid;vertical-align:top;font-size:14px;overflow: hidden;} .app-flink .hd {height:30px;line-height:26px;text-align:left;font-size:14px;width:100px;background:url(../images/flink_bg.png) left 5px no-repeat;text-indent:20px;float:left;font-weight:bold;color:#000000;} .app-flink .bd li {float:left;height:22px;margin:4px 30px 0 0;} .app-flink .bd a {float:left;color:#666666;height:22px;white-space:nowrap;} .app-flink .bd {width:1080px;float:left} .main{padding-bottom: 30px;} .m_top10{margin-top: 10px;} .m_top30{margin-top: 30px;} .m_left9{margin-left: 9px;} .dsn{display: none!important;} /*问答搜索*/ .search #search_list_wd{box-shadow: 1px 2px 10px #999;position: absolute; z-index: 19; background: #fff;top: 46px;width: 574px;margin: 0 auto;} .search #search_list_wd li a{display: block;} .search #search_list_wd li{ margin: 0; padding: 10px 0; border: 0;} .search #search_list_wd li:hover a p{color: #30a15d;} .search #search_list_wd li a p{text-indent: 20px;} .search #search_list_wd li a{text-indent: 20px;} /* 提交成功 */ .success_pop{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;z-index: 99;} .success_pop .box{background: #fff;width: 270px;height: 242px;background-color: #ffffff; box-shadow: -2px 0px 24px 0px rgba(45, 45, 45, 0.48);border-radius: 4px;position: absolute; top: 50%;left: 50%;margin-left: -135px;margin-top: -121px;} .success_pop .box img{display: block;width: 68px;height: 68px;margin: 0 auto;margin-top: 30px;margin-bottom: 25px;} .success_pop .box p{height: 18px;line-height: 18px;color: #000;font-size: 18px;text-align: center;margin-bottom: 40px;} .success_pop .box button{ display: block;width: 100px;height: 38px;background-color: #30a15f;border-radius: 4px; font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;margin: 0 auto;cursor: pointer;} /* 提交失败 */ .fail_pop{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;z-index: 99;} .fail_pop .box{background: #fff;width: 270px;height: 242px;background-color: #ffffff; box-shadow: -2px 0px 24px 0px rgba(45, 45, 45, 0.48);border-radius: 4px;position: absolute; top: 50%;left: 50%;margin-left: -135px;margin-top: -121px;} .fail_pop .box img{display: block;width: 68px;height: 68px;margin: 0 auto;margin-top: 30px;margin-bottom: 20px;} .fail_pop .box p{height: 18px;line-height: 24px;color: #000;font-size: 18px;text-align: center;margin-bottom: 40px;} .fail_pop .box button{ display: block;width: 100px;height: 38px;background-color: #30a15f;border-radius: 4px; font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;margin: 0 auto;cursor: pointer;} .tel_pop{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;z-index: 99;} .tel_pop .box{background: #fff;width: 374px;height: 394px;background-color: #ffffff; box-shadow: -2px 0px 24px 0px rgba(45, 45, 45, 0.48);border-radius: 4px;position: absolute; top: 50%;left: 50%;margin-left: -187px;margin-top: -197px;} .tel_pop .box .tit{position: relative;height: 50px;border-bottom: 1px solid #e5e5e5;font-size: 20px;color: #000000;line-height: 50px;text-align: center;} .tel_pop .box .tit .close{width: 16px;height: 16px;cursor: pointer;display: block;position: absolute;top: 20px;right: 20px;background: url(../images/close.png) center no-repeat;} .tel_pop .box .form{margin: 0 55px;} .tel_pop .box .form input[name='tel']{width: 260px;height: 38px;border-radius: 4px; border: solid 1px #cccccc;text-indent: 20px;margin-top: 30px;font-size: 12px;} .tel_pop .box .form .imgcode_box{margin-top: 20px;} .tel_pop .box .form .imgcode_box img{width: 126px;height: 38px;margin-left: 10px;} .tel_pop .box .form .imgcode_box input[name='imgcode']{width: 120px; height: 38px;font-size: 12px; border-radius: 4px; border: solid 1px #cccccc;color: #999999;text-indent: 15px;vertical-align: top;} .tel_pop .box .form .telcode_box{margin-top: 20px;height: 38px; border-radius: 4px; border: solid 1px #cccccc;} .tel_pop .box .form .telcode_box input[name='telcode']{border-radius: 4px;width: 160px;height: 36px;text-indent: 20px;font-size: 12px;color: #999999;} .tel_pop .box .form .telcode_box .button{display: inline-block;width: 85px;height: 36px;line-height: 36px;text-align: right;background: #fff;font-size: 14px;color: #333333;cursor: pointer;position: relative;} .tel_pop .box .form .telcode_box .button::before{width: 1px;height: 17px;background-color: #cccccc;content: '';position: absolute;left: 0;top: 10px;} .tel_pop .box .form .xy{font-size: 12px;color: #999999;margin-top: 16px;} .tel_pop .box .form .xy a{text-decoration: underline;font-size: 12px;color: #30a15f;} .tel_pop .box .form .sm{font-size: 12px;line-height: 16px;color: #333333;margin-top: 16px;} .tel_pop .box .form .tj{width: 100%; height: 38px; background-color: #30a15f; border-radius: 4px;font-size: 14px;color: #ffffff;text-align: center;line-height: 38px;margin-top: 20px;cursor: pointer;} /* tips */ .boxTips{ position:fixed; width:0px; height:0px; margin:auto; left:0; top:0; right:0; bottom:0; z-index:100; } .boxTips .tips{ display: block;background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); position:absolute; padding:20px 40px; border-radius:4px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .boxTips .tips .tit{ font-size:20px; color:#fff; line-height:20px; text-align:center; white-space:nowrap; margin-bottom:10px; } .boxTips .tips .desc{ font-size:16px; color:#fff; line-height:20px; text-align:center; white-space:nowrap; } /*百科问答详情表单 2*/ .buyhouse_top{ width:100%; height:120px; background-color: #F4F9F6; position: relative; padding:4px 15px; box-sizing: border-box; display: flex; justify-content: space-between; margin-bottom:40px; } .buyhouse_top .bg_1{ width:190px; height:100%; position:absolute; right:20%; background:url('../images/wechat_bg1.png') no-repeat; background-size: 100% 100%; } .buyhouse_top .left1{ width:80%; height:100%; display: flex; } .buyhouse_top .left1>img{ width:110px; height:100%; } .buyhouse_top .left1 .title{ color: #333333; font-size: 19px; font-weight: bold; } .buyhouse_top .left1 .telList1{ height: 40px !important; overflow: hidden; color: #666666 !important; margin:2px 0; } .buyhouse_top .left1 .ruqun{ font-size: 16px; } .buyhouse_top .left1 .ruqun:before{ content: ""; background: url("../images/grouphead.png") no-repeat; position: absolute; width: 58px; height: 24px; } .buyhouse_top .left1 .ruqun .text{ margin-left:65px; } .buyhouse_top .right1{ width:20%; height:100%; } .buyhouse_top .right1>a{ background: linear-gradient(360deg, #20BE65 0%, #22C96D 100%); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 4px; padding: 10px 35px; color: #fff; margin-left: 5px; cursor: pointer; line-height: 100px; } .buyhouse_top .left1 .telList1 ul { margin-top: 0; /* padding-left: 110px; */ text-align: left; list-style: none; animation: 6s linear 0s normal none infinite change; -webkit-animation: 6s linear 0s normal none infinite change; -moz-animation: 6s linear 0s normal none infinite change; -o-animation: 6s linear 0s normal none infinite change; } .buyhouse_top .left1 .telList1 ul li { line-height: 40px; margin: 0 !important; } @-webkit-keyframes change { 0% { margin-top: 0; } 15% { margin-top: 0; } 25% { margin-top: -40px; } 40% { margin-top: -40px; } 50% { margin-top: -80px; } 65% { margin-top: -80px; } 75% { margin-top: -40px; } 85% { margin-top: -40px; } 100% { margin-top: 0; } } @keyframes change { 0% { margin-top: 0; } 15% { margin-top: 0; } 25% { margin-top: -40px; } 40% { margin-top: -40px; } 50% { margin-top: -80px; } 65% { margin-top: -80px; } 75% { margin-top: -40px; } 85% { margin-top: -40px; } 100% { margin-top: 0; } } /*百科问答详情表单*/ .main .right .QAform{ height: 162px; background: url("../images/form@2x.png") no-repeat; background-size: contain; position: relative; } .main .right .QAform .form_left{ float: left; width: 66%; } .main .right .QAform .form_right{ float: left; width: 33%; } .main .right .QAform:after{ content: " "; display: block; clear: both; } .main .right .QAform .form_top{ margin: 30px 0 0 30px; width: 55%; line-height: 23px; } .right .QAform .form_top span{ color: #333333; } .main .right .QAform .groupName{ color: #30A15D; font-weight: bold; } .main .right .QAform .tags{ font-weight: bold; } .main .right .QAform .form_right .inputBox{ margin-top: 20px; } .main .right .QAform .bm_province{ width: 116px; height: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; text-indent: 10px; } .main .right .QAform .bm_city{ width: 116px; height: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; text-indent: 10px; margin-left: 3px; } .main .right .QAform input[name=mobile]{ font-size: 12px; text-indent: 10px; width: 240px; height: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; } .main .right .QAform .submitBox{ margin-top: 20px; } .main .right .QAform .ajax_tg_submit_new{ color: #ffffff; width: 240px; height: 30px; background-color: #30a15d; border-radius: 4px; }/** * Swiper 4.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 14, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}