@charset "utf-8";
/* css document */
.content{ margin-top:20px;}

/* topbox */
.topbox{ float:left; overflow:hidden; width:1200px; margin-bottom:25px;}
/*topl*/
.topl{ float:left; width:865px; padding:15px 10px; background:#fff; overflow:hidden; margin-right:15px;}
.topl .search{ width:861px; height:40px; display:inline-block; border:2px #27a980 solid;}
.topl .search .cityinput{ float:left; width:100px; height:40px; border-right:2px #27a980 solid; text-align:center; padding:0 5px 0 32px; position:relative;}
.topl .search .cityinput i{ width:16px; height:22px; background-position:-44px -31px; position:absolute; left:8px; top:8px;}
.topl .search .searchinput{ float:left; width:585px; padding-left:10px;}
.topl .search input{ width:100%; border:0; height:40px; line-height:40px;}
.topl .search a{ display:inline-block; text-align:center; width:127px; line-height:40px; font-size:14px; background:#27a980; color:#fff;}
.topl .search a i{ width:23px; height:24px; background-position:0 -53px; vertical-align:middle; margin-right:6px;}
.cityselector{ font:14px/1.5 tahoma,arial,\5b8b\4f53; background:#fff; text-align:left;}

/* 城市选择 */
.citybox{width:450px;border:2px solid #69b39c;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.citybox ul{margin:0;padding:0;overflow:hidden;}
.citybox ul li:first-child{margin-left:5px;}
.citybox ul li{float:left;list-style:none;padding:5px;border-bottom:1px solid #ddd;cursor:pointer;display:inline;color:#00a346;}
.citybox ul li.on{border-bottom-color:#00a346;position:relative;}
.hide{display:none;}
p.tip{color:#999;line-height:20px; padding:5px;margin:0; text-indent:3px; font-size:18px;}
.hotcity{border-top:1px solid #ddd;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:10px;padding-top:10px;_margin-bottom:8px;}
.citytab{overflow:hidden;}
.citytab dl{margin:0;padding:0 0 0 10px;overflow:hidden;}
.citytab dl dt{float:left;padding-left:3px;color:#00a346;margin-top:1px;text-indent:5px;/*font-family:"lucida console","consolas","courier new";*/line-height:25px;font-size:14px;width:20px;}
.citytab dl dd{margin-left:2px;float:left;width:405px;}
.citytab dl dd a{padding-left:5px;min-width:66px;line-height:25px;display:inline-block;color:#333;text-decoration:none;}
.citytab dl dd a:hover{color:#00a346;}

.hotsearch{ width:865px; padding:10px 0 20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hotsearch a{ color:#00b38a; margin-right:10px;}
.hotsearch a:hover{ color:#f37053;}

/* banner */
.foucebox { position:relative; width:865px; height:160px; overflow:hidden;}
.foucebox .bd { position:relative; float:left; width:732px; height:160px; overflow:hidden;}
.foucebox .bd ul{ width:732px; height:160px; position:relative;}
.foucebox .bd ul li{ position:absolute; left:0; top:0; width:732px; display:none;}
.foucebox .bd img {width:732px; height:160px;}
.foucebox .hd { position:relative; width:131px; float:right; z-index:1; }
.foucebox .hd ul { width:121px; overflow:hidden; float:right;}
.foucebox .hd li { width:113px; height:42px; overflow:hidden; border:4px #d3d3d3 solid; margin-top:5px;}
.foucebox .hd li:first-child{ margin-top:0;}
.foucebox .hd li.on{ border:4px #77d3be solid;}
.foucebox .hd img {width:113px; height:42px; display:block; }
.foucebox .hoverbg { position:absolute; top:0px; left:0px; width:16px; height:50px; z-index:100; background:
 no-repeat; }


/*topr*/
.topr{ width:300px; height:auto; overflow:hidden; background:#a5a5a5;}
.topr dt{ height:40px; line-height:40px;}
.topr dt a{ display:inline-block; text-align:center; width:150px; font-size:16px; color:#fff; background:#6e6d6d;}
.topr dt a.linkablue{  background:#a5a5a5;}
.topr dt a:hover{ text-decoration:none;}
.topr dd{ width:260px; padding:20px;}
.topr dd ul{ float:left; width:260px; overflow:hidden;}
.topr dd ul li{ float:left; width:260px; position:relative; margin-bottom:17px; font-size:13px;}
.topr dd ul input{ width:223px; padding-left:37px; height:32px; border:0; background:#fff; line-height:32px;}
.topr dd ul li i{ position:absolute; left:8px; top:6px;}
.topr dd ul li.user i{ width:20px; height:20px; background-position:-61px -31px;}
.topr dd ul li.password i{ width:17px; height:20px; background-position:-83px -31px;}
.topr dd ul li.yzm input{ float:left; width:118px; padding-left:8px;}
.topr dd ul li.yzm img{ float:left; margin:0 8px;}
.topr dd ul li.yzm a{ float:left; text-decoration:underline; line-height:32px; color:#fff;}
.topr dd ul li.logibut{ margin-bottom:10px;}
.topr dd ul li.logibut input{ width:260px; background:#fa7e2c; color:#fff; padding-left:0; cursor:pointer;}
.topr dd ul li.loginbt{ margin-bottom:10px;}
.topr dd ul li.loginbt a{ float:right; color:#fff;}
.topr dd ul li.loginbt a:first-child{ float:left;}
.topr .mainform{ text-align:center; width:260px;}
.topr #mainform2{display: none;}
.topr dd center{ color:#fff; font-size:16px; margin-bottom:12px;}
.topr dd ol{ width:230px; background:#fff; overflow:hidden; padding:15px;}
.topr dd ol li{ float:left; width:260px; margin-bottom:10px; text-align:left}
.topr dd ol li a{ color:#465de9; display:inline-block;}
.topr dd ol li span{ color:#bd3436;}
.topr dd ol li a span{ margin:25px;}
.topr dd ol li a span.gl{ margin-left:0;}
.topr dd ol li a:hover,.topr dd ol li a:hover span{ color:#00b38a;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix{ zoom: 1; }

.toprs{ float: right; width: 268px; height: 287px; border: 1px solid #e7e7ea; padding: 0 15px; background: #ffffff;}
.signbox{ margin-top: 12px; }
ul.singtitle{ border-bottom: 1px solid #e5e5e5; }
ul.singtitle li{ float: left; font-size: 14px; line-height: 16px; color: #808080; cursor: pointer; border-bottom: 1px solid #e5e5e5; padding: 6px 0 8px 0; margin-bottom: -1px; width: 134px; text-align: center; }
ul.singtitle li.on{ color: #333333; font-weight: 700; border-bottom: 3px solid #27a980; padding-bottom: 6px; }
ul.singmain{ margin-top: 16px; }
.singform{ position: relative; margin-bottom: 12px; }
.singform em{ display: inline-block; width: 1px; height: 6px; background: #969696; position: absolute; top: 15px; left: 11px; }
.singform input{ width: 232px; height: 32px; padding: 0 17px; border: 1px solid #cccccc; border-radius: 3px; font-size: 12px; line-height: 32px; color: #000000; cursor: pointer; }
.singform span{ display: inline-block; width: 98px; height: 32px; border: 1px solid #cccccc; border-radius: 3px; overflow: hidden; position: absolute; top: 0; right: 0; }
.singform span:hover{ border: 1px solid #8d8d8d; cursor: pointer; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.singform span img{ width: 100%; min-height: 100%; }
.signin{ width: 268px; height: 36px; background: #27a980; border: 1px solid #27a980; border-radius: 3px; outline: none; cursor: pointer; font-size: 14px; line-height: 34px; color: #ffffff; margin-top: 6px; }
.signin:hover{ background: #108661; border: 1px solid #108661; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.signother{ padding: 0 4px; margin-top: 18px; }
ul.signmore{ float: left; }
ul.signmore li{ float: left; font-size: 12px; line-height: 20px; color: #808080; }
ul.signmore li a{ float: left; display: inline-block; width: 20px; height: 20px; background: #ffffff; border-radius: 50%; margin-right: 1px; }
ul.signmore li a:hover{ background: #dbdbdb; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
ul.signmore li a img{ width: 100%; }
a.signnew{ float: right; font-size: 12px; line-height: 20px; color: #808080; margin-left: 2px; }

.recordbox{  }

/* left */
.left{ float:left; width:310px; margin-right:20px;}
.left dl{ width:280px; overflow:hidden; background:#fff; margin-top:20px; padding:0 15px;}
.left dl:first-child{ margin-top:0px;}
.left dl dt{ font-size:20px; border-bottom:1px #ddd solid; line-height:40px; padding:10px 0 5px 0;}
.left dl dd{ padding:5px 0 10px 0; overflow:hidden;}
.left dl dd li{ float:left; padding:2px 0; color:#bebebe; list-style:inside square; font-size:10px;}
.left dl dd li a{ color:#333;font-size:15px;}
.left dl dd li a:first-child{ margin-left:0px;}
.left dl dd li a:hover{ color:#00b38a;}

.left dl.zhineng li{ width:280px;}
.left dl.zhineng li a{ margin:0 3px;}

.left dl.zhiweitj dd{ padding-top:6px;}
.left dl.zhiweitj li{ width:135px; padding:3px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.left dl.hangye #scrolldiv{ height:300px; overflow:hidden;}
.left dl.hangye li{ width:280px;}
.left dl.hangye li a{ margin:0 3px;}
.left dl.hangye .scroltit{ text-align:right;}
.left dl.hangye .scroltit i{ width:22px; height:22px;}
.left dl.hangye .up{ background-position:-49px -54px; margin-right:6px;}
.left dl.hangye .up:hover{ background-position:-25px -54px;}
.left dl.hangye .down{ background-position:-73px -54px;}
.left dl.hangye .down:hover{ background-position:-97px -54px;}

.left dl.resou dd{ padding:10px 0 15px 0;}
.left dl.resou .taglist{ padding:10px 5px; background:#f1f1f1; height:220px; overflow:hidden;}
.left dl.resou .taglist a{ padding:3px; display:inline-block; /*white-space:nowrap;*/}
.left dl.resou a.size1{ padding:7px; font-size:24px; color:#4c4c4c;}
.left dl.resou a.size1:hover{ color:#b46a47;}
.left dl.resou a.size3{ padding:5px; font-size:20px; color:#999;}
.left dl.resou a.size3:hover{ color:#b46a47;}
.left dl.resou a.size4{ padding:5px; font-size:18px; color:#666;}
.left dl.resou a.size4:hover{ color:#b46a47;}
.left dl.resou a.size5{ padding:5px; font-size:16px; color:#a09e9e;}
.left dl.resou a.size5:hover{ color:#b46a47;}
.left dl.resou a.size6{ padding:0px; font-size:12px; color:#aaa}
.left dl.resou a.size6:hover{ color:#b46a47;}

.left dl.pinglun i{ width:24px; height:24px; background-position:-95px -79px; margin-right:10px; vertical-align:middle; margin-top:-2px;}
.left dl.pinglun dd{ padding:15px 0;}
.left dl.pinglun dd ul{ height:338px; overflow:hidden;}
.left dl.pinglun li{ width:260px; list-style:none; line-height:20px; padding:10px; background:#f5f5f5; margin-bottom:12px;}
.left dl.pinglun p{ width:255px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#333; margin-bottom:3px;}
.left dl.pinglun span{ float:left; font-size:13px; color:#999;}
.left dl.pinglun span em{ float:left;}
.left dl.pinglun span a{ float:left; font-size:13px; color:#999;  max-width:185px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; margin-right:3px;}
.left dl.pinglun span a:hover{ color:#00b38a;}

/* right */
.right{ float:left; width:870px;}
.right dl{ float:left; width:830px; overflow:hidden; background:#fff; margin-top:20px; padding:0 20px;}
.right dl:first-child{ margin-top:0px;}
.right dl dt{ font-size:24px; border-bottom:1px #ddd solid; line-height:40px; padding:10px 0 5px 0;}
.right dl dd{ overflow:hidden;}
.right dl dd .box{ width:830px; float:left; display:none;}

.j-lbn{ float:right; margin-top:10px;}
.j-lbn span{float:left;width:60px; height:22px; line-height:21px;text-align:center; font-size:20px; color:#777;}
.j-lbn .j-lbcp{ margin-right:1px; color:#27a980; font-style:italic;}
.j-lbn i{ width:22px; height:22px; float:left;}
.j-lbn .prev i{ background-position:-24px -79px;}
.j-lbn .prev:hover i{ background-position:0 -79px;}
.j-lbn .next i{ background-position:-72px -79px;}
.j-lbn .next:hover i{ background-position:-48px -79px;}

/* newjob */

.right dl.newjob .box ul{ float:left; overflow:hidden;}
.right dl.newjob .list-box li{ float:left; width:830px; border-bottom:1px #ddd dashed; padding:20px 0;}
.right dl.newjob .list-box .zb{ float:left; width:400px; margin-right:18px;}
.right dl.newjob .list-box .zb h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px;}
.right dl.newjob .list-box .zb h2 a{ font-size:20px; color:#00b38a; }
.right dl.newjob .list-box .zb h2 a:hover{  color:#f37053;}
.right dl.newjob .list-box .zb p{ color:#999; margin-bottom:5px;}
.right dl.newjob .list-box .zb em{ margin:0 8px;}
.right dl.newjob .list-box .zb b{ color:#ff6666;}
.right dl.newjob .list-box .zb .company_advantage{ color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.right dl.newjob .list-box .zj{ float:left; width:300px; margin-right:18px; color:#999;}
.right dl.newjob .list-box .zj a{ color:#4c4c4c; margin-bottom:10px; display:inline-block;}
.right dl.newjob .list-box .zj a:hover{  color:#00b38a;}
.right dl.newjob .list-box .zj p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px; font-size:13px;}
.right dl.newjob .list-box .zj span{ display:inline-block; padding:0 10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; background:#eee; margin-right:10px;}
.right dl.newjob .list-box .yb{ float:left; width:90px; height:90px; border:1px #ddd solid; padding:1px;}
.right dl.newjob .list-box .yb img{ width:90px; height:90px;}
.right dl.newjob .list{ width:830px; padding:8px 0; }
.right dl.newjob .list li{ float:left; width:33.3%;}
.right dl.newjob .list li em{ float:left; width:3px; height:3px; background:#00b38a; display:inline-block; margin-top:12px; margin-right:5px;}
.right dl.newjob .list li span{ color:#4f71ee;font-size:14px; display:inline-block;}
.right dl.newjob .list li a{ float:left; display:inline-block; max-width:260px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.right dl.newjob .list li a:hover{  color:#f37053;}

/* newcom */
.right dl.newcom dd{ padding:5px 0 20px 0;}
.right dl.newcom ul{ float:left; overflow:hidden;}
.right dl.newcom li{ float:left; width:405px; border-bottom:1px #ddd dashed; padding:6px 0;}
.right dl.newcom li a{ width:405px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#16896f; font-size:16px;}
.right dl.newcom li a:hover{  color:#f37053;}
.right dl.newcom li p{ color:#777; font-size:13px;}
.right dl.newcom li em{ margin:0 10px;}
.right dl.newcom .star{ width:78px; height:15px; background: no-repeat; display:inline-block; margin-right:10px;}	
.right dl.newcom .star5{ background-position:0 0;}		
.right dl.newcom .star4{ background-position:0 -15px;}		
.right dl.newcom .star3{ background-position:0 -30px;}		
.right dl.newcom .star2{ background-position:0 -45px;}		
.right dl.newcom .star1{ background-position:0 -60px;}		
.right dl.newcom .star0{ background-position:0 -75px;}


/* dianping */
.right dl.dianping dd{ padding-bottom:23px;}
.right dl.dianping li{ float:left; width:830px; border-bottom:1px #ddd dashed; padding:26px 0;}
.right dl.dianping li .pic{ float:left; width:130px; height:130px; padding:1px; border:1px #ddd solid; margin-right:20px; display:inline-block;}
.right dl.dianping li .pic img{ width:130px; height:130px;}
.right dl.dianping li .textbox{ float:left; width:676px;}
.right dl.dianping li p{ width:676px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.right dl.dianping li .textbox a{ font-size:20px; color:#3765a3; max-width:560px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.right dl.dianping li .textbox a:hover{  color:#00b38a;}
.right dl.dianping li .star{ float:right; width:102px; height:20px; background: no-repeat; display:inline-block; margin-right:0px;}
.right dl.dianping li .str5{ background-position:0 0;}		
.right dl.dianping li .str4{ background-position:0 -20px;}		
.right dl.dianping li .str3{ background-position:0 -40px;}	
.right dl.dianping li .str2{ background-position:0 -60px;}		
.right dl.dianping li .str1{ background-position:0 -80px;}		
.right dl.dianping li .str0{ background-position:0 -100px;}
.right dl.dianping li em{ color:#3f73ba;}
.right dl.dianping li .request span{ display:inline-block; padding:0 10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; background:#eee; margin-right:10px; font-size:13px;}
.right dl.dianping li i{ margin-right:10px; width:25px; height:25px; vertical-align:middle;}
.right dl.dianping li .zwnum{ background-position:0 -103px;}
.right dl.dianping li .plnum{ background-position:-27px -103px;}
.right dl.dianping li .addr{ background-position:-54px -103px;}
.right dl.dianping li p span{ margin-right:20px;}
.right dl.dianping .ybqlist{ float:left; width:830px; overflow:hidden;}
.right dl.dianping .ybqlist li{ float:left; width:415px; border-bottom:0; padding:0;}
.right dl.dianping .ybqlist li a{ display:inline-block; font-size:15px; max-width:405px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* jianli */
.jianli{ float:left; width:1180px; background:#fff; overflow:hidden; padding:0 20px; margin-top:20px;}
.jianli .l{ float:left; width:830px; border-right:1px #ddd solid;}
.jianli .l dt{ font-size:24px; border-bottom:1px #ddd solid; line-height:40px; padding:10px 12px 5px 12px;}
.jianli .l dt a{ float:right; font-size:15px; margin-top:3px; margin-right:10px;}
.jianli .l dt a i{ width:17px; height:17px; background-position:-102px -31px; vertical-align:middle; margin-left:8px; position: relative; top: -2px; }
.jianli .l dd ul{ width:830px; overflow:hidden; padding:20px 0;}
.jianli .l dd li{ float:left; width:276px; border-left:1px #ddd solid; text-align:center; padding:25px 0;}
.jianli .l dd li:first-child{ border:0;}
.jianli .l dd li img{ width:90px; height:90px;}
.jianli .l dd li p{ width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jianli .l dd li p a{ font-size:18px; color:#00b38a;}
.jianli .l dd li p a:hover{  color:#f37053;}
.jianli .l dd li p.yaoqiu{ color:#999;}
.jianli .r{ float:left; width:349px; text-align:center; padding-top:30px; overflow:hidden;}
.jianli .r .share{ margin-top:10px; margin-left:15px;}

/* zhishibaike */
.zhishi, .baike, .chuangye, .xiangmu{ float: left; width:1200px; height: auto; background:#fff; margin-top:20px; position: relative; }
.zhishi:after, .baike:after, .chuangye:after, .xiangmu:after{ content: ""; display: inline-block; width: 100%; height: 1px; background: #ffffff; vertical-align: middle; clear: both; position: absolute; bottom: 8px; left: 0; }
.wenda-title{ width: 1160px; margin: 0 auto; border-bottom: 1px #ddd solid; }
.wenda-title span{ float: left; font-size: 24px; line-height: 40px; padding: 18px 12px 10px 12px; }
.wenda-title a{ float:right; font-size:15px; margin-top:26px; margin-right:10px;}
.wenda-title a i{ width:17px; height:17px; background-position:-102px -31px; vertical-align:middle; margin-left:8px; position: relative; top: -2px; }
.baike-list{ width: 1176px; height: auto; margin: 4px auto 8px auto; }
.baike-list li{ float: left; padding: 22px 10px 14px 10px; width: 540px; border-bottom: 1px dashed #dddddd; margin: 0 14px; }
.baike-list li a{ display: inline-block; }
.baike-list li a b{ display: block; font-size: 15px; line-height: 17px; color: #333333; font-weight: 400; width: 100%; max-height: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.4s; }
.baike-list li a b:before{ content: ''; display: inline-block; width: 5px; height: 5px; background: #666666; vertical-align: middle; clear: both; font-size: 12px; position: relative; top: -2px; margin-right: 8px; }
.baike-list li a p{ padding-left: 12px; width: 528px; font-size: 13px; line-height: 21px; color: #999999; max-height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.4s; margin-top: 10px; }
.baike-list li a:hover{ text-decoration: none; }
.baike-list li a:hover b{ color: #00b38a; text-decoration: underline; }
.baike-list li a:hover > b:before{ background: #00b38a; width: 6px; height: 6px; border-radius: 3px; margin-right: 7px; }
.baike-list li a:hover p{ color: #666666; }

.wenda-list{ width: 1176px; height: auto; margin: 0 auto; padding: 20px 0; }
.wenda-list li{ float: left; padding: 5px 10px 5px 10px; width: 344px; margin: 2px 14px; }
.wenda-list li a{ display: block; font-size: 13px; line-height: 17px; color: #333333; font-weight: 400; width: 100%; max-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s; } 
.wenda-list li a:before{ content: ''; display: inline-block; width: 5px; height: 5px; background: #666666; vertical-align: middle; clear: both; font-size: 12px; position: relative; top: -2px; margin-right: 8px; }
.wenda-list li a:hover{ color: #00b38a; text-decoration: underline; }
.wenda-list li a:hover:before{ background: #00b38a; width: 6px; height: 6px; border-radius: 3px; margin-right: 7px; }

/* chuangyexiangmu */
.xiangmu-list{ width: 1176px; height: auto; margin: 4px auto 8px auto; }
.xiangmu-list li{ float: left; padding: 20px 10px 20px 10px; width: 540px; border-bottom: 1px dashed #dddddd; margin: 0 14px; }
.xiangmu-img{ float: left; display: inline-block; width: 110px; height: 155px; overflow: hidden; margin-right: 20px; }
.xiangmu-img img{ width: 100%; min-height: 155px; }
.xiangmu-main{ float: right; display: inline-block; width: 410px; }
.xiangmu-title{ display: block; font-size: 15px; line-height: 17px; color: #333333; font-weight: 400; width: 100%; max-height: 17px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.4s; cursor: pointer; }
.xiangmu-detail{ width: 410px; font-size: 13px; line-height: 21px; color: #999999; max-height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 14px 0; transition: all 0.4s; }
.xiangmu-note{ width: 100%; }
.xiangmu-note dt{ float: left; margin-right: 10px; }
.xiangmu-note dt a{ float: left; font-size: 12px; line-height: 12px; color: #ffffff; padding: 6px 10px; background: #27a980; transition: all 0.3s; }
.xiangmu-note dt a:hover{ text-decoration: none; background: #1b906b; }
.xiangmu-other{ width: 100%; margin-top: 14px; }
.xiangmu-other dd{ float: left; font-size: 12px; line-height: 14px; color: #888888; }
.xiangmu-other dd:before{ content: ''; display: inline-block; width: 1px; height: 7px; background: #adadad; vertical-align: middle; clear: both; position: relative; top: -1px; margin: 0 6px; }
.xiangmu-other dd:first-child:before{ display: none; }
.xiangmu-other dd span{ margin: 0 3px; }
.xiangmu-list li:hover > .xiangmu-main .xiangmu-title{ color: #00b38a; text-decoration: none; }
.xiangmu-list li:hover > .xiangmu-main .xiangmu-title:hover{ text-decoration: underline; }
.xiangmu-list li:hover > .xiangmu-main .xiangmu-detail{ color: #666666; }

/* bottom */
.bottom{ float:left; width:1160px; padding:15px 20px; overflow:hidden; background:#fff; margin-top:20px;}
.bottom dl { overflow:hidden; padding-bottom:15px;}
.bottom dl dt{ font-size:20px; line-height:40px; padding:10px 0 5px 0;}
.bottom dl dt span{ float:left;}
.bottom dl dt div{ float:left; margin-top:22px; height:0px; border-bottom:1px #ddd solid; margin-left:20px;}
.bottom dl dd ul{ width:1160px; overflow:hidden;}
.bottom dl dd li{ float:left; width:16.6%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bottom dl dd li a{ font-size:14px;}
.bottom dl:first-child dd ul li{ width:12.5%;}
.bottom dl.hot dd ul li{ width:20%;}