@charset "utf-8";




/*modulebox title*/
.modulebox {margin-top: 46px;}
.module-title {position: relative; height: 80px; line-height: 80px; /*border-bottom: 3px solid #e8e8e8;*/}
.module-title h1 { color: #999; font-size: 14px; color: #9c9fa1; text-align: center;}
.module-title h1 * { vertical-align: middle; }
.module-title h1 strong { color: #000; font-size: 36px; }


/*switch-item/switch-term/switch-spot */
.switch-item{position: relative; min-height:24px; _height:24px;}
.switch-item li{float: left; padding-bottom: 6px; margin-right: 24px; cursor: pointer;}
.switch-item li.on{background: url(/content/images/ico_switch_item.png) center bottom no-repeat;}
.switch-item li:last-child{margin-right: 0;}
.switch-item li a{display: inline-block; height: 22px; line-height: 22px; padding: 0 8px; border-radius: 2px;}
.switch-item li.on a{background: #e93b3d; color: #fff;}
.sitem-changebox{position: relative; height: 40px;}
.sitem-change{display: inline-block; height: 28px; line-height: 28px; padding-left: 21px; background: url(/content/images/ico_index.png) left -210px no-repeat; color: #9c9fa1; font-size: 12px; cursor: pointer;}
.sitem-change:hover{text-decoration: underline;}
.sitem-changebox .sitem-change{position: absolute; top: 6px; right: 0;}
.switch-item .sitem-change{position: absolute; top: 0; right: 0;}

.switch-term{border: 0 1px solid #e8e8e8; text-align: center;}
.switch-term li{position: relative; float: left; width: 50%; *+width: 49%; height: 46px; line-height: 46px; border-right:1px solid #e8e8e8; box-sizing:border-box; background: #f8f8f9;}
.switch-term li.on{background: #fff; font-weight: 600;}
.switch-term li:last-child{border-right: none;}
.switch-term li .line{position: absolute; top: -3px; left: 0; right: 0; display: block; height: 3px; background: #e8e8e8; font-size: 0;}
.switch-term li.on .line{background: #e93b3d;}

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






/*index*/
.app-downloadbox{height:500px; background: url(/content/images/app_downloadbg.png) center no-repeat; margin-top: 25px;}
.app-download-wrap{height:500px; background: url(/content/images/app_download_phone.png) right bottom no-repeat;}
.app-download{width: 548px;}
.app-download h2{font-size: 24px; color: #394043; line-height: 36px;}
.app-down{margin-top: 55px;}
.app-down-btn{float: left; width: 200px;}
.app-down-btn a{display: block; width: 200px; height: 50px; cursor: pointer; border: none;}
.app-down-btn a.iphone{background: url(/content/images/app_download_btn_iphone.png) center no-repeat;}
.app-down-btn a.andrid{margin-top:30px; background: url(/content/images/app_download_btn_andrid.png) center no-repeat;}
.app-down-qr{float: left; width: 130px; height: 130px; padding-left: 50px;}
.app-down-qr img{width: 130px; height: 130px;}

.bannerbox{position: relative; height: 460px;}
.banner-switchbox{position: relative; height: 460px; overflow: hidden;}
.banner-switchbox .switch-spot{position: absolute; bottom:10px; left: 50%; margin-left: -300px; width: 600px; height: 2; z-index: 1;}
.banner-switchbox .switch-spot li{width: 20px; height: 2px; border-radius: 0;}
.banner-switch a.img{display: block; height: 460px; background-color: #eaf2fc; background-position: center; background-repeat: no-repeat; background-size: cover;}

.banner-searchbox{position: absolute; top: 50%; left: 50%; /*margin: -100px 0 0 -390px;*/ margin: -80px 0 0 -390px; padding: 0 50px; width: 680px; height: 200px; border-radius: 10px; background:rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); color: #fff;}
.index-searchbox{width: 680px; padding-top: 34px;}
.isearch-item{font-size: 16px;}
.isearch-item ul{margin-right: -23px;}
.isearch-item li{float: left; margin-right: 18px; height: 46px;}
.isearch-item a{position: relative; display: inline-block; height: 30px; line-height: 30px; padding:0 15px; color: #fff; border-radius: 2px; cursor: pointer;}
.isearch-item li.on a{background: #e93b3d;}
.isearch-item a i{position: absolute; top: 30px; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; background: url(/content/images/isearch_triangle.png) center bottom no-repeat; display: none;}
.isearch-item li.on a i{display: block;}
.isearchbox{position: relative; padding:0 70px 0 20px; width: 440px; height: 56px; background: #fff; border-radius: 4px;/* overflow: hidden;*/}
.isearch-text{width: 100%; height: 54px; line-height: 54px; border:none; font-size: 16px; background: none;}
.isearch-btn{position: absolute; top: 0; left: 460px; width: 70px; height: 56px; background: #e93b3d url(/content/images/ico_banner_search.png) center no-repeat; color: #fff; border:none; font-size: 22px; border-radius: 0 2px 2px 0;}
.isearch-btn:hover{background-color: #c53132;}
.isearch-map{position: absolute; top: 0; left: 560px; display: block; width: 120px; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #394043; background:#fff; border-radius: 2px;}
.isearch-map:hover{color: #fefefe; background: #e93b3d;}
.banner-search-hot{margin-top: 15px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner-search-hot a{color: #fff; margin-right: 20px;}
.banner-search-hot a:last-child{margin-right: 0;}
.banner-search-hot a:hover{color: #e93b3d;}

.entrybox{background:#f8f8f9;}
.entry-wrap{position:relative; padding: 40px 0;}
.entry-item{/*float: left; width: 353px;*/}
.entry-title{height: 36px; line-height: 36px; margin-bottom: 5px;}
.entry-title h2{color: #000; font-size: 16px; font-weight: 600;}
.entry-title h2 a{color: #000;}
.entry-title h2 a:hover{text-decoration: underline;}
.entry-body{ margin-right: -110px; *zoom:1;}
.entry-body dl{float: left; position: relative; width: 279px; margin-top: 15px; padding-left: 55px; line-height: 30px; margin-right: 99px;}
.entry-body dt{position: absolute; top: 0; left: 0; color: #9c9fa1; width: 50px;}
.entry-body dd{min-height: 30px; _height:30px;}
.entry-body dd a{display: inline-block; height: 30px; line-height: 30px; margin: 0 5px;}
.entry-body dd a.on,.entry-body dd a:hover{color: #e93b3d;}
.entry-trend{position: absolute; top: 40px; right: 0; width: 270px;}
.entry-trend .trend{height: 170px;/* overflow: hidden;*/}

.cullingbox{margin-top: 75px;}
.culling-list{margin-top: 30px;}
.culling-list ul{margin-right: -60px; *zoom:1;}
.culling-list li{position: relative; float: left; width: 290px; padding-left: 285px; height: 200px; margin-right: 50px; margin-bottom: 50px; background: #f8f8f9; overflow: hidden;}
.culling-list .imgbox{position: absolute; top: 0; left: 0; width: 266px; height: 200px; overflow: hidden;}
.culling-list .imgbox .img{display:block;}
.culling-list .imgbox .img img{width: 266px; height: 200px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s;}
.culling-list .imgbox .img img:hover {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}


.cull-info{width: 270px;}
.cull-info-head{border-bottom: 1px solid #e8e8e8;}
.cull-info-head h2{height: 68px; line-height: 68px; font-size: 20px; font-weight: 600;}
.cull-info-head h2 a:hover{color: #e93b3d;}
.cull-info-body{padding-top: 5px;}
.cull-info-body p{height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; margin-top: 20px;}
.cull-info-body p *{vertical-align: middle;}
.cull-info-body p.locationbox{color: #9c9fa1;}
.cull-info-body .location{display: inline-block; width: 20px; height: 20px; background: url(/content/images/ico_index.png) left -5px no-repeat;}
.cull-info-body .pricebox{font-size: 16px;}
.cull-info-body .price{color: #e93b3d;}

.nominatebox{margin-top: 25px;}
.nominate-list-wrap{margin-top: 30px;}
.nominate-list{margin-top: 20px;}
/*.nominate-list,.eight-list{margin-top: 20px;}*/
.nominate-list ul,.eight-list ul{margin-right: -40px; *zoom:1;}
.nominate-list li,.eight-list li{position: relative; float: left; width: 276.6px; height: 208px; margin-right: 30px; margin-bottom: 30px; overflow: hidden;}
.nominate-list li:hover,.eight-list li:hover{-webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1);}
.nominate-list .img,.eight-list .img{width: 276.6px; height: 208px; overflow: hidden;}
.nominate-list .img a,.eight-list .img a{display: block;}
.nominate-list .img img,.eight-list .img img{width: 276.6px; height: 208px;}
.nominate-list .img img,.eight-list .img img{-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s;}
.nominate-list .img img:hover,.eight-list .img img:hover {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
.nom-info{position: absolute;z-index:11; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff;}
.nom-info h2{height: 40px; line-height: 40px; width: 50%; font-size: 16px; overflow: hidden;}
.nom-info h2 a{display: inline-block; max-width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.nom-info .price{position: absolute; top: 0; right: 10px; display: block;}
.nom-info .price strong{font-weight: 400;}
.tlist-hover{position: absolute; top: 0; left: 0; padding: 25px 10px 15px; width:256.6px; height: 168px; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000); color: #fff; overflow: hidden; display: none;}
.nominate-list li:hover .tlist-hover, .eight-list li:hover .tlist-hover { display: block; }
.tlist-hover a.link{display: block; color: #fff;}
.tlist-hover h2{font-size: 18px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tlist-hover p.ico{height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 25px;}
.tlist-hover p.ico.prix{background: url(/content/images/ico_index.png) left -120px no-repeat;}
.tlist-hover p.ico.tag{background: url(/content/images/ico_index.png) left -150px no-repeat;}
.tlist-hover p.ico.location{background: url(/content/images/ico_index.png) left -180px no-repeat;}
.nominate-region{margin-top: 10px;}
.nominate-region ul{margin-right: -40px; *zoom:1;}
.nominate-region li{position: relative; float: left; width: 278px; height: 26px; line-height: 26px; margin-right: 28px; margin-top: 10px;}
.nominate-region li:hover{background: #f8f8f9;}
.nominate-region .name{display: inline-block; max-width: 340px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nominate-region .name:hover{color: #e93b3d;}
.nominate-region .price{position: absolute; top: 0; right: 0; color: #9c9fa1;}

.mod-morebox{padding: 20px 0 160px;}
.mod-morebox a.more{display: block; height: 45px; line-height: 45px; background: #e8e8e8; color: #9c9fa1; border-radius: 4px; text-align: center;}