/**** 顶部 ****/
.top{ width:100%; background:#eee; height:40px; overflow:hidden}
.top .top_nav{ height:20px; margin-top:10px;}
.top .top_nav a{ color:#666;}
.top .top_tel,.top .top_user,.top .top_weibo,.top .top_qq{ background:url(../images/icon.gif) no-repeat center; display:block; height:18px; float:left;}
.top .top_tel{ background-position:0 0;  width:18px;}
.top .top_user{ background-position:0 -19px;  width:23px; /*padding-left:23px;*/}
.top .top_weibo{ background-position:-41px -67px;  width:20px;/* padding-left:20px;*/}
.top .top_qq{ background-position:-26px -66px;  width:16px;/* padding-left:16px;*/}

/**** 头部搜索框 ****/
.head .head_search a,.head .head_search input{ display:block; float:left;}
.head .head_search #search{ width:380px; padding:0; padding-left:30px; height:30px; border:3px solid #27acd7; background:url(../images/search.png) no-repeat 5px center;}
.head .head_search #submit{ width:100px; height:36px; line-height:36px; text-align:center; color:#fff; background:#27acd7; font-family:"微软雅黑"; font-size:16px;}
.head .head_search #hserbtn{ width:40px; text-align:center; height:36px; line-height:18px; margin-left:5px;}
.head .tags a{ float:left; margin-right:10px; font-size:12px;}

/******* 导航 ******/
.navbar{padding:10px 0; border-bottom:3px solid #27acd7; position:relative;}
.navbar a{ float:left; margin-right:15px; font-size:16px; font-weight:bold;font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
.navbar span{ float:left; margin-right:15px; font-size:16px;}
.navbar a.nav_fb{color:#27acd7; margin-right:20px; font-size:18px}
.navbar .code{ position:absolute; right:-10px; bottom:0;}

/********** 内容 ********/
.wrap .wrap_lt{ width:800px;}
.wrap .ad_box{ height:320px; overflow:hidden;}
.wrap .ad_box .ad_banner{ width:600px; height:320px; overflow:hidden;}

.wrap .ad_box .focus{width:100%;height:100%;overflow:hidden;position:relative;}
.wrap .ad_box .focus ul{height:320px;position:absolute;}
.wrap .ad_box .focus ul li{float:left;width:600px;height:320px;overflow:hidden;position:relative;background:#000;}
.wrap .ad_box .focus ul li div{position:absolute;overflow:hidden;}
.wrap .ad_box .focus ul li span{ display:block; position:absolute; bottom:0; left:0; height:35px; line-height:35px; width:580px; padding:0 10px; background:#000;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color:#fff;}
.wrap .ad_box .focus .btn{position:absolute;width:150px;height:13px;padding:5px 10px;right:0;bottom:7px;text-align:right;}
.wrap .ad_box .focus .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.wrap .ad_box .focus .btn span.on{background:#007aff;}
.wrap .ad_box .focus .preNext{width:45px;height:100px;position:absolute;top:90px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.wrap .ad_box .focus .pre{left:0;}
.wrap .ad_box .focus .next{right:0;background-position:right top;}
.wrap .ad_box .ad_tab{ width:185px; height:320px;}

/*
.wrap .ad_box .swiper-slide a{ display:block; position:absolute; bottom:0; left:0; height:35px; line-height:35px; width:580px; padding:0 10px; background:#000;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color:#fff;}
.wrap .ad_box .swiper-pagination{ width:150px; left:440px; bottom:7px; text-align:right; z-index:1000}
.wrap .ad_box .swiper-pagination-bullet{ width:13px; height:13px; background:#fff;opacity:1;}
.wrap .ad_box .swiper-pagination-bullet-active{ background:#007aff;}
.wrap .ad_box .ad_tab{ width:185px; height:320px;}*/

/*** 新闻列表 ***/
.news_box{ overflow:hidden;}
.news_box .news_title{ border-bottom:3px solid #ff5741; position:relative;}
.news_box .news_title span{ color:#ff5741; font-size:16px; font-weight:bold;}
.news_box .news_title i:after{border: 5px solid transparent;border-bottom: 5px solid #ff5741;width: 0;height: 0;position: absolute;content: ' ';left:27px ;bottom:0;}
.news_box .news_item{ margin-top:18px; padding-bottom:18px; border-bottom:1px solid #ccc;}
.news_box .news_item .news_img{ width:260px; height:150px; overflow:hidden;}
.news_box .news_item .news_img a{ display:block; height:150px; overflow:hidden;}
.news_box .news_item .news_cont{ width:510px; height:150px; overflow:hidden;}
.news_box .news_item .news_item_title{ font-size:16px; font-weight:bold; line-height:30px;}
.news_box .news_item .news_item_pd{ color:#999;}
.news_box .news_item .news_item_pd em{ padding-left:20px; background:url(../images/icon.gif) no-repeat left; background-position:0 -83px;}

.news_box .news_item .news_item_eyes,.news_box .news_item .news_item_pl,.news_box .news_item .news_item_zan{ float:right; margin-left:10px; height:15px; line-height:15px; font-size:12px; color:#abb3be}
.news_box .news_item .news_item_eyes em{background:url(../images/icon.gif) no-repeat left; background-position:0 -37px; width:20px; float:left; height:15px;/* padding-left:20px; */}
.news_box .news_item .news_item_pl em{ background:url(../images/icon.gif) no-repeat left;background-position:0 -50px;  width:20px;float:left; height:15px;/* padding-left:20px;*/}
.news_box .news_item .news_item_zan em{ background:url(../images/icon.gif) no-repeat left;background-position:0 -67px; width:20px;float:left; height:15px;/* padding-left:20px;*/ }

/** 更多文章 **/
.news_box .news_more{ display:block; margin-top:20px; height:40px; line-height:40px; text-align:center; background:#f4f4f4;}
.news_box .news_more:hover{ text-decoration:none; background:#eee;}


.wrap .wrap_rt{ width:259px; border-left:1px solid #ccc; padding-left:20px;}
.wrap .login_box .login_title{ width:70px; text-align:center; border-bottom:2px solid #ff5741; font-weight:bold; line-height:35px; font-size:16px;}
.wrap .login_box .login_info{ width:258px; border:1px solid #ccc;}
.wrap .login_box .login_info input{ display:block; width:228px; padding-left:30px; height:40px; border-bottom:1px solid #ccc; font-family:"微软雅黑";}
.wrap .login_box .login_info #user{ background:url(../images/user.png) no-repeat 5px;}
.wrap .login_box .login_info #pwd{ background:url(../images/pwd.png) no-repeat 5px;}
.wrap .login_box .login_info .btn{ display:block; width:100px; height:30px; line-height:30px; text-align:center;}
.wrap .login_box .login_info .btn:hover{ text-decoration:none}
.wrap .login_box .login_info #login_btn{ border:1px solid #ff5741; background:#ff5741; color:#fff;}
.wrap .login_box .login_info #login_btn:hover{ background:#D21C17; }
.wrap .login_box .login_info #register_btn{ border:1px solid #ff5741; color:#ff5741;}
.wrap .login_box .login_info #register_btn:hover{ background:#FEF0D7; color:#ff5741;}

/** 右边 **/
.rt_item_box{ margin-top:10px;}
.rt_item_box .title{ border-bottom:3px solid #ff5741; position:relative;}
.rt_item_box .title span{ color:#ff5741; font-size:16px; font-weight:bold; line-height:40px; float:left;}
.rt_item_box .title a{ line-height:40px; float:right; font-size:12px;}
.rt_item_box .title i:after{border: 5px solid transparent;border-bottom: 5px solid #ff5741;width: 0;height: 0;position: absolute;content: ' ';left:12px ;bottom:0;}

.app .title{ border-bottom:3px solid #27acd7;}
.app .title span{ color:#27acd7;}
.app .title i:after{border-bottom: 5px solid #27acd7;}

.fruit .title{ border-bottom:3px solid #389c54;}
.fruit .title span{ color:#389c54;}
.fruit .title i:after{border-bottom: 5px solid #389c54;}

.love .title{ border-bottom:3px solid #976dff;}
.love .title span{ color:#976dff;}
.love .title i:after{border-bottom: 5px solid #976dff;}

.hotpl .title{ border-bottom:3px solid #f00000;}
.hotpl .title span{ color:#f00000;}
.hotpl .title i:after{border-bottom: 5px solid #f00000;}

.hotwy .title{ border-bottom:3px solid #391bf9;}
.hotwy .title span{ color:#391bf9;}
.hotwy .title i:after{border-bottom: 5px solid #391bf9;}

/** 发现 **/
.disc_act_r{ position:relative;}
.disc_act_r li{ position:relative; z-index:0}
.disc_act_r li.selected{border-color:#ff5741; border-bottom:1px solid #fff; background:#fff; z-index:11}
.disc_act li{  display:block; float:left; width:48px; padding:7px; border:1px solid #fff;}
.disc_act li .disc_act_img{ display:block; width:50px; height:50px; overflow:hidden;}
.disc_act li .disc_act_tags{ display:block;width:50px; height:25px; line-height:25px; text-align:center; font-size:12px;}
.disc_act_c li .disc_act_img{ display:block; width:50px; height:50px; overflow:hidden;  -moz-border-radius: 50%; -webkit-border-radius:  50%; border-radius: 50%;  }

.disc_act_input{ width:254px; position:absolute; left:0px; top:90px; z-index:8; background:#fff; border:1px solid #ff5741;}
.disc_act_input input{ width:150px; border-bottom:1px solid #ccc;}
.close_act_input{position:absolute; right:5px; top:5px; display:block;}

/** app活动 **/
.app_act li{ display:block; width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.app_act li .app_act_img{float:left; width:95px; height:110px; overflow:hidden;}
.app_act li .app_act_cont{float:right; width:155px; height:110px; overflow:hidden;}
.app_act li .app_act_title{ display:block; font-weight:bold; line-height:20px; height:40px; overflow:hidden;}
.app_act li .app_act_msg{ display:block; font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#999;}
.app_act li .app_act_btn{ display:block; float:right;width:60px; height:20px; line-height:20px; text-align:center; border:1px solid #27acd7; color:#27acd7; font-size:12px;}
.app_act li .app_act_btn:hover{ background:#27acd7; color:#fff; text-decoration:none}


/*** 水果 **/
.fruit_act{ position:relative;}
.fruit_act a{ display:block;}
.fruit_act .fruit_act_img_big{ position: absolute; top:0; left:0; z-index:1000}
.fruit_act .fruit_act_img_big .cover{ position:absolute; top:0; left:0; width:170px; height:170px;background:#999; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.fruit_act .fruit_act_img_big .ptags{ width:140px; height:150px; padding:10px 15px; line-height:20px; text-align:left; position:absolute; left:0; top:0; color:#fff; font-size:14px; z-index:1000}
.fruit_act .fruit_act_img_big a{ width:170px; height:170px; overflow:hidden;}
/*
.fruit_act .fruit_act_img_small a{ width:80px; height:80px; float:left; margin-right:9px;  margin-bottom:10px; overflow:hidden;}
.fruit_act .fruit_act_img_small a:nth-child(3n){ margin-right:0}
*/

.fruit_act .fruit_act_img_small{ position:relative; width:260px; height:260px;overflow:hidden;}
.fruit_act .fruit_act_img_small a{ position:absolute; display:block; width:80px; height:80px; overflow:hidden;}
.fruit_act .fruit_act_img_small a .cover{position:absolute; bottom:0; left:0; width:100%; height:20px;line-height:20px; font-size:12px; text-align:center; color:#fff; background:#333; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/*** 相亲 **/
.love_act a{ display:block;}
.love_act .love_act_img_big{ position:relative;}
.love_act .love_act_img_big .cover{ position:absolute; bottom:0; left:0; width:170px; height:30px;line-height:30px; text-align:center; color:#fff; background:#999; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.love_act .love_act_img_big a{ width:170px; height:170px; overflow:hidden;}
.love_act .love_act_img_small a{ width:80px; height:80px; position:relative; overflow:hidden;}
.love_act .love_act_img_small a .cover{position:absolute; bottom:0; left:0; width:100%; height:20px;line-height:20px; font-size:12px; text-align:center; color:#fff; background:#999; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/** 热评 **/
.hotpl li{ display:block; height:30px; overflow:hidden;}
.hotpl li a:hover .hotpl_cont{ text-decoration:underline;}
.hotpl li span{ line-height:30px;}
.hotpl li .hotpl_number{ width:20px; text-align:center;}
.hotpl li .hotpl_cont{ width:190px; margin-left:5px;}
.hotpl li .hotpl_nums{ text-align:right;}

/** 热门网友 **/
.hotwy li{ display:block; width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.hotwy li .hotwy_img{float:left; width:65px; height:65px; border-radius:10px; overflow:hidden;}
.hotwy li .hotwy_cont{float:right; width:180px; height:65px; overflow:hidden;}
.hotwy li .hotwy_title{ display:block; font-weight:bold; line-height:20px; height:20px; overflow:hidden;}
.hotwy li .hotwy_msg{ display:block; font-size:12px; line-height:20px; height:20px; overflow:hidden; color:#999;}
.hotwy li .hotwy_btn{ display:block; float:right;width:60px; height:20px; line-height:20px; text-align:center; color:#27acd7; font-size:12px;}


/*** 论坛地图 ***/
.map .map_title{ border-bottom:5px solid #37a1ff;}
.map .map_title span{ font-size:18px; font-weight:bold; line-height:35px;color:#37a1ff;}
.map .map_box{ border:1px solid #eee; position:relative;}
.map .map_box li{ display:block; float:left; width:49%; height:25px;}
.map .map_box li a{ display:block; height:25px; line-height:25px;}
.map .map_box .map_box_title{ height:35px; line-height:35px; font-size:18px; font-weight:bold; margin-top:10px; padding-left:15px;}
.map .map_box .map_box_title_01{ border-left:3px solid #fb8563;color:#fb8563}
.map .map_box .map_box_title_02{ border-left:3px solid #05c1d5;color:#05c1d5}
.map .map_box .map_box_title_03{ border-left:3px solid #2e8fcc;color:#2e8fcc}
.map .map_box .map_box_title_04{ border-left:3px solid #643a09;color:#643a09}
.map .map_box .map_box_title_05{ border-left:3px solid #fb3b55;color:#fb3b55}
.map .map_box .map_box_title_06{ border-left:3px solid #b89c59;color:#b89c59}
.map .map_box .map_box_title_07{ border-left:3px solid #e285aa;color:#e285aa}
.map .map_box .map_box_title_08{ border-left:3px solid #195f8e;color:#195f8e}
.map .map_box .map_box_title_09{ border-left:3px solid #05c1d5;color:#05c1d5}
.map .map_box .map_box_title_10{ border-left:3px solid #468e88;color:#468e88}

.map .map_box_1{ width:265px; height:200px; position:relative;}
.map .map_box_2{ width:545px;  height:412px; position:relative;}
.map .map_box_3{ width:820px; height:200px; position:relative;}

.map .map_box .map_box_ad{ width:240px; position:absolute; bottom:5px; right:10px;}
.map .map_box .map_box_img{ width:250px; height:150px; margin-left:10px; position:relative;}
.map .map_box .map_box_img .map_box_img_tags{ position:absolute; top:0px; left:-8px; width:85px; height:50px; line-height:50px; text-align:center; background:url(../images/map_tags.png) no-repeat left; color:#fff; font-size:12px;}
.map .map_box .map_box_img .tags1{ background-position:0 -43px;}
.map .map_box .map_box_img .tags2{ background-position:0 3px;}

.map .jz_img_box{ width:250px; height:220px; overflow:hidden; position:relative;}
.map .jz_img_box .cover{ position:absolute; left:0; bottom:0; width:100%; height:30px;line-height:30px; text-align:center; color:#fff; background:#333; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/** 装修流程 **/
#process{ background:url(../images/lc_bg.png) no-repeat center;}
#process ul{ display:block; margin-left:10px; width:100%;}
#process li{ display:block; float:left; width:60px; height:65px}
#process li span{display:block; width:100%; height:28px; line-height:28px;text-align:center; font-size:12px;}
#process li a{ display:block; width:100%; height:36px; background:url(../images/pro.png) no-repeat;}
#process li a#step1{ background-position:0 0;}
#process li a#step1:hover{ background-position:-60px 0;}
#process li a#step2{ background-position:0 -36px;}
#process li a#step2:hover{ background-position:-60px -36px;}
#process li a#step3{ background-position:0 -72px;}
#process li a#step3:hover{ background-position:-60px -72px;}
#process li a#step4{ background-position:0 -108px;}
#process li a#step4:hover{ background-position:-60px -108px;}
#process li a#step5{ background-position:0 -144px;}
#process li a#step5:hover{ background-position:-60px -144px;}
#process li a#step6{ background-position:0 -180px;}
#process li a#step6:hover{ background-position:-60px -180px;}
#process li a#step7{ background-position:0 -216px;}
#process li a#step7:hover{ background-position:-60px -216px;}
#process li a#step8{ background-position:0 -252px;}
#process li a#step8:hover{ background-position:-60px -252px;}

/*** 广告 ***/
.ad_list a{ margin-right:12px;}
.ad_list a:last-child{ margin-right:0}

/*** footer **/
.footer .link a,.footer .link span{ display:block; float:left; margin-right:10px; color:#999999; line-height:25px;}
.footer .bottom{ width:740px; margin:0 auto; margin-top:30px; border-bottom:1px solid #eee; padding-bottom:20px;}
.footer .bottom .bot_title{ color:#4e6072; font-size:16px; font-weight:bold;}
.footer .bottom .bot_li li{ display:block; float:left; margin-right:10px; text-align:center; width:65px;}
.footer .bottom .bot_li span{ display:block;  color:#9aabb8;  text-align:center; margin-bottom:3px;}
.footer .bottom .bot_li img{ margin:0 auto}
.footer .bottom .bot_about li{ display:block; height:25px; line-height:25px;}
.footer .bottom .bot_about a{ display:block; text-align:center; color:#9aabb8; line-height:25px; font-size:12px;}

/*** 左边固定的导航 ***/
.slide_nav{ width:100px; overflow:hidden; position:absolute; top:190px; left:50%; margin-left:-670px;}
.slide_nav_fix{ width:100px; overflow:hidden; position:fixed; top:10px; left:50%; margin-left:-670px;}
.slide_nav ul{ display:block; padding:5px 0; border-bottom:1px solid #ddd}
.slide_nav li{ display:block; height:25px;}
.slide_nav li a{ display:block; height:25px; line-height:25px; text-align:center;}
.slide_nav li a:hover{ background:#ddd; text-decoration:none;}
.slide_nav li a.nav_tags{ color:#27acd7; font-weight:bold;}

/*** 右边返回顶部 ***/
.toTop_box{ position:fixed; bottom:400px; right:50%; width:70px; margin-right:-670px; z-index:1000;}
.toTop_box .top_icon{ background:#fff;}
.toTop_box .top_icon a{ display:block; width:40px; height:40px;}
.toTop_box .top_icon a.wx{ background:url(../images/weixin.png) no-repeat center;}
.toTop_box .top_icon a.wm{ background:url(../images/code3.png) no-repeat center;}
.toTop_box .top_icon:hover{ background:#1597e1;}
.toTop_box .top_icon:hover a.wx{background:url(../images/weixin_1.png) no-repeat center;}
.toTop_box .top_icon:hover a.wm{background:url(../images/code3_1.png) no-repeat center;}

.toTop_box .show_box{ position:absolute; top:30px; right:80px; border:1px solid #ccc; padding:15px; background:#fff;}
.toTop_box .show_box span{ display:block; width:150px; text-align:center;}
.toTop_box .show_box:after, .toTop_box .show_box:before {
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  position: absolute;
  width: 0;
}

.toTop_box .show_box:after {
  border-width: 12px;
  border-left-color: #fff;
  top: 112px;
}

.toTop_box .show_box:before {
  border-width: 14px;
  border-left-color: #ccc;
  top: 110px;
}