@charset "utf-8";
/* CSS Document */
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; }

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

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

/*内容通用部分*/
.navigation{background:#f2f2f2;}
.crumb{ line-height:60px; color:#333; 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 #333;border-bottom: 1px solid #333;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:#000; }

.header{ overflow:hidden;}

.body{background:#f2f2f2; padding-bottom: 20px; text-align:left;}
.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:hover.seleted{ color:#eb6f15; }
.body .match_title ul li:hover,.body .match_title ul li.seleted,.body .match_title ul li a{ color:#333;}

.body .match_body ul{ margin-top:20px;}
.body .match_body ul li{ position:relative; margin-top:12px; padding:20px; background:#FFF; }
.body .match_body ul li i.fl{ position:absolute; top:18px; left:18px; z-index:1; }
.body .match_body ul li img{ max-width: 255px; width:expression(this.width>255 ? "255px":this.width);max-height:145px;height:expression(this.height>145 ? "145px":this.height);}

.body .match_body ul li .li_cont{ width:60%; margin-left:20px; color:#5b5b5b;text-align:left; }
.body .match_body ul li .li_cont .cont_title{ 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; }
.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_heaer{ padding:20px; background:#FFF; position:relative; }
.cont_heaer .fl img{ width:360px; height:200px; }
.cont_heaer .cont_info{ width:480px; margin-left:20px; }
.cont_heaer .cont_title{ font-size:16px; font-weight:bold;  margin-bottom:12px;}
.cont_heaer .cont_class{ line-height:28px;}
.cont_heaer .cont_state{ line-height:36px; color:#999; }
.cont_heaer .cont_date{ line-height:36px; color:#eb6f15; font-size:20px;  }
.cont_heaer .cont_price{ font-size:22px; color:#eb6f15; }
.cont_heaer .cont_but{ width:80px; height:32px; color:#FFF; text-align:center; line-height:32px; position:absolute; cursor:pointer; bottom:20px; }
.cont_heaer .cont_but a{ display:block; background:#eb6f15; color:#FFF; }
.cont_heaer .cont_but a:hover{ background:#666; }
.cont_heaer .cont_share{ position:absolute; right:20px; bottom:20px; }
.cont_heaer .cont_share a{ margin:0px 15px;}

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

.cont_body .tag_cont{ width:860px; padding:20px; }

.cont_chain{ width:280px; background:#FFF; padding-top:0px;}
.cont_chain .chain_title{ padding:20px; border-bottom:#eeeeee solid 1px; font-size:14px; }
.cont_chain .chain_body{ padding:20px; padding-right:0px; }
.cont_chain .chain_body ul li{ width:240px; float:left; overflow:hidden; margin-right:10px; margin-bottom:10px; }
.cont_chain .chain_body ul li div{ margin-bottom:5px;}
.cont_chain .chain_body ul li img{ width:240px; } 

.service_title{ padding:5px; border-bottom:#eeeeee solid 1px; font-size:18px; }
.service_price{ padding-left:20px; font-size:18px; color:#eb6f15;  }

.daytitle{ font-size:14px; font-weight:bold; margin-bottom:12px;}