.select-box { border:1px solid #d9d9d9;border-right: none;border-bottom: none; box-shadow:2px 1px 3px rgba(0,0,0,.4); z-index:50; transition: all .5s ease; position:relative;  }
.select-box:hover { box-shadow:2px 1px 5px rgba(0,0,0,.6); }

.left_bar { padding:10px; background:#FFFFFF;}
.left_bar dl { padding-top:10px; cursor:pointer;}
.left_bar dl dt { font-size:15px; line-height:25px;}
.left_bar dl dd { padding-top:8px;}
.left_bar dl dd a{ display:inline-block; color:#666666; line-height:23px; font-size:13px; padding:2px 8px;}
.left_bar dl dd a:hover { color:red;}

.all_select { position:absolute; background:#FFFFFF;box-shadow: rgba(0,0,0,.3) 3px 3px 3px; border:1px solid #d9d9d9; border-left:none; width:400px; z-index:999;}
#allarea { top:20px; right:-400px; display:none;}
#allprice { top:130px; right:-400px; display:none;}
#allhousetype{ top:250px; right:-400px; display:none;}
#alltags  {top:347px; right:-400px; display:none;}
.all_select dl { padding-top:15px; font-size:13px;}
.all_select dl dt { float:left;width:70px; text-align:right; line-height:30px;}
.all_select dl dd { float:right; width:322px; }
.all_select dl dd a {display:inline-block; padding:2px 4px;line-height:23px;}

.sg-area { border:1px solid #d9d9d9; height:130px;}
.safeguide { padding-top:20px;}
.safeguide li { float:left; width:33%; padding-left:3%; transition: all .5s ease;}
.safeguide li:hover { color:#EE4236;}
.safeguide li i.sa-1 { width:52px; height:68px; margin-right:10px; background:url('../images/safeguard.png') no-repeat; display:inline-block; float:left;}
.safeguide li i.sa-2 { width:52px; height:68px; margin-right:10px; background:url('../images/safeguard.png') -56px 0px no-repeat; display:inline-block; float:left;}
.safeguide li i.sa-3 { width:52px; height:68px; margin-right:10px; background:url('../images/safeguard.png') -112px 0px no-repeat; display:inline-block; float:left;}
.safeguide li h4 { font-weight:bold}
.safeguide li p { line-height:30px;}

.slogan-area { background: #F8F8F8; padding: 15px; margin:0px auto; max-width: 1920px; }
.safeguide2 { display: flex; margin-bottom:0px; }
.safeguide2 li { flex:1; transition: all .5s ease;}
.safeguide2 li:hover { color:#EE4236;}
.safeguide2 li i.sa-1 { width:52px; height:68px; margin-right:10px; background:url('http://imga.mizhai.com/newimg/slogan1.png') center no-repeat; display:inline-block; float:left;}
.safeguide2 li i.sa-2 { width:55px; height:68px; margin-right:10px; background:url('http://imga.mizhai.com/newimg/slogan2.png') center  no-repeat; display:inline-block; float:left;}
.safeguide2 li i.sa-3 { width:53px; height:68px; margin-right:10px; background:url('http://imga.mizhai.com/newimg/slogan3.png') center no-repeat; display:inline-block; float:left;}
.safeguide2 li h4 { font-weight:bold}
.safeguide2 li h3 { font-weight:bold; color:#E04136;}
.safeguide2 li p { line-height:30px;}

 
.tjloupan ul:after,.tjloupan ul li a.imglink span:after,.tjloupan ul li .price:after{ content:' '; clear:both; display:block;}
.tjloupan ul { margin-bottom:0px;}
.tjloupan ul li { float:left; margin:5px 15px;transition: all 700ms ease;}
.tjloupan ul li a.imglink { position:relative; width:200px; height:144px;display: block; overflow:hidden;}
.tjloupan ul li a.imglink img { width:200px; height:144px;transition: all 700ms ease;border-radius: 3px;}
.tjloupan ul li a.imglink:hover img{width:220px; height:158px; margin:-10px 0px 0px -9px;}
.tjloupan ul li a.imglink s.tm_bg { text-decoration: line-through; cursor: pointer; position:absolute; left:0px; bottom:0px; width:195px; height:30px; background:#222222; opacity:0.5; filter: alpha(opacity=50);-moz-opacity: .5;}
.tjloupan ul li a.imglink span { position:absolute; width:195px; left:0px; bottom:5px; height:25px; line-height:25px; color:#FFFFFF;}
.tjloupan ul li a.imglink:hover span {color:#FFFF11;}
.tjloupan ul li a.imglink span b { float:left; padding-left:10px; font-size:14px;}
.tjloupan ul li a.imglink span em { float:right; padding-right:8px; font-style:normal;}
.tjloupan ul li .price { height:30px; line-height:30px; font-size:13px; padding:3px 10px;}
.newlist ul { margin-bottom:4px;}
.newlist ul li {border-bottom: 1px solid #f1f1f1; padding-bottom:13px;margin-top:15.5px;}
.newlist ul li:last-child{border: none;padding-bottom: 0;}
.newlist ul li:first-child{margin-top:5px;}
.newlist ul li a.img { float:left; margin-right:10px;}
.newlist ul li a.img img { border-radius:3px;width: 90px;height: auto;}
.newlist ul li .info{color: #999;text-align: right;}
.newlist ul li .info a{color: #999;}
.newlist ul li h5{ font-size:13px; font-weight:bold; height:15px; padding:0px; margin:0px; line-height:15px; overflow:hidden;}
.newlist ul li p{ font-size:12px; color:#999; padding:3px 0 0;}
.newlist ul li:after { content:' '; clear:both; display:block}


.tab-content { border:1px solid #DDDDDD; border-top:none; padding:10px;}
.homelist { padding-left:4px;}
.homelist:after {content:' '; clear:both; display:block;}
.homelist li{ float:left; margin:10px 14px; min-height:220px;}
.homelist li a.imglink img { width:200px; height:144px; transition:all .5s ease; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:1px 1px 2px #666666;}
.homelist li:hover a.imglink img { box-shadow:1px 1px 10px #666666; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.homelist li .name { height:30px; line-height:30px;}
.homelist li .name a { font-size:14px;}
.homelist li .price {font-size:13px; height:25px;color:#D9534F}
.homelist li .starttime {margin-bottom:10px;font-size:13px; height:25px; line-height:25px;  }
.homelist li:hover .starttime { font-weight:bold;}
.sectionlist { width:435px; float:right; margin-bottom:5px; border:none; box-shadow:none;}
.linear { height:490px; overflow:auto;}
.linear .section { position:relative; margin-left:6px; border-left:2px solid #DDDDDD; padding-top:30px; z-index:10;}
.linear .section .time { position:absolute; left:-6px; top:2px; width:100px; text-indent:26px; color:#FFFFFF; background:url('../images/index_section.png') left center no-repeat;}
.linear .section .list { padding:10px 15px 10px 8px; font-size:13px; line-height:30px;}
.linear .section .list li { padding:0px 5px;}
.linear .section .list li:hover { background:#EDEDED;}
.linear .section .list li a { float:left;}
.linear .section .list li a i{ padding-left:10px; color:#D9534F}
.linear .section .list li span { display:block; text-align:right;}

.profilelist { padding-left:4px;}
.profilelist:after{ content:' '; clear:both; display:block;}
.profilelist li { float:left; margin:10px 14px; min-height:231px;}
.profilelist li a.imglink img { width:200px; height:144px; transition:all .5s ease; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:1px 1px 2px #666666;}
.profilelist li:hover a.imglink img { box-shadow:1px 1px 10px #666666; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.profilelist li .name { height:30px; line-height:30px; padding-left:5px; margin-top:5px;}
.profilelist li .name a { font-size:14px;}
.profilelist li .price { padding-left:5px; margin-bottom:10px; font-size:13px; height:25px; line-height:25px; color:#D9534F}

.hotlist ul,.arrlist ul{ padding-left:4px;}
.hotlist ul:after,.arrlist ul:after{ content:' '; clear:both; display:block;}
.hotlist ul li { float:left; min-height:345px;  margin:10px 20px 10px 7px; padding-bottom:5px; border-left:1px solid #EDEDED;border-top:1px solid #EDEDED;transition: all .5s ease;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;box-shadow:2px 1px 3px rgba(0,0,0,.3);background-color: #f7f7f7;}
.hotlist ul li:hover{box-shadow:2px 1px 5px rgba(0,0,0,.5);}
.hotlist ul li:last-child,.arrlist ul li:last-child{margin-right: 0;}
.hotlist ul li a.imga,.arrlist ul li a.imga { position:relative; display: block; height:144px;}
.arrlist ul li a.imga img, .hotlist ul li a.imga img{ width:200px; height:144px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.hotlist ul li a.imga i.int, .arrlist ul li a.imga i.int { background:#EEEEEE; padding:2px 7px;transition: background .3s ease; font-style:normal; position:absolute; top:2px; left:2px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.hotlist ul li a.imga:hover i.int, .arrlist ul li a.imga:hover i.int { background:#ee4236; color:#FFFFFF;}
.hotlist ul li .comment{ width:200px; min-height:135px;border-top: 1px solid #f1f1f1;padding:10px; transition: background .3s ease;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.hotlist ul li:hover .comment { background:#FEFEFE;}
.hotlist ul li .comment .group { font-size:12px; color:#999;}
.hotlist ul li .comment p {color:#999;line-height: 1.6;}
.hotlist ul li .comment p a{color:#999;}
.hotlist ul li .text,  .arrlist ul li .text { height:30px; line-height:30px; padding-left:10px;}
.hotlist ul li .text a, .arrlist ul li .text a { font-size:14px; font-weight:bold;}
.hotlist ul li .price {padding:0 10px 5px; color:#EE4236}

.arrlist ul li { float:left;  margin:10px 18px 10px 7px;border-left:1px solid #EDEDED;border-top:1px solid #EDEDED;transition: all .5s ease;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;box-shadow:2px 1px 3px rgba(0,0,0,.3);background-color: #f7f7f7;padding-bottom: 1em;}
.arrlist ul li:hover{box-shadow:2px 1px 5px rgba(0,0,0,.5);}
.arrlist ul li .price {padding:8px 10px; color:#EE4236}


.comment ul li { padding:15px 0px; margin-bottom:10px; border-bottom:1px dotted #EAEAEA;}
.comment ul li:hover { background:#EFEDEE;}
.comment ul li:hover .remark p { color:#000000;}
.comment ul li:after {content:' '; clear:both; display:block;}
.comment ul li a.img { float:left; padding-left:15px; padding-top:15px;}
.comment ul li a.img img{ width:70px; height:70px; -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;box-shadow: 1px 1px 3px #666666; border-radius:10px;-webkit-border-redius:10px;-moz-border-redius:10px;}
.comment ul li:hover a.img img{box-shadow:1px 1px 6px #666666;border-radius:35px;-webkit-border-redius:35px;-moz-border-redius:35px;}
.comment ul li .remark { float:left; padding-left:15px; min-height:100px;}
.comment ul li .remark:after {content:' '; clear:both; display:block;} 
.comment ul li .remark h4 span{ font-size:12px; padding-left:12px;}
.comment ul li .remark p { color:#666666; text-indent:18px; line-height:22px;}
.comment ul li .remark .dp { text-indent:18px;}
 
.newcomment ul{  }
.newcomment ul li { padding-bottom:10px;}
.newcomment ul li a.user { float:left; padding:6px 10px 6px 5px;}
.newcomment ul li .title { float:left;line-height:25px; font-size:11px; text-align:left;}
.newcomment ul li .title a.hname { font-size:14px; font-weight:bold}
.newcomment ul li .title .clock { color:#888888;}
.newcomment ul li .neir:before{content:" "; display:block; position:absolute; left:10%; font-size:20px; top:-0.6em;border: 0.3em solid #F1F1F1;border-right-color: transparent; border-top-color: transparent; -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
.newcomment ul li .neir { padding:5px; border:1px solid #F1F1F1; margin-top:8px; position:relative; border-radius:5px; background:#F1F1F1; line-height:23px; text-indent:16px;  -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; text-align:left;}
.newcomment ul li:hover .neir:before {border: 0.3em solid #F1F1F1; border-right-color: transparent; border-top-color: transparent; }
.newcomment ul li:hover .neir { background:#F8F8F8;  border:1px solid #F8F8F8;border-bottom:1px solid #A1A1A1; box-shadow:0px 1px 4px #999999;}
.newcomment ul li .neir a:hover { color:#111111; text-shadow:0px 1px 0px #FFF}
.newcomment #scroll,.newcomment #scrolla ,.newcomment #scrollb{ overflow:hidden; height:423px;}
.navbar-inverse{margin-bottom: 20px;}

.tjloupan{
  float: left;
  width:732px;
  margin-right:1%;
}

.homelist{ float:left; width:692px;}
.newlist{ float:right; width:420px;}

.header { margin-bottom: 0px; }
.index-menu { width:1170px; margin:0px auto; height: 50px; display: flex;}

.quick-menu { position: relative; border-top: 1px solid #E04136; line-height:50px;}
.menu-title {width:280px; border-left:1px solid #F3F3F3; border-right:1px solid #F3F3F3;}
.menu-title .red { display: inline-block; width: 70%; text-align: center; font-size: 18px; }
.menu-title .shouqi { text-align: center; font-size:15px; cursor:pointer;}
.menu-content .left_bar dl { margin-bottom: 16px;}
.quick-menu .menu-content {  width:280px; position: absolute; top: 49px;left: 0px;border-right: none;border-bottom: none; box-shadow:1px 3px 3px rgba(0,0,0,.4); z-index:50; }
.index-nav { flex: 1; }
.index-nav ul { list-style: none;}
.index-nav ul li { float:left; padding: 0px 10px; }
.index-nav ul li a { display: inline-block; padding: 12px 5px; font-size:18px; }
.index-nav ul li a:hover { position:relative; top:1px;}
.index-nav ul li.on a { border-bottom:2px solid #E04136; color:#E04136; }

.carousel-inner>.item>a>img { min-width:1920px; height:450px;}
.carousel-indicators li { width: 12px; height:12px; background: #D1D0CF; border-color: transparent;}
.carousel-indicators .active { background: #E04136; }

.index-panel-head { margin: 15px -15px; display:flex; background: #F3F3F3; padding: 10px; }
.index-panel-head.mini { margin: 0px; padding: 8px; }
.index-panel-head .panel-left { width:340px; }
.index-panel-head .panel-left h2 { display:inline-block; margin: 0px; padding-left:10px; line-height:40px; color:#303030; }
.index-panel-head .panel-left a { font-size:13px; }
.index-panel-head .panel-left a i.glyphicon { font-size:13px; color:#E04136; }
.index-panel-head .panel-center {flex: 1; padding-left:10px; }
.panel-center .p-menu { display: flex; margin-bottom:0px; padding-top:6px; }
.panel-center .p-menu li { padding:0px 10px; cursor:pointer; line-height:30px; font-size:16px; margin-right:8px;}
.panel-center .p-menu li.on { background:#E04136; border-radius:4px; color:#FFFFFF;}

.index-panel-head .panel-right { text-align: right;padding-right:10px; line-height:41px; }
.index-panel-head .panel-right .new-more { color:#888888; font-size:13px; padding-right:20px; background: url('http://imga.mizhai.com/newimg/more.png') right center no-repeat; }
.index-panel-head .panel-right a:hover { color:#E04136; }

.index-loupan { display: flex; margin:0px -15px;}
.sectionlist2 { width:360px; padding-right:30px; margin-bottom:5px; border:none; box-shadow:none;}
.linear2 { height:390px; overflow:auto;}
.linear2 .section { position:relative; margin-left:6px; border-left:2px dotted #CCCCCC; padding-top:30px; z-index:10;}
.linear2 .section .time { position:absolute; left:-6px; top:2px; width:100px; text-indent:26px; color:#FFFFFF; background:url('http://imga.mizhai.com/newimg/index_section.png') left center no-repeat;}
.linear2 .section .list { padding:10px 15px 10px 8px; font-size:13px; line-height:30px;}
.linear2 .section .list li { padding:0px 5px;}
.linear2 .section .list li:hover { background:#EDEDED; color:#D9534F; }
.linear2 .section .list li a { float:left;}
.linear2 .section .list li a i{ padding-left:10px; color:#D9534F;}
.linear2 .section .list li span { display:block; text-align:right;}
.sectionlist2 .panel-body { padding-left: 0px;}
.loupans { flex: 1; }

.nav-tabs2 { display: flex; border-bottom:2px solid #E04136; }
.nav-tabs2 li { margin-right:3px; }
.nav-tabs2 li a { display: inline-block; padding: 7px 10px; font-size:14px;}
.nav-tabs2 li.active { background: #E04136; border-radius:4px 4px 0px 0px;}
.nav-tabs2 li.active a { color: #FFFFFF; text-decoration: none;}

.tools { margin-top:10px; border:1px solid #F3F3F3; border-top:2px solid #E04136;}
.tools ul { display:flex; align-content: space-around; flex-wrap: wrap;}
.tools ul li { width:33.333%; padding-top: 20px; text-align:center; }
.tools ul li p { line-height: 35px; }

.loupans ul { display: flex; flex-wrap: wrap; align-content: space-around; justify-content: space-between; }
.loupans ul li { padding: 20px 0px;}
.loupans ul li a.imglink { border-radius:4px; position:relative; }
.loupans ul li a.imglink img { width:250px; height:180px; }
.loupans ul li a .tm_bg,.arrlist2 ul li a.imga .tm_bg { cursor: pointer; position:absolute; left:0px; bottom:0px; width:250px; height:36px; background:#222222; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: .5; }
.loupans ul li a .tags { position: absolute; left: 0; bottom:0; z-index:1; padding:10px;}
.loupans ul li a .tags .label { background: transparent; border:1px solid #FFFFFF; border-radius:10px; padding: 3px 10px; font-size:12px; }
.loupans ul li .title { padding-top:10px;}
.loupans ul li .title,.loupans ul li .price { display: flex; justify-content: space-between; line-height:30px;}
.loupans ul li .title .title-left,.loupans ul li .price .price-left { flex:1;}
.loupans ul li .title .title-left a { font-size:16px; display: block; }
.loupans ul li .title .title-right a { font-size:14px; text-indent:20px; color: #666666; background:url('http://imga.mizhai.com/newimg/dianping.png') left center no-repeat; display: inline-block; }
.loupans ul li .price .price-left { font-size:18px; color:#E04136; }
.loupans ul li .price .price-right { color: #888888;}

.hot-loupan { margin:0 -15px; }
.hot-loupan ul { display:flex; justify-content: space-between; flex-wrap:nowrap; }
.hot-loupan ul li { width:220px; }
.hot-loupan ul li a.imga { border-radius:5px; overflow: hidden; display:inline-block; position:relative; }
.hot-loupan ul li a.imga i { position:absolute; top: 0px; left: 0px; width:60px; height:24px; display:inline-block; }
.hot-loupan ul li a.imga .i1 { background: url('http://imga.mizhai.com/newimg/top1.png') no-repeat; }
.hot-loupan ul li a.imga .i2 { background: url('http://imga.mizhai.com/newimg/top2.png') no-repeat; }
.hot-loupan ul li a.imga .i3 { background: url('http://imga.mizhai.com/newimg/top3.png') no-repeat; }
.hot-loupan ul li a.imga .i4 { background: url('http://imga.mizhai.com/newimg/top4.png') no-repeat; }
.hot-loupan ul li a.imga .i5 { background: url('http://imga.mizhai.com/newimg/top5.png') no-repeat; }
.hot-loupan ul li .title,.hot-loupan ul li .price { display: flex; justify-content: space-between; line-height:25px;}
.hot-loupan ul li .price { border-bottom:1px solid #E6E6E6; padding-bottom:5px; }
.hot-loupan ul li .title .name { font-size:16px; }
.hot-loupan ul li .title .dianping { font-size:13px; text-indent:20px; color: #666666; background:url('http://imga.mizhai.com/newimg/dianping.png') left center no-repeat; display: inline-block; }
.hot-loupan ul li .price .price-left { color:#E04136; font-size:16px; }
.hot-loupan ul li .price .price-right { color:#888888; }
.hot-loupan ul li .comment { padding-top:8px; }
.hot-loupan ul li .comment a img { width:30px; height:30px; border-radius:15px; margin-right:6px; }
.hot-loupan ul li .comment p { padding:5px; }
.hot-loupan ul li .comment p a { line-height:23px; color: #666666; font-size:13px; }
.hot-loupan ul li .comment p a:hover { color: #E04136; }

.index-comment { display:flex; margin:0 -15px; padding-top:15px; justify-content: space-between; }
.index-comment-left,.index-comment-right { width: 570px; }
.h2-new { font-size:23px; text-indent:35px;  background:url('http://imga.mizhai.com/newimg/new.png') 8px center no-repeat; }
.h2-hot { font-size:23px; text-indent:35px; background:url('http://imga.mizhai.com/newimg/hot.png') 8px center no-repeat; }


.index-comment ul li { padding-bottom:10px;}
.index-comment ul li .headinfo {  display:flex; }
.index-comment ul li .headinfo .headimg img { width: 50px; height:50px; border-radius:25px; float:left; margin-right:8px;}
.index-comment ul li .headinfo .headimg {  padding-right:5px; line-height:50px; }
.index-comment ul li .headinfo .title {  flex: 1; line-height:50px;text-align:left; }
.index-comment ul li .headinfo .title a { color:#E04136; }
.index-comment ul li .headinfo .clock {  line-height:50px; color:#888888;}
.index-comment ul li .neir { padding:8px; border:1px solid #F1F1F1; margin-top:8px; position:relative; border-radius:5px; border:1px solid #F8F8F8; line-height:23px; text-indent:16px;text-align:left;}
.index-comment ul li:hover .neir { background:#F8F8F8; }
.index-comment ul li .neir a:hover { color:#111111; }
.index-comment #scroll,.index-comment #scrolla ,.index-comment #scrollb{ overflow:hidden; height:423px;}

.index-house { margin:0 -15px; display:flex; }
.index-house .hothouse { width:360px; margin-right:30px; }
.index-house .hothouse .renqi { background:#F3F3F3; border-radius:5px; padding:10px 18px; }
.renqi .hot-head { line-height:40px; display:flex; }
.renqi .hot-head h4 { flex:1;}
.renqi .hot-head a.more { padding-right:19px; background:url('http://imga.mizhai.com/newimg/more.png') right center no-repeat; }
.renqi ul li { line-height:30px; display: flex;}
.renqi ul li a { flex: 1; display: block; color:#303030; }
.renqi ul li a:hover { color: #E04136;}
.renqi ul li .price { color:#777777;}
.renqi ul li .index { line-height:16px; height:16px; width:16px; border-radius:4px; background:#E04136; text-align:center; color:#ffffff; margin:7px;}
.index-house .zhaosun { margin-top:15px;}

.arrlist2 ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:0px; }
.arrlist2 ul li { margin-bottom:6px;}
.arrlist2 ul li a.imga { position: relative; border-radius:5px; overflow:hidden; width:250px; display:inline-block; border:1px solid #E4E4E4; }
.arrlist2 ul li a.imga .room { z-index:1; border:1px solid #ffffff; color:#ffffff; position: absolute; left: 10px; bottom:7px; padding: 1px 7px; border-radius:5px; }
.arrlist2 ul li .text a { font-size:16px; line-height:30px; }
.arrlist2 ul li .price { line-height:30px; color:#888888;}
.arrlist2 ul li .price span { color: #E04136; font-size:16px;}

.index-news { margin:0 -15px; display: flex; justify-content: space-between; padding-bottom:20px;}
.index-news ul li .img img { border-radius:5px;}
.new-left { flex: 1;}
.new-left ul li { margin-bottom:10px; display: flex; border-radius:8px; }
.new-left ul li:hover { background:#F3F3F3; }
.new-left ul li .img { margin-right:20px;}
.new-left ul li .title { display:flex; flex-direction: column; flex: 1; }
.new-left ul li .title .h3 { line-height:33px; font-size:16px; font-weight:bold; margin-top:5px; }
.new-left ul li .title .desc { flex: 1; color:#888888;}
.new-left ul li .title .source { color:#888888; padding-bottom:10px; }

.new-right { width: 390px; margin-left:20px;}
.new-right ul li { margin-bottom:10px; display:flex; padding: 5px; border-radius:5px;}
.new-right ul li:hover { background: #F3F3F3; }
.new-right ul li .img { margin-right:10px;}
.new-right ul li .title { display: flex; flex-direction: column; flex: 1; }
.new-right ul li .title a { flex: 1; font-size:14px; }
.new-right ul li .title .source { color: #888888;}

.index-banner { margin: 0px auto; max-width: 1920px; }