@charset "utf-8";
html{color:#666;background:#FFF}body,div,ul,li,h1,h2,h3,h4,form,input,p,button,dl,dt,dd,fieldset,textarea,label,del{margin:0;padding:0}img,fieldset{border:0}li{list-style:none}input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;}input,button,textarea{font:99%;}.cf:after{content:"";display:table;clear:both;}.cf{zoom:1;}
em,i{ font-style:normal;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#ef5231; text-decoration:none;}
a,button{-moz-outline:none; outline:0 none; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53,Arial; border:0 none;}
body{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53,Arial; color:#666;}
img{ display:block;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.pw{ width:1000px; margin:0 auto; overflow:hidden;}
.pw-v{ overflow:visible; position:relative;}
h1,h2,h3,h4{ font-weight:normal;}
.radio,.check{ *width:13px; *height:13px; vertical-align:middle; margin-right:3px;}
.ced4521{ color:#ed4521;}
.c21bb21{ color:#21bb21;}
.font-red{ color:#ff2c00;}
.font-blue{ color:#0197cf;}
.all-page{ min-width:1000px; background-color:transparent;}
.icon{ background-image:url(../images/icon.png); background-repeat:no-repeat;}
/*margin*/
.ml180{ margin-left: 180px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mt4{ margin-top:4px;}
.mt6{ margin-top:6px;}
.mt10{ margin-top:10px;}
.mt14{ margin-top:14px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt23{ margin-top:23px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mb20{ margin-bottom:20px;}
.mr30{ margin-right:30px;}
/*padding*/
.pt3{ padding-top:3px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
/*width*/
.w770{ width: 770px;}
.w680{ width:680px;}
.w485{ width: 485px;}
.w318{ width:318px;}
.w300{ width:300px;}
.w335{ width: 335px;}
.w290{ width:290px;}
.w186{ width:186px;}


/*top-bar*/
.top-bar{ height:30px; line-height:28px; background:#f6f6f6; font-size: 12px; border-bottom:1px solid #e6e6e6; min-width: 1200px; margin: 0 auto; position: relative; z-index: 30;}
.top-bar .top-bar-right{ padding-left: 30px;}
.top-bar .fr{ padding-right: 30px;}
.top-bar .top-bar-right a{display: inline-block; *display: inline; *zoom: 1; padding: 0 8px; margin-right: 28px; }
.top-bar .top-bar-right a.current,.top-bar .top-bar-right a:hover{ color: #f25126; border-bottom: 3px solid #f25126;}
.top-bar a{ color:#333; float:left;}
.top-bar .user-info em{ float:left; color: #333;}
.top-bar .name{ color: #45a5d6; float: left;}
.top-bar .exit{ color: #333; margin-left: 14px;}
.top-bar .line{ float: left; width: 1px; height:12px; background-color: #999; display: block; margin:8px; }
.top-bar .login-link{ color: #999;}
.top-bar .login-link:hover{ color:#f25126;}
.areas-top{ height: 36px; line-height: 36px; font-size: 14px; padding-top: 7px; z-index: 20; background-color: #fff; position: relative;}
.areas-con h2{ float:left; font-size: 18px; height: 36px; line-height: 36px; color: #404040; font-weight:bold; }
.areas-list{ padding-left: 2px;}
.areas-list li{ float:left; margin:0 10px;}

.top-bar-nav a{ float:left; margin-left: 16px;}
.btn-menu{ width:16px; height: 12px; background:url(../images/icon.png) no-repeat; background-position: -50px -110px; margin:12px 0 0 14px; position: relative; z-index: 10; }
.menu-more{ width: 422px; *background:url(../images/bg_ie7.png) repeat;padding-top:10px; position: absolute; right:-14px; top:12px; display: none; overflow: hidden;}
.menu-list{ font-size: 12px; line-height: 24px; position: relative; background:#fff;  border: 1px solid #ededed; box-shadow:0px 2px 2px rgba(0,0,0,.2); padding: 10px 0;}
.menu-list .before,.menu-list .after{ width: 0; height: 0; display: block; position: absolute; border-width:5px; border-style: dashed dashed solid dashed; right: 14px;}
.menu-list .after{ border-color: transparent transparent #ededed; z-index: 1; top:-11px;}
.menu-list .before{ border-color: transparent transparent #fff transparent; z-index: 2; top:-10px;}
.menu-list dl{ padding-left: 20px;}
.menu-list dt{ width:70px; float: left; display: inline;}
.menu-list dt a{margin: 0;}
.menu-list dd{overflow: hidden;}
.menu-list dd a{float: left; display: block; white-space: nowrap; margin:0 14px 0 0;}
.menu-list a:hover{text-decoration: underline; color:#ef5231; }
.menu-list dt a{ color: #333;}
.btn-menu.hover .menu-more{display: block;}
/*header*/
.header{ height:123px; background:#fff;}
.header .logo{ width:167px; height:60px; margin-top:27px;}
.search-con{ margin-left:76px; padding-top:38px; width:497px;}
.search-con .search{ width:495px; height:38px; border:1px solid #e9e9e9; overflow:hidden; position:relative;}
.search-input{ height:24px; line-height:24px; width:368px; padding:7px 12px; font-size:14px; color:#a6a6a6; border:0 none;}
.btn-search{ width:102px; height:38px; border-left:1px solid #e9e9e9; line-height:38px; text-align:center; font-size:18px; color:#0e1619; background:url(../images/bg_btn_search_x.png) repeat-x;  display:block; position:absolute; right:0; top:0;_right:-1px;}
.btn-search:hover{ color:#0e1619; background-image:url(../images/bg_btn_search_x_hover.png);}
.search-txt{ padding-left:13px; font-size:14px; color:#6c6c6c; height:24px; line-height:24px; margin-top:4px;}
.search-txt a{ margin-right:18px; color:#6c6c6c;}
.search-txt a:hover{ color:#f60;}
.btn-release{ margin-top:38px; width:180px; height:40px; background:#72c01e; border-radius:2px; overflow:hidden; font-size:18px; color:#fff; line-height:40px;}
.btn-release i{ width:20px; height:20px; display:inline; float:left; margin:10px 6px 0 22px; overflow:hidden; background-position:0 0;}
.btn-release:hover{ color:#fff; background:#7dc629;}
.post-del {display: block;width: 180px;text-align: center;font-size: 12px;color: #aaa;margin-top: 10px;}
/*nav*/
.nav{ height:46px; line-height:46px; background:#ef5231; box-shadow:0 2px 3px rgba(0,0,0,.2); position:relative; z-index:10; font-size:18px;}
.nav-list{ padding-left:29px; width:1036px}
.nav-list li{ float:left; margin-right:36px;}
.nav-list li a{ color:#fff;}
.nav-list li a:hover{ color:#fffde8;}
.nav-list li.current a{ color:#ffea00;}

.container{ overflow:hidden;}

/*footer*/
.footer{ border-top:2px solid #e2e2e2; margin-top:30px;}
.footer-inter{ border-top:2px solid #868282; top:-2px; padding:14px 0;position:relative;}
.hot-city{ border-bottom:1px solid #e5e5e5; font-size:14px; line-height:26px; padding-bottom:20px; overflow:hidden; margin-bottom:20px;}
.hot-city h2{ height:38px; line-height:38px; font-size:18px; font-weight:bold; color:#111; margin-bottom:4px;}
.iask-city{ padding-bottom:15px; border-bottom:0 none; margin-bottom:0;}
.hot-city li{ float:left; margin-right:17px;}
.hot-city ul{ width:1017px;}
.footer-inter a{ color:#999;}
.footer-inter a:hover{ color:#ef5231;}
.footer-copy{ font-size:14px;}
.friend-link{ height:auto; line-height:30px; font-size:0;}
.friend-link span{ font-size:14px; color:#6d6d6d; margin-right:20px;}
.friend-link span.current{ border-bottom: 2px solid #ec330c;}
.friend-link a{ font-size:14px; margin-right:17px;}
.friend-link a{ font-size:14px; margin-right:17px;}
.friend-link .find-link .find-link-a{display:none;}
.friend-link .find-link .current {display:block;}

.footer-nav{ font-size:0; height:24px; line-height:24px; margin-top:5px;}
.footer-nav a{ font-size:14px; margin-right:17px; color:#777;}
.footer-nav a:hover{color:#ef5231;}
.copy{ font-size:12px; color:#999;}

/*返回顶部*/
#backToTop{ width:56px; height:56px; left:50%; bottom:296px; position:fixed; _position:absolute; margin-left:560px; z-index:100; display:none;}
.back-top{ width:56px; height:56px; display:block; background:#c4c4c4 url(../images/icon.png) -280px -40px no-repeat;}
.back-top span{ font-size:14px; line-height:20px; display:block; text-align:center; padding:8px 0; color:#fff; display:none;}
.back-top:hover{ background-color:#6a6a6a; background-image:none;}
.back-top:hover span{ display:block;}

/*page*/
.page{ text-align:center; height:30px; font-size:0; margin-top:28px;}
.page a{ display:inline-block; *display:inline; *zoom:1; height:28px; line-height:28px; border:1px solid #e9e9e9; padding:0 9px;  font-size:14px; margin-right:5px;}
.page a.active,.page a:hover{ color:#fff; background:#ef5231; border-color:#ef5231;}
.page .page-first{ margin-right:10px;}
.page .page-last{ margin:0 0 0 5px;}

#J_tabs .current{ display:block;}

/*遮罩层*/
#bgMask {width: 100%;height: 100%;position: fixed;_position: absolute;  z-index: 200;  top: 0;  left: 0%;  background-color: #000;  opacity: 0.6;  filter: alpha(opacity=60);  display: none; }
/*面包屑*/
.crumbs{ height:38px; line-height:38px; font-size:14px; color:#777; margin-top:4px;}
.crumbs a{ color:#006a92;}
.crumbs a:hover{ color:#ef5231;}
.crumbs strong{color:#006a92; font-weight:normal;}
.change-link{ font-size: 12px; height:42px; color: #999; display: block; position: relative; padding-left:23px;}
.change-link:hover{ color: #666;}
.icon-change{ width: 14px; height: 14px; display: block; position:absolute; left:0; top:50%; margin-top:-7px;background-position: -70px -110px; }
.no-margin-top{ margin-top: 0;}
.rotate{animation:rotate 1s infinite;-moz-animation:rotate 1s infinite; -webkit-animation: rotate 1s infinite; -o-animation:rotate 1s infinite; }
@keyframes rotate {
    from{ transform:rotate(0deg);}
    to{transform: rotate(360deg);}
}
@-moz-keyframes rotate {
    from{-moz-transform: rotate(0deg);}
    to{-moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate {
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-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);}
}

/*宠物底部*/
.pet-footer{ background-color: #fafafa; font-size: 14px; padding: 20px 0; color: #888;}
.pet-footer h2{ font-size: 14px; color: #333; height: 28px; line-height: 28px;}
.pet-footer-list{ overflow: hidden;}
.pet-footer-list a{ float: left; display: block; color: #888; margin-right: 14px;}
.pet-footer-list a:hover{ color: #ef5231;}
/*频道标题*/
.pet-info{ overflow: hidden;}
.pet-info h2{ height: 42px; line-height: 42px;}
.pet-info h2 span{ font-size:18px; color: #333;}
.pet-info .more-link{ font-size: 14px; color: #006a92;}
.pet-info .more-link:hover{color: #ef5231; text-decoration:underline;}
.pet-info h2{ border-bottom: 1px solid #ededed; padding-right: 15px;}
.pet-info h2 span i{ width: 4px; height: 16px; display: block; float: left; background: #ef5231; margin:13px 8px 0 0; }
.pet-info-nav{ font-size: 14px; margin-left: 20px;}
.pet-info-nav a{ float: left; display: block; color: #006a92;}
.pet-info-nav a:hover{color:#ef5231; text-decoration: underline;}
.pet-info-nav .line{ width: 1px; height: 10px; display: block; float: left; background-color: #dbdbdb; margin: 16px 18px; overflow: hidden;}