@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{  font:12px/1.5 "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em, i { font-style: normal; }
ul,ol{list-style:none}
.fl{ float:left; }
.fr{ float:right; }
.clear{ height:0px; clear:both; }
.p0{ padding:0px; }
.orange{ color:#eb6f15; }

.bar{ padding-top:20px; background:#313332; }
.bar_{ padding-top:0px;overflow: hidden; }

.main{ width:1200px;margin:0px auto;}

/*内容通用部分*/
.crumb{ line-height:65px; color:#e8e8e8; font-size:14px;}
.crumb span:first-child{color:#8e8e8e;}
.crumb ul li{ float:left; margin:0px 5px;}
.crumb ul li i {content: " ";width: 7px;height: 6px;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;border-radius: 1px;display: inline-block;margin-left:5px;transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);-ms-transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);-webkit-transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);}
.crumb a{text-decoration:none; color:#8e8e8e;}
.crumb a:hover{text-decoration:none; color:#e8e8e8; }
.cont-img{}
.cont-detail{}
/*内容*/
.body{ background:#f2f2f2; padding:20px 0px;}
.body_{ padding:0px; padding-bottom:20px;}

.cont_heaer{ position:relative; }
.cont_heaer .fr{  }
.cont_heaer .cont_info{ color:#e8e8e8; background:#3c3c3c; margin-left:690px; height:358px; }
.cont_heaer .cont_title{ font-size:16px; font-weight:bold; padding:20px;}
.cont_heaer .cont_class{ line-height:28px;}
.cont_heaer .cont_state{ line-height:36px; color:#999; }

.cont_heaer .cont_price{ height:20px; background:#444444; padding:20px; padding-top:15px; }
.cont_heaer .cont_price .fl span{ font-size:18px; color:#eb6f15;}
.cont_heaer .cont_price .fl em{ color:#9e9e9e; text-decoration:line-through; }
.cont_heaer .cont_price .fr{ margin-top:5px; }

.cont_heaer .cont_rate{  padding:10px 20px; color:#999;}
.cont_heaer .cont_rate .fl img{ height:18px; }

.cont_heaer .cont_but{ position:absolute; bottom:20px; bottom:0px; margin-left:20px; margin-bottom:20px; font-size:14px;}
.cont_heaer .cont_but span{font-size:24px; color:#eb6f15; margin-bottom:20px; display:block; }
.cont_heaer .cont_but a{ width:125px; height:40px; line-height:40px; color:#FFF; text-align:center; cursor:pointer; }
.cont_heaer .cont_but a{ display:inline-block; background:#eb6f15; color:#FFF; margin-right:20px; border:#eb6f15 solid 1px;  }
.cont_heaer .cont_but a:hover{ background:#666; border:#666 solid 1px; }
.cont_heaer .cont_but a:last-child{ background:#3c3c3c; border:#CCC solid 1px; }
.cont_heaer .cont_but a:last-child:hover{ background:#eb6f15; border:#eb6f15 solid 1px; }

.cont_heaer .cont_share{ position:absolute; right:20px; bottom:30px; }
.cont_heaer .cont_share a{ margin:0px 15px; color:#999; }
.cont_heaer .cont_share a:hover{ color:#eb6f15; }


.header .body_tag{ line-height:58px; font-size:14px;color:#FFF; margin-top:20px; }
.header .body_tag ul{ }
.header .body_tag ul li{ float:left; padding:0px 28px; cursor:pointer; border-bottom:#313332 solid 2px;}
.header .body_tag ul li:hover,.body_tag ul li.seleted,.body_tag ul li:hover.seleted{ color:#eb6f15; border-bottom:#eb6f15 solid 2px;}
.header .body_tag .fr a{ margin-right:20px; text-decoration:underline; color:#eb6f15; }
.header .body_tag .fr a:hover{ margin-right:20px; text-decoration:underline; color:#666; }

.cont_body{ width:900px; background:#FFF;}
.cont_body .cont_title{ padding:20px; border-bottom:#eeeeee solid 1px; font-size:14px; }
.cont_body .cont_title span{ color:#999; }

/*列表*/
.cont_list{}
.cont_list ul li{ line-height:50px; border-bottom:#eeeeee solid 1px;}
.cont_list ul li span{ margin-left:50px; font-size:14px; }
.cont_list ul li div{ margin-right:50px; }
.cont_list ul li div i{ float:left; margin-top: 17px; margin-right:5px; }
.cont_list ul li div a{ width:100px; height:30px; position:absolute; line-height:30px; text-align:center; margin-top:10px; margin-left:-70px; display:none; background:#eb6f15; color:#FFF; }
.cont_list ul li:hover{ background:#f9f9f9; }
.cont_list ul li:hover div a{ display:inline-block; }


/*分类列表*/
.body .option{ line-height:55px; background:#FFF; }
.body .option ul{ border-bottom:#CCC dashed 1px;}
.body .option ul:last-child{ border:none; }
.body .option ul span{ float:left;}
.body .option ul li{ float:left; margin:0px 20px; }
.body .option ul li a{ color:#333;}
.body .option ul li.seleted a{ color:#eb6f15;}

.body .match_title{ }
.body .match_title ul{border-bottom:#dcdcdc solid 1px;}
.body .match_title ul li{ line-height:50px; float:left; padding:0px 32px; font-size:14px; cursor:pointer;}
/*.body .match_title ul li:first-child{ position:relative; width:100%; height:100%; border-bottom:#CCC solid 1px; margin-top:-1px; display:block; }
.body .match_title ul li:last-child{ width:100%; height:100%; border-bottom:#CCC solid 1px; margin-top:-1px; }*/
/*.body .match_title ul .clear{ height:1px; background:#dcdcdc; margin-top:-1px; }*/
.body .match_title ul li:hover,.body .match_title ul li.seleted,.body .match_title ul li.seleted { color:#eb6f15; border-bottom:#eb6f15 solid 2px;}
.body .match_title ul li:hover,.body .match_title ul li.seleted,.body .match_title ul li.seleted a{ color:#eb6f15; }
.body .match_title ul li:hover,.body .match_title ul li.seleted,.body .match_title ul li a{ color:#333;}

.body .match_radio{ margin-top:-30px; }
.body .match_radio input{ margin-left:15px; margin-right:5px; }

.body .match_body ul{ margin-top:20px; margin-left:-20px;}
.body .match_body ul li{ float:left; width:285px; margin-top:12px; margin-left:20px; background:#FFF; }
.body .match_body ul li i.fl{ position:absolute; top:18px; left:18px; z-index:1; }


.body .match_body ul li .li_cont{ margin:15px; color:#5b5b5b;text-align:left;width: 90%; }
.body .match_body ul li .cont_img{ text-align:center; }
.body .match_body ul li .li_cont .cont_title a{ color:#333;font-size:16px; overflow:hidden; height:25px;}
.body .match_body ul li .li_cont .cont_date{ margin:15px 0px;}
.body .match_body ul li .li_cont .cont_depict{ line-height:25px; clear:both; }
.body .match_body ul li .cont_user{ text-align: left;line-height:25px; clear:both; padding:5px 5px; border-top:#e5e5e5 solid 1px; }
.body .match_body ul li .cont_user span{ display:inline-block; margin-left:8px;  }
.body .match_body ul li .cont_user i,.body .match_body ul li .cont_user i img{ width:18px; height:18px; border-radius: 25px; overflow:hidden; }
.body .match_body ul li .cont_user i img{  position:relative; top:4px; }
.body .match_body ul li .cont_but{ width:80px; height:32px; position:absolute; top:40%; right:30px; color:#FFF; text-align:center; line-height:32px; cursor:pointer; }
.body .match_body ul li .cont_but a{ display:block; background:#eb6f15; color:#FFF; }
.body .match_body ul li .cont_but a:hover{ background:#666; }

@keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} }
@-webkit-keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} }
@-moz-keyframes rotate{ from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} }
@-ms-keyframes rotate{ from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)} }
@-o-keyframes rotate{ from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)} }

#more{ text-align:center; color:#333; padding:8px 0px; line-height:25px; font-size:14px; margin-top:20px; }
#more i{ position:absolute; margin-left:-40px; margin-top:-2px; height:30px; }
#more i img{ width:30px; animation: 1.5s linear 0s normal none infinite rotate; -webkit-animation:1.5s linear 0s normal none infinite rotate; } 


/*右侧*/
.cont_chain{ width:280px; padding-top:0px;}
.cont_chain .chain_title{ padding:20px; border-bottom:#eeeeee solid 1px; font-size:14px; background:#FFF; }
.cont_chain .chain_body{ padding:20px; background:#FFF; margin-bottom:20px; }
.cont_chain .chain_body ul li{ overflow:hidden; margin-bottom:10px; position:relative; }
.cont_chain .chain_body ul li .li_title{ max-width:110px; max-height:36px; overflow:hidden; }
.cont_chain .chain_body ul li div{ margin-bottom:5px;}
.cont_chain .chain_body ul li img{ width:115px; margin-right:10px; } 
.cont_chain .chain_body ul li span.fr{ position:absolute; margin-left:130px; display:block; bottom:3px; color:#CCC; }
.cont_chain .chain_body ul li p{ font-size:12px; line-height:15px; }

.right_user{ text-align:center; }
.right_user .user_name{ margin:8px 0px; font-size:14px; }
.right_user .user_info{ text-align:left; }