body{background: #f0f0f0;}

.news-left{ width: 230px;background-color: #ffffff;border-radius: 5px;overflow: hidden;}
.news-left .title{height: 70px;line-height: 70px;padding: 0 30px;background: #ff6600;color: #fff;font-size: 20px;}
.menu-box{padding-bottom:100px}
.menu-item{padding:0 30px;border-bottom:1px solid #f2f2f2}
.item-title{display:block;font-size:16px;margin:28px 0;font-weight:700;cursor:pointer}
.dot-img {vertical-align: middle;margin-right: 6px;}


.news-right{width:78%;padding: 20px;background-color: #fff;border-radius: 5px}
.news_item {padding:20px;height:170px;margin-bottom:20px;border-bottom: 1px solid #dadada;}
.news_item:after{content:'';flex:1;}
.news_item .pic {width:130px;height:100px;float:left;border-radius: 5px;}
.news_item .pic img {width:100%;height:100%}
.news_item .text {padding-left:145px}
.news_item .text .name {line-height:25px;font-size:16px;font-weight:700;color:#333}
.news_item .text .des {overflow:hidden;margin-top:8px;line-height:19px;font-size:14px;color:#777}
.news_item .text .info {margin-top:16px;line-height:16px;font-size:12px}
.news_item .text .info span {float:left;width:70%;color:#aaa;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.news_item .text .info span.time {text-align:right;width:30%;}




.dot {
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 100%;
    margin-right: 5px;
    vertical-align: middle;
}

.content {line-height:1.5;}
.news-details .breadcrumb {font-size:12px;color:#9399a5;}
.content .content-left {width:900px;padding:25px 30px 45px;background:#fff;}
.content .h3 {font-size:30px;color:#333;font-weight:400;}
.content p.source-tiem {text-indent:0;color:#9399a5;font-size:12px;margin:0;}
.content .text-box {font-size:14px;color:#666;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;word-wrap:break-word;
/*white-space:pre-wrap;*/
}
.content .text-box img{border-radius: 5px;max-width: 98%;}

.content .content-right {width:calc(100% - 915px);padding:15px 10px 15px;background:#fff;}
.content .content-right h2{font-weight: bold;}
.new-articles-list {font-size:12px}
.new-articles-item {height:28px;line-height:28px;padding-left: 5px;}
.new-articles-item a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all;width:185px}
.new-articles-item a:hover,.recommend-articles-item a:hover {color:#ff6600}
.new-articles-item a:hover .dot,.recommend-articles-item a:hover .dot {border-color:#ff6600}



.hot-office-list {padding-left:5px;margin-bottom:20px}
.hot-office-list .item {margin-bottom:10px}
.hot-office-list .item .show-img {display:inline-block;width:90px;height:60px;margin-right:8px;overflow:hidden;background-size:contain}
.hot-office-list .item .show-img img {display:inline-block;width:90px;height:60px;margin:0 auto}
.hot-office-list .item .house-details {width:111px}
.hot-office-list .item .house-details .title {font-size:14px;color:#333;font-weight:700}
.hot-office-list .item .house-details p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;word-break:break-all;width:111px;height:20px;line-height:20px;text-indent:0}
.hot-office-list .item .house-details p:last-child{margin-bottom: 0;}
.hot-office-list .item .house-details span {color:#616669;margin-right:5px}
.hot-office-list .item .house-details .price {color:#fe615a;font-size:14px}




/************ gift *************/
.gift-list {margin-bottom:20px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;overflow:hidden;}
.gift-list li {float:left;border-top:none;border-left:none;}
.giftbox {background-color:#fff;position:relative;width:25%;border:1px solid #e7e7e7}
.giftbox a{padding:0 12px;position:relative;display:block;height:340px;overflow:hidden;-webkit-transition:border ease .5s;transition:border ease .5s;border:4px solid transparent}
.giftbox:hover a{border:4px solid #f0f0f0}
.gift-list .giftimg {height: 150px;display: flex;align-items: center;justify-content:center;}
.gift-list .giftimg img {width: 60%;}
.giftbox-title {text-align:center;color:#333;line-height:24px;font-size:20px;}
.giftbox-info {margin-top:10px;line-height: 1.5}