*{ 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; }.main .imgbox{width: 1180px;margin: 0 auto;overflow: hidden;margin-top: 30px} .main .imgbox>div{float: left;} .main .imgbox .big_box{float: left;height: 340px;width: 780px;position: relative;} .main .imgbox .big_box img{ width: 100%;height: 100%;object-fit: cover;} .main .imgbox .big_box .zd,.main .imgbox .big_small>div .zd{width:100%;height:100%;position: absolute;top: 0;background: #000000;opacity: 0.5;} .main .imgbox .big_box .text{position: absolute;bottom: 0px;width: 780px;overflow: hidden;background: #000;opacity: 0.5;} .main .imgbox .big_box .text h1{font-size: 26px;color: #ffffff;margin-top: 14px;margin-left: 44px} .main .imgbox .big_box .text p{font-size: 14px;color: #ffffff;margin-top: 18px;line-height: 25px;margin-left: 44px;margin-bottom: 32px;margin-right: 156px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; } .main .imgbox .big_small{float: left;height: 340px;width: 390px;margin-left: 10px;} .main .imgbox .big_small>div{float: left;height: 165px;width: 390px;position: relative;} .main .imgbox .big_small>div img{ width: 100%;height: 100%;object-fit: cover;} .main .imgbox .big_small>div .text{position: absolute;bottom: 0px;width: 390px;overflow: hidden;background: #000;opacity: 0.5;} .main .imgbox .big_small>div .text h2{font-size: 18px;color: #ffffff;margin-left: 17px;margin-top: 15px;margin-bottom: 15px;margin-right: 31px;} .main .content_box{width: 1180px; margin: 0 auto;overflow: hidden; margin-top: 10px;} .main .content_box .nav{border-bottom: 6px solid #333333;padding-bottom: 5px;background: #fff;} .main .content_box .nav .navItem{font-size: 18px;color: #333333;padding: 10px 28px;display: inline-block;} .main .content_box .nav .navItem.active{font-weight: bold;border-bottom: 4px solid #30A15D;} .main .nav .wiki{font-size: 24px;font-weight: bold;color: #333;} .main .nav .wiki span{font-size: inherit;font-weight: normal;} .main .nav .video{color: #666666;position: relative;padding-left: 1.5em;float: right;margin-right: 1em;font-size: 14px;margin-top: 9px;} .main .nav .video .video-prefix{font-size: 17px;display: inline-block;vertical-align: bottom;margin-right: 5px;} .main .content_box .left, .main .content_box .right{float: left;width: 50%} .main .content_box .left{width: 284px;} .main .content_box .right{width: 866px;margin-left: 30px;margin-top: 35px;} .main .content_box .left .title{position: relative;width: 284px;font-size: 26px;font-weight: bolder;height: 45px;border-bottom: 6px solid #333333;color: #333333;} .main .content_box .left .title a{position: absolute;top:18px;right: 0;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 solid#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: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666666; } .main .content_box .left ul li .cur{color: #30a15d;} .main>.more{padding-top: 12px;text-align: right;width: 1180px;margin: 0 auto;} .main>.more a{font-size: 16px;color: #666666;} .newbtm{border-bottom: 1px solid #eeeeee!important;} .bac{background: #f8f8f9;} .main .content_box .left>div{overflow: hidden;} .main .content_box .left .item_new a{border-bottom: 1px solid #eeeeee;display: block;} .main .content_box .left .item_new a:last-child{border-bottom: 0px solid #eeeeee;display: block;} .main .content_box .left .item_new p{font-size: 14px;color: #333333;margin-top: 17px;} .main .content_box .left .item_new span{display: block;margin-top: 17px;color: #999999;margin-bottom: 17px;} .main .content_box .right ul{width: 100%;overflow: hidden;} .main .content_box .right ul li{padding: 20px 0 10px;border-bottom: 1px solid #eeeeee;overflow: hidden;position: relative;} .main .content_box .right ul li:last-child{border-bottom: 0px solid #eeeeee;} .main .content_box .right ul li:first-child{ padding-top: 2px;} /*.main .content_box .right ul li a:after{content: "";display: block;clear: both;}*/ .main .content_box .right ul li a >div{float: left;} .main .content_box .right ul li .img{width: 210px;height: 140px;overflow: hidden;position:relative;} .main .content_box .right ul li .video-con{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;background: rgba(0,0,0,0.5);} .main .content_box .right ul li .video-icon{color: #fff;font-size: 19px;display: block;margin: 0 auto;width: 14px;} .main .content_box .right ul li .img img{ width: 100%;height: 100%;object-fit: cover;} .main .content_box .right ul li .text{height: 140px;width: 626px;margin-left: 30px;position: relative;} .main .content_box .right ul li .text .pt{font-size: 24px;color: #333333;height: 25px;line-height: 24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;} .main .content_box .right>.pt{font-size: 18px;color: #333333;margin-bottom: 15px;font-weight: bolder;} .main .content_box .right ul li .text .ms{color: #999999;width: 100%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height: 20px;margin-top: 13px;} .main .content_box .right ul li .text .time{color: #999999;margin-top: 13px;} .main .content_box .right ul li .text .pq span{padding: 0 10px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;display: inline-block;} .main .content_box .right ul li .text .first{border: solid 1px #c1e4da;background-color: #f3fcf9;color: #58aa8a;} .main .content_box .right ul li .text .second{background-color: #fff4ea;border: solid 1px #f7dabd;color: #ff7e1d;} .main .content_box .right ul li .text .third{background-color: #ecfaff;border: solid 1px #a9e2f7;color: #00adeb;} .main .content_box .right ul li .text .pq{margin-top: 13px;} .main .content_box .left .title span{font-size: 26px;color: #666666;font-weight: normal;} .main .content_box .right ul li .text .wt{position: absolute;bottom: 0px;} .main .right .buy_guide{ margin-top: 141px;padding-top: 10px;position: relative;display: block;} .main .right .buy_guide:after{content: "";display: block;clear: both;} .main .right .buy_guide>*{display: inline-block;} .main .right .buy_title{font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #30A15D;background: rgba(49,157,88,0.1);padding: 4px;position:relative;} .main .right .buy_title::before{content: '';border-top: 7px solid rgba(49,157,88,0.1);border-right: 7px solid transparent;position: absolute;right: -3.5px;top: 10px;transform: rotate(135deg);} .main .right .buy_guide .borough_name{font-size: 16px;font-family: Microsoft YaHei;color: #30A15D;margin-left: 10px;max-width: 10em;overflow: hidden;white-space: nowrap;vertical-align: text-bottom;text-overflow: ellipsis;} .main .right .buy_guide .average_price{font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #999999;margin-left: 20px;} .main .right .buy_guide .average_price .num{font-size: 16px;color:#ff0909;} .main .right .buy_guide .house_type{margin-left: 30px;color:#999999;max-width: 300px;overflow: hidden;white-space: nowrap;vertical-align: text-bottom;text-overflow: ellipsis;} .main .right .buy_guide .goDetail{float:right;margin-top:4px;color: #999999;} /** * 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}.mySwiper{ width: 100%; height: 400px; background-color: #F8F8F8; } .swiper-container { width: 97%; height: 100%; padding: 10px 0; } .swiper-slide { text-align: center; font-size: 18px; background: #F8F8F8; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .hotVideoImg{ width: 650px; height: 380px; display: inline-block; } .mySwiper .swiper-slide .hotVideoDetail{width:100%;margin-left: 20px;background-color: #ffffff;height: 380px;padding: 40px;overflow: hidden;} .mySwiper .swiper-slide .top{position: relative;text-align: left;} .mySwiper .swiper-slide .top:before{content: "\e68f";position: absolute;width: 16px;height: 20px;left: 10px;font-family: 'iconfont';color: #fe4844;line-height: 20px;} .mySwiper .swiper-slide .hotTag{border:1px solid #fe4844;border-radius: 2px;padding:0 10px 0 30px;font-size: 14px;color: #fe4844;background: rgba(254, 72, 68, .1);} .mySwiper .swiper-slide .hotTitle{margin: 20px 0;text-align: left;font-size: 22px;color: #333333;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .mySwiper .swiper-slide .hotDesc{color: #666666;text-align: left;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;word-break: break-word;} .mySwiper .swiper-slide .hotDate{text-align: left;margin-top: 20px;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 450px;right: 0;left: unset;bottom: 20px;} .swiper-pagination-bullet-active{background: #30A15D;} .main .main_box{position: relative;margin-top: 30px;} .main .main_box:after{content: "";display: block;clear: both;} .main .main_box .left{width: 860px;} .main .main_box .nav_top{border-top: 3px solid #30a15d;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;} .main .main_box .left ul{border-bottom: 0;padding-bottom: 0;height: 60px;line-height: 60px;background: #f8f8f8;} .main .main_box .left .nav_item{position: relative;margin-right: 0;} .main .main_box .left .nav_item.active:after{content: "";position: absolute;width: 0;height: 0;margin: auto;bottom: 3px;left: 0;right: 0;border:10px solid;border-color: transparent transparent #fff transparent;} .main .main_box .left .nav-link{padding: .5rem 1rem;font-size: 16px;color: #666666;} .main .main_box .left .nav-link.active{color: #30a15d;} #myTabContent{margin-top: 30px;} #myTabContent .tab-pane{display: none;} #myTabContent .tab-pane.show{display: block;} #myTabContent .typeList{padding-left: 0;margin-bottom: 0;list-style: none;background: #fff;height: auto;line-height: 1;} #myTabContent .typeItem{margin-right: 40px;width: 260px;margin-bottom: 25px;}/*width: 30%;*/ #myTabContent .typeItem:nth-child(3n){margin-right: 0;} #myTabContent .typeItem .isVideo{position: relative;display: block;width: auto;height: auto;line-height: unset;} #myTabContent .typeItem .isVideo:after{content: "\e646";font-family: 'iconfont';position: absolute;width: 40px;height: 40px;background-size: cover;left: 110px;top: 70px;font-size: 15px;color: #fff;line-height: 40px;text-align: center;background: rgba(0,0,0,0.5);border-radius: 50%;} #myTabContent .typeItem .img img{width: 260px;height: 180px;} #myTabContent .typeItem .time{ position: absolute;right: 10px;bottom: 10px;color: #fff;font-size: 12px;background: rgba(0,0,0,.3);border-radius: 9px;padding: 3px 10px;} #myTabContent .typeItem .typeTitle{height: 40px;margin-top: 10px;color: #333333;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-word;} #myTabContent .typeItem .typePlay{position: relative;font-size: 12px;color: #999999;padding-left: 20px;line-height: 16px;} #myTabContent .typeItem .typePlay:before{content: "\e63b";position: absolute;width: 16px;height: 16px;left:0;font-family: 'iconfont';color: #a1a1a1;} #myTabContent .typeItem .typeTitle a{line-height: 18px;} .main .main_box .right{width: 280px;} .main .main_box .right .sqrqArea{ margin-bottom: 30px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; } .main .main_box .right .sqrqArea .titleArea{ height: 70px; padding-left: 75px; position: relative; } .main .main_box .right .sqrqArea .titleArea:before{ content: ""; background: url("../images/wxgroup.png") no-repeat; position: absolute; width: 55px; height: 55px; left: 10px; top:10px; } .main .main_box .right .sqrqArea .titleArea .telList{ height: 15px; overflow: hidden; margin-top: 10px; position: relative; } .main .main_box .right .sqrqArea .titleArea .telList ul{ position: absolute; } .main .main_box .right .sqrqArea .titleArea .telList ul li{border:0;} .main .main_box .right .sqrqArea .titleArea .groupName{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 21px; padding-top: 10px; } .main .main_box .right .sqrqArea .btnArea{ height: 50px; position: relative; background: #fff; } .main .main_box .right .sqrqArea .btnArea:before{ content: ""; background: url("../images/grouphead.png") no-repeat; position: absolute; width: 58px; height: 24px; left: 10px; top: 13px; } .main .main_box .right .sqrqArea .member{ padding-left: 70px; padding-top: 17px; display: inline-block; color: #f00; font-size: 12px; } .main .main_box .right .sqrqArea .titleArea li{ font-size: 12px; padding: 0; } .main .main_box .right .sqrqArea .btnArea button{ background: #30A15D; border-radius: 4px; padding: 4px 9px; color: #fff; margin-left: 0px; cursor: pointer; } .right .playRank{ width: 100%; background: #f8f8f8; padding: 0 20px 20px; } .right .playTitle{ padding: 15px 0; font-size: 18px; font-weight: bold; color: #333333; line-height: 24px; } .right .playRank .playList .playItem{ position: relative; border-bottom:0; padding-bottom: 0; } .right .playItem:after{ content: ''; display: block; clear: both; } .right .playImg{ width: 120px; height: 68px; display: inline-block; float: left; object-fit: cover; } .right .time{ position: absolute;left: 70px;bottom: 10px;color: #fff;font-size: 12px;background: rgba(0,0,0,.3);border-radius: 9px;padding: 1px 8px;} .right .playDesc{ float: left; display: inline-block; width: 110px; padding-left: 10px; } .right .playRankTitle{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word; line-height: 21px; color: #333; font-size: 14px; } .right .playNums{ font-size: 12px; color: #999999; margin-top: 10px; display: inline-block; } .main .content_box .left .hot_tit {margin-top: 50px;overflow: hidden;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .main .content_box .left .hot_tit p{float: left;font-size: 24px;color: #333;font-weight: bold;} .main .content_box .left .hot_tit a{float: right;font-size: 14px;color: #999999; position: relative;top: 10px;} .main .content_box .left .hot{margin-top: 25px;margin-bottom: 30px;} .main .content_box .left .hot::after{content: '';display: block;clear: both;} .main .content_box .left .hot .item{float: left;margin-right: 20px;} .main .content_box .left .hot .item:last-child{margin-right: 0px;} .main .content_box .left .hot .item a{} .main .content_box .left .hot .item a .img{width: 200px;height: 144px;position: relative;} .main .content_box .left .hot .item a .img img{width: 100%;height: 100%;object-fit: cover} .main .content_box .left .hot .item a .img p{width: 100%;position: absolute;bottom: 0px;background: rgba(0, 0, 0, 0.7);padding-top: 2px;padding-bottom:4px; } .main .content_box .left .hot .item a .img p span{color: #ffffff;} .main .content_box .left .hot .item a .img p span:first-child{float: left;font-size: 16px;margin-left: 5px;max-width: 135px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;} .main .content_box .left .hot .item a .img p span:last-child{float: right;font-size: 14px;margin-right: 5px;} .main .content_box .left .hot .item a .price{font-size: 20px;color: #fe4844;height: 20px;line-height: 20px;margin: 10px 0;} .main .content_box .left .hot .item a .tel{height: 16px;line-height: 16px;font-size: 16px;color: #333333;} .main .content_box .right .title{ position: relative; width: 282px; font-size: 18px; font-weight: bolder; color: #333333; height: 55px!important; line-height: 55px!important; text-indent: 20px; border: 1px solid #eeeeee; } .main .content_box .right .title a{float: right;line-height: 2;margin:25px 25px 0 0;font-weight: normal;} .main .content_box .right .item_new{border:1px solid #eeeeee;border-top:0;} .main .content_box .right .item_new a{border-bottom: 1px solid #eeeeee;display: block;margin: 0 20px;overflow: hidden;} .main .content_box .right .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 .right .item_new .date{display: block;margin-top:10px;color: #999999;margin-bottom: 10px;float: left;} .main .content_box .right .item_new .answerNum{margin-top: 10px;color: #999999;margin-bottom: 10px;display: block;float: right;}