﻿/*

*时间：2015-07-09

*作用：设计圈PC端全局样式

*作者：陈维烜

*最后修改：吕玉燕 2016-02-27

*/

/*全局样式*/

i{display: inline-block;}

input:focus{box-shadow:none!important;}

input{box-shadow:none!important;}

body{min-width:1300px;font-size: 12px;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;text-overflow: ellipsis;}

div,ul,li,span,img,p,input,h1,h2,h3,h4,h5,h6,a,input,textarea{margin:0;padding:0;border:none;font-weight: normal;}

section{ line-height:20px;}

.bg1 td{height:28px;border:#ddd solid 1px; padding:1px;font-size:14px;}

.bg1 table{ border-collapse:collapse;}

.demo td{height:28px;border:#eee solid 1px; padding:1px;}

.demo table{ border-collapse:collapse;}

.demo{margin-top:4px;}



.container,.container-fluid{zoom:1;+border-bottom:1px;width:1280px;min-width: 1280px;margin: 0 auto;text-align: left;}

.frame{background: #fff;padding:15px;margin-bottom: 20px;}

.content{width:1280px!important;margin:0 auto;}

.case em{font-style: normal;color: #f35828;}

a,a:link,a:visited{color:#333;text-decoration:none;outline:none;}

a:link,a:visited{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

ul,li{list-style: none;}

.noBorder{ border:0!important; }

.detail,.our-care,.hot-article,.hot-designer,.related-articles,.articles-up-down,.comment{background: #fff;border: 1px solid #e6e6e6;padding:15px;margin-bottom:20px;position:relative;}

input{outline:none;}

.center-block{display: block;margin: 0 auto;}

.media-object,.media-body{float: left;}

.float-right{float: right;}

.overflow-title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.orange{color:#FF1A2B;}

.orange-bg{background-color:#FF1A2B;}

/*首页图标1新版*/

.swiper-right:hover,.swiper-left,.swiper-right,.swiper-left:hover,.home-bottom-card,.home-bottom-guide,.home-bottom-case,.header-nav-weixin,.header-nav-collect,.header-nav-help,.header-nav-phone {background: url("../images/home_src_one.png") no-repeat;}

.swiper-right:hover {background-position: -0px -0px;height: 72px;width: 32px;}

.swiper-left{background-position: -33px -0px;height: 72px;width: 32px;}

.swiper-right{background-position: -66px -0px;height: 72px;width: 32px;}

.swiper-left:hover {background-position: -99px -0px;height: 72px;width: 32px;}

.home-bottom-card {background-position: -132px -0px;height: 46px;width: 62px;}

.home-bottom-guide {background-position: -195px -0px;height: 55px;width: 48px;}

.home-bottom-case {background-position: -244px -0px;height: 49px;width: 49px;}

.header-nav-weixin {background-position: -294px -0px;height: 22px;width: 23px;}

.header-nav-collect {background-position: -318px -0px;height: 22px;width: 23px;}

.header-nav-help {background-position: -342px -0px;height: 22px;width: 23px;}

.header-nav-phone {background-position: -366px -0px;height: 22px;width: 23px;}

/*首页图标2新版*/

.home-case-num,.home-search,.footer-phone,.footer-service,.home-list-more,.home-nav-case,.home-nav-designer,.home-nav-sort {background: url("../images/home_src_two.png") no-repeat;}

.home-case-num {float:left;margin-top:18px;background-position: -0px -0px;height: 16px;width: 16px;margin-right: 6px;}

.home-search {float:left;margin:10px 6px 0 20px;background-position: -17px -0px;height: 20px;width: 20px;}

.home-nav-entrust {float:left;height: 50px;width: 50px;}

.footer-phone {float:left;margin:-4px 5px 0 20px;background-position: -59px -0px;height: 24px;width: 24px;}

.footer-service {background-position: -84px -0px;height: 19px;width: 19px;float:left;margin:8px 6px 0 30px;}

.home-list-more {display:block;margin:20px auto 15px;background-position: -104px -0px;height: 45px;width: 45px;}

.home-nav-case {float:left;margin-right:10px;background-position: -150px -0px;height: 20px;width: 22px;}

.home-nav-designer {float:left;margin-right:10px;background-position: -173px -0px;height: 22px;width: 22px;}

.home-nav-sort {background-position: -196px -0px;height: 15px;width: 15px;}

/*顶部样式新版*/

header{min-width: 1280px;}

.header-top-wrap{background:#f6f6f6;height: 36px;border-bottom: 1px solid #eee;width: 100%;}

.header-top-wrap .header-top-left{float: left;}

.top-server-wrap{display:none;position:absolute;z-index:99;padding:0 5px;width: 135px;height: 185px;background: #fff;border: 1px solid #eee;}

.top-server-wrap .top-arr{top:-18px;left:52px;border-bottom:20px solid #fff;border-left:15px solid transparent;border-right:15px solid transparent;display: block;position: absolute;}

.top-server-wrap p{text-align: center;color: #FF1A2B;line-height: 1.6;margin:5px;}

.header-top-wrap .header-top-right{float: right;padding-top: 10px;}

.header-top-wrap .header-top-right a{padding-right: 10px;height:20px;line-height:20px;border-right: 1px solid #eee;}

.header-top-wrap .header-top-right a:hover{color: #FF1A2B;}

.header-top-right a{height: 36px;line-height: 36px;color: #686868;margin-right: 10px;}

.header-top-left a{height: 36px;line-height: 36px;color: #686868;}

.header-top-left h1 {font-size:12px;}

/*logo及搜索模块新版*/

.logo-search-wrap{background: #fff;padding-top: 20px;height:100px;}

.logo-search-wrap .entrust-btn{font-size:18px;color:#666;width: 150px;height: 50px;display: block; float:right;background: url("../images/tel.png") no-repeat; padding-left:60px;margin-top: 25px;position: relative; cursor: pointer;}


.logo-search-wrap .entrust-btn span {line-height: 25px;}


.logo-search-wrap .entrust-btn .social-pop-card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #04b11e;
  position: absolute;
  width: 132px;
  height: 160px;
  top: 62px;
  left: 62px;
  padding: 10px 0;
  -webkit-box-shadow: 0 1px 18px hsl(225deg 4% 79% / 50%);
  box-shadow: 0 1px 18px hsl(225deg 4% 79% / 50%);
  display: none;
  opacity: 0;
  border-radius: 2px;
  z-index: 6;
  transition: all 1s;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

.logo-search-wrap .entrust-btn:hover .social-pop-card{
  display: block;
  opacity: 1;

}

.logo-search-wrap .entrust-btn .social-pop-card>img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 2px;
}
.logo-search-wrap .entrust-btn .social-pop-card>p {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

.logo-search-wrap .entrust-btn  .pop-arrow :after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 8px solid #04b11e;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  right: 58px;
  top: -8px
}


.logo-search-wrap .entrust-btn span i { font-style:normal; font-size:16px; display:block;}
    .logo-search-wrap .entrust-btn span i em{font-style: normal;
    color: #01c923;
    font-size: 14px;
    padding-left: 5px;
    }
.logo{float:left;text-indent:-9999em;background: url("../images/logo.png") no-repeat;width: 425px;height: 80px;}
.address{
  float: left;
  margin-top: 40px;
  font-size: 16px;
  color: #999;
  background: url(/images/dw.png) no-repeat;
  padding-left: 25px;
}
.header-search-wrap{position: relative;margin-left:35px;float: left;width: 400px;height: 44px;position:relative;border: 2px solid #FF1A2B;margin-top: 25px;}

.header-search-wrap .search-type-select{font-size:14px;color:#686868;margin-top:10px;height:24px;line-height:24px;float:left;width: 100px;border-right: 1px solid #eee;text-align: center;}

.header-search-wrap input{width: 280px;height: 34px;float: left;border: 0;}

.header-search-wrap p{width: 100%;bottom: 60px;left: 0;color: #b3b0b0;font-size: 14px;  position: absolute;}

.header-search-wrap a{font-size:19px;line-height:44px;color:#fff;float: right;display:block;width:100px;height:44px;background: #FF1A2B;}

/*顶部导航栏新版*/

.nav-menu-wrap{min-width:1280px;border-bottom: 2px solid #FF1A2B;width: 100%;background: #fff;}

.nav-menu-wrap .nav-menu{width: 1280px;height:44px;margin: 0 auto;}

/*家居美图导航*/

/*.nav-menu-wrap .nav-menu li{width: 122px;_width:80px;height:44px;float: left;}*/

.nav-menu-wrap .nav-menu li{width: 127px;height:44px;float: left;}

.nav-menu-wrap .nav-menu a.active:hover{color: #fff;}

.nav-menu-wrap .nav-menu a{transition: 0s all;}

.nav-menu-wrap .nav-menu a{color:#444;font-size:15px;text-align:center;height:44px;display: block;line-height: 44px;line-height: 44px;}

.nav-menu-wrap .nav-menu a.active,.nav-menu-wrap .nav-menu a:hover{color: #fff;background: #FF1A2B;}

/*家居美图导航*/

/*.nav-menu-wrap .nav-menu li.order-nav{margin-left: 60px;position:absolute;right:20%;}*/

.nav-menu-wrap .nav-menu li.order-nav{margin-right: 20px;float: right;}



.nav-menu-btn{position: relative;}

.nav-menu-btn:hover a{background: #FF1A2B;color: #fff;}

.nav-menu-sub{display:none;position:absolute;top: 44px;left: 0;z-index: 999;}

.nav-menu-btn:hover .nav-menu-sub{display:block;}

.nav-menu-sub li{text-align:center;line-height:44px;width: 130px;height: 36px;background:#FF1A2B;color: #fff;}

.nav-menu-wrap .nav-menu-sub li:hover a{color: #fff;background: #e15417;}

.nav-menu-sub li a{color: #fff;font-size: 12px!important;}





/*友情链接*/

.friendly-link-wrap{background: #f6f6f6;padding: 30px 0 0px;min-width: 1280px;}

.friendly-link-title{font-size: 18px;color: #333;border-bottom: 1px solid #d4d4d4;padding-bottom: 10px;margin-bottom: 15px;}

.friendly-link-title span{float: right;color: #999;font-size: 14px;}

.friendly-link-title span a{color: #666;margin-left: 40px;}

.friendly-content a{display:block;float:left;color: #666;font-size: 12px;margin-right: 10px;}
.print-footer-wrap {
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
}
.footer-item-block  {
  width: 170px;
  height: 92px;
  text-align: center;
  font-size: 20px;
  line-height: 92px;
  color: #000;
}
.footer-item-block img{
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 6px;
}
/*底部导航栏新版*/

footer{background: #30313a;color: #acacac;padding: 30px 0;min-width: 1280px;}

footer .footer-nav-wrap{width: 1280px;margin: 0 auto;}

footer .footer-nav-wrap li a{color: #acacac;font-size: 14px;}

.footer-download-wrap{float: left;width: 210px;height: 190px;border-right: 1px solid #3b3b44;}

.footer-download-wrap .footer-download{margin:20px auto 0;position:relative;border: 3px solid #FF1A2B;width: 123px;height: 134px;}

.footer-download img,.footer-download span{display: block;margin: 15px auto 0;text-align: center;}

.footer-download img{width: 90px;height: 90px;}

.footer-download span{margin-top: 5px;}

.footer-download div{color:#fff;font-size:14px;background:#30313a;text-align: center;position: absolute;top: -10px;left: 16px;width: 90px;}

.footer-nav-wrap ul{float: left;width: 120px;padding-left: 50px;}

.footer-nav-wrap ul li{margin-bottom: 10px;}

.footer-nav-wrap ul li a:hover{color: #FF1A2B;}

.footer-nav-wrap ul li.footer-title{margin:20px 0;font-size: 14px;color: #fff;}

.footer-nav-wrap ul li.footer-title a{color: #fff;}

.footer-nav-wrap ul li.footer-title a:hover{color: #FF1A2B;}

.footer-service-wrap{width:290px;height:180px;text-align: right;float: left;border-left: 1px solid #3b3b44;}

.footer-service-wrap .footer-service-title{color: #fff;margin-top: 20px;}

.footer-service-wrap .footer-service-time{margin-top: 10px;}

.footer-service-wrap .footer-service-phone{padding-left:60px;margin-top:20px;color: #acacac;font-size: 25px;font-weight: bold;}

.footer-service-wrap .footer-service-btn{font-size:16px;margin-top:10px;float:right;text-align:left;display: block;background: #FF1A2B;color: #fff;width: 180px;height: 36px;line-height: 36px;}



.footer-copyright-wrap{width: 1280px;border-top: 1px solid #3b3b44;margin: 20px auto 0;padding-top: 20px;}

.footer-copyright{margin:10px;text-align: center;font-size: 12px;}

/* 面包屑导航 */

.local{width: 1280px;padding: 0;overflow: hidden;}

.local{margin: 15px 0 0;background:rgba(0, 0, 0, 0) url("../images/design-home.png") no-repeat scroll left center}

.local li{padding:3px; border: 1px solid transparent;float: left;}

.local li+li{margin-left:20px;}

.local li{background: url("../images/guide_bg.png") no-repeat right center;padding-right: 20px!important;margin-left:20px}

.local li:last-child{background: none;}

.local li+li{margin-left: 10px;}

.local .select-guide{border-color:#f35828!important;border-radius: 0;color:#f35828!important;}

.local .select-guide a{color:#f35828!important;}

.local .select-guide:hover{background: #f35828; }

.local .select-guide:hover a:hover{color:#fff!important;}

.local .count{ float:right;}

/* tag 标签 */

.tag-select-list{margin-bottom:20px;position:relative; display:inline-block;border: 1px solid #e4e4e4;}

.tag-select-list ul{border-top: 1px solid #e7e7e7;width: 100%;height: 50px;padding-left: 0;margin-bottom: 0; font-size:14px; clear:both;}

.tag-select-list ul:first-child{border-top: 0;}

.tag-select-list li{float:left;margin-left:20px;height:50px;line-height: 50px;}

.tag-select-list li:first-child{background:#f5f5f5;font-weight:bold;color:#000;margin-left: 0;border-right: 1px solid #e6e6e6;padding:0 20px;}

.tag-select-list .tag-select{padding:0;border-radius:0 0;width:1280px;margin:0 auto;background: #fff;}

.tag-select-list .tag-select a:hover{color:#F35828;}

.tag-select-list .tag-select a.on{border-radius: 0; border:1px solid #f35828!important; color: #f35828; padding:4px 8px;}

/* box */

#item-list{margin-right: -20px;*zoom:1;}

.box-list{background:#fff;width:279px;border-radius:0;float:left;margin:0 26px 30px 0;overflow:hidden;position:relative;box-shadow:3px 0 4px rgba(164,164,164,.4);}

.box-list a:first-child{cursor:pointer;}

.box-list-img{width:279px;height:180px}

.box-list-img:hover{opacity: 0.9;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;box-shadow: 1px 1px 3px #c9c9c9;}

.box-attend{cursor:pointer;position: absolute;top: 15px;left: 30px;width: 30px;height: 0;transition:height .1s;background: url("../images/case_attend_wei.png") no-repeat;border: 0;}

.box-attend-visited{background: url("../images/case_attend_acive.png") no-repeat;}

.box-list-img{width:279px;height:200px;}

.box-list-tips{ background:#fff;padding:10px 12px;}

.box-list-tips h5{font-weight:normal;width: 260px;float: left;display:block; line-height:1.3em; font-family:"Microsoft YaHei","Arial","Helvetica","sans-serif"; font-size:16px; height:50px; }

.box-list-tips li{height: 24px;padding-left: 22px;line-height: 24px;color: #999;margin-left: 4px;padding-right: 10px;}

.box-list-tips li.box-page{padding-right: 0;}

.box-list-tips li:first-child{margin-left: 0;}

.box-list ul{ display:block;clear:both;}

.box-list ul li{float: left;}

.box-list .box-img { float:right;width:100px; text-align:right;padding-left:0;margin-left: -10px;width: 92px;}

.box-list .box-img img{ padding-right:4px;}



.box-list .box-look{background: url("../images/case_look.png") no-repeat 0 center;}

.box-list .box-say{background: url("../images/case_say.png") no-repeat 0 center;}

.box-list .box-collect{background: url("../images/case_collect.png") no-repeat 0 center;}

.box-list .box-good{background:url(../images/liC.png) 0 5px no-repeat}

.box-list .box-page{background: url("../images/case_page.png") no-repeat 0 center;float: right;}



.box-list .box-hover{overflow:hidden;font-size:14px;position: absolute;top:15px;right:15px;line-height:32px;height:30px;padding-left:30px;width: 65px;height: 0;transition:height .1s;background: url("../images/case_phone.png") no-repeat #88c500 10px center;color: #fff!important;border-radius: 0;}

.box-list .box-class{padding:0 6px;white-space:nowrap;overflow:hidden;cursor:pointer;display: block;position:absolute;text-align: center;top:18px;left:15px;background: rgba(0, 0, 0, 0) url("../images/circle-ico.png") no-repeat scroll 0 0;display: block;height:20px; line-height:20px; width:55px;color:#fff;}



.box-list:hover a{color:#f35723;}

.box-list:hover a.box-class:hover{color:#f35723;}

.box-list:hover .box-hover{color:#fff!important;text-decoration: none;height: 30px;display:block;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

.box-list:hover .box-class{ top:140px;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;color:#fff;}

.box-list:hover .box-attend{height:30px;left:15px;}

.box-list:hover .box-hover:hover{background-color:#f35723;}



/* 相关 */

.related-articles .list{width:100%;height: 160px;padding-left: 0;margin: 10px auto 0;overflow: hidden;background: #fff;}

.related-articles .list li{float:left;width:192px;margin-left: 20px;margin-top: 14px; text-align:center;}

.related-articles .list img {width:175px; height:120px; }

.related-articles .list h6{text-overflow: ellipsis;white-space:nowrap;overflow: hidden;margin-top:10px;font-size:12px;}

.related-articles .list a{color:#666;}

.related-articles .list a:hover{color:#f35723;}



/* 上一篇 下一篇 */

.articles-up-down p{float: left;margin-top: 5px; font-size:14px; }

.articles-up-down p a{color: #666;}

.articles-up-down p+p{float: right;}

.articles-up-down a{font-size:14px;}

.articles-up-down a:hover{color:#f35723;}



/* 评论 */

.comment ul{height: 175px;padding-left: 0;}

.comment ul li{float: left;width: 8%;height:175px;margin-top: 20px;}

.comment ul li+li{float: left;width: 87%;height: 170px;}

.comment ul textarea{width: 100%;height: 160px;background: #f0f0f0;border: 1px solid #e8e8e8;padding: 14px;font-size: 14px;color: #666;}

.comment .submit button{float: right;width: 100px;overflow: hidden;}

.comment .submit label{float: left;}

.comment .submit label input{margin-top: 0;}

.comment .submit{margin-top: 55px;overflow: hidden;padding-left: 72px;padding-right: 14px;}

/* 弹出窗口 预约设计 */

.order-modal-wrap{overflow: hidden;}

.order-modal-wrap .modal-body{max-height: 600px;}

.order-modal-wrap .modal-close{cursor:pointer;top:10px;right:10px;position:absolute;display:block;width:12px;height:12px;background: url("../images/modal_close.png") no-repeat;}

.order-modal-wrap .modal-body{padding: 0;}

.order-modal{position:relative;width: 403px;height:435px;padding:1px;background: #fff url("../images/modal-bg.png") no-repeat center 0;}

#order_Modal{margin-left: -230px;width: 405px;}



/* 加载更多 */

.load-more { width:1200px; height:50px; margin:0 auto;}

.i-ft-wrap { width:100%; height:250px; background:#fff; margin-top:25px; }

.load-left-bg { width:10px; height:50px; float:left; background:url(../images/load-more-bg.gif) no-repeat; }

.load-midd-bg { width:1180px; height:50px; line-height:50px; float:left;  text-align:center; background:url(../images/load-more-bg.gif) repeat-x 0 -100px; }

.load-right-bg { width:10px; height:50px; float:left; background:url(../images/load-more-bg.gif) no-repeat 0 -50px; }

.load-midd-bg a { display:inline-block; width:1180px; height:50px; color:#fff; font-size:16px;cursor:pointer;}

.load-midd-bg a:hover{ text-decoration:underline; }

/* 分页 */

.common_pages { text-align:center; clear:both;padding:20px; }

.common_pages a,.common_pages span{height:38px;line-height:38px;display:inline-block;font-size:14px;margin:0 10px;text-align:center;color:#b3b3b3;background:#fff;padding:0 20px;border-radius:0;font-size:14px; font-weight:bold;}

.common_pages a:hover{background:#ffab4a!important;color:#fff!important;text-decoration:none}   

.common_pages .common_cur{background:#f35723!important;color:#fff!important;text-decoration:none}

/*浮动快捷导航*/

.right-fixed-wrap{height: 50px;position: fixed;right: 5px;bottom:200px;z-index: 9;}

.right-fixed-wrap div{height: 50px;cursor: pointer;margin-top: 6px;}

.fixed-code{background: url("../images/home_fixed.png") no-repeat 0px -204px;height:50px;padding-left:50px;width: 0;}

.fixed-code:hover{background: url("../images/home_fixed.png") no-repeat 0px -255px;height:50px;padding-left:50px;width: 0;}

.look-code{display:none;background: url("../images/home_fixed.png") no-repeat 0px -306px;width:130px;height:160px;position: absolute;left:-140px;top: -130px;}

.fixed-commit{background:url("../images/home_fixed.png") no-repeat 0px -153px;height:50px;padding-left:50px;}

.fixed-commit:hover{background:url("../images/home_fixed.png") no-repeat 0px -51px;height:50px;width: 0;}

.fixed-commit a{text-indent: 9999em;}

.fixed-top{background:url("../images/home_fixed.png") no-repeat 0px -102px;height:50px;padding-left:50px;}

.fixed-top:hover{background:url("../images/home_fixed.png") no-repeat 0px 0px;height:50px;padding-left:50px;}

/*评论列表*/

.message-title{border-bottom: 2px solid #e3e3e3;padding-bottom: 15px;}

.message-list{border-bottom: 1px solid #eee;padding-bottom: 20px;padding-left: 20px;}

.message-list img{width: 50px;height: 50px;}

.message-list h6{font-size: 12px;color: #999;margin-left: 30px;}

.message-list h6 strong{font-weight:normal;color: #f35828;margin-right: 5px;}

.message-list h6 i{float: right;font-style: normal;}

.message-list p{width:760px;margin-left: 30px;margin-top: 15px;font-size: 14px;line-height: 1.5;color: #535353;}

.message-list-more{height: 44px;}

.message-list-more a{display: inline-block;height: 30px;margin-top:10px;line-height: 40px;font-size: 16px;color: #666;}

.message-list-more a:hover{color:#f35828;}

/*标签修饰图标*/

.detai-look{background:url("../images/tips_pic.png") no-repeat 0px 0px;height:12px;padding-left:20px;}

.detai-like{background:url("../images/tips_pic.png") no-repeat 0px -12px;height:13px;padding-left:16px;}

.detai-say{background:url("../images/tips_pic.png") no-repeat 0px -25px;height:14px;padding-left:18px;}

.detai-tips{background:url("../images/tips_pic.png") no-repeat 0px -39px;height:15px;padding-left:15px;margin: 0 15px;}



.case-button{border: 0;height: 50px;border-bottom: 1px #eee solid;width: 100%;margin-top:20px;overflow: hidden;position: relative;}

.case-button a{float: right;padding: 8px 15px;color: #fff;font-size: 14px;margin-left: 10px;}

.case-button>span{display: inline-block;margin-top: 8px;}

.case-button .zan{background: #fb8484;text-decoration:none;}

.case-button a.zan:hover{text-decoration:none;}

.case-button .zan h5{height: 17px;background:url(../images/zan.png) no-repeat 0px 0;padding-left: 24px;color: #fff;}

.case-button .collect{background: #66cc66;text-decoration:none;}

.case-button a.collect:hover{text-decoration:none;}

.case-button .collect h5{height: 17px;background: url(../images/case_detail_all.png) no-repeat 0px -171px;padding-left: 24px;color: #fff;}

.case-tips{height: 50px;line-height: 50px;color: #999;}

.tips-text{background: #f8f8f8;padding: 5px 10px;font-size: 12px;margin-right: 7px;}

/*分享功能样式*/

.sort-share{position: absolute;right: 145px;top: -10px;z-index: 2;cursor: pointer;width:164px;height:30px;}

.bdshare-button-style0-24 .bds_more{background: none!important;padding-left: 0!important;}

.sort-share #bdsharebuttonbox{font-size: 12px!important;}

.sort-share>a{color: #999!important;}

.share-bottom-wrap{position: absolute;right: 250px;top:5px;width: 240px;height: 30px;}

.share-bottom-wrap li{float: left;height: 30px;;line-height: 30px;}

.share-bottom-wrap .bdshare-button-style0-24 a{padding-left: 10px;margin: 3px 6px 0 0;}

/*phoneCode弹窗样式*/

.p-phone-code{background: #fff;padding: 10px 20px;}

.p-title{height: 40px;line-height: 40px;color: #f35723;font-size: 16px;position: relative;border-bottom:1px solid #e5e5e5;}

.p-title label{margin-left: 8px;}

.p-title>span{display:block;width: 50px;height: 2px;position: absolute;bottom: 0;background: #f35723;}

.p-info-body{padding: 10px 60px;}

.p-info-body li{margin: 20px auto;}

.p-info-body .button em{font-style: normal;}

.p-info-body em a{font-style: normal;color: #3790c8;margin-left: 20px;}

.p-info-body em a:hover{text-decoration: underline;}

.p-info-body .button em+em{margin-left: 20px;}

.p-info-bod #codeimg{width: 100px;height: 30px;border: 1px solid #eee;}

/*详情页二维码*/

.detail-code-wrap,.related-articles,.articles-up-down,.comment{width: 866px;overflow: hidden;}

.action-detail-bg .detail-code-wrap,.action-detail-bg .related-articles,.action-detail-bg .articles-up-down,.action-detail-bg .comment{width: 1163px;}

.detail-code-wrap .span6{margin-top: 15px;}

.detail-code-wrap .span6+.span6{border-left: 1px solid #e5e5e5;}

.detail-code-wrap .span6 img{float: left;margin: 5px 0 0 50px;}

.detail-code-wrap .span6 h4{font-size: 20px;color: #000; margin-top: 20px;margin-left: 160px;}

.detail-code-wrap .span6 h6{font-size: 12px;color: #999; margin-top: 10px;margin-left: 160px;}

.detail-code-wrap .news-detail-code{margin-top: 24px;}

/*图片轮播*/

.carousel-indicators{top: 92%;left: 47.5%;}

/*帮助中心*/

.help-content{margin-top: 24px;overflow: hidden;}

.help-content .active{color: #f35723;}

.help-content .user-frame{padding:30px 50px;width: 890px;}

.help-content .user-frame h5{background: #e2e1e1;padding: 5px 10px;}

.help-content .user-frame img{display:block;border: 1px solid #eee;padding: 3px;margin: 10px auto;}

.help-content .user-frame p{padding: 0 10px;}

.help-content .user-list-item{text-align: center;}

.help-content .help-menu-title{font-size:20px;border-left: 2px solid #f35723;padding-left: 10px;margin-bottom: 30px;}

.help-content .list-group{position: fixed;top:110px;width: 176px;}

/*发布招标页*/

#order_Modal{top:5%;}

#order_Modal .modal-body{max-height: none;width: 405px;overflow: hidden;}

.entrust-designer-wrap{margin:115px auto 0;;width: 320px;overflow: hidden;}

.entrust-designer-wrap img{float:left;height: 74px;width: 74px;border-radius: 50%;background: #eee;padding: 4px;}

.entrust-designer-wrap .designer-messages{border-radius:0;margin-top:24px;padding-left:10px;color:#999;height: 40px;line-height: 40px;border: 1px solid #eee;}

.entrust-designer-wrap .designer-name{margin-left: 100px;font-size: 16px;margin-top: 20px;}

.entrust-designer-wrap .designer-address-wrap{margin-left: 100px;font-size: 14px;margin-top: 10px;}

.entrust-order-wrap{height: 30px;}

.entrust-order-wrap label{display: inline-block;width: 40%;}

.entrust-wrap{width: 320px;margin: 0 auto;}

.entrust-wrap .entrust-input-wrap input,.input-submit-wrap input,.input-submit-wrap button{width: 96%;height: 30px;}

.entrust-select-wrap .entrust-select3 select{border-radius:0!important;color:#666;height:30px;width: 30%;margin-right: 15px;}

.entrust-select-wrap select{float: left;}

.entrust-select-wrap .entrust-select2{overflow: hidden;}

.entrust-select-wrap .entrust-select3{overflow: hidden;}

.entrust-select-wrap .entrust-select3 select:last-child{margin-right: 0;}

.entrust-select-wrap .entrust-select3 select.AreaSelect{margin-right: -22px;}

.entrust-select-wrap .entrust-select2 select{border-radius:0!important;color:#666;width: 47.5%;height: 30px;margin-right: 15px;margin-right: 10px\0;}

.entrust-select-wrap .entrust-select2 select:last-child{margin-right: 0;}

.input-submit-wrap button{font-size:16px;width:99%;border: 0;background: #f35723;color: #fff;height: 40px;}

/*右侧栏*/

.order-hall-right{float: left;margin-left: 20px;width: 280px;}

.order-hall-right .entrust-wrap{overflow:hidden;margin-top:0;background:#fff url("../images/hall_entrust_nav.png") no-repeat;border:1px solid #e4e4e4;width: 248px;height:300px;padding:145px 15px 15px;}

.order-hall-right img{width: 100%;display: block;margin-top: 20px;}

.order-hall-right .entrust-input-wrap,.order-hall-right .entrust-select-wrap{width: 250px;*width:260px;}

.order-hall-right .entrust-select3 select{width: 73px;*float:left}

.order-hall-right .entrust-select2 select{width: 115px;*float:left}

.order-hall-right .entrust-order-wrap label{width: 120px;}

/*首页底部委托申请2016.01.14*/

.bottom-entrust-banner,.bottom-entrust-code,.bottom-entrust-btn,.bottom-entrust-submit,.bottom-entrust-close {background: url(../images/bottom_entrust_src.png) no-repeat;}

.bottom-entrust-banner{top:3px;height: 173px;width: 505px;position: absolute;*left:20%}

.bottom-entrust-code{margin-left:20px;margin-top:25px;float:left;background-position: -0px -177px;height: 115px;width: 96px;}

.bottom-entrust-btn {display:none;background-position: -97px -180px;height: 154px;width: 200px;}

.bottom-entrust-submit {float:right;background-position: -298px -177px;height: 79px;width: 90px;}

.bottom-entrust-close {margin-top:25px;cursor:pointer;float:right;background-position: -389px -177px;height: 16px;width: 16px;}



.bottom-entrust-open{width:200px;position: fixed;left: 0;bottom: 30px;cursor: pointer;z-index: 11;}

.bottom-entrust-wrap{padding-top:20px;z-index:999;display:none;position: fixed;bottom: -13px;width: 0;height: 170px;overflow: hidden;}

.bottom-entrust-wrap .modal{border-radius: 0;}

.bottom-entrust-wrap .bottom-entrust-form{padding:10px;float:left;margin-top:25px;margin-left:530px;width: 370px;height: 80px;background:#2b2b34;}

.bottom-entrust-inner{background-color:#111115;height: 156px;width: 100%;margin: 0 auto;}

.bottom-entrust-content{width: 1070px;margin: 0 auto;}

.bottom-entrust-form .entrust-form{float:left;width: 380px;height: 80px;}

.bottom-entrust-form .entrust-form-top{width: 380px;height: 35px;float:left;margin-bottom: 10px;}

.bottom-entrust-form .entrust-form-top input{padding:5px 10px;width: 158px;height: 25px;border: 0;margin-right: 10px;border-radius: 0;}

.bottom-entrust-form .entrust-form-top select{width: 90px;height: 35px;border: 0;border-radius: 0;}

.bottom-entrust-form .entrust-form-bottom{width: 380px;height: 35px;float:left;}

.bottom-entrust-form .entrust-form-bottom select{width: 120px;height: 35px;margin-right: 10px;border-radius: 0;}

.bottom-entrust-form  .entrust-bottom-submit{font-size:14px;margin-right:10px;float:right;color:#fff;background:#FF1A2B;width: 95px;text-align:center;height: 35px;line-height: 35px;}

/*****************************顶部logo及搜索 BEGIN 修改 2016.01.14陈庆辉**********************/

.header-search-wrap .search-type-select {position: relative;}

.search-type-select strong {position: absolute;top: -10px; left: 0px;width: 80px;height: 44px;padding-left: 15px;font-weight: normal;text-align: left;line-height: 44px;cursor: pointer;}

.search-type-select span {display: none;position: absolute;top: 34px; left: -2px;width: 100px;height: 99px;border-top: 2px solid #fff;z-index: 100;background: #fff;}

.search-type-select em {float: left;width: 85px;height: 33px;padding-left: 15px;font-style: normal;text-align: left;line-height: 33px;cursor: pointer;}

.search-type-select em:hover{background-color: #FF1A2B;;color: #fff;}

.container .top-line{border-left: 1px solid rgb(238, 238, 238); float: left; margin-left: 30px; height: 32px; margin-top: 33px;}

/********************设计师登录模块***2016.01.13***********************************/

.header-top-wrap .header-top-right {position: relative;}

.home-in-design, .home-in-own {overflow: hidden;width: 100px;height: 28px;padding-top: 7px;border: 1px solid #eeeeee;background-color: #fff;z-index: 100;}

.home-in-design:hover, .home-in-own:hover {height: 176px;}

.header-top-wrap .home-in-design a, .header-top-wrap .home-in-own a {float: left;width: 100px;height: 24px;border: 0;padding: 0;padding-bottom: 5px;margin: 0;

color: #686868;font-size: 12px;text-align: center;line-height: 24px;}

.home-in-design li, .home-in-own li {float: left;text-align: center;font-family: "Microsoft YaHei";}

.header-top-wrap .home-in-active a {background-color: #f6f6f6;color: #FF1A2B;}

.home-in-own {position: absolute;top: 0;left: -115px;}

.home-in-design {position: absolute;top: 0;left: -115px;}

/*-------------------设计师身份认证图标--------------------------------------------------------------------*/

.honor-S,.certify-none,.certify-ok,.honor-C,.honor-E {background: url(../images/designer_honor_ico.png) no-repeat;}

.honor-S {background-position: -0px -0px;height: 18px;width: 50px;}

.certify-none {background-position: -51px -0px;height: 18px;width: 63px;}

.certify-ok {background-position: -115px -0px;height: 18px;width: 50px;}

.honor-C {background-position: -166px -0px;height: 18px;width: 50px;}

.honor-E {background-position: -217px -0px;height: 18px;width: 50px;}

/*调色调2016-01-30*/

.entrust-order-wrap label input{float: left;width:20px;}

.entrust-wrap .entrust-input-wrap input,.input-submit-wrap input,.input-submit-wrap button{width: 94%;height: 30px;_margin-top:10px;}

.input-submit-wrap button{font-size:16px;width:100%;border: 0;background: #ee6864;color: #fff;height: 40px;}

/*分享图标 case-content*/

.detail .sort-share #define_pic,.case-content .sort-share #define_pic{margin-top: 10px;margin-left: 10px;}

.detail #define_pic,.case-content #define_pic{float: right;width: 200px;margin-top: -34px;margin-left: 20px;}

.detail #define_pic .bdsharebuttonbox a,.case-content #define_pic .bdsharebuttonbox a{margin:0 5px;padding:0;background: url(../images/designer_shop.png) no-repeat;height: 34px;width: 34px;display:block;overflow: hidden;}

.detail #define_pic .bdsharebuttonbox a.bds_qzone,.case-content #define_pic .bdsharebuttonbox a.bds_qzone{background-position: -91px -0px;}

.detail #define_pic .bdsharebuttonbox a.bds_tsina,.case-content #define_pic .bdsharebuttonbox a.bds_tsina{background-position: -208px -0px;margin-left: 10px;}

.detail #define_pic .bdsharebuttonbox a.bds_sqq,.case-content #define_pic .bdsharebuttonbox a.bds_sqq{background-position: -276px -0px;margin-right:20px;}

.detail #define_pic .bdsharebuttonbox a.bds_weixin,.case-content #define_pic .bdsharebuttonbox a.bds_weixin{background-position: -126px -0px;}



select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{border-radius: 0;}

.address-more{cursor: pointer;}

.address-more:hover{color: #FF1A2B;}



li.active-open{height: 112px;}

li.active-open span{height: 112px;line-height: 112px;}

/*没有搜索结果*/

.com-nothing-wrap-fluid{border: 1px solid #e6e6e6;width: 1280px;padding: 30px 0 120px;}

.com-nothing-wrap{border: 1px solid #e6e6e6;width: 890px;padding: 30px 0 120px;}

.com-nothing-wrap .nothing-pic,.nothing-wrap-fluid .nothing-pic{margin:15px auto;background: url("../images/nothing_pic.png");width: 104px;height: 104px;display: block;}

.com-nothing-wrap p,.nothing-wrap-fluid p{width:200px;margin:15px auto;line-height:1.8;font-size: 14px;color: #444;text-align: center;}

.com-nothing-wrap a,.nothing-wrap-fluid a{background:#ff5660;border-radius:0;margin:15px auto;line-height:36px;display:block;width:150px;height:36px;font-size: 14px;color: #fff;text-align: center;}

/*资讯时间列表*/

.news-date-item{border: 1px solid #d9d9d9;height: 142px;margin: 0 auto 20px;position: relative;width: 1280px;}

.news-date-item dt{border-right:1px solid #d9d9d9;font-size: 14px;text-align: center;width: 129px;}

.news-date-item dt p{margin-top: 20px;}

.news-date-item dt span{color: #666666;font-family: "Arial";font-size: 36px;margin-right: 10px;}

.news-date-item dt,.news-date-item dd{height: 142px;float:left;color: #999;display: inline-block;font-family: "microsoft yahei";font-size: 12px;line-height: 35px;vertical-align: middle;}

.news-date-item dd{width: 1040px;}

.news-date-item dd p{border-top: 1px dashed #d9d9d9;height: 35px;}

.news-date-item dd p:first-child{border-top: medium none;}

.news-date-item dd a{color: #999;display: inline-block;margin: 0 30px;vertical-align: middle;}

.news-date-item dd a:hover{color: #FF1A2B;}

.item-icon{border-color: #e7cead transparent transparent;border-style: solid;border-width: 14px 14px 0 0;height: 0;left: -1px;line-height: 0;position: absolute;top: -1px;width: 0;}



.map-ul-list{margin: 0 auto 30px;width: 1280px;}

.map-ul-list li{border-bottom: 1px dashed #d9d9d9;color: #999;font-family: "microsoft yahei";font-size: 14px;line-height: 42px;}

.map-ul-list li i{background-color: #e7cead;height: 4px;width: 4px;}

.map-ul-list li i, .map-ul-list li a, .map-ul-list li span{display: inline-block;margin-right: 20px;vertical-align: middle;}

.map-ul-list li a:hover{color: #FF1A2B;}



/* side */

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}





.hoverewm {

    position: absolute;

    left: -97px;

    top: 0px;

    opacity: 0;

    z-index: -1;

}

.lianxi_qq{
  position: fixed;
  right: 10px;
  top: 35%;
  width: 148px;
  border-radius: 10px;
  background: #ffffff;
  padding-bottom: 20px;
  border: 1px solid #FF1A2B;
  z-index: 9999999;
}
.qq_tit{
  background: #FF1A2B;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  font-size: 18px;
  color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.qq_tit p{
  margin: 0 10px;
    font-size: 16px;
}
.qq_tit .qe{
  height: 35px;
}
.jto{
  width: 20px;
  cursor: pointer;
}
.kefu_item img{
  height: 22px;
  padding-right:5PX;
}
.all_kefu{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.all_kefu a{
    display:block;
}
.kefu_item{
  font-size: 15px;
  color: #1b90ed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 32px;
  background: #d2ebff;
  border: 1px solid #1b90ed;
  border-radius: 5px;
  margin-top: 14px;
}
.kefu_dian{
  width: 56px;
  height: 56px;
  border-radius: 100% 100%;
  background: #ef4c7d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.kefu_dian p{
  width: 33px;
  font-size: 16px;
  line-height: 18px;
}
.null_kefu{
  position: fixed;
  right: 3%;
  top: 40%;
  width: 70px;
  height: 70px;
  border-radius: 100% 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(240, 77, 126, 0.2);
  cursor: pointer;
  display: none;
  z-index: 999;
}
.zixun_biaoti{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border-top: 1px solid #FF1A2B;
  font-size: 16px;
  color: #188fef;
  margin-top: 20px;
}
.zixun_biaoti p{
  margin-left: 5px;
}
.zx_con p{
  margin: 15px auto;
font-weight: bold;
}
.zx_con{
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  font-size: 16px;
  color: #FF1A2B;
  font-weight: bold;
}
.zx_con img{
  width: 24px;
}
.zx_con span{
  margin: 0 5px;
  font-weight: bold;
}

.gotop{
  width: 40px;
  height: 40px;
  position: absolute;
  background: #ddd;
  left: 35%;
  border-radius: 50%;
  bottom: -20px;
  text-align: center;
  cursor: pointer;
}

.gotop p{

  color: #fff;
  margin-top: 25px;
}
.gotop span{
  border-right:5px solid transparent;
  border-left:5px solid transparent;
  border-bottom:5px solid #fff;
}
.gotop:hover{
  background: #ff9900;
}


.dianhua_top{
display: flex;
font-size: 16px;
color: #ffffff;
align-items: center;
justify-content: center;
width: 160px;
height: 34px;
border-radius: 34px;
background: #188fef;
margin-top: 20px;
}
.dianhua_top img{
margin-right: 5px;
}