/*
* @Author      Sway Deng
* @Email       shiwei.dengsw@alibaba-inc.com
* @Date        14-3-18 下午3:48
* @Description  海景房模块样式
*/
.mod-haijing {
width: 990px;
overflow: hidden;
margin: 0 auto;
}
.mod-haijing .oa-title,
.mod-haijing .rank-title a {
background: url(//cbu01.alicdn.com/cms/upload/2014/896/419/1914698_823742341.png) no-repeat;
}
.mod-haijing .rank-area {
height: 30px;
overflow: hidden;
background-color: #fff4c5;
}
.mod-haijing .rank-area div{
float: left;
}
.mod-haijing .rank-title{
width: 90px;
float: left;
}
.mod-haijing .rank-title a{
display: inline-block;
height: 30px;
width: 90px;
background-position: 0px 0px;
text-decoration: none;
}
.mod-haijing .rank-title a:hover{
background-position: -90px 0px ;
}
.mod-haijing .rank-content{
height: 30px;
margin-right: 10px;
width:  890px;
overflow: hidden;
}
.mod-haijing .rank-content li{
margin: 5px 0px;
height: 20px;
padding: 0px 10px;
width: 280px;
text-align: center;
overflow: hidden;
border-right: solid #ffd52c 1px;
float: left;
}
.mod-haijing .rank-content li,
.mod-haijing .rank-content a{
color:#9e6244;
}
.mod-haijing .rank-content li span{
height: 20px;
line-height: 20px;
display: inline-block;
float: left;
}
.mod-haijing .rank-content li span.title{
width: 130px;
text-align: right;
overflow: hidden;
}
.mod-haijing .rank-content li span.value{
color:#fe3c65;
font-weight: 700;
}
.mod-haijing .offer-area {
padding: 16px 0 0;
background-color: #ffcc15;
}
.mod-haijing .oa-title {
width: 740px;
height: 66px;
overflow: hidden;
background-position: 0 -30px;
margin: 0 auto 16px;
}
.mod-haijing .oa-content {
width: 956px;
overflow: hidden;
margin: 0 0 0 14px;
}
.mod-haijing .offer-item {
float: left;
display: inline;
width: 310px;
height: 370px;
overflow: hidden;
background-color: #fff;
margin-left: 8px;
margin-bottom: 8px;
}
.mod-haijing .offer-item .pic {
width: 310px;
height: 310px;
overflow: hidden;
position: relative;
}
.mod-haijing .offer-item .pic img {
width: 310px;
height: 310px;
vertical-align: top;
}
.mod-haijing .offer-item .pic .offer-info {
position: absolute;
top: 220px;
left: 25px;
width: 260px;
height: 64px;
overflow: hidden;
}
.mod-haijing .offer-item .offer-info .offer-title {
width: 260px;
height: 30px;
line-height: 30px;
word-wrap:break-word;
word-break:break-all;
overflow:hidden;
background-color: #fff;
text-align: center;
font-size: 16px;
}
.mod-haijing .offer-item .offer-info .offer-title a {
display: block;
}
.mod-haijing .offer-item .offer-info .offer-title a:link,
.mod-haijing .offer-item .offer-info .offer-title a:visited {
color: #666;
}
.mod-haijing .offer-item .offer-info .offer-title a:hover {
color: #ff7300;
}
.mod-haijing .offer-item .offer-info .offer-price {
width: 280px;
height: 34px;
line-height: 34px;
overflow:hidden;
padding-left: 5px;
background-color: #fb4877;
font-size: 14px;
}
.mod-haijing .offer-item .offer-info .offer-price div {
float: left;
display: inline;
color: #fff;
}
.mod-haijing .offer-item .offer-info .offer-price .label {
padding: 0 6px;
}
.mod-haijing .offer-item .offer-info .offer-price .op-price {
padding-right: 26px;
}
.mod-haijing .offer-item .offer-info .offer-price .op-price-now {
padding-right: 26px;
font-size: 16px;
font-weight: bold;
color: #fff600;
}
.mod-haijing .company {
width: 310px;
height: 60px;
overflow: hidden;
background-color: #555;
}
.mod-haijing .company div {
float: left;
display: inline;
}
.mod-haijing .company div.company-name{
width: 185px;
height: 40px;
padding: 10px;
background: url(//cbu01.alicdn.com/cms/upload/2014/013/619/1916310_1708773119.png) no-repeat 100% 50%;
position: relative;
}
.mod-haijing .company div.company-name a,
.mod-haijing .company div.company-name span{
display: block;
width: 185px;
overflow: hidden;
float: left;
}
.mod-haijing .company div.company-name a{
height: 18px;
line-height: 18px;
font-weight: 700;
color:#fff;
}
.mod-haijing .company div.company-name span{
color:#ffcc15;
height: 22px;
line-height: 22px;
font-size: 14px;
font-weight: 700;
}
.mod-haijing .company div.access{
padding-top: 12px;
padding-left: 10px;
}
.mod-haijing .company div.access a:hover{
color:#fff!important;
text-decoration: none;
}
.mod-haijing .company div.access a{
color:#fff;
font-weight: 700;
display: inline-block;
height: 36px;
line-height: 36px;
text-align: center;
width: 88px;
background: #ff2256;
border-radius: 5px;
}