a,a:hover{color: #2f2f2f;}
p{font-size: 14px;line-height: 20px;}
.news-dt .green_font{color: #00ad28}
/*------------------------------------广告图样式开始------------------------------------*/
.adv{width: 100%;min-width: 1220px;height: 90px;text-align: center;max-width: 1920px;position: relative;overflow: hidden;}
.adv img{width: 1920px;height:90px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
/*------------------------------------广告图样式结束------------------------------------*/
/*------------------------------------头部样式开始------------------------------------*/
.header{width: 100%;min-width: 1220px;}
.header-top{ height:35px;line-height:35px; width:100%; color:#888888;background: #f3f3f3;border-bottom: 1px solid #e3e3e3;font-size: 12px;}
.header-top .rt a{ position: relative; color: #7d7d7d;margin-right: 6px; margin-left: 8px; margin-left: 8px}
.header-top .rt .alont_a1:after{position: absolute;  content: "";  height: 14px;  right: -6px;  top: 10px;  width: 1px;  background-color: #afacac;}
.header-top .rt .alont_a1:hover{}
.header-top .rt .font_color{ color:#27c27b }
.input-div select{line-height: 35px ;width: 135px;height: 35px; }
option{color: #555; }

.but_a1{line-height: 30px;}
/*
.top-img img{width: 100%;max-width: 1200px;}
.login_ico{ background:url(../images/login_ico.png) no-repeat; vertical-align:middle; display:inline-block;}
.denglu_ico{ width:20px; height:18px; background-position:0px 0px;}
.top_nav_login li .in_t_s_ico{ width:20px; height:20px; background-position:0px -177px;}
.header-top .in_t_tel_ico,.sub_nav .in_t_tel_ico{ width:20px; height:20px; background-position:-20px -178px;}
.header-top font{ color:#555; margin-left:5px;}
.header-top font.fontcl1{margin:0px;}
.top_nav_login li{ float:left; position:relative;border-left:1px solid #f3f3f3;border-right:1px solid #f3f3f3;}
.top_nav_login li a{ display:block; text-align:left;  padding:0px; margin:0px;}
.top_nav_login li a small{ color:#bbb; margin-left:5px;}
.top_nav_login li:hover{ background:#fff; border-left:1px solid #ddd;border-right:1px solid #ddd;}
.top_nav_login .top_nav_login_son a{background:#fff; line-height:32px;margin-top:-1px; min-width:60px;}
.top_nav_login .top_nav_login_son a:hover{ background:#f8f8f8;}*/

/* ----------------周年庆 改动 */
/*.header-main .search{width: 500px;height: 40px;line-height: 40px;margin: 30px 60px 0;border-radius: 30px;border: 1px solid #b6b6b6;font-size: 14px;}
!*.header-main .search{width: 500px;height: 40px;line-height: 40px;margin: 40px 85px 0;border-radius: 30px;border: 1px solid #b6b6b6;font-size: 14px;}*!


.header-main{height: 105px;}
.header-main .logo{width: 370px;height: 55px;margin-top: 25px;}
.header-main .search{width: 500px;height: 40px;line-height: 40px;    margin: 30px 69px 0;border-radius: 30px;border: 1px solid #b6b6b6;font-size: 14px;}
.header-main .search .search-lt{width: 100px;height: 30px;line-height: 20px;position: relative;margin-top: 10px;}
.header-main .search .search-lt .search-selected{padding-left: 15px;border-right: 1px solid #b6b6b6;display: block;text-align: center;}
.header-main .search .search-lt a{color:#b6b6b6;}
.header-main .search .search-lt a i{width: 14px;height: 10px;background-position: -35px -25px;margin-left: 5px;}
.header-main .search .search-lt .search-list{position: absolute;right:0;top:30px;width: 80px;border: 1px solid #B6B6B6;border-top: 0;z-index: 5;background: #FFFFFF;}
.header-main .search .search-lt .search-list a{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;overflow: hidden;}
.header-main .search input{height: 40px;}
.header-main .search .search-ct{width: 270px;height:30px;margin: 5px 0 5px 10px;border: 0;background: none;}
.header-main .search .search-btn{width: 106px;border: 0;font-size: 14px;color: #FFFFFF;background: #27C27B;text-align: center;border-radius: 0 30px 30px 30px;}
.header-main .search .search-btn:hover{ cursor:pointer}

!* ----------------周年庆 改动 *!
!*.header-main .bank{    width: 200px;*!
  !*height: 72px;*!
    !*margin-top: 18px;*!
    !*overflow: hidden;}*!
.header-main .bank{   width: 210px;  height: 60px;  margin-top: 21px;  overflow: hidden;}


.header-main .bank .hm_banner .flex-control-nav{display: none;}
.header-nav{width: 100%;height: 37px;line-height: 37px;background: #27C27B;font-size: 15px;position: relative;}
.header-nav ul li{width: 130px;float: left;position: relative;text-align: center}
.header-nav ul li a{color: #FFFFFF;}
!*.header-nav ul li .alont_li{width: 160px;}*!
.header-nav ul li.cur a i{width: 14px;height: 10px;background-position: -4px 0;}
.header-nav li a i{width: 14px;height: 15px;background-position: -1px -20px;margin-left: 5px;}
.header-nav .nav-two{width:320px;position: absolute;left:-95px;top:37px;height: 30px;line-height: 30px;background: #FFFFFF;display: none;z-index: 6;}
.header-nav li.cur .nav-two{display: block;}
.header-nav .nav-two li{width: 80px;}
.header-nav .nav-two li a{ display: inline-block; line-height: 38px; color: #000000;}
.header-nav .nav-two em{width: 16px;height: 8px;background-position: -33px -1px;position: absolute;top: -8px;left: 48%;}
.header-nav .nav-bg{position: absolute;left: 0;top: 37px;width: 100%;height: 38px;line-height: 38px;background: #FFFFFF;z-index: 3;display: none;}
header-nav .nav-bg a{ display: inline-block; line-height: 38px;}*/
/*------------------------------------头部样式结束------------------------------------*/
/*灰色1200px头部样式开始 签单分享头部 */
.sub_nav{min-width: 1220px; background:#f5f5f5; box-shadow:1px 1px 3px #ccc; height:40px; line-height:40px;width:100%;padding: 4px 0;}
.sub_nav a.pic{ height: 40px;}
.sub_nav a.pic img{ height: 40px;}
.sub_nav a,.sub_nav span{padding:0px 6px;  }
.sub_nav span{ padding-right:0px; color:#666;}
.sub_nav a span.ico_list,.sub_nav a span.login_ico{ padding:0px;}
.sub_nav div p{ color:#bbb;}
.sub_nav_login{ padding:0px;}
.top_nav_login li .login-icon{width:16px; height:14px; background-position:0px -41px;}
.top_nav_login li .mangement-icon{width:16px; height:14px; background-position:0px -14px;}
.top_nav_login li .login_litico{ width:6px; height:3px; background-position:-3px 0; margin-left:4px; padding:0px !important;}
.top_nav .tel-icon,.sub_nav .tel-icon{ width:17px; height:18px; background-position:-20px -14px;}
.top_nav font{ color:#555; margin-left:5px;}
.top_nav font.fontcl1{margin:0px;}
.top_nav_login li{ float:left; position:relative;}
.top_nav_login li a{ display:block; text-align:left;  padding:0px; margin:0px;}
.top_nav_login li a small{ color:#bbb; margin-left:5px; box-sizing: border-box}
.top_nav_login li:hover{ background:#fff; border-left:1px solid #ddd;border-right:1px solid #ddd;}
.top_nav_login li:hover{background-color: #f3f3f3; border: none }
.top_nav_login .top_nav_login_son{     position: absolute;  left: 2px;  top: 30px;  border: 1px solid #ddd;  z-index: 20;  border-top: 1px solid #fff;  display: none;  min-width: 110px;  background-color: white;}
.top_nav_login .top_nav_login_son a{background:#fff; line-height:32px;margin-top:-1px; min-width:60px;}
.top_nav_login .top_nav_login_son
.top_nav_login .top_nav_login_son a:hover{ background:#f8f8f8;}
.top_nav_login .sub_nav_login_son a{ padding-right:10px;line-height:32px;text-align: center;}
p.sub_nav_prt{ line-height:40px;}
/*灰色1200px头部样式结束 签单分享头部 */
/*------------------------------------全国首页和城市首页banner样式开始------------------------------------*/
.index-banner{margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #E5E5E5;}
.banner-lt{width: 900px;}
.banner-lt .hm_banner{width: 900px;height: 350px;overflow: hidden;}
 .max_wit img{ width:100%;height: 350px;}

/* 新  ---------------悬浮窗口样式*/


/*!* 新  ---------------底部弹窗样式*!*/
/*.bottom-box { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 999}*/
/*.bottom-box .bottom-back { width: 100%; height: 180px; background-color: rgba(2, 2, 2, 0.66); }*/
/*.bottom-box .bottom-back .font_color { color: #fff837; }*/
/*.bottom-box .bottom-back .bottom-content { width: 1230px; height: 100%; margin: 0 auto; }*/
/*.bottom-box .bottom-back .bottom-content .max_img { position: absolute; bottom: 0; }*/
/*.bottom-box .bottom-back .bottom-content .form_tab { padding: 22px 0 10px 215px; width: 800px; height: 100%; }*/
/*.bottom-box .bottom-back .bottom-content .form_tab h3 {height: 42px; letter-spacing: 2px; }*/
/*.bottom-box .bottom-back .bottom-content .form_tab h3 span { font-size: 36px; font-weight: bold; }*/
/*.bottom-box .bottom-back .bottom-content .form_tab h5 { font-size: 24px; color: white; height: 34px; letter-spacing: 2px; line-height: 28px;}*/
/*.bottom-box .bottom-back .bottom-content .form_tab >p { color: white; padding-top: 20px;font-size: 16px;}*/

/* 新  ---------------报价悬浮窗口样式*/
.character {  position: fixed; display:none;  width: 17.5%;  width: 280px; min-width: 260px; bottom: 1%;  left: 0px;  z-index: 999 }
.character .character_img{width: 80%;}
.character .arr_bord{position: absolute; right: 102px;  top: 70%;  width: 14%;}
select{outline: none;  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  -ms-appearance:none;}
select::-ms-expand { display: none; }


/*.amin {  transition: all 0.5s;  opacity: 1;  -moz-transition: all 0.5s; !* Firefox 4 *!  -webkit-transition: all 0.5s; !* Safari and Chrome *!  }*/
/*.aminOut1 {  transition: all 0.5s;  opacity: 0;  -moz-transition: all 0.5s;  -webkit-transition: all 0.5s;  }*/
/*.amins2 {  transition: all 0.5s;  display: inline-block;  left: 0;  display: block;  -moz-transition: all 0.5s; !* Firefox 4 *!  -webkit-transition: all 0.5s; !* Safari and Chrome *!  }*/
/*.aminOut2 {  transition: all 0.8s;  left: -100%;  display: inline-block;  -moz-transition: all 0.8s; !* Firefox 4 *!  -webkit-transition: all 0.8s; !* Safari and Chrome *!  }*/
/*.hidden {  display: none;  }*/

/* 新  ---------------底部报价弹窗*/


#cnzz_stat_icon_1256542309{ position: absolute;  bottom: -22px;  right: -40px;}
#footer-container{transition: all 0.5s;  position: fixed;  width: 100%;  bottom:0px; z-index: 9999; height: 150px;}
@keyframes myfirst
{
    0%{
        transform: scale(1);
        opacity: .8;
        background-color: #e8e2cd;
    }

    100%{
        transform: scale(1.3);
        opacity: 0;
        background-color: #ffefbd;
    }
}

@keyframes offteTex
{
  0%{ transform: scale(1); }
  50%{transform: scale(0.92)}
  100%{transform: scale(1)}
}



.radius_box{
    position: absolute;
    display: inline-block;
    width: 164px;
    height: 156px;
    right: 4%;
    top: -28px;
    overflow: hidden;
}
.radius_box  i{
    display: inline-block;
    position: absolute;;
    top: 46%;
    left: 40%;
    z-index: 999;
    -webkit-animation-name: offteTex; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 1.4s; /*动画所花费的时间*/

}
.Button_icon{
    position: relative;
    display: inline-block;
    width: 138px;
    border-radius: 50%;
    height: 138px;
    margin-top: -4px;
    margin-left: 12px;
}
.circle-animate{
    position: absolute;
    left: 10.3%;
    top: 50%;
    display: inline-block;
    width: 105px;
    height: 105px;
    margin-top: -53px;
    animation: myfirst 1.7s  infinite linear;
    z-index: 1;
    border-radius: 50%;
    -moz-animation: myfirst 1.7s  infinite linear;	/* Firefox */
    -webkit-animation: myfirst 1.7s  infinite linear;	/* Safari 和 Chrome */
    -o-animation: myfirst 1.7s  infinite linear;
}
.rua_img{
    position: absolute;
    left: 10.4%;
    top: 50%;
    margin-top: -51px;
    z-index: 99;
}


/*.bottom-box { position: fixed; width: 100%; left: 0; opacity: 0;  bottom: 0; z-index: 999}*/
.bottom-box .bottom-back { width: 100%; height: 150px; background-color: rgba(2, 2, 2, 0.78); }
.bottom-box .bottom-back .font_color { color: #fff837; }
.bottom-box .bottom-back .bottom-content { position: relative; width: 1230px; height: 100%; margin: 0 auto; }
.bottom-box .bottom-back .bottom-content .max_img { position: absolute; bottom: 0;z-index: 999 }
.bottom-box .bottom-back .bottom-content .min_img { position: absolute; bottom: 0; ;  }
.bottom-box .bottom-back .bottom-content .form_tab { padding: 3px 0 10px 215px; width: 800px; height: 100%; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item { float: left; margin-top: 10px;margin-left: 52px;}
.bottom-box .bottom-back .bottom-content .form_tab .tex_item .info-tex{padding-top: 22px;}
.bottom-box .bottom-back .bottom-content .form_tab .tex_item .info-tex a{display: inline-block;  border-radius: 19px; margin-right: 20px;  width: 60px;  line-height: 22px;  text-align: center;  color: white;  background-color: #1b8754;}
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 { height: 39px; line-height: 42px; letter-spacing: 2px; color: white; font-size: 36px; font-weight: bold; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 span { font-size: 36px; font-weight: bold; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h5 { font-size: 21px; color: white; height: 35px; line-height: 42px; letter-spacing: 2px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item p { color: white; font-size: 16px; padding-top: 20px; letter-spacing: 1px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item { width: 330px; float: left; margin-left: 55%;margin-top: 11px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span { position: relative; display: inline-block; padding-bottom: 10px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span select { width: 150px; height: 34px; color: #5c5c5c; font-size: 14px; padding-left: 7px; margin-right: 4px;border-radius: 5px;  border: 1px solid black; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span input { position: relative; padding-left: 6px; width: 150px;; margin-right: 3px; color: #5c5c5c; line-height: 28px; height: 34px; box-sizing: border-box; vertical-align: bottom; border-radius: 5px;  border: 1px solid black;}
.bottom-box .bottom-back .bottom-content .form_tab .from_item span .square { position: absolute; color: #5c5c5c; font-size: 14px; left: 127px; top: 9px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 { font-size: 30px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 .font_color { font-size: 30px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item .alont_p { line-height: 27px; letter-spacing: 2px; padding-top: 8px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back {     position: relative;  margin-left: 30px;  float: left;     width: 260px;
    height: 145px;  border-radius: 9px;  overflow: hidden; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back img{max-width: 100%;}
.bottom-box .bottom-back .bottom-content .form_tab .tex_back .tex_uit { position: absolute; top: 14px; width: 100%; left: 0; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back .tex_uit p { padding-top: 0; font-size: 14px; text-align: center; letter-spacing: 1px; line-height: 30px;color:rgba(41, 39, 39, 0.82) }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back .tex_uit p span { display: inline-block; min-width: 70px; font-size: 20px; color: #ff9c00; }
.bottom-box .bottom-back .bottom-content .form_tab .RQ_tex { float: left; width: 120px; margin-left: 70px; text-align: center; }
.bottom-box .bottom-back .bottom-content .form_tab .RQ_tex > p { font-size: 14px; line-height: 16px; letter-spacing: 1px; color: white; }
/*.bottom-box .bottom-back .bottom-content .Button_icon { position: absolute; display: inline-block; margin-left: 55px; top: 2px; }*/
.bottom-box .bottom-back .bottom-content .menu_Close { position: absolute; right: 0; top: 2px; }
.bottom_item2 {display: none }
.bottom_item2 .bottom-back .bottom-content .form_tab2 { width: 1050px;     padding: 0 0 10px 12px; }
.bottom_item2 .bottom-back .bottom-content .form_tab2 .tex_item { padding-top: 12px; }

/* 新  ---------------明星公司推荐*/
.company_box { width: 101%; margin: 0 auto;padding-top: 12px; }
.company_box .company_Carousel ul li { float: left; width: 282px; height: 380px; margin: 0  29px 29px 0; border: 1px solid #dcdcdc; }
.company_box .company_Carousel ul li > div .img_box { position: relative; display: inline-block; width: 100%; height: 215px; text-align: center; }
.company_box .company_Carousel ul li > div .img_box .img_border { position: absolute; display: inline-block; width: 180px; height: 180px; top: 50%; left: 50%; margin-left: -90px; margin-top: -92px; }
.company_box .company_Carousel ul li > div .img_box .img_border > a {  display: inline-block; width: 180px;  height: 180px;  box-sizing: border-box; box-sizing: border-box; border-radius: 50%; box-shadow: 0 0 22px #cac8c8; border: 1px solid #eaeaea; overflow: hidden}
.company_box .company_Carousel ul li > div .img_box .img_border > a img { width: 100%; }
.company_box .company_Carousel ul li > div h4 { padding-top: 5px; font-size: 18px; text-align: center; }
.company_box .company_Carousel ul li > div p { padding-top: 20px; font-size: 14px; text-align: center; }
.company_box .company_Carousel ul li > div p a { padding: 0 10px; color: #b7b4b4 }
.company_box .company_Carousel ul li > div p  a em { color: #ffb472; }
.company_box .company_Carousel ul li > div > span { padding-top: 25px; display: inline-block; width: 100%; text-align: center; }
.company_box .company_Carousel ul li > div > span a { display: inline-block; width: 110px; margin: 0 10px; text-align: center; line-height: 38px; font-size: 14px; border: 1px solid #eaeaea;}
.company_box .company_Carousel ul li > div > span a:hover { color: #27c27b; border: 1px solid #27c27b; }
.company_box .company_Carousel ul li:nth-child(4n+0) { margin-right: 0; }



/* ---------------周年庆弹窗*/
/*.Anniversary_show_box{ position: fixed; width: 100%; height:100%; top:0;     background-color: rgba(0, 0, 0, 0.57);  text-align: center; z-index: 9999}*/
/*.Anniversary_show_box .img_box{ position: absolute;  top: 50%; display: inline-block; width:1000px;  left: 50%;  margin-left: -500px;  margin-top: -416px;}*/
/*.Anniversary_show_box .img_box .Close{    position: absolute;  right: 0;}*/

.Anniversary_show_box{ position: fixed; width: 100%; height:100%; top:0;display: flex;align-items: center;justify-content: center; background-color: rgba(0, 0, 0, 0.57);  text-align: center; z-index: 9999}
.Anniversary_show_box .img_box{ position: relative;}
.Anniversary_show_box .img_box .Close{ position: absolute;right: 0;width: 50px;top: -20px;}
/* ---------------周年庆改动*/

/*.banner-lt .banner-lt-box{ margin-top: 7px; height:98px;border-bottom: 1px solid #e5e5e5;  border-top: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5; background:url("../images/Anniversaryback.png"); background-size: 100%;}*/
/*.banner-lt .banner-lt-box li{width: 24%;height:60px;float: left;text-align: center;border-left: 1px solid #e5e5e5;padding: 20px 0;}*/
/*.banner-lt .banner-lt-box li .icon{width: 57px;height: 58px;}*/
/*.banner-lt .banner-lt-box li .icon-mfbj{background-position: 0 -126px;}*/
/*.banner-lt .banner-lt-box li .icon-gsyf{background-position: -71px -126px;}*/
/*.banner-lt .banner-lt-box li .icon-zxbz{background-position: -144px -126px;}*/
/*.banner-lt .banner-lt-box li .icon-xzx{background-position: -216px -126px;}*/
/*.banner-lt .banner-lt-box li:hover .icon-mfbj{background-position: 0 -194px;}*/
/*.banner-lt .banner-lt-box li:hover .icon-gsyf{background-position: -71px -194px;}*/
/*.banner-lt .banner-lt-box li:hover .icon-zxbz{background-position: -144px -194px;}*/
/*.banner-lt .banner-lt-box li:hover .icon-xzx{background-position: -216px -194px;}*/
/*.banner-lt .banner-lt-box li .box-tit{display: inline-block;text-align: left;vertical-align: middle;}*/
/*.banner-lt .banner-lt-box li span{color: #2e2e2e;font-size:14px;display: block;line-height: 25px;}*/
/*.banner-lt .banner-lt-box li span.box-tit1{font-size: 16px;font-weight: bold;}*/
/*.banner-lt .banner-lt-box li:hover span{color: #27C27B; }*/


.banner-lt .banner-lt-box{margin-top: 7px; height:98px;border-bottom: 1px solid #e5e5e5;  border-top: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5;}
.banner-lt .banner-lt-box li{width: 24%;height:60px;float: left;text-align: center;border-left: 1px solid #e5e5e5;padding: 20px 0;}
.banner-lt .banner-lt-box li .icon{width: 57px;height: 58px;}
.banner-lt .banner-lt-box li .icon-mfbj{background-position: 0 -126px;}
.banner-lt .banner-lt-box li .icon-gsyf{background-position: -71px -126px;}
.banner-lt .banner-lt-box li .icon-zxbz{background-position: -144px -126px;}
.banner-lt .banner-lt-box li .icon-xzx{background-position: -216px -126px;}
.banner-lt .banner-lt-box li:hover .icon-mfbj{background-position: 0 -194px;}
.banner-lt .banner-lt-box li:hover .icon-gsyf{background-position: -71px -194px;}
.banner-lt .banner-lt-box li:hover .icon-zxbz{background-position: -144px -194px;}
.banner-lt .banner-lt-box li:hover .icon-xzx{background-position: -216px -194px;}
.banner-lt .banner-lt-box li .box-tit{display: inline-block;text-align: left;vertical-align: middle;}
.banner-lt .banner-lt-box li span{color: #2e2e2e;font-size:14px;display: block;line-height: 25px;}
.banner-lt .banner-lt-box li span.box-tit1{font-size: 16px;font-weight: bold;}
.banner-lt .banner-lt-box li:hover span{color: #27C27B;}
.banner-rt{width:312px;border-left: none;}
.banner-tabs{font-size: 14px;height: 356px;border: 1px solid #E5E5E5;}
.banner-tabs .tabs-tit{line-height: 50px;border-bottom: 1px solid #e5e5e5;color: #e5e5e5;}
.banner-tabs .tabs-tit li{width: 49%;display: inline-block;text-align: center; color: black}
.banner-tabs .tabs-tit li:nth-child(1){border-right: 1px solid #E5E5E5 }
.banner-tabs .tabs-tit li.cur{color: #27c27b; line-height: 50px; border-bottom: 2px solid #27c27b}

.banner-tabs .tabs-tit li.cur span {color: #000000;}
.banner-tabs .tabs-cont{text-align: center;}
.banner-tabs .tabs-cont span{line-height: 25px;font-size: 10px;color: #6f6f6f;margin-bottom: 15px;}
.banner-form .input-div{height: 35px;line-height: 35px;margin-bottom: 10px;}
.banner-form .input-div .text{width: 98%;height: 35px;padding: 0 0 0 5px;margin: 0;border: 1px solid #e5e5e5;color: #5a5a5a;font-size: 14px;}
.banner-form .input-div .short{width: 49%;}
.banner-form .input-div .short3{width: 32%;}
.banner-form .btn-div{margin-top: 20px;}
.banner-form .btn-div .btn{width: 100%;height: 40px;line-height: 40px;border: none;background: #ff9c00;color: #FFFFFF;font-size: 14px;text-align: center;}
.banner-bj .input-div{height: 33px;line-height: 33px;margin-bottom: 8px;}
.banner-bj .input-div .text{height: 33px;line-height: 33px;}
.banner-bj .alont_wit {width: 270px;  line-height: 34px;  height: 33px;  border: 1px solid #e5e5e5;  color: #5a5a5a;}
.banner-bj .btn-div{margin-top: 10px;}
.banner-bj .btn-div .btn{height: 40px;line-height: 40px;}
.banner-rt-box{height: 100px;border-right: 1px solid #e5e5e5;}
.banner-rt-box ul li{width: 33%;height: 49px;float: left;border-left: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;text-align: center;}
.banner-rt-box ul li .icon{width: 24px;height: 25px;}
.banner-rt-box ul li .icon-mfyf{background-position: -2px -41px;}
.banner-rt-box ul li .icon-mflf{background-position: -42px -41px;}
.banner-rt-box ul li .icon-mfsj{background-position: -83px -41px;}
.banner-rt-box ul li .icon-mfbj{background-position: -2px -91px;}
.banner-rt-box ul li .icon-zxd{background-position: -43px -91px;}
.banner-rt-box ul li .icon-zxb{background-position: -86px -91px;}
.banner-rt-box ul li span{font-size: 14px;color: #000000;display: inline-block;line-height: 50px;}
.banner-rt-box ul li:hover span{color: #27C27B;}
/*------------------------------------底部样式开始------------------------------------*/
.footer{width: 100%;min-width:1220px;height:216px;background: #000000;}
.footer .footer-nav{padding: 20px 0 30px;text-align: center;font-size: 14px;color: #FFFFFF;}
.footer .footer-nav a{color: #FFFFFF;margin: 0 5px;}
.footer .fkx-icon{width: 165px;height: 25px;background: url(../images/fkx.png) no-repeat;display: inline-block;vertical-align: middle;}
.footer .footer-div{text-align: center;margin-bottom: 40px;}
.footer .footer-div .xyyz{display: inline-block;}
.footer .footer-div .xyyz img{width: 80px;height: 30px;}
.footer p{color: #b7b0b0;font-size: 12px;text-align: center;line-height: 25px;}
/*------------------------------------底部样式结束------------------------------------*/
/*------------------------------------城市切换页样式开始------------------------------------*/
.sec-city {margin: 50px 0 50px 0;}
.sec-city .wrapper {overflow: hidden;}
.sec-city h4 {text-align: center;font-size: 24px;font-weight: 500;}
.sec-city h4 span {color: #ff9c00;font-size: 24px;}
.sec-city .active-n {display: block;font-weight: bold;margin: 40px 0 50px;font-size: 42px;color: #ff9c00;text-align: center;}
.sec-city .active-n b {border-bottom: 2px solid #ff9c00;padding-bottom: 2px;}
.sec-city .active-n i {display: inline-block;vertical-align: middle;margin-left: 20px;height: 13px;width: 15px;background: url(../images/icon_arrow_right.png) no-repeat center center;animation: arrow_right 2s ease-in-out infinite;-moz-animation: arrow_right 2s ease-in-out infinite;-webkit-animation: arrow_right 2s ease-in-out infinite;-o-animation: arrow_right 2s ease-in-out infinite;*margin-top: 60px;*vertical-align: middle;}
.sec-city .active-n:hover i {transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.sec-city .hot {margin: 10px auto 30px;font-size: 16px;width: 1040px;}
.sec-city .hot span {color: #999;}
.sec-city .hot a {color: #666;margin: 0 8px;padding: 4px;}
.sec-city .hot a:hover {background: #ff9c00;color: #fff;}
.quick_search {margin: 10px auto 30px;width: 1040px;}
.quick_search .tit {color: #999;font-size: 16px;}
.quick_search select {width: 160px;height: 30px;border: 1px solid #eee;color: #666;font-size: 14px}
.quick_search .get_btn {background: #fff;border: 1px solid #ff9c00;color: #ff9c00;height: 30px;padding: 0 26px;cursor: pointer;font-size: 14px;}
.quick_search .get_btn:hover {background: #ff9c00;color: #fff;}
.sec-city .city-box {margin-top: 20px;background: url(../images/ditu-bg.jpg) no-repeat 860px 60px;}
@keyframes arrow_right {
0% {-webkit-transform: translateX(0);}
100% {-webkit-transform: translateX(20px);}
}
.weekItem {width: 1220px;height: 38px;overflow: hidden;background: #f5f5f5;margin-bottom: 10px;}
.weekItem li {cursor: pointer;overflow: hidden;line-height: 36px;float: left;padding: 0 2px;border: 1px solid #f5f5f5;border-bottom: 1px solid #e5e5e5!important;-webkit-user-select: none;-moz-user-select: none;font-size: 16px;color: #666;width: 40px;text-align: center;}
.weekItem li.on {color: #ff9c00!important;background: #fff;border: 1px solid #e5e5e5!important;border-bottom: 2px solid #fff!important;border-top: 2px solid #ff9c00!important;line-height: 34px;}
.weekItem li.hover {color: #ff9c00!important;background: #fff;border: 1px solid #e5e5e5!important;border-bottom: 2px solid #fff!important;border-top: 2px solid #ff9c00!important;line-height: 34px;}
#weekcon::-webkit-scrollbar {width: 12px;background-color: none;}
#weekcon::-moz-scrollbar {width: 12px;background-color: none;}
#weekcon::-webkit-scrollbar-thumb {background-color: #cecece;}
#weekcon::-moz-scrollbar-thumb {background-color: #cecece;}
.box01_c {width: 1220px;height: 500px;padding: 10px 0 0 0;position: relative;overflow: auto;}
.box01_c dl {padding: 3px 12px 16px 0;overflow: hidden;}
.box01_c dl dd {zoom: 1;float: left;width: 1000px;}
.box01_c dl dd:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;}
.box01_c dl dd a {color: #282828;margin-right: 3px;}
.box01_c dl dd span {float: right;color: #999;}
.fir-tit {display: block;float: left;width: 32px;margin-right: 5px;height: 29px;line-height: 29px;text-align: center;font-size: 18px!important;color: #fff;background: url(../images/city-select-span.png) no-repeat center center;}
.hot-ico {color: #999!important;}
.hotcity {color: #ff9c00!important;}
.tabContent .city-nn a {display: block;padding: 4px;float: left;font-size: 14px;height: 22px;line-height: 22px;margin-right: 20px;color: #666;}
.tabContent .city-nn a:hover {color: #fff!important;background: #ff9c00;}
.tabContent dt.on {background: url(../images/city-select-span-on.png) no-repeat center center;}/*------------------------------------城市切换页样式结束------------------------------------*/

/*------------------------------------城市首页样式开始------------------------------------*/
/*中间内容样式开始*/
.index-ct{border-bottom: 1px solid #E5E5E5;}
.index-tit{position: relative;text-align: center;}
.index-tit i{width: 37%;height: 1px;position: absolute;top: 50%;background: #ff9c00;}
.index-tit i.titl{left: 0;}
.index-tit i.titr{right: 0;}
.index-tit h1,.index-tit h2{position: relative;overflow: inherit;height: auto;}
.index-tit h1 span,.index-tit h2 span{width:100%;position: absolute;top: 45px;left:0;text-align: center;font-size: 14px;line-height: 20px;}
.index-tit h1 .alont_span a{ color:#ff9c00; line-height: 30px;margin-right: 10px; }
.index-tit h1 .alont_span a:hover{ border-bottom: 1px solid #ff9c00}
.index-tit h2 span a{margin-right: 10px;color: #ff9c00;}
/*装修公司*/
.index-company .company-lt{width: 72%;height:604px;overflow: hidden;border:1px solid #E5E5E5;border-left: none;border-bottom: none;}
.index-company .hm_banner ul li .company-list{width: 218px;height: 200px;float:left;text-align: center;border-left: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;line-height: 0px;}
.index-company .hm_banner ul li .company-logo{display:block;width: 180px;height: 120px;border: 1px solid #E5E5E5;margin: 9px 16px;position: relative;}
.index-company .hm_banner ul li .company-logo img{max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.index-company .hm_banner ul li h3{font-size: 16px; display: block;padding: 0 10px;}
.index-company .hm_banner ul li span{font-size: 14px;color: #2F2F2F;line-height: 20px;}
.index-company .hm_banner .flex-direction-nav a{width:24px;height:79px;background: url(../images/icon.png) no-repeat;display: inline-block;}
.index-company .hm_banner .flex-direction-nav .flex-prev{background-position: -44px -298px;}
.index-company .hm_banner .flex-direction-nav .flex-next{background-position: -1px -298px;}
.index-company .hm_banner .flex-control-nav{display: none;}
.index-company .company-rt{width:26%;height:601px;border: 1px solid #E5E5E5;}
.index-company .company-rt h2{line-height: 55px;height: 55px;}
.index-company .company-rt .list{border-top: 1px solid #E5E5E5;}
.index-company .company-rt .list .company-logo{width: 285px;height: 146px;display: block;position: relative;border: 1px solid #E5E5E5; margin: 12px 0 12px;}
.index-company .company-rt .list .company-logo img{max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.index-company .company-rt .list .des{font-size: 13px;line-height: 28px;height:92px;overflow:hidden; text-indent:44px; }
.index-company .company-rt .list .sbtn{height: 24px;line-height: 24px ;   margin: 8px 0 18px 0;}
.index-company .company-rt .list .sbtn li{width: 55%;float: left;position: relative;font-size: 15px;}
.index-company .company-rt .list .sbtn li:first-child{width: 45%;}
.index-company .company-rt .list .sbtn li i{width: 30px;height: 30px;}
.index-company .company-rt .list .sbtn li i.icon-mflf{background-position: 0px -262px;}
.index-company .company-rt .list .sbtn li i.icon-bzj{background-position: -41px -262px;}
.index-company .company-rt .list .case a{margin-left: 5px;  width: 126px;  padding-bottom: 18px; margin-bottom: 5px;height: 80px;display: block;float: left;}
.index-company .company-rt .list .case a img{width:100%;}
.index-company .company-rt .list .case a:nth-child(odd){margin-right: 20px;}
.index-company .company-rt .list .propt{font-size: 13px;color: #929292;line-height: 20px;}
/*装修案例*/
.index-case ul li{width: 390px;height: 235px;margin-left: 25px;float: left;position: relative;margin-bottom: 20px;}
.index-case ul li.case-center{width: 290px;height: 175px;margin-left: 20px;}
.index-case ul li.first{margin-left: 0;}
.index-case ul li>a{display: block;width: 100%;height: 100%;}
.index-case ul li>a:hover{opacity: 0.8}
.index-case ul li>a img{width: 100%;height: 100%; border-radius: 3px;}
.bg-opacity{position: absolute;bottom: 0;left: 0;right: 0;filter: alpha(opacity=50);-webkit-opacity: .5;  filter: alpha(opacity=50);  background: rgba(51, 51, 51, 0.78);  }

.index-case ul li .bg-opacity{height: 34px;width: 100%;}
.index-case ul li h3{position: absolute;bottom: 0;left: 0;right: 0;line-height: 34px;height: 34px;padding: 0 15px;overflow: hidden;color: #FFFFFF;font-size: 14px;}
.index-case ul li h3 a{color: #FFFFFF;}
/*装修订单*/
.index-tender{margin-top: 29px;}
.index-tender-lt{width: 57%;height: 450px;border: 1px solid #E5E5E5;}
.news-dt .news-tit{height: 42px;line-height: 42px;border-bottom: 1px solid #E5E5E5;}
.news-dt .news-tit span,.news-dt .news-ct span{float: left;width: 16.2%;text-align: center;font-size: 14px;color: #27C27B;}
.news-dt .news-tit span i{font-size: 20px;font-style: normal;}
.news-dt .news-ct{height: 397px;margin-top: 10px;overflow: hidden;}
.news-dt .news-ct span,.news-dt .news-ct span >a{color: #777777;font-size:14px;line-height: 39px;}
/*.news-dt .news-ct span,.news-dt .news-ct span >.green_font{color: green;}*/
.news-dt .news-ct span a:hover{color: #757575;}
.index-tender-rt{width: 41%;height: 450px;border: 1px solid #E5E5E5;}
.index-tender-rt h3{height: 42px;line-height: 42px;border-bottom: 1px solid #E5E5E5;color: #27C27B;}
.index-tender-rt .join{height: 397px;overflow: hidden;}
.index-tender-rt .join li{padding: 13px 0;border-bottom: 1px dashed #E5E5E5;}
.index-tender-rt .join li .join-tit{width: 100px;height: 30px;line-height: 30px;font-size: 20px;color: #FFFFFF;background: #27C27B;text-align: center;margin-top: 5px;}
.index-tender-rt .join li .join-tit-bg{background: #ff9c00;}
.index-tender-rt .join li .join-ct{width: 350px;line-height: 20px;font-size: 13px;}
.index-tender-rt .join li .join-ct h4{font-weight: bold;font-size: 13px;}
.index-tender-page a{display: block;float: left;width: 290px;height: 188px;margin-left: 20px;}
.index-tender-page a.first{margin-left: 0;}
/*设计师*/
.index-designer-lt{width: 70%;height: 418px;overflow:hidden;position: relative;}
.index-designer-lt span.icon{width: 51px;height: 32px;background-position: -122px -10px;position: absolute;bottom: 0;left: 0;}
.index-designer-lt .list{width: 25%;float: left;text-align: center;margin-bottom: 20px;}
.index-designer-lt .list>a img{width: 153px;height: 153px;border-radius: 50%;margin: 0 auto;}
.index-designer-lt .list h3{width: 100px;height: 25px;line-height: 25px;border: 1px solid #E5E5E5;margin: 10px auto;font-size: 14px;}
.index-designer-lt .list:hover h3{border: 1px solid #ff9c00;}
.index-designer-lt .list:hover h3 a{color: #ff9c00;}
.index-designer-lt .hm_banner .flex-control-nav{display: none;}
.index-designer-lt .flex-direction-nav a{width:24px;height:79px;background: url(../images/icon.png) no-repeat;display: inline-block;}
.index-designer-lt .flex-direction-nav .flex-prev{background-position: -45px -298px;}
.index-designer-lt .flex-direction-nav .flex-next{background-position: -1px -298px;}
.index-designer-rt{width: 28.7%;height: 418px;border: 1px solid #E5E5E5;position: relative;}
.index-designer-rt span.icon{width: 51px;height: 32px;background-position: -76px -306px;position: absolute;bottom: 0;right: 0;}
.index-form{padding: 24px 70px;text-align: center;}
.index-form p{line-height: 30px;border-bottom: 1px solid #E5E5E5;margin-bottom: 30px;text-align: center;font-size: 12px;color: #959595;}
.index-form .input-div{height: 30px;line-height: 30px;margin-bottom: 20px;}
.index-form .input-div .text{width: 98%;height: 30px;padding: 0 0 0 5px;margin: 0;border: 1px solid #e5e5e5;color: #5a5a5a;font-size: 14px;}
.index-form .input-div .short{width: 49%;}
.index-form .btn-div{margin-top: 40px;}
.index-form .btn-div .btn{width: 100%;height: 40px;line-height: 40px;border: none;background: #ff9c00;font-size: 14px;text-align: center;color: white}
/*在建工地*/
.index-youhui-lt{width: 500px;height: 300px;}
.index-youhui-lt ul li{padding: 20px 10px;border-top: 1px solid #E5E5E5;}
.index-youhui-lt ul li .tit{width: 100px;height: 60px;}
.index-youhui-lt ul li .tit img{width: 100px;height: 60px;}
.index-youhui-lt ul li .des{width: 290px;margin-left: 15px;}
.index-youhui-lt ul li .des h3 a{color: #515151;font-size: 16px;}
.index-youhui-lt ul li .des p{font-size: 12px;color: #959595;line-height: 20px;height: 20px;overflow: hidden;}
.index-youhui-lt ul li .time{width: 37px;position: relative;margin-right: 10px;}
.index-youhui-lt ul li .time span{display: block;line-height: 30px;}
.index-youhui-lt ul li .time .time-month{text-align: left;color: #333333;font-size: 16px;}
.index-youhui-lt ul li .time .time-day{text-align: right;font-size: 14px;color: #959595;}
.index-youhui-lt ul li i{width: 46px;height: 70px;background-position: -145px -303px;position: absolute;top: -10px;left: 0;}
.index-site-rt{width: 700px;height: 300px;}
.index-site-rt>ul>li{padding: 19px 10px;border-top: 1px solid #E5E5E5;}
.index-site-rt ul li .tit{width: 160px;height: 110px;}
.index-site-rt ul li .tit img{width: 160px;height: 110px;}
.index-site-rt ul li .des{width: 487px;position: relative;}
.index-site-rt ul li .des h3 a{color: #ff9c00;}
.index-site-rt .sitesub-step{margin-top: 10px;width: 286px;}
.index-site-rt .sitesub-step .bar{ height:8px;width: 286px;display: block;}
.index-site-rt .sitesub-step .step-bg{background: url(../images/bar_bg.png) no-repeat;}
.index-site-rt .sitesub-step .step{background: url(../images/bar.png) no-repeat;background-size:100%;}
.index-site-rt .sitesub-step span.step0{ width:0%; background-size: 100%; overflow:hidden;}
.index-site-rt .sitesub-step span.step1{ width:14%;background-size: 716%; overflow:hidden;}
.index-site-rt .sitesub-step span.step2{width:30%;background-size: 334%; overflow:hidden;}
.index-site-rt .sitesub-step span.step3{width:44%;background-size: 227%; overflow:hidden;}
.index-site-rt .sitesub-step span.step4{width:58%;background-size: 173%; overflow:hidden;}
.index-site-rt .sitesub-step span.step5{width:71%; background-size: 141%;overflow:hidden;}
.index-site-rt .sitesub-step span.step6{width:86%; background-size: 116.3%;overflow:hidden;}
.index-site-rt .sitesub-step span.step7{width:100%; background-size: 100%;overflow:hidden;}
.index-site-rt .sitesub-step ul li{width: 14%;display: block;text-align: center;float: left;}
.index-site-rt ul li .des .yuyue{position: absolute;top: 0;right: 20px;color: #ababab;font-size: 12px;}
.index-site-rt ul li .des .pic{position: absolute;left: 290px;bottom: 0;font-size: 12px;}
/*企业新闻*/
.index-new-top ul li{width: 49%;float: left;margin-left: 2%;padding: 5px 0;border-bottom: 1px dashed #E5E5E5;}
.index-new-top ul li.first{margin-left: 0;}
.index-new-top ul li .tit,.index-diary .text .tit{width: 180px;height: 110px;}
.index-new-top ul li .tit img,.index-diary .text .tit img{width: 180px;height: 110px;}
.index-new-top ul li .des,.index-diary .text .des{width: 390px; padding-right: 16px;}
.index-new-top ul li .des h3 a,.index-diary .text .des h3 a{color: #3a3a3a;font-weight: bold;font-size: 16px;}
.index-new-top ul li .des h3 a i,.index-diary .text .des h3 a i{display: inline-block;width: 5px;height: 5px;background: #27C27B;vertical-align: middle;margin-right: 4px;}
.index-new-top ul li .des p,.index-diary .text .des p{line-height: 25px;height: 75px;overflow: hidden;font-size: 12px;}
.index-new-bottom ul li,.index-diary .list li{width: 23.5%;float: left;margin-left: 2%;line-height: 30px;height: 30px;font-size: 14px;overflow: hidden;}
.index-new-bottom ul li.first{margin-left: 0;}
.index-new-bottom ul li a i,.index-diary .list li a i{display: inline-block;width: 5px;height: 5px;background: #ff9c00;vertical-align: middle;margin-right: 4px;position: relative;top: -1px;}
/*装修攻略*/
.index-diary{height: 300px;}
.index-diary dl dd{width: 90px;height: 300px;float: left;position: relative;border: 1px solid #E5E5E5;overflow: hidden;margin-right: 5px;}
.index-diary dl dd h1{width: 36px;height: 202px;line-height:35px;background: #ebebeb;color: #b4b4b4;cursor: pointer;font-size: 24px;padding: 70px 27px 28px;text-align: center;position: absolute;left: 0;top: 0;z-index: 9;font-weight: normal;}
.index-diary dl dd.on{width: 725px;}
.index-diary dl dd.on h1{background: #27C27B;color: #FFFFFF;}
.index-diary dl dd .box{width: 635px;position:absolute ;top: 0;left: 90px;}
.index-diary dl dd .box .tabs-tit{border-bottom: 1px solid #E5E5E5;height: 39px;}
.index-diary dl dd .box .tabs-tit li{float: left; height:40px;line-height:40px;padding: 0px 8px;font-size: 14px;}
.index-diary dl dd .box .tabs-tit li.cur{padding:0 7px;background: #FFFFFF;border-left: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}
.index-diary .box .tabs-cont .text{padding: 10px 0;border-bottom: 1px dashed #E5E5E5;}
.index-diary .list{margin-top: 15px;}
.index-diary .list li{width: 48%;margin-right: 1%;margin-right: 0;}
.index-diary .list li a i{background: #27C27B;}
/*装修问答*/
.index-ask .list{width: 580px;}
.index-ask .list h3{height: 40px;line-height: 40px;border-bottom: 1px solid #E5E5E5;}
.index-ask .list .index-ask-ct{margin: 30px 0;}
.index-ask .list .index-ask-ct .tit{width: 240px;height: 180px;}
.index-ask .list .index-ask-ct .tit img{width: 100%;}
.index-ask .list .index-ask-ct ul{width: 320px;}
.index-ask .list .index-ask-ct ul li{line-height: 28px;font-size: 14px;}
.index-ask .list .index-ask-ct ul li a{display: block;width: 230px;overflow: hidden;height: 28px;}
.index-ask .list .index-ask-ct ul li a i{margin-left: 5px;position: relative;top: -2px;}
/*友情链接*/
.index-link-box{width:1460px;margin:0 auto}
.index-link .link-tit{height: 30px;line-height: 30px;}
.index-link .link-tit .apply-tag{display: inline-block;float: right;color: #60c496;font-size:15px;}
.index-link .link-tit li{float:left;font-size:16px;margin-right:24px;cursor:pointer;color: #8e8e8e;}
.index-link .link-tit .q_link{position: absolute;  right: 155px;  top: -2px;  font-size: 13px;  color: #7f7979;}
.index-link .link-tit li.cur{border-bottom: 2px solid #00a151;color:#00a151}
.index-link .link-cont{width: 100%;;margin-top:12px;  min-height:120px;}
.index-link .link-cont li{ float:left; margin:5px 18px 5px 0;line-height: 20px;}
.index-link .link-cont li a{color: #8e8e8e;font-size: 14px;}


@media (max-width: 1460px) and (min-width: 0px) {
.index-link-box{width:1220px;margin:0 auto}
}
/*客服*/
.index-ewm{width: 330px;position: absolute;top: 50px;right: 10px;}
.index-ewm .lt{width: 120px;height: 120px;}
.index-ewm .info{width: 200px;text-align: center;margin-top: 10px;}
.index-ewm .info .phone{font-size: 24px;padding: 10px 0;}
.index-ewm .info a.fontcl1{font-size: 14px;}
.index-ewm .info a.fontcl1:hover{color: #27C27B;}
.index-ewm .info a.kefu{display:inline-block;width: 150px;height: 25px;line-height: 25px;font-size: 14px;color: #FFFFFF;text-align: center;background: #27C27B;border-radius: 5px;margin-top: 15px;}
/*------------------------------------城市首页样式结束------------------------------------*/
/*------------------------------------全国首页样式开始------------------------------------*/
/*装修公司*/
.city-company{height: 606px;overflow: hidden;}
.city-company .hm_banner{padding: 0 24px;width: auto;}
.city-company .hm_banner ul li .company-list{border: 1px solid #E5E5E5;margin-left: 18px;}
.city-company .hm_banner ul li .first{margin-left: 0;}
.city-company .hm_banner .flex-direction-nav .flex-prev{left: -23px;}
.city-company .hm_banner .flex-direction-nav .flex-next{right: -23px;}
/*------------------------------------全国首页样式结束------------------------------------*/

/*------------------------------------底部右侧弹窗样式开始·报价------------------------------------*/
.bottom-float{width: 100%;min-width: 1220px;height: 450px;position: fixed;left: 0;right: 0;bottom:-385px;z-index: 55;font-family:思源黑体 CN}
.bottom-float .bg-opacity{height: 450px;}
.bottom-float .float-body{width: 1220px;margin: 0 auto;position: absolute;top: 4px;left: 0;right: 0;}
.bottom-float .float-body .float-img{;margin-top: -79px;margin-left: 110px;}
.bottom-float .float-body .float-img2{;margin-left: -52px;}
.bottom-float .float-body .floatBox{width: 950px;height: 384px;margin-left: 40px; background: #FFFFFF;position: relative;}
.bottom-float .floatBox .float-form{ position: relative; width: 430px; padding: 20px 78px 20px 25px;border-right: 1px solid #E5E5E5;}
.bottom-float .floatBox .float-form h2{color: #525252;}
.bottom-float .floatBox .float-form h2 span{font-size: 14px;margin-left: 15px;}
.bottom-float .floatBox .float-form em{color: #FF0000;line-height: 40px;vertical-align: top;}
.bottom-float .floatBox .float-form .input-div{ position: relative; margin-top: 20px;}
.bottom-float .floatBox .float-form .input-div .label_tb{width: 80px;line-height: 40px; display: inline-block;font-size: 14px;color: #525252;vertical-align: top;}
.bottom-float .floatBox .float-form .input-div #contact-error{position: absolute;  top: 6px;  right: 33px}
.bottom-float .floatBox .float-form .input-div #mobile-error{position: absolute;  top: 6px;  right: 33px}
.bottom-float .floatBox .float-form .input-div #house_mj-error{position: absolute;  top: 6px;  right: 33px}


.bottom-float .floatBox .float-form .input-div .text{height: 26px;line-height: 26px;padding: 6px 10px;margin: 0;border: 1px solid #E5E5E5;box-sizing: content-box;}
.bottom-float .floatBox .float-form .select-div{display: inline-block;width: 320px;}
.bottom-float .floatBox .float-form .select-div .w-81{margin-bottom: 20px;}
.bottom-float .floatBox .float-calculator{width: 292px;height: 310px;padding: 50px 30px 30px 80px;}
.bottom-float .floatBox .float-calculator h2{color: #525252;text-align: center;}
.bottom-float .floatBox .float-calculator ul{width: 290px;height: 150px;padding: 25px 0;}
.bottom-float .floatBox .float-calculator li{padding: 5px 0 0 80px;font-size: 14px;color: #525252;}
.bottom-float .floatBox .float-calculator li font{font-size: 18px;margin: 0 5px;}
.bottom-float .floatBox .float-calculator .phone{display: block; font-size: 14px;color: #37b48d;text-align: center;}
.bottom-float .floatBox .calculator-btn{width: 50px;height: 50px;padding: 40px; background: url(../images/bottom_btn.png) no-repeat;position: absolute;top: 125px;left: 470px;font-size: 16px;color: #ffffff;text-align: center;cursor: pointer;}
.bottom-float .float-body .float-ewm{width: 230px;height: 338px;position: absolute;top: 80px;right: 0;}
.bottom-float .float-body .float-openbtn{width: 40px;height: 52px;background: url(../images/open_img.png) no-repeat;position: absolute;right: 217px;top: 14px;cursor: pointer;}
.bottom-float .float-body .float-colsebtn{background: url(../images/close_img.png) no-repeat;top: 0;}

/*------------------------------------底部右侧弹窗样式结束·报价------------------------------------*/

/*------------------------------------装修攻略首页样式开始------------------------------------*/
.strategy-warp .swiper-button-prev{padding: 0;!important;}
.strategy-warp .swiper-button-next{padding: 0;!important;}
.strategy-warp { font-family: 思源黑体 CN; }
.gg-link{  display: inline-block;width: 100%;margin-top: 50px;}
.gg-link img{ width: 100%;}
.strategy-warp .title-head { padding: 40px  0 22px 0; width: 100%; overflow: hidden; }
.strategy-warp .title-head h3 { float: left; display: inline-block; font-size: 28px; }
.strategy-warp .title-head .link-box { float: right; }
.strategy-warp .title-head .link-box ul {float: left; display: inline-block; margin-right: 10px; }
.strategy-warp .title-head .link-box ul li { float: left; color: #7f7f7f; }
.strategy-warp .title-head .link-box ul li a { display: inline-block; line-height: 28px; }
.strategy-warp .title-head .link-box ul li .cur{color: #00a151}
.strategy-warp .title-head .link-box ul li span { display: inline-block; padding: 0 8px; }
.strategy-warp .title-head .link-box > a { display: inline-block; color: #8b8b8b; line-height: 28px; vertical-align: top; }
.strategy-warp .title-head .link-box > a img{vertical-align: sub}
.strategy-warp .content-box { width: 1460px; margin: 0 auto; }
.strategy-warp .content-box .top-menu { width: 100%; margin: 10px 0; }
.strategy-warp .content-box .top-menu ul { display: inline-block; width: 100%; }
.strategy-warp .content-box .top-menu ul li { float: left; width: 140px; margin-right: 5.45%; }
.strategy-warp .content-box .top-menu ul li a { display: inline-block; width: 100%; color: #7d7d7d; font-size: 18px; letter-spacing: 1px; line-height: 46px; text-align: center;  box-sizing: border-box; }
.strategy-warp .content-box .top-menu ul li a .img1{display: none}
.strategy-warp .content-box .top-menu ul li a img{display: inline-block; vertical-align: sub ;padding-right: 5px;}
.strategy-warp .content-box .top-menu ul li a:hover{color: #00a151}
.strategy-warp .content-box .top-menu ul li a:hover .img2{  display: none  }
.strategy-warp .content-box .top-menu ul li a:hover .img1{  display: inline-block  }
.strategy-warp .content-box .top-menu ul li:last-child { margin-right: 0; }
.strategy-warp .content-box .banner-content { display: inline-block; box-shadow: 0px 0px 20px 2px #efefef; }
.strategy-warp .content-box .banner-content .banner-box { float: left; width: 1110px; height: 400px; }
.strategy-warp .content-box .banner-content .banner-box .strategy-banner { width: 100%; height: 100%; }
.strategy-warp .content-box .banner-content .banner-box .strategy-banner .swiper-wrapper .swiper-slide .img-box{position: relative; display: inline-block;width: 100%;height: 100%;}
/*.strategy-warp .content-box .banner-content .banner-box .strategy-banner .swiper-wrapper .swiper-slide .img-box img {  width: 100%; height:100% }*/
.strategy-warp .content-box .banner-content .banner-box .strategy-banner .swiper-wrapper .swiper-slide .img-box span{display: inline-block; position: absolute;
   width: 100%;  left:0; background-color: black;bottom: 0;  text-indent: 40px; line-height: 60px;font-size: 24px; color: white;background-color: rgba(0, 0, 0, 0.21)}
.strategy-warp .content-box .banner-content .data-right { display: inline-block; width: 350px; float: right; }
.strategy-warp .content-box .banner-content .data-right .form-content { display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; }
.strategy-warp .content-box .banner-content .data-right .form-content h3 {  height:auto; font-size: 28px; font-weight: bold; line-height: 38px; text-align: center; }
.strategy-warp .content-box .banner-content .data-right .form-content > p { padding: 8px 0 0  0; font-size: 14px; text-align: center; color: #747474; line-height: 30px; }
.strategy-warp .content-box .banner-content .data-right .form-content > p span { position: relative; display: inline-block; font-family: 微软雅黑; padding: 0 7px; color: white; font-size: 26px; font-weight: bold; line-height: 38px; margin-left: 3px; background-color: #25b974; border-radius: 3px; }
.strategy-warp .content-box .banner-content .data-right .form-content > p span:after { position: absolute; content: ""; width: 100%; height: 17px; top: 21px; left: 0; background: rgba(23, 22, 22, 0.05); }
.strategy-warp .content-box .banner-content .data-right .form-content > p:last-child { color: #a99f9f; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box { width: 100%; margin-top: 18px; overflow: hidden; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box select { float: left; display: inline-block; line-height: 40px; height: 40px; width: 48%; color: #454545; padding-left: 10px; border-radius: 2px; border: 1px solid #dddddd; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box select:nth-child(2n+0) { float: right; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input { font-family: 思源黑体 CN; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input[type=text] { display: inline-block; width: 100%; color: black; line-height: 40px; height: 40px; font-size: 15px; padding-left: 10px; border-radius: 2px; box-sizing: border-box; border: 1px solid #dddddd; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input[type=password] { display: inline-block; width: 100%; color: black; line-height: 40px; height: 40px; font-size: 15px; border-radius: 2px; padding-left: 10px; box-sizing: border-box; border: 1px solid #dddddd; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input[type=button] { display: inline-block; width: 100%; font-size: 17px; color: white; text-align: center; line-height: 40px; background-color: #2fb476; border: none; border-radius: 2px; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bebebe; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bebebe; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input:-ms-input-placeholder { color: #bebebe; }
.strategy-warp .content-box .banner-content .data-right .form-content .input-box input::-webkit-input-placeholder { color: #bebebe; }
.strategy-warp .content-box .step-part .step-content { width: 100%; }
.strategy-warp .content-box .step-part .step-content .step-item { float: left; margin-right: 22px; box-shadow: 0px 0px 20px 2px #dcdcdc; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img { padding-bottom: 25px; min-height: 220px; text-align: center; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul { display: inline-block; width: 100%; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li { float: left; width: 25%; margin-top: 25px; text-align: center; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li a { display: inline-block; width: 100%; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li a .img2 { display: none; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li a p { color: #6f6f6f; line-height: 36px; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li a:hover p { color: #24b662; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li a:hover .img1 { display: none; }
.strategy-warp .content-box .step-part .step-content .step-item .lsit-img ul li a:hover .img2 { display: inline-block; }
.strategy-warp .content-box .step-part .step-content .step-item .alone-list ul { display: inline-block; padding-top: 48px; }
.strategy-warp .content-box .step-part .step-content .step-item .alone-list ul li { width: 50%; }
.strategy-warp .content-box .step-part .step-content .step-item .alone-list2 ul{padding-top: 48px;}
.strategy-warp .content-box .step-part .step-content .step-item:last-child { margin-right: 0; }
.strategy-warp .content-box .school-part .school-content { display: inline-block; width: 100%; }
.strategy-warp .content-box .school-part .school-content .school-banner { position: relative; float: left; width: 1090px;  box-shadow: 0px 0px 20px 2px #efefef; }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper{ }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box { width: 100%; }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .img-tag { float: left; width: 720px; height: 300px;}
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .img-tag a { display: inline-block; width: 100%; height: 100%; overflow: hidden; }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .img-tag a img { width: 100%; }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .tex { font-family: 微软雅黑; display: inline-block; float: right; width: 370px;  padding: 20px 29px 20px 20px ; box-sizing: border-box; }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .tex h5 { padding-bottom: 24px; height: auto; font-size: 20px; line-height: 30px; text-align: left; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .tex p { color: #ababab; line-height: 25px; font-size: 14px; text-indent: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-pagination .swiper-pagination-current{font-size:17px;color:#518b2d}
.strategy-warp .content-box .school-part .school-content .school-banner .img-item {padding-top: 20px; width: 100%;overflow: hidden  }
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul { display: inline-block;width: 100%;float:left; }
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li {position: relative; float: left;width: 350px;height:260px; margin-right: 20px;overflow: hidden }
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li >p{ position: absolute;width: 92%;padding:0 4% ;font-size: 16px;color:#F5F5F5;bottom:0; line-height:50px; white-space: nowrap;
    text-overflow: ellipsis;  overflow: hidden;background-color:rgba(0,0,0,0.5)}
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li >p a{display: inline-block;color: white}
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li >a { display: inline-block; width: 100%; height: 100%;overflow: hidden }
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li >a img { width: 100%;height: 100%; }
.strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li:last-child { margin-right: 0; }
.strategy-warp .content-box .school-part .school-content .school-right { float: right; width: 350px;height: 580px; box-shadow: 0px 0px 20px 2px #efefef;overflow: hidden;overflow-y: auto; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex{display: inline-block ;width:100%; float: left}
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item { display: none; width: 100%; padding: 17px 16px; box-sizing: border-box; background-color: #f8f8f8; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item .link-img { display: inline-block; width: 140px; height: 96px; overflow: hidden; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item .text { float: right; width: 156px; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item .text h5 { width: 100%; font-size: 16px; color: #555555; line-height: 22px; padding-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item .text h5 a { display: inline-block; width: 100%; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item .text p { color: #b3b3b3; font-size: 13px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.strategy-warp .content-box .school-part .school-content .school-right .list-tex { padding: 0 20px; background-color: white; }
.strategy-warp .content-box .school-part .school-content .school-right .row-item { float: left; width: 100%; height: 60px; }
.strategy-warp .content-box .school-part .school-content .school-right .row-item a { display: inline-block; width: 92%;margin: 0 4%; line-height: 60px; color: #303030; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;border-bottom: 1px solid #efefef; }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex:hover .hover-item{display: inline-block }
.strategy-warp .content-box .school-part .school-content .school-right .school-info-tex:hover .row-item{display: none}
.strategy-warp .content-box .school-part .school-content .school-right .info-tex2 .hover-item{display: inline-block;}
.strategy-warp .content-box .school-part .school-content .school-right .info-tex2 .row-item{display: none}
.strategy-warp .content-box .local-part { width: 100%; }
.strategy-warp .content-box .local-part .local-left { float: left; width: 720px; }
.strategy-warp .content-box .local-part .local-left .local-left-content { display: inline-block; width: 100%; padding: 20px 0; box-sizing: border-box; box-shadow: 0px 0px 20px 2px #efefef; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box { display: inline-block; width: 100%; padding: 0 15px; box-sizing: border-box; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .img-tag { float: left; width: 310px; height: 228px; overflow: hidden; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .img-tag a { display: inline-block; width: 100%; height: 100%; overflow: hidden; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .img-tag a img { width: 100%; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .tex { font-family: 微软雅黑; display: inline-block; float: right; width: 368px; padding: 15px  20px; box-sizing: border-box; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .tex h5 { padding-bottom: 15px; font-size: 20px; line-height: 24px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .tex p { color: #ababab; line-height: 25px; font-size: 14px; text-indent: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon { display: inline-block; padding: 15px 0; width: 100%; margin-top: 20px; box-sizing: border-box; border-top: 1px solid #efefef; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon ul li { float: left; width: 12.5%; text-align: center; padding-top: 25px; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon ul li a .img2 { display: none; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon ul li a p { font-size: 14px; color: #868686; line-height: 32px; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon ul li a:hover p { color: #24b662; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon ul li a:hover .img1 { display: none; }
.strategy-warp .content-box .local-part .local-left .local-left-content .list-icon ul li a:hover .img2 { display: inline-block; }
.strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-pagination-current{font-size:17px;color:#518b2d}
.strategy-warp .content-box .local-part .local-right { width: 720px; float: right; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box { padding:22px  20px; display: inline-block; width: 100%; background-color: white; box-shadow: 0px 0px 20px 2px #efefef; box-sizing: border-box; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .img-tag { float: left; width: 265px; height: 172px; overflow: hidden; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .img-tag a { display: inline-block; width: 100%; height: 100%; overflow: hidden; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .img-tag a img { width: 100%; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .tex { font-family: 微软雅黑; display: inline-block; float: right; width: 415px; padding: 15px  20px; box-sizing: border-box; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .tex h5 { width: 100%;height:52px; padding-bottom: 15px; font-size: 20px; line-height: 26px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .tex p { color: #ababab; line-height: 25px; font-size: 14px; text-indent: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.strategy-warp .content-box .interaction-pagt .interaction-content{  display: inline-block;margin-bottom: 40px;}
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide { padding: 3px; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box { float: left; font-family: 微软雅黑; display: inline-block; margin-right: 18px; width: 350px; box-shadow: 0px 0px 9px 1px #efefef; box-sizing: border-box; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .item-head { position: relative; width: 100%; text-align: center; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .item-head a { display: inline-block; width: 108px; height: 108px; border-radius: 50%; margin: 22px 0; border: 1px solid #efefef; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .item-head a img { width: 100%; height: 100%; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .item-head span { position: absolute; display: inline-block; width: 70px; font-size: 12px; right: 0; top: 20px; color: white; letter-spacing: 0.5px; line-height: 30px; text-align: center; border-bottom-left-radius: 18px; background-color: #2fb476; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex { display: inline-block; width: 100%; text-align: center; padding: 15px 15px 30px 15px; box-sizing: border-box; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex h5 { color: #3f3f3f; height: 52px; text-align: left; font-size: 22px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex p { margin: 40px 0; height: 47px; text-align: left; color: #9d9d9d; font-size: 14px; line-height: 24px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex p a{}
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex .link-a { display: inline-block; width: 270px; color: white; font-size: 16px; letter-spacing: 1px; line-height: 46px; text-align: center; background-color: #2fb476; border-radius: 6px; }
.strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box:last-child { margin-right: 0; }
.strategy-warp .diary-part .title-content { width: 1460px; margin: 0 auto; }
.strategy-warp .diary-part .diary-content { padding: 72px 0; background-color: #e9e9e9; }
.strategy-warp .diary-part .diary-content .conter-box { width: 1460px; margin: 0 auto; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box { display: inline-block;float: left; padding: 38px; width: 717px; background-color: white; border-radius: 5px; box-sizing: border-box; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box:nth-child(2n+0){float: right}
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head { width: 100%; display: inline-block; padding-bottom: 10px; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .img-tag { float: left; display: inline-block; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .img-tag img { width: 100%; height: 100%; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .right-tex { width: 538px; float: right; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .right-tex h5 { height:auto;  font-size: 20px; line-height: 40px; font-family: 微软雅黑; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .right-tex .link-tag { margin-top: 5px; width: 100%; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .right-tex .link-tag a { margin-right: 10px; display: inline-block; line-height: 30px; padding: 0 10px; color: #24b662; border: 1px solid #24b662; border-radius: 5px; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box > p { width: 100%; line-height: 24px; font-family: 微软雅黑; font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box ul {display:inline-block;min-height: 188px; width: 100%; padding-top: 10px; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box ul li { float: left; width: 312px; height: 188px; overflow: hidden; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box ul li a { display: inline-block; }
.strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box ul li:nth-child(2n+0) { float: right; }

@media (max-width: 1460px) and (min-width: 0px) { .strategy-warp .content-box { width: 1220px; }
    .strategy-warp .content-box .top-menu{margin:5px  0;}
    .strategy-warp .content-box .top-menu ul li { width: 128px; margin-right: 4.4%; }
    .strategy-warp .content-box .top-menu ul li a { font-size: 16px; }
    .strategy-warp .content-box .banner-content .banner-box { float: left; width: 867px; height: 400px; }
    .strategy-warp .content-box .school-part .school-content .school-banner { width: 880px;  }
    .strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .img-tag { width: 580px; height: 245px; }
    .strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .tex {padding: 15px 30px 15px 15px;  width: 300px; }
    .strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .tex h5 { padding-bottom: 8px; }
    .strategy-warp .content-box .school-part .school-content .school-banner .school-swiper .swiper-wrapper .swiper-slide .info-box .tex p { line-height: 22px; font-size: 13px; -webkit-line-clamp: 5; }
    .strategy-warp .content-box .school-part .school-content .school-banner .img-item ul li  { width: 280px; height: 208px; }
    .strategy-warp .content-box .school-part .school-content .school-right { width: 320px;height: 473px; }
    .strategy-warp .content-box .interaction-pagt .interaction-content .interaction-slide .item-box .tex .link-a{width: 100%}
    .strategy-warp .content-box .school-part .school-content .school-right .school-info-tex .hover-item .link-img { width: 114px; height: 86px; }
    .strategy-warp .content-box .school-part .school-content .school-right .row-item a { line-height: 46px; }
    .strategy-warp .content-box .school-part .school-content .school-right .row-item { float: left; width: 100%; height: 46px; }
    .strategy-warp .content-box .local-part .local-left { width: 640px; }
    .strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box ul li{width: 268px;}
    .strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .img-tag { width: 260px; height: 194px; }
    .strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .tex { width: 332px; padding: 15px 11px 15px 0px; }
    .strategy-warp .content-box .local-part .local-left .local-left-content .local-swiper .swiper-wrapper .swiper-slide .info-box .tex p { -webkit-line-clamp: 4; }
    .strategy-warp .content-box .local-part .local-right { width: 562px; }
    .strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box{padding: 28px; width: 600px;}
    .strategy-warp .diary-part .diary-content .conter-box .diary-banner .swiper-wrapper .swiper-slide .info-box .info-head .right-tex{width: 440px;}
    .strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box { padding:20px  17px; }
    .strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .img-tag { width: 210px; height: 156px; }
    .strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .tex { width: 312px; padding: 12px 0px 12px 15px; }
    .strategy-warp .content-box .local-part .local-right .local-right-content .part1 .info-box .tex h5 { font-size: 18px;height: 47px; }
    .strategy-warp .content-box .step-part .step-content .step-item { margin-right: 15px;width: 32.5%; }
    .strategy-warp .content-box .step-part .step-content .step-item .step-head img {width: 100%}
    .strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box { width: 290px; }
    .strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex { padding: 0px 15px 22px 15px; }
    .strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex h5 { font-size: 20px; }
    .strategy-warp .content-box .interaction-pagt .interaction-content  .interaction-slide .item-box .tex p { margin: 26px 0; }
    .strategy-warp .diary-part .title-content { width: 1220px; }
    .strategy-warp .diary-part .diary-content .conter-box { width: 1220px; } }

/*# sourceMappingURL=new-list.css.map */


/*# 攻略列表页样式 开始 */
.process-warp { width: 1460px; margin: 0 auto;  overflow: hidden; }

.common-left-box { float: left; width: 300px; }
.common-data-list {display:inline-block;  width: 1136px; float: right;overflow: hidden }
.common-data-list .content-head { position: relative; }
.common-data-list .content-head h3 {height: auto; font-size: 22px; font-weight: bold; line-height: 26px;   }
.common-data-list .content-head .nav-box { width: 100%; height: 40px;margin-top:20px; background-color: #ececec; }
.common-data-list .content-head .nav-box ul { display: inline-block; margin: 9px; }
.common-data-list .content-head .nav-box ul li { position: relative; float: left; font-size: 14px; color: #6c6c6c; }
.common-data-list .content-head .nav-box ul li a { display: inline-block; padding: 0 15px; line-height: 22px; }
.common-data-list .content-head .nav-box ul li:after { position: absolute; content: ""; width: 1px; height: 100%; background-color: #7e7e7e; right: 0; top: 0; }
.common-data-list .content-head .nav-box ul li:last-child:after { display: none; }
.common-data-list .content-head .nav-box ul .color1 { color: #4db882; }
.common-data-list .content-head .offer-tag { position: absolute; display: inline-block; right: 0; top: 11px; }
.common-data-list .list-data { width: 100%; }
.common-data-list .list-data .item { width: 99.6%; padding: 20px; display: inline-block; margin-top: 22px; box-sizing: border-box; background-color: white; box-shadow: 0px 0px 20px 2px #efefef; }
.common-data-list .list-data .item .img-tag { float: left; display: inline-block; width: 224px; height: 160px; overflow: hidden; }
.common-data-list .list-data .item .img-tag img { width: 100%;height: 100%; }
.common-data-list .list-data .item .item-tex { float: right; width: 846px; }
.common-data-list .list-data .item .item-tex h5 { font-size: 22px;height:auto; line-height: 40px;height: 40px; }
.common-data-list .list-data .item .item-tex h5 a{ display:inline-block;width: 75%;line-height:40px; overflow: hidden }
.common-data-list .list-data .item .item-tex h5 > span { display: inline-block; float: right; font-size: 14px; color: #6e6e6e; }
.common-data-list .list-data .item .item-tex h5 > span img{vertical-align: sub}
.common-data-list .list-data .item .item-tex p { margin: 20px 0 26px 0; font-size: 14px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.common-data-list .list-data .item .item-tex .bottom-data { width: 100%; display: inline-block; }
.common-data-list .list-data .item .item-tex .bottom-data .link-box { float: left; }
.common-data-list .list-data .item .item-tex .bottom-data .link-box img{vertical-align: sub}
.common-data-list .list-data .item .item-tex .bottom-data .link-box > a { margin-left: 3px;font-size: 14px; display: inline-block; line-height: 24px; padding: 0 10px; color: #aeaeae; border: 1px solid #dbdbdb; border-radius: 4px; }
.common-data-list .list-data .item .item-tex .bottom-data .time { float: right; }
.common-data-list .list-data .item .item-tex .bottom-data .time img{vertical-align:baseline;padding-right:8px;}
.common-data-list .list-data .item .item-tex .bottom-data .time font { display: inline-block; color: #aeaeae; font-size: 14px; line-height: 25px; }

/*问答列表页面样式开始*/
.common-data-list .list-data .ask-item{ display: inline-block;  padding: 15px;  width: 100%;  border-radius: 5px;  background-color: white;   margin-top: 20px;  box-sizing: border-box;}
.common-data-list .list-data .ask-item .ask-nub{float:left; margin-right:12px; display:inline-block;width:62px;height:62px;text-align:center;background-color:#2fb476;color:white;}
.common-data-list .list-data .ask-item .ask-nub font{display:inline-block ; width:100%;line-height:37px;font-size:24px;font-weight:bold;}
.common-data-list .list-data .ask-item  .a-tex{float:left; display:inline-block;line-height: 62px;font-size:17px;}
.common-data-list .list-data .time-tag{display:inline-block;line-height:62px; float:right;color:#7e7e7e;}
.common-data-list .list-data .time-tag img{ vertical-align: unset;}


@media (max-width: 1460px) and (min-width: 0px) { .process-warp { width: 1220px; }
    .common-data-list { width: 900px; }
    .common-data-list .list-data .item .item-tex h5{font-size: 18px;}
    .common-data-list .list-data .item .item-tex { width: 616px; }
}

/*# 攻略列表页样式 结束 */

/*问答首页样式开始 */
.ask_warp .ask-head { width: 100%; text-align: center; margin-bottom: 25px; }
.ask_warp .ask-head h3 { height: auto; font-size: 24px; color: #272727; text-align: center; line-height: 80px; }
.ask_warp .ask-head h3 a { font-weight: bold; color: #24b662; }
.ask_warp .ask-head .ask-search-box { display: inline-block; }
.ask_warp .ask-head .ask-search-box .search-tag { display: inline-block; }
.ask_warp .ask-head .ask-search-box .search-tag input[type=text] { float: left; display: inline-block; width: 543px; font-size: 16px; line-height: 48px; border: 2px solid #2fb476; padding-left: 20px; box-sizing: border-box; }
.ask_warp .ask-head .ask-search-box .search-tag input[type=button] { float: right; display: inline-block; width: 123px; color: white; font-size: 17px; height: 52px; line-height: 52px; letter-spacing: 1px; box-sizing: border-box; background-color: #2fb476; border: 1px solid #2fb476; }
.ask_warp .ask-head .ask-search-box .ask-link { float: right; margin-left: 20px; display: inline-block; width: 123px; color: #2fb476; line-height: 49px; border: 2px solid #2fb476; }
.ask_warp .ask-banner { width: 100%; overflow: hidden; }
.ask_warp .ask-banner .ask-sidebar { position: relative; display: inline-block; float: left; width: 226px; height: 400px; border: 2px solid #ececec; box-sizing: border-box; background-color: #fbfbfb; }

.ask_warp .ask-banner .ask-sidebar >ul { display: inline-block; width: 100%; }
.ask_warp .ask-banner .ask-sidebar >ul li { float: left; width: 100%; border-bottom: 1px solid #ececec; }
.ask_warp .ask-banner .ask-sidebar >ul >li >a {position: relative; display: inline-block; width: 80%;padding: 0 10%; color: #5b5b5b; font-size: 21px; line-height: 65px; }
.ask_warp .ask-banner .ask-sidebar >ul >li >a img{vertical-align: sub}
.ask_warp .ask-banner .ask-sidebar >ul >li >a .img2 { display: none; }
.ask_warp .ask-banner .ask-sidebar >ul >li >a i { display: inline-block; float: right; }
.ask_warp .ask-banner .ask-sidebar >ul >li >a:hover { color: #24b662; }
.ask_warp .ask-banner .ask-sidebar >ul >li >a span {position: absolute; display: none; width: 3px;height: 65px;background-color:white;top:0;right: -3px;z-index: 99999}
.ask_warp .ask-banner .ask-sidebar >ul >li >a:hover .img1 { display: none; }
/*.ask_warp .ask-banner .ask-sidebar >ul >li >a:hover span{  display: block;}*/
.ask_warp .ask-banner .ask-sidebar >ul >li >a:hover .img2 { display: inline-block; }
.ask_warp .ask-banner .ask-sidebar >ul li:last-child { border-bottom: none; }
.ask_warp .ask-banner .ask-sidebar >ul >li .sidebar-nav{ position: absolute;padding: 20px 13px 20px 17px;margin-left:10px;  display: none;  width: 445px;  height: 400px;  left: 212px;
    top:-2px;  box-sizing: border-box;  z-index: 9999;  background-color: white; border: 2px solid #ececec; }
.ask_warp .ask-banner .ask-sidebar >ul >li .sidebar-nav .nav-item{display: inline-block;width: 100%;}
.ask_warp .ask-banner .ask-sidebar >ul >li .sidebar-nav .nav-item .item{position: relative; float: left;width: 22%;margin-right:4%;margin-bottom: 15px; }
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .nav-item .item a{ display: inline-block;line-height: 26px; width: 100%;}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .nav-item .item a:hover{ color: #00a151}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .nav-item .item:after{ position: absolute;content: ""; right:0; width: 1px; top: 6px;  height: 66%; background-color: #969696}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .nav-item .item:after:nth-child(4n+0){display: none;}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .nav-item .item:nth-child(4n+0){margin-right: 0}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .nav-item .item:nth-child(4n+0):after{display: none}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .img-box{width: 100%;}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .img-box a{float: left}
.ask_warp .ask-banner .ask-sidebar >ul li .sidebar-nav .img-box a:last-child{float: right}
.ask_warp .ask-banner .ask-sidebar >ul li:hover .sidebar-nav{display: inline-block}
.ask_warp .ask-banner .right-box { float: right;height: 400px;width: 1214px;position: relative }
.ask_warp .ask-banner .right-box .ask-swiper .swiper-wrapper .swiper-slide a{display: inline-block;height: 400px;width: 100%;}
.ask_warp .ask-banner .right-box .ask-swiper .swiper-wrapper .swiper-slide{ position: relative}
.ask_warp .ask-banner .right-box .ask-swiper .swiper-wrapper .swiper-slide >a img{max-width:none}
.ask_warp .ask-banner .right-box .info { position: absolute; width: 88%; padding: 0  6%; bottom: 5%;z-index: 999 }
.ask_warp .ask-banner .right-box .info .today-tex { float: left; display: inline-block; padding: 10px; width: 106px; height: 114px; color: white; text-align: center; border-radius: 16px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); }
.ask_warp .ask-banner .right-box .info .today-tex font { display: inline-block; font-size: 30px; line-height: 40px; }
.ask_warp .ask-banner .right-box .info .today-tex p { font-size: 16px; color: #e1e1e1; line-height: 27px; }
.ask_warp .ask-banner .right-box .info ul { float: right; display: inline-block; }
.ask_warp .ask-banner .right-box .info ul li { float: left; width: 300px; height: 114px; margin-left: 15px; }
.ask_warp .ask-banner .right-box .info ul li .tex { display: inline-block; width: 100%; height: 100%; padding: 13px  14px; background-color: white; box-sizing: border-box; border-radius: 16px; }
.ask_warp .ask-banner .right-box .info ul li .tex .img-tag { float: left; display: inline-block; width: 110px; height: 88px; overflow: hidden; }
.ask_warp .ask-banner .right-box .info ul li .tex .img-tag img { width: 100%; height: 100%; }
.ask_warp .ask-banner .right-box .info ul li .tex .font-tex { float: right; display: inline-block; width: 150px; font-size: 16px; line-height: 24px; }
.ask_warp .ask-main { width: 1460px; margin: 0 auto; }
.ask_warp .ask-main h4 { font-size: 28px; height: auto; margin-top: 25px; line-height: 74px; }
.ask_warp .ask-main .column-box{width: 100%; overflow: hidden;}
.ask_warp .ask-main .ask-list { width: 1130px;float: left }
.ask_warp .ask-main .ask-list .list-data { width: 100%; }
.ask_warp  .gg-link{margin-top: 28px;}
.ask_warp .border-tag{    box-sizing: border-box;  box-shadow: 0px 0px 9px 1px #efefef;padding: 16px 0}
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex { display: inline-block;margin: 2px; width: 350px; height: 350px; box-sizing: border-box; box-shadow: 0px 0px 9px 1px #efefef; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .top { width: 100%; text-align: center; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .top > a { display: inline-block; width: 93px; height: 93px; margin: 15px 0; border-radius: 50%;  }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .top > a img { width: 100%; height: 100%; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .top h5 { width: 90%; padding: 5px 5% 15px 5%; height: 51px; font-size: 22px; line-height: 26px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; box-shadow: 1px 1px 1px #efefef; overflow: hidden; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex { display: inline-block; width: 100%; padding: 20px; text-align: center; box-sizing: border-box; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex h5 { height: 51px; font-size: 22px; line-height: 26px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex p { font-size: 14px; margin: 22px 0; text-align: left; line-height: 24px; color: #9d9d9d; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex .tag-link { display: inline-block; width: 270px; color: white; font-size: 16px; letter-spacing: 1px; line-height: 46px; text-align: center; background-color: #2fb476; border-radius: 6px; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 { display: inline-block; width: 100%; padding: 10px 20px; text-align: center; box-sizing: border-box; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 h5 { height: 51px; font-size: 22px; line-height: 26px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 p { font-size: 14px; margin: 10px 0; text-align: left; line-height: 24px; color: #939393; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 .user-tex { display: inline-block; margin: 5px 0 0 0; width: 100%; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 .user-tex .user-img { float: left; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 .user-tex .user-img > a { display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #efefef; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 .user-tex .user-img font { display: inline-block; line-height: 37px; font-size: 16px; vertical-align: top; color: #939393; margin-left: 10px; }
.ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex2 .user-tex span { display: inline-block; float: right; color: #939393; line-height: 36px; }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item { float: right; width: 760px;height: 354px;overflow: hidden }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item { display: inline-block; padding: 9px 0; width: 100%;  box-sizing: border-box; border-bottom: 1px solid #efefef; }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item .ask-nub { float: left; margin-right: 12px; display: inline-block; width: 42px; height: 42px; text-align: center; background-color: #2fb476; color: white; }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item .ask-nub font { display: inline-block; width: 100%; line-height: 22px; font-size: 18px; font-weight: bold; }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item .ask-nub span { font-size: 12px;line-height:12px  }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item .a-tex { float: left; display: inline-block; line-height: 49px; font-size: 17px; }
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item .a-tex:hover{color: #2fb476}
.ask_warp .ask-main .ask-list .list-data .info-list .list-item .item .answer-tag { float: right; display: inline-block; width: 62px; color: white; text-align: center; line-height: 30px; background-color: #fb8b3f; }
.ask_warp .ask-main .hot-part .hot-content  { margin-bottom: 30px; }
.ask_warp .ask-main .hot-part h4 a{display: inline-block;  float: right;  font-size: 16px;line-height: 16px;margin: 28px 0 }
.ask_warp .ask-main .hot-part h4 a img{vertical-align:bottom }
.ask_warp .ask-main .rigth-box{width: 305px;  float: right;  height: 869px; /* overflow-y: auto; */  margin-top: 34px;  overflow: hidden;}
.ask_warp .ask-main .hot-part .hot-content{display: inline-block; width:100%;}
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide {position: relative; height: 371px;  display: inline-block; padding: 10px 0; width: 100%; box-sizing: border-box; }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide a { left: 0; display: inline-block;width: 100%;height: 100% }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide a img{ width: 100%;height: 100%; }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide .info { position: absolute; display: inline-block; padding: 10px  20px; right: 0; top: 0px; width: 455px; height: 371px; box-sizing: border-box; box-shadow: 1px 1px 1px  #efefef; background-color: white; border: 1px solid  #efefef; }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide .info h5 { font-size: 30px; height: auto; line-height: 88px; border-bottom: 1px solid #efefef; }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide .info p { padding-top: 20px; font-size: 16px; line-height: 24px; }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide .info .raed-tex { display: inline-block; position: absolute; bottom: 20px; left: 30px; }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide .info:before { position: absolute; content: ""; width: 8px; height: 10px; left: -8px; top: -1px; background: url("../images/ask/hot-top.jpg"); }
.ask_warp .ask-main .hot-part .hot-content .hot-swiper .swiper-wrapper .swiper-slide .info:after { position: absolute; content: ""; width: 8px; height: 10px; left: -8px; bottom: -1px; background: url("../images/ask/hot-bottom.jpg"); }

@media (max-width: 1460px) and (min-width: 0px) { .ask_warp .ask-main { width: 1220px; }
    .ask_warp .ask-main .ask-banner .right-box { width: 978px; }
    .ask_warp .ask-main .ask-list{width: 905px;}
    .ask_warp .ask-main .ask-list .list-data .info-list .details-tex{width: 290px;}
    .ask_warp .ask-main .ask-list .list-data .info-list .list-item{width: 598px;}
    .ask_warp .ask-main .ask-list .list-data .info-list .details-tex .tex .tag-link{width: 100%;line-height:40px;}
    .ask_warp .ask-main .ask-banner .right-box .info { width: 96%; padding: 0 2%; }
    .ask_warp .ask-main .ask-banner .right-box .info ul li { width: 266px; margin-left: 11px; }
    .ask_warp .ask-main .ask-banner .right-box .info ul li .tex .font-tex { width: 120px; } }

/*# sourceMappingURL=new-list.css.map */


/*问答首页样式结束 */











/*banner*/
.article-banner{height: 400px;overflow: hidden;}
/*装修头条*/
.article-ct{color: #525252;}
.article-headline-lt{width: 900px;}
.article-headline-lt .list1 ul li,.ask-selection-lt .list1 ul li{margin-bottom: 20px;}
.article-headline-lt .list1 ul li .lt,.ask-selection-lt .list1 ul li .lt{width: 200px;height: 120px;}
.article-headline-lt .list1 ul li .lt img,.ask-selection-lt .list1 ul li .lt img{width: 200px;height: 120px;}
.article-headline-lt .list1 ul li .rt,.ask-selection-lt .list1 ul li .rt{width: 685px;}
.article-headline-lt .list1 ul li .rt h3,.ask-selection-lt .list1 ul li .rt h3{line-height: 40px;height: 40px;}
.article-headline-lt .list1 ul li .rt a,.ask-selection-lt .list1 ul li .rt a{color: #525252;font-weight: bold;}
.article-headline-lt .list1 ul li .rt p,.ask-selection-lt .list1 ul li .rt .intro{color: #848585;line-height: 25px;height: 75px;overflow: hidden;}
.article-headline-lt .list2 ul li,.ask-selection-lt .list2 ul li{float: left;width: 30%;height:26px;line-height:26px;margin-right: 3%;overflow: hidden;}
.article-headline-lt .list2 ul li a,.ask-selection-lt .list2 ul li a{color: #525252;font-size: 14px;}
.article-headline-lt .list2 ul li a i,.ask-selection-lt .list2 ul li a i{position: relative;top: -1px;}
.article-headline-lt .list2 ul lI a strong,.ask-selection-lt .list2 ul lI a strong{margin-right: 5px;}
.article-headline-rt{width: 300px;height: 400px;overflow: hidden;}
/*装修流程*/
.article-process .article-process-box{width: 390px;height: 450px;}
.article-process .article-process-box img{width: 390px;height: 260px;}
.article-process-box .process-icon{/*height: 190px;*/border: 1px solid #E5E5E5;border-top: none;}
.article-process-box .process-icon ul li{float: left;text-align: center;}
.article-process-box .process-icon ul li .article-icon{width: 30px;height: 30px;}
.article-process-box .process-icon ul li span{display: block;font-size: 15px;}
/*
 * 装修前*
 */
.article-process-before .process-icon{padding: 66px 0;}
.article-process-before .process-icon ul li{width: 20%;}
.article-process-before .process-icon ul li .icon01{background-position: 0 0;}
.article-process-before .process-icon ul li .icon02{background-position: -72px 0;}
.article-process-before .process-icon ul li .icon03{background-position: -141px 0;}
.article-process-before .process-icon ul li .icon04{background-position: -212px 0;}
.article-process-before .process-icon ul li .icon05{background-position: -281px 0;}
/*
 * 装修中
 */
.article-process-in{margin-left: 25px;}
.article-process-in .process-icon{padding: 28px 0;}
.article-process-in .process-icon ul li{width: 25%;padding: 5px 0;}
.article-process-in .process-icon ul li .icon01{background-position: 0 -43px;}
.article-process-in .process-icon ul li .icon02{background-position: -93px -43px;}
.article-process-in .process-icon ul li .icon03{background-position: -187px -43px;}
.article-process-in .process-icon ul li .icon04{background-position: -280px -43px;}
.article-process-in .process-icon ul li .icon05{background-position: 0 -90px;}
.article-process-in .process-icon ul li .icon06{background-position: -93px -90px;}
.article-process-in .process-icon ul li .icon07{background-position: -187px -90px;}
.article-process-in .process-icon ul li .icon08{background-position: -280px -90px;}
/*
 * 装修后
 */
.article-process-after .process-icon{padding: 66px 0;}
.article-process-after .process-icon ul li{width: 50%;}
.article-process-after .process-icon ul li .icon01{background-position: 0 -136px;}
.article-process-after .process-icon ul li .icon02{background-position: -92px -136px;}
/*装修流程·装修学堂·二手房装修·局部装修·房产知识*/
.article-tabs .tabs-tit ul li{width: 165px;margin-left: 60px;float: left;border-bottom: 2px solid #ffc488;color: #ffc488;font-size: 25px; text-align: center;line-height: 40px;}
.article-tabs .tabs-tit ul li .alont_color{ color:#ffc488  }
.article-tabs .tabs-tit ul li .alont_color:hover{ color:#ff9c00  }
.article-tabs .tabs-tit ul li.cur{color: #ff9c00; border-bottom: 2px solid #ff9c00;}
.article-tabs .tabs-cont .tips a{display: inline-block;line-height: 15px;padding: 0 8px;border-left: 1px solid #848585;color: #848585;font-size: 15px;}
.article-tabs .tabs-cont .tips a:first-child{padding-left: 0;border: none;}
.article-tabs .tabs-cont .box .lt{width: 790px;}
.article-tabs .tabs-cont .box .lt .list1 ul li{width: 380px;height: 240px;position: relative;float: left;margin-right: 15px;}
.article-tabs .tabs-cont .box .lt .list1 ul li img{width: 380px;height: 240px;}
.article-tabs .tabs-cont .box .lt .list1 ul li .bg-opacity{height: 35px;}
.article-tabs .tabs-cont .box .lt .list1 ul li h3{height: 35px;line-height: 35px;overflow: hidden;padding-left: 10px;position: absolute;left: 0;bottom: 0;right: 0;font-size: 14px;}
.article-tabs .tabs-cont .box .lt .list1 ul li h3 a{color:#FFFFFF;}
.article-tabs .tabs-cont .box .lt .list2 ul li{width: 49%;margin-right: 1%;float: left;height: 26px;line-height: 26px;overflow: hidden;font-size: 14px;}
.article-tabs .tabs-cont .box .lt .list2 ul li a{color: #525252;}
.article-tabs .tabs-cont .box .lt .list2 ul li a strong{margin-right: 5px;}
.article-tabs .tabs-cont .box .rt{width: 415px;}
.article-tabs .tabs-cont .box .rt ul li{margin-bottom: 20px;}
.article-tabs .tabs-cont .box .rt ul li .lt{width: 200px;height: 120px;}
.article-tabs .tabs-cont .box .rt ul li .lt img{width: 200px;height: 120px;}
.article-tabs .tabs-cont .box .rt ul li .rt{width: 200px;height: 120px;position: relative;}
/*.article-tabs .tabs-cont .box .rt ul li .rt h3{line-height: 40px;}*/
.article-tabs .tabs-cont .box .rt ul li .rt h3 a{color: #525252;font-weight: bold;}
.article-tabs .tabs-cont .box .rt ul li .rt p{color: #848585;line-height: 25px;height: 75px;overflow: hidden;}
.article-tabs .tabs-cont .box .rt ul li .rt .read{position: absolute;right: 0;bottom: -5px;color: #ff9c00;}
/*装修日志*/
.article-dairy-ask .article-dairy{width: 810px;}
.article-dairy-ask h2{height: 40px;line-height: 40px;padding:0 10px;font-size: 25px;color: #27C27B;font-weight: bold;background: #eeeeee;}
.article-dairy-ask h2 a{font-size: 15px;color: #848585;font-weight: normal;}
.article-dairy ul li{margin-top: 20px;position: relative;}
.article-dairy ul li .tit{width: 100px;text-align: center;color: #818181;font-size: 14px;}
.article-dairy ul li .tit img{width: 100px;height: 100px;border-radius: 50%;}
.article-dairy ul li .des{width: 690px;}
.article-dairy ul li .des h3 a{color: #0064a4;font-weight: bold;}
.article-dairy ul li .des h3 span{color: #000000;font-size: 14px;margin-left: 5px;}
.article-dairy ul li .des .browse-comment{position: absolute;top: 0;right: 0;font-size: 13px;color: #8e8e8e;}
.browse-comment i{width: 26px;height: 18px;}
.browse-comment i.browse{background-position: 0 -179px;}
.browse-comment i.comment{background-position: -30px -179px;}
.article-dairy ul li .des .tips .shoppinglist-icon{font-size: 12px;}
.article-dairy ul li .des .tips .shoppinglist-icon em{padding: 2px;color: #FFFFFF;background: #27C27B;}
.article-dairy ul li .des .tips .shoppinglist-icon font{padding: 1px 3px;border: 1px solid #27C27B;color: #414141;}
.article-dairy ul li .des .tips span{color: #8e8e8e;margin-right: 10px;}
.article-dairy ul li .des dl dt,.article-dairy ul li .des dl dd{width: 144px;height: 153px;float: left;margin-right: 15px;position: relative;}
.article-dairy ul li .des dl dt img{width: 144px;height: 153px;}
.article-dairy ul li .des dl dt span,.article-dairy ul li .des dl dd span{position:absolute;top:0px;left:0px;line-height:20px;padding:0 13px;background: #ff9c00;color: #FFFFFF;font-size: 12px;}
.article-dairy ul li .des dl dd{width: 120px;height: 130px;margin-top: 10px;}
.article-dairy ul li .des dl dd:last-child{margin-right: 0;}
.article-dairy ul li .des dl dd img{width: 120px;height: 130px;}
.article-dairy ul li .des dl dd span{top: -3px;left: -3px;padding: 0 10px;background: #27C27B;}
.article-dairy ul li .des.tiem{color: #8e8e8e;font-size: 14px;}
.article-dairy-ask .article-ask{width: 400px;}
.article-ask .box{padding: 30px 20px;border: 1px solid #E5E5E5;font-size: 15px;}
.article-ask .box .tabs-tit ul li{width: 33.3%;float: left;text-align: center;color: #848585;}
.article-ask .box .tabs-tit ul li span{border-bottom: 1px solid transparent;}
.article-ask .box .tabs-tit ul li.cur span{color: #27C27B;border-bottom: 1px solid #27C27B;}
.article-ask .box .tabs-cont ul li{height: 28px;line-height: 28px;margin-top: 6px;}
.article-ask .box .tabs-cont ul li i{width: 27px;height: 27px;background-position: 0 -204px;}
.article-ask .box .tabs-cont ul li a{color: #525252;margin-left: 5px;width: 200px;height: 28px;overflow: hidden;}
.article-ask .box .tabs-cont ul li span{color: #525252;}
.article-ask .box .tabs-cont ul li span i{background-position: -36px -205px;}
/*------------------------------------装修攻略首页样式结束------------------------------------*/

/*------------------------------------装修问答封面页样式开始------------------------------------*/
.ask-nav{width: 200px;height: 280px;background: #27C27B;position: relative;}
.ask-nav ul li{height: 30px;line-height: 30px;font-size: 18px;text-align: center;margin: 14px 0;}
.ask-nav ul li.cur,.ask-nav ul li:hover{background: #52ce95;}
.ask-nav ul li a{color: #FFFFFF;}
.ask-nav ul li i{width: 23px;height: 26px;margin-right: 20px;}
.ask-nav ul li i.icon1{background-position: 0 2px;}
.ask-nav ul li i.icon2{background-position: 0 4px;}
.ask-nav ul li i.icon3{background-position: 0 -90px;}
.ask-nav ul li i.icon4{background-position: 0 -137px;}
.ask-nav ul li i.icon5{background-position: 0 -184px;}
.ask-nav ul li i.icon6{background-position: 0 -231px;}


.ask-nav ul li em{width: 11px;height: 16px;background-position: -41px -2px;margin-left: 30px;}
.ask-nav .ask-nav-two{position: absolute;top: 0;left: 200px;width: 420px;height: 258px;border: 1px solid #27C27B;background: #FFFFFF;padding: 20px 30px;text-align: left;display: none;z-index: 5;}


.ask-nav ul li.cur .ask-nav-two{display: block;}
.ask-nav .ask-nav-two h3{color: #27C27B;border-bottom: 1px solid #27C27B;}
.ask-nav .ask-nav-two .des a{display: inline-block;width: 100px;line-height: 15px;margin: 10px 0;border-left: 1px solid #525252;color: #525252;font-size: 15px;text-align: center;}
.ask-nav .ask-nav-two .des a.first{border-left: none;}
.alont_ask{margin-left: 19px;}
.ask-baner{width: 600px;height: 300px;overflow: hidden;}
.ask-dairyquestion{width: 340px;height:298px;padding: 0 20px;border: 1px solid #27C27B;}
.ask-dairyquestion h3{color: #27C27B;border-bottom: 1px solid #27C27B;}
.ask-dairyquestion h3 i{width: 20px;height: 15px;background-position: -74px 0;margin-left: 8px;position: relative;top: -2px;}
.ask-dairyquestion h3 a{font-size: 14px;color: #acacac;}
.ask-dairyquestion ul li{line-height: 40px;height: 40px;border-bottom: 1px dashed #E5E5E5;overflow: hidden;font-size: 15px;}
.ask-dairyquestion ul li i{width: 17px;height: 24px;background-position: -108px 0;margin: 0 5px;}
.ask-dairyquestion .ask-btns a{display: inline-block;width: 150px;height: 40px;line-height: 40px;background: #27C27B;color: #FFFFFF;font-size: 20px;text-align: center;margin: 0 8px;}
.ask-dairyquestion .ask-btns a.ask-anwser{border-radius: 0 0 0 20px;}
.ask-dairyquestion .ask-btns a.ask-qusetion{border-radius: 0 40px 40px 0;}
/*精选装修问答*/
.ask-selection-lt{width: 890px;border-bottom: 1px solid #E5E5E5;}
.ask-selection-lt .list1 ul li{margin-bottom: 30px;}
.ask-selection-lt .list1 ul li .rt{width: 675px;}
.ask-selection-lt .list1 ul li h3 span{padding: 0 5px;margin-right: 8px;font-size: 15px;font-weight:normal;color: #FFFFFF;background: #FF9C00;line-height: 15px;}
.ask-selection-rt{width: 260px;padding: 0 20px;border: 1px solid #E5E5E5;}
.ask-selection-rt h3{color: #ff9c00;line-height: 35px;height: 35px;border-bottom: 1px solid #E5E5E5;}
.ask-selection-rt h3 span{color: #acacac;font-size: 14px;}
.ask-selection-rt ul li{height: 60px;padding: 10px 0;border-top: 1px solid #E5E5E5;}
.ask-selection-rt ul li span.lt{width: 65px;line-height: 60px;font-size: 30px;color: #acacac;text-align: center;}
.ask-selection-rt ul li a.lt{width: 60px;height: 60px;}
.ask-selection-rt ul li a.lt img{width: 60px;height: 60px;}
.ask-selection-rt ul li .rt{width: 120px;margin-top: 5px;}
.ask-selection-rt ul li .rt h4 a{color: #525252;}
.ask-selection-rt ul li .rt span{color: #c3c3c3;font-size: 14px;}
/*问答专辑*/
.ask-album ul li{width: 380px;height: 110px;float: left;margin:0 0 20px 40px;}
.ask-album ul li.first{margin-left: 0;}
.ask-album ul li .lt{width: 160px;height: 110px;}
.ask-album ul li .lt img{width: 160px;height: 110px;}
.ask-album ul li .rt{width: 210px;}
.ask-album ul li .rt h3{height: 25px;line-height: 25px;}
.ask-album ul li .rt h3 a{color: #525252;}
.ask-album ul li .rt span{color: #a8a8a8;font-size: 12px;}
.ask-album ul li .rt span i{width: 21px;height: 12px;background-position: -33px -44px;}
.ask-album ul li .rt p{color: #8d8d8d;font-size: 12px;line-height: 20px;height: 60px;overflow: hidden;}
.ask-album .more{text-align: center;position: relative;}
.ask-album .more a{color: #ffc892;font-size: 12px;}
.ask-album .more i{width: 45%;height: 1px;position: absolute;top: 50%;background: #ffc892;}
.ask-album .more i.titl{left: 0;}
.ask-album .more i.titr{right: 0;}
/*问答分类*/
.ask-classify {padding-bottom: 45px;border-bottom: 1px solid #FF9C00;}
.ask-classify ul li{width: 65px;border: 1px solid #ff9c00;padding: 15px 39px 0;float: left;margin-left: 70px;text-align: center;}
.ask-classify ul li.first{margin-left: 0;}
.ask-classify ul li i{width: 45px;height: 42px;}
.ask-classify ul li i.icon1{background-position: 0 -273px;}
.ask-classify ul li i.icon2{background-position: -61px -273px;}
.ask-classify ul li i.icon3{background-position: -132px -273px;}
.ask-classify ul li i.icon4{background-position: -195px -273px;}
.ask-classify ul li i.icon5{background-position: -255px -273px;}
.ask-classify ul li i.icon6{background-position: -324px -273px;}
.ask-classify ul li span{display: block;color: #ff9c00;font-size: 14px;margin: 10px 0 3px;}
/*大家都在问*/
/*问答页面content-lt content-rt公共标题*/
.ask-tit{position: relative;}
.ask-tit h1{color: #FF9C00;}
.ask-tit span{color: #FF9C00;border-bottom: 1px solid #FF9C00;font-size: 12px;position: absolute;bottom: 9px;}
/*问答页面content-lt content-rt公共标题*/
.content-lt{width: 890px;position: relative;}
.content-rt{width: 300px;}
.ask-everybody .ask-tit span{left: 190px;width: 700px;}
.ask-everybody ul{padding: 20px 0;border-bottom: 1px solid #E5E5E5;}
.ask-everybody ul li{width: 48%;line-height: 30px;height: 30px;margin-right: 2%;float: left;overflow: hidden;}
.ask-everybody ul li i{margin: 0 20px 0 2px;position: relative;top:-1px}
.ask-everybody ul li a{font-size: 14px;color: #525252;}
/*已解决*/
.ask-resolved .ask-tit span{left: 120px;width: 770px;}
.ask-resolved ul li{padding: 10px 0 0;}
.ask-resolved ul li .tit{width: 40px;height: 40px;border-radius: 5px;}
.ask-resolved ul li .tit img{width: 40px;height: 40px;border-radius: 50%;}
.ask-resolved ul li .des{width: 840px;border-bottom: 1px solid #E5E5E5;padding-bottom: 15px;}
.ask-resolved ul li .des h5 a{color: #FF9C00;}
.ask-resolved ul li .des .name{color: #c3c3c3;font-size: 12px;}
.ask-resolved ul li .des .name a{color: #FF9C00;margin-right: 15px;}
.ask-resolved ul li .des .name span i{width: 17px;height: 17px;background-position: -73px -39px;margin-right: 5px;}
.ask-resolved ul li .info{height:75px;line-height:25px;padding: 5px;font-size:12px;color:#848585;background: #eeeeee;overflow: hidden;}
.ask-resolved ul li .info p{font-size: 12px;}
.ask-resolved ul li .all{height: auto;min-height: 75px;}
.ask-resolved ul li .fontcl2{font-size: 12px;}
.ask-resolved ul li .fontcl2 .dispanys{cursor: pointer;}
.ask-resolved ul li .concern{cursor: pointer;}
/*新增回答*/
.ask-newanswer .ask-tit span{width: 140px;left: 160px;}
.ask-newanswer ul li{padding: 8px 0;border-bottom: 1px solid #E5E5E5;}
.ask-newanswer ul li h4 a{color: #27C27B;}
.ask-newanswer ul li .name{font-size: 12px;color: #c3c3c3;}
.ask-newanswer ul li .name a{color: #C3C3C3;margin-left: 10px;}
.ask-newanswer ul li .name span i{width: 17px;height: 17px;background-position: -73px -39px;margin-right: 5px;}
.ask-newanswer ul li .info{height:60px;line-height:20px;font-size:12px;color:#848585;overflow: hidden;}
.ask-newanswer ul li .info p{font-size: 12px;}
.ask-newanswer ul li .concern{font-size: 12px;cursor: pointer;}
/*最新标签*/
.ask-label{width: 270px;padding: 0 15px;border: 1px solid #E5E5E5;}
.ask-label h3{height:48px;line-height:48px;border-bottom: 1px solid #E5E5E5;}
.ask-label ul{margin: 10px 0;}
.ask-label ul li{width: 50%;float: left;line-height: 30px;}
.ask-label ul li a{color: #848585;}
.ask-label ul li a:hover{color: #ffc488;}
/*------------------------------------装修问答封面页样式结束------------------------------------*/

/*------------------------------------装修问答列表页样式开始------------------------------------*/
.ask-tabs{height: 123px;}
.ask-tabs ul{border-left: 1px solid #F2C15A;position: relative;}
.ask-tabs ul li{height: 40px;line-height: 40px;width: 148px;display: table-cell;text-align: center;border-right: 1px solid #E5E5E5;}
.ask-tabs ul li:last-child{border-right: none;}
.ask-tabs ul li a{font-size: 14px;color: #525252; padding: 0 10px;}
.ask-tabs ul li .listBox{width: 888px;height: 60px;line-height: 30px; padding: 10px 0; position: absolute;top: 41px;left: -1px;border-left: 1px solid #F2C15A;background: #ffffff;text-align: left; word-wrap:break-word;}
/*.ask-tabs ul li .listBox a{margin:0 5px 0 26px; white-space : nowrap;}*/
.ask-tabs ul li.cur .listBox,.ask-tabs ul li:hover .listBox{display: block;z-index: 5; text-align: center}
.ask-tabs ul li:hover .listBox{z-index: 6;}
.ask-tabs ul li.cur>a,.ask-tabs ul li:hover>a,.ask-tabs ul li .listBox a.cur,.ask-tabs ul li .listBox a:hover{color: #F2C15A;}
.ask-items ul{border-top: none;}
.ask-items ul li{height: 26px;line-height: 26px;padding: 17px 0;border-bottom: 1px dashed #E5E5E5;}
.ask-items ul li a{display: inline-block;width: 620px;height: 26px; font-size: 16px;color: #525252;overflow: hidden;}
.ask-items ul li a:hover{ color: #ff9c00 }
.ask-items ul li span{font-size: 14px;color: #525252;}
/*------------------------------------装修问答列表页样式结束------------------------------------*/

/*------------------------------------装修问答详情页样式开始------------------------------------*/
.ask-detail .ask-qusetion{position: relative;border-left: 1px solid #F2C15A;border-right: 1px solid #F2C15A;}
.ask-detail .ask-qusetion i{width: 55px;height: 55px;background-position: -138px 0;position: absolute;top: 10px;left: 10px;}
.ask-detail .ask-qusetion h3{color: #525252;padding-left: 30px;margin-top: 5px;}
.ask-detail .ask-qusetion .share{position: absolute;top: 15px;right: 10px;font-size: 12px;color: #a8a8a8;vertical-align: middle;}
.ask-detail .ask-qusetion .share .bdsharebuttonbox{vertical-align: middle;display: inline-block;}
.ask-detail .ask-qusetion .info{line-height: 26px; font-size: 14px;color: #848585;}
.ask-detail .ask-qusetion .tips span{font-size: 14px;color: #848585;margin-right: 20px;}
.ask-detail .ask-qusetion .tips span.rt{margin-right: 0;}
.ask-detail .ask-wantanswer{position: relative;border-left: 1px solid #F2C15A;border-right: 1px solid #F2C15A;}
.ask-detail .ask-wantanswer span{font-size: 12px;color: #F2C15A;}
.ask-detail .ask-wantanswer .btn{width: 93px;height: 30px;line-height: 30px; position: absolute;top: 10px;right: 20px; border: none;background: #27C27B;font-size: 12px;color: #FFFFFF;}
.ask-detail .ask-wantanswer .text{width: 825px;height: 60px;padding: 10px;background: #f7f7f7;}
.ask-detail .ask-anwser dt h3{height: 40px;line-height: 40px;border-bottom: 1px solid #E5E5E5;color: #E5E5E5;margin-bottom: 20px;}
.ask-detail .ask-anwser dd{position: relative;padding: 20px 20px 20px 30px;border:1px solid #E5E5E5;margin-bottom: 20px;}
.ask-detail .ask-anwser dd i{position: absolute;top: 10px;left: 10px;width: 55px;height: 55px;background-position: -138px -85px;}
.ask-detail .ask-anwser dd .head img{width: 50px;height: 50px;border-radius: 50%;}
.ask-detail .ask-anwser dd .head .rt{width: 770px;}
.ask-detail .ask-anwser dd .head .rt h5{color: #F2C15A;}
.ask-detail .ask-anwser dd .head .rt .tips span{margin-right: 20px; font-size: 14px;color: #848585;}
.ask-detail .ask-anwser dd .info{line-height: 30px;color: #9e9e9e;font-size: 14px;}
.ask-detail .ask-anwser dd .bottom a{font-size: 14px;color: #9e9e9e;margin-right: 20px;}
.about-question li{/*padding: 3px 0;*/line-height: 26px;font-size: 14px;color: #848484;}
.about-question li a{display: inline-block;width: 620px;height: 26px;color: #848484;overflow: hidden;}
.about-question li a i{margin-right: 10px;}
/*------------------------------------装修问答详情页样式结束------------------------------------*/

/*------------------------------------装修问答提问页样式开始------------------------------------*/
.asked{position: relative;}
.asked .input-div{margin: 0 0 10px 0; color: #666666;}
.asked .input-div label{display: block;line-height: 26px;font-size: 18px;margin-bottom: 6px;}
.asked .input-div .text{width: 868px; height: 26px;line-height: 26px;padding: 6px 10px;border: 1px solid #E5E5E5;font-size: 14px;box-sizing: content-box;}
.asked .input-div .short{width: 178px;}
.asked .input-div .heighter{height: 186px;}
.asked .btn-div .btn{width: 90px;height: 30px;line-height: 30px;position: absolute;bottom: 10px;right: 0;background: #27C27B;font-size: 12px;color: #FFFFFF;text-align: center;border: none;}
.asked dl dt{width: 200px;line-height: 50px;margin-right: 10px; float: left;font-size: 14px;color: #F2C15A;}
.asked dl dd{width: 60px;float: left;vertical-align: middle;}
.asked dl dd img{width: 50px;height: 50px;vertical-align: middle;}
.asked dl dd span{display: inline-block;width: 50px; line-height: 50px; font-size: 14px;color: #848585;overflow: hidden;vertical-align: middle;}
.asked-benefit{padding: 50px 0 100px;text-align: center;}
.asked-benefit h1{font-size: 25px;color: #666666;}
.asked-benefit img{width: 1049px;margin-top: 40px;}




/*------------------------------------装修问答提问页样式结束------------------------------------*/

/*------------------------------------专辑列表样式开始------------------------------------*/
.album-items ul li{padding: 50px 0;border-bottom: 1px solid #E5E5E5;}
.album-items ul li .tit{width: 200px;height: 150px;}
.album-items ul li .tit img{width: 200px;height: 150px;}
.album-items ul li .des{width: 670px;}
.album-items ul li .des h2{height:30px;line-height:30px;border-top: 1px solid #FF9C00;border-right: 1px solid #FF9C00;overflow: inherit;}
.album-items ul li .des h2 a{display: inline-block;padding-right: 10px;background: #FFFFFF;position: relative;top: -6px;color: #27C27B;}
.album-items ul li .des p{height: 75px;line-height: 25px;margin-bottom:12px;overflow: hidden;}
.album-items ul li .des p a{color: #FF9C00;font-size: 14px;}
.album-items ul li .des .time{height:30px;line-height:30px;border-left: 1px solid #FF9C00;border-bottom: 1px solid #FF9C00;text-align: right;}
.album-items ul li .des .time span{display: inline-block;padding-left: 10px;background: #FFFFFF;position: relative;bottom: -9px;}
.album-recommend{width: 264px;padding: 0 18px;border: 1px solid #FF9C00;}
.album-recommend h3 {border-bottom: 1px solid #E5E5E5;color: #FF9C00;padding: 3px 0 8px;}
.album-recommend ul li{padding: 20px 0;border-bottom: 1px solid #E5E5E5;}
.album-recommend ul li .lt{width: 100px;height: 80px;}
.album-recommend ul li .lt img{width: 100px;height: 80px;}
.album-recommend ul li .rt{width: 150px;}
.album-recommend ul li .rt h4{height: 17px;line-height: 14px;border-bottom: none;font-weight: normal;}
.album-recommend ul li .rt h4 a{color: #27C27B;}
.album-recommend ul li .rt p{height: 51px;line-height: 17px;font-size: 12px;overflow: hidden;}
.album-recommend ul li .rt span{font-size: 12px;color: #FF9C00;line-height: 12px;position: relative;top: -6px;}
/*------------------------------------专辑列表样式结束------------------------------------*/

/*------------------------------------专辑详情页样式开始------------------------------------*/
.album-adv img{width: 100%;}
.album-info{position: relative;}
.album-info .share{position: absolute;top: 0;right: 0;z-index: 4;}
.album-info .share .bdsharebuttonbox{display: inline-block;}
.album-info .share span{display:inline-block;width: 45px;height: 21px;line-height:23px;background-position: 0 -273px;text-align: center;color: #dcdcdc;}
.album-tit{position: relative;}
.album-tit h1{font-size: 30px;text-align: center;color: #FF9C00;}
.album-tit i{width: 40%;height:1px;display: block;background: #FF9C00;position: absolute;top:50%;}
.album-tit i.titl{left: 0;}
.album-tit i.titr{right: 0;}
.album-info .info {padding: 0 10px;}
.album-info .info p{text-align: center;font-size: 14px;}
.album-logotit{text-align: center;position: relative;}
.album-logotit i{width: 47%;height:1px;display: block;background: #27C27B;position: absolute;bottom:0;}
.album-logotit i.titl{left: 0;}
.album-logotit i.titr{right: 0;}
.album-logotit span{width: 57px;height: 45px;background-position: 0 0;}
.alnum-list{padding-bottom: 30px;border-bottom: 1px solid #27C27B;}
.alnum-list .list1 .lt{width: 300px;height: 220px;}
.alnum-list .list1 .lt img{width: 300px;height: 220px;}
.alnum-list .list1 .rt{width: 890px;}
.alnum-list .list1 dt h2{height: 20px;line-height: 20px;}
.alnum-list .list1 dd {padding:5px 0 15px;border-bottom: 1px solid #E5E5E5;}
.alnum-list .list1 dd h3 a{font-size: 15px;color: #585858;font-weight: bold;}
.alnum-list .list1 dd h3 p{height: 60px;line-height: 20px;font-size: 14px;color: #848585;}
.alnum-list .list2 ul li{width: 49%;height:50px;line-height:50px;float: left;}
.alnum-list .list2 ul li.first{border-right: 1px solid #E5E5E5;}
.alnum-list .list2 ul li a{height:50px;display:block;font-size: 14px;color: #525252;border-bottom: 1px dashed #E5E5E5;margin-left: 10px;overflow: hidden;}
.alnum-list .list2 ul li.first a{margin: 0 10px 0 0;}
.alnum-list .list2 ul li .rt{color: #848585;margin-left: 10px;}
.alnum-list .list2 ul li .rt i{width: 15px;height: 15px;background-position: -10px -74px;}
.askalbum-recommend {width: 1040px;margin: 50px auto 20px;text-align: center;position: relative;}
.askalbum-recommend .swiper-slide a{display: block;width: 200px;height: 140px;margin: 0 auto;position: relative;}
.askalbum-recommend .swiper-slide a .bg-opacity{height: 30px;}
.askalbum-recommend .swiper-slide a h3{height: 30px;line-height: 30px;padding: 0 10px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #FFFFFF;overflow: hidden;}
.askalbum-recommend .swiper-slide img{width: 200px;height: 140px;}
.askalbum-recommend .swiper-button-prev.swiper-button-white,.askalbum-recommend .swiper-container-rtl .swiper-button-next.swiper-button-white{width: 38px;height: 68px;background: url(../images/album/album_icon.png) no-repeat;}
.askalbum-recommend .swiper-button-next.swiper-button-white,.askalbum-recommend .swiper-container-rtl .swiper-button-prev.swiper-button-white{width: 38px;height: 68px;background: url(../images/album/album_icon.png) no-repeat;}
.askalbum-recommend .swiper-button-prev{background-position: 0 -106px !important;left: -70px;}
.askalbum-recommend .swiper-button-next{background-position: 0 -190px !important;right: -70px;}
.album-search{width: 980px;margin: 45px auto;background: #eeeeee;text-align: center;vertical-align: middle;padding: 40px 0 20px;}
.album-search form{display: inline-block;width: 525px;height: 35px;line-height: 35px;vertical-align: middle;border-radius: 35px;border: 1px solid #b6b6b6;font-size: 14px;}
.album-search .search-lt{width: 66px;height: 23px;line-height: 23px;text-align: center;margin-top: 6px;border-right: 1px solid #b6b6b6;}
.album-search .search-lt i{width: 23px;height: 23px;background-position: -32px -68px;}
.album-search input{height: 35px;}
.album-search .search-ct{width: 315px;height:30px;margin:  2px 0 2px 10px;border: 0;background: none;}
.album-search .search-btn{width: 130px;border: 0;font-size: 14px;color: #FFFFFF;background: #27C27B;text-align: center;border-radius: 0 35px 35px 35px;}
.album-search .ask{display: inline-block;width: 130px;height: 35px;line-height: 35px;margin-left: 15px;border: 1px solid #27C27B;border-radius: 35px 0 35px 35px;text-align: center;font-size: 14px;color: #27C27B;vertical-align: middle;}
.album-search .tips{font-size: 14px;text-align: center;line-height: 30px;}

/*-----------------------------------装修案例列表页样式开始------------------------------------*/

/*案例分类*/
.tag-tit{line-height: 40px;border-left: 2px solid #F2C15A;}
.tag-tit span{padding: 0 20px;}
.case-items .sort,.designer-detail .sort{border: 1px solid #E5E5E5;}
.case-items .sort ul li,.designer-detail .sort ul li{width: 33.3%;float: left;height: 40px;line-height: 40px;}
.case-items .sort ul li a,.designer-detail .sort ul li a{display: block;text-align: center;font-size: 14px;color: #000000;border-left: 1px solid #E5E5E5;}
.case-items .sort ul li.cur a,.case-items .sort ul li:hover a,
.designer-detail .sort ul li.cur a,.designer-detail .sort ul li:hover a{color: #f2c15a;}
.case-items .sort ul li:first-child a,.designer-detail .sort ul li:first-child a{border-left: 2px solid #FF9C00;}
.case-items .box {margin-bottom: 20px; margin-right:20px; float: left;width: 290px; height:212px; position: relative;}
.case-items .box:nth-child(4n+0){ margin-right: 0; }
.case-items .box .bg-opacity{width: 50px;height: 25px;top: 0;right: 0;left:auto;border-radius: 25px 0 0 25px;}
.case-items .box span{width: 50px;height: 25px;line-height: 25px;position: absolute;top: 0;right: 0;text-align: center;font-size: 14px;color: #FFFFFF;cursor: pointer;}
.case-items .box span.collection{color: #F2C15A;}
.case-items .box img {width: 100%; height: 175px; }
.case-items .box .tips{width:290px;position: absolute;top: -40px;left: -1px;line-height: 40px;z-index: 4;display: none;}
.case-items .box .tips a{color: #FFFFFF;font-size: 14px;height: 40px;overflow: hidden;}
.case-items .box .tips a.name{width: 85px;text-align: center;}
.case-items .box .tips a.bj{width:190px;background: #FF9C00;padding-left: 10px;}
.case-items .box h3 .bg-opacity{height: 40px;width: 290px;position: absolute;left: -1px;top:-40px;display: none;border-radius: inherit;}
.case-items .box h3{height: 40px;line-height: 40px;background: #FFFFFF;font-size: 14px;padding: 0 10px;border: 1px solid #E5E5E5;position: relative;overflow: inherit;}
.case-items .box h3 a{display: block;height: 40px;color: #525252;overflow:hidden;}
.case-items .box:hover .tips{display: block;}
.case-items .box:hover .tips a:hover.bj{background: #27C27B;}
.case-items .box:hover .bg-opacity{display: block;}
/*-----------------------------------装修案例列表页样式结束------------------------------------*/

/*-----------------------------------装修案例详情页样式开始------------------------------------*/
/*.case-detail{min-width: 1160px;}*/
.case-detail{width: 1324px;  margin: 0 auto}
.content-case{min-height: 300px;margin-right: 330px;position: relative;}
.content-case .wechatapp{height:50px;line-height:50px;position: absolute;    bottom: 3px;  left: 9%;font-size: 12px;color: #a8a8a8;vertical-align: middle;}
.content-case .wechatapp span{margin-left: 15px;display: inline-block;vertical-align: middle;}
.content-case .wechatapp span i{width: 24px;height: 18px;background-position: 0 0;}
.content-case .wechatapp span .bdsharebuttonbox{display: inline-block;vertical-align: middle;position: relative;top: -2px;}
.content-case .case-img{overflow: hidden;position: relative;}
/*.content-case .case-img .mod18Box { padding: 10px; }*/
.content-case .case-img .mod18{  margin: 0px auto; position: relative; }
.content-case .case-img .mod18 .btn-box{position:relative;width: 960px;margin: 0 auto;}
.content-case .case-img .mod18 .btn{position:absolute;width:30px;height:80px;bottom:0;cursor:pointer;z-index:99;background: url(../images/case/case_icon.png) no-repeat;}
.content-case .case-img .mod18 .prev{left:0;background-position: 0 -59px;}
.content-case .case-img .mod18 .next{right:0;background-position: 0 -154px;}
.content-case .case-img .mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px;}
.content-case .case-img .mod18 #prevTop{background:none 0 0 no-repeat;}
.content-case .case-img .mod18 #nextTop{background:none 0 0 no-repeat;}
.content-case .case-img .mod18 li{float:left;}
.content-case .case-img .mod18 .cf li{position:relative;color:#fff;}
.content-case .case-img .mod18 .cf li h5{display: inline-block; position: absolute;  text-align: center;  margin-left:46%;  font-size: 18px; top: 60px;}
.content-case .case-img .mod18 .cf a{display:block;width:100%;height:100%;position:absolute;color:#fff;}
.content-case .case-img .mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.content-case .case-img .mod18 .picBox{height:330px;position:relative;overflow:hidden;}
.content-case .case-img .mod18 .picBox ul{height:100%;position:absolute;}
.content-case .case-img .mod18 .picBox li{height:100%;position: relative;}
.content-case .case-img .mod18 .picBox li >img{max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.content-case .case-img .mod18 .img-list{width: 100%; height: 80px; margin: 0 auto; padding: 25px 0;  background: #f3f3f3;margin-top: 50px;position: relative;}
.content-case .case-img .mod18 .listBox{ position: relative; overflow: hidden;width: 880px;height: 80px;margin: 0 auto;}
.content-case .case-img .mod18 .listBox ul{height:100px;position:absolute;}
.content-case .case-img .mod18 .listBox li{width:130px;height:80px;cursor:pointer;position:relative;}
.content-case .case-img .mod18 .listBox li i{display:none;}
.content-case .case-img .mod18 .listBox li a{display:block;width:100px;height:80px;}
.content-case .case-img .mod18 .listBox li img{width:100px;height:80px;}
.content-case .case-img .mod18 .listBox .on img{width:96px;height:76px;border:2px solid #ff6600;}
.content-case .case-img .mod18 .listBox .on i{display:block;}
.content-case .case-img .tips{width:100%;height:50px;line-height:50px;position: absolute;bottom: 130px;left: 0;text-align: center;font-size: 12px;color: #a8a8a8;}
.content-case .case-img .tips span{margin-right: 20px;cursor: pointer;}
.content-case .case-img .tips .collection i{width: 16px;height: 18px;background-position: -30px -1px;margin-right: 10px;}
.content-case .case-img .tips .collection i.collection-icon{background-position: -53px -1px;}
.content-case .case-img .tips .likes i{width: 21px;height: 21px;background-position: 0 -28px;margin-right: 10px;}
.content-case .case-img .tips .likes i.likes-icon{background-position: -29px -29px;}
/*精彩案例推荐*/
.casew900{width: 900px;margin: 30px auto 0;}
.content-case .title,.main-content .title{color: #FF9C00;height: 45px;line-height: 45px;font-weight: bold;}
.content-case .title a,.main-content .title a{font-size: 14px;color: #f2c15a;}
.case-recommend ul{height: 168px;}
.case-recommend ul li{width: 23%;margin-left: 2%;float: left;}
.case-recommend ul li.first{margin-left: 0;}
.case-recommend ul li img{width:100%;height: 140px;}
.case-recommend ul li h4{text-align: center;}
.case-recommend ul li h4 a{font-size: 15px;color: #a8a8a8;}
.case-external .list {width: 49%;}
.case-external .list ul li{height: 30px;line-height: 30px;overflow: hidden;}
.case-external .list ul li a{font-size: 14px;}
.case-tag-external h3{color: #FF9C00;height: 45px;line-height: 45px;font-weight: bold;}
.case-tag-external .list{width: 24%;margin-right: 1%;}
.case-tag-external .case-label{width: 25%;margin-right: 0;}
/*免费装修报价*/
.side-form{border-top: 2px solid #FF9C00; }
.side-form h1{font-size: 25px;color: #FF9C00;text-align: center;}
.side-form .span1{display:block;text-align:center;font-size: 12px;color: #525252;}
.side-form form{border-top: 1px solid #FF9C00;}
.side-form form .text{width: 248px;height:40px;line-height:40px;padding: 0 0 0 10px;margin: 10px 0 0;font-size: 15px;border: 1px solid #E5E5E5;color: #8e8e8e;}
.side-form form .short{width: 83px;}
.side-form form .btn{width: 260px;height: 40px;line-height: 40px;margin: 10px 0 0 0;padding: 0;background: #FF9C00;font-size: 16px;color: #FFFFFF;text-align: center;border: none;}
.side-form form span{font-size: 12px;color: #8e8e8e;display: inline-block;margin-top: 20px;}
/*设计师*/

.case-deg .tit-img{display: block;width: 200px;margin:10px auto;height: 100px;background: #a8a8a8;text-align: center;}
.case-deg .tit-img img{width: 200px;height: 100px;}
.case-deg h1{text-align: center;}
.case-deg h1 a{font-size: 25px;color: #525252;}
.case-deg .info{width:220px;margin:0 auto;color: #a8a8a8;font-size: 12px;}
.case-deg .info span{display: inline-block;}
.case-deg .info span.name{display: block;width: 100%;text-align: center;}
.case-deg .info span.name a{color: #A8A8A8;}
.case-deg .know{display:block;width: 240px;height: 40px;line-height:40px;margin:15px 0 10px;background: #27C27B;font-size: 16px;color: #FFFFFF;text-align: center;border-radius: 5px;}
.case-deg span{display: block;font-size: 12px;}
.case-deg span.sp1{color: #525252;text-align: center;}
.case-deg span.sp2{color: #a8a8a8;text-align: center;}
/*设计理念*/
.case-idea .info{font-size: 14px;color: #525252;line-height: 28px;text-indent: 2em;margin-top: 10px;}
.case-about ul li{height: 30px;line-height: 30px;font-size: 14px;color: #848484;overflow: hidden;}
/*热门标签*/
.case-label .info a{display:inline-block;padding: 7px 18px;margin: 10px 5px 0 0;font-size: 14px;background: #eeeeee;color: #a1a1a1;}
/*-----------------------------------装修案例详情页样式结束------------------------------------*/

/*-----------------------------------装修公司列表页样式开始------------------------------------*/
/*选项栏*/
.main-sort table{border-right: 1px solid #FF9C00;}
.main-sort table tr{height: 40px;line-height: 40px;}
.main-sort table tr td{border-bottom: 1px solid #E5E5E5;}
.main-sort table tr td.tit{background: #FFFFFF;}
.company-item .list ul li,.designer-item .list ul li{padding: 25px 0;position: relative;border-bottom: 1px solid #E5E5E5;}
.company-item .list .list-lt,.designer-item .list .list-lt{width: 160px;}
/*.company-item .list .list-lt a{display:block:width: 160px;height: 160px;border:1px solid #E5E5E5;}*/
.company-item .list .list-lt a img,.designer-item .list .list-lt a img{width: 160px;height: 160px;border:1px solid #E5E5E5;}
.company-item .list .list-lt span,.designer-item .list .list-lt span{display: inline-block;width: 48%;text-align: center;}
.company-item .list .list-lt span span,.designer-item .list .list-lt span span{display: block;font-size: 12px;width: 100%;}
.company-item .list .list-rt,.designer-item .list .list-rt{width: 670px;}
.company-item .list .list-rt h3 a,.designer-item .list .list-rt h3 a{color: #525252;}
.company-item .list .list-rt h3 a:hover{color:#ff9c00 }
.designer-item .list .list-rt h3 a:hover{color:#ff9c00 }
.company-item .list .list-rt h3 span,.designer-item .list .list-rt h3 span{margin-left: 10px;}
.vip_icon{background: url("../../home/images/VIP_icon.png"); width: 60px;height: 20px;display: inline-block; vertical-align: middle}
.company-item .list .list-rt .icon-list span{padding: 5px 15px;margin-right: 10px;font-size: 12px;color: #FFFFFF;}
.company-item .list .list-rt .icon-list span.sp1{background: #f15f52;}
.company-item .list .list-rt .icon-list span.sp2{background: #f2c15a;}
.company-item .list .list-rt .icon-list span.sp3{background: #73c5ff;}
.company-item .list .list-rt .address{font-size: 14px;color: #848585;}
.company-item .list .list-rt .btn-qqandbj{width: 110px;position: absolute;top: 25px;right: 0;}
.company-item .list .list-rt .btn-qqandbj a{margin-bottom: 10px;}
.company-item .list .list-rt dl dd,.designer-item .list .list-rt dl dd{width: 150px;height: 110px;margin-left: 15px;float: left;}
.company-item .list .list-rt dl dd.first,.designer-item .list .list-rt dl dd.first{margin-left: 0;}
.company-item .list .list-rt dl dd img,.designer-item .list .list-rt dl dd img{width:150px;height:110px;}
/*装修上众易居*/
.company-sort h1{color: #27C27B;font-size: 32px;text-align: center;}
.company-sort>span{display: block;font-size: 15px;color: #a8a8a8;text-align: center;}
.company-sort ul li{margin: 20px 0;vertical-align: middle;}
.company-sort ul li i{width: 44px;height: 40px;}
/*.company-sort ul li i.icon1{background-position: 0 -62px;}*/
/*.company-sort ul li i.icon2{background-position: 0 -132px;}*/
/*.company-sort ul li i.icon3{background-position: 0 -202px;}*/
/*.company-sort ul li i.icon4{background-position: 0 -282px;}*/
/*.company-sort ul li i.icon5{background-position: 0 -354px;}*/

/*.company-sort ul li:hover i.icon5,.company-sort ul li.cur i.icon5{background:url("../images/icon05.png")}*/
.company-sort ul li .info{display: inline-block;width: 195px;vertical-align: middle;margin-left: 10px;}
.company-sort ul li .info h2{color: #3d3d3d;font-weight: bold;}
.company-sort ul li .info span{font-size: 14px;color: #848484;}
.company-sort ul li:hover .info h2,.company-sort ul li.cur .info h2{color: #27C27B;}
.company-sort ul li:hover .info span,.company-sort ul li.cur .info span{color: #27C27B;}
/*装修攻略*/
.company-strategy .tabs-tit{height: 40px;line-height: 40px;}
.company-strategy .tabs-tit ul li{width: 148px;font-size: 16px;color: #525252;text-align: center;border-bottom: 1px solid #E5E5E5;float: left;overflow: hidden;}
.company-strategy .tabs-tit ul li:first-child{border-right: 1px solid #E5E5E5;}
.company-strategy .tabs-tit ul li.cur{border-bottom: none;border-top: 3px solid #FF9C00;color: #FF9C00;}
.company-strategy .tabs-cont{padding: 10px 20px;}
.company-strategy .tabs-cont ul li{height: 40px;line-height: 40px;overflow: hidden;vertical-align: middle;}
.company-strategy .tabs-cont ul li span{display: inline-block;width: 20px;height: 20px;line-height: 20px;background: #e5e5e5;font-size: 14px;color: #525252;text-align: center;vertical-align: middle;}
.company-strategy .tabs-cont ul li span.orange-bg{background: #FF9C00;color: #FFFFFF;}
.company-strategy .tabs-cont ul li a{color: #848484;font-size: 14px;}
.company-strategy .tabs-cont a.more,.side-site a.more{color: #FF9C00;font-size: 14px;line-height: 40px;}

.side-site ul li{height: 30px;line-height: 30px;font-size: 14px;color: #848484;overflow: hidden;}

/*-----------------------------------装修公司列表页样式结束------------------------------------*/

/*-----------------------------------装修公司详情页样式开始-----------------------------------*/


/*装修保障、设、工、单、预*/
.sp_list{height: 28px;line-height: 28px;}
.sp_list span{display: inline-block;}
.sp_list span em{width: 20px;height: 20px;}
.sp_list span em.ico_ying{background-position: 0px -356px;}
.sp_list span em.ico_ying_no{background-position: 0px -387px;}
.sp_list span em.ico_zheng{background-position: -22px -356px;}
.sp_list span em.ico_zheng_no{background-position: -22px -387px;}
.sp_list span em.ico_hui{background-position: -44px -356px;}
.sp_list span em.ico_hui_no{background-position: -44px -387px;}
.sp_list span em.ico_bz{background-position: -68px -356px;}
.sp_list span em.ico_bz_no{background-position: -68px -387px;}
.sp_list span em.ico_she{background-position: -146px -356px;}
.sp_list span em.ico_gong{background-position: -197px -356px;}
.sp_list span em.ico_dan{background-position: -245px -356px;}
.sp_list span em.ico_yu{background-position: -294px -356px;}
.sp_list span em.ico_tui{background-position: -355px -356px;}
.sp_list span font{border: 1px solid #00ba97;position: relative;/*top: 1px;*/left: -2px;padding: 0 4px; display: inline-block;height: 16px;line-height: 16px;color: #00ba97;font-size: 12px;vertical-align: middle;}
.sp_list span b{font-size: 12px;line-height: 28px;padding: 1px 2px;font-weight: 100;}
/*装修保障、设、工、单、预*/
/*qq联系、预约设计*/
.to_comlist_btn{ margin-top:12px;}
.to_comlist_btn a{ display:inline-block;cursor:pointer;border-radius:3px;color:#fff;text-align:center;font-size:14px; width:120px; height:34px; line-height:34px; margin-right:10px;}
.to_comlist_btn a:hover{color: #FFFFFF;}
.to_comlist_btn .qq_btn{ margin-bottom: 13px; margin-right: 0; border: 1px solid #00b7d6;color: #00b7d6;text-align: center;width: 100%}
.to_comlist_btn .qq_btn:hover{color: #00b7d6;}
.to_comlist_btn .qq_btn em{width: 18px;height: 20px;background-position: 0px -446px;}
.to_comlist_btn .btn_sub_big{background-color: #ffab00;border:1px solid #ffab00; width: 100%; margin-right: 0}
.to_comlist_btn a.zbBtn{ color:#e7691e; background:#fff; border:1px solid #e7691e; height:30px; line-height:30px;}
/*qq联系、预约设计*/
.to_com_xy_rt{ text-align:center; width:20%;}
.to_com_xy_rt .tit{font-size: 16px;}
.to_com_xy_rt .xinyu{color: #ffab00;font-size: 26px;margin: 0px 0px 5px;}
.to_com_xy_rt .graycl{line-height: 20px;}
.to_com_xy_rt .graycl font{color: #ffab00;padding-left: 3px;}

/*几星评价*/
.blog_pingfen{width: 100%;height: 140px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;color: #646567;text-align: center;}
.blog_pingfen .pingfen_zh{font-size: 14px;}
.blog_pingfen .pingfen_zh font{font-size: 44px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff200), to(#ff7400)); color: transparent; -webkit-text-fill-color: transparent;-webkit-background-clip: text;font-weight: bold;}
.blog_pingfen p{margin: 5px 0;}
.blog_pingfen p .pf_bar_bg{display: inline-block;width: 157px;height: 26px;background: url(../images/company/pf_bg.png) no-repeat;position: relative;vertical-align: middle;}
.blog_pingfen p .pf_bar{display: inline-block;height: 26px;background: url(../images/company/pf.png) no-repeat;position: absolute;top: 0;left: 0;vertical-align: middle;}
.pf_bar_step0{width: 0;}
.pf_bar_step1{width: 20%;}
.pf_bar_step2{width: 40%;}
.pf_bar_step3{width: 60%;}
.pf_bar_step4{width: 80%;}
.pf_bar_step5{width: 100%;}
/*-----------------------------------装修公司详情页样式结束-----------------------------------*/

/*-----------------------------------设计师列表页样式开始------------------------------------*/
.designer-item .list .list-lt span{width: 31%;}
.designer-item .list .list-rt h3 span{font-size: 12px;margin-left: 20px;}
.designer-item .list .list-rt .btns{position: absolute;top: 25px;right: 0;}
.designer-item .list .list-rt .btns .rotate{ transform:rotateY(360deg);-moz-transition:all 0.5s !important; -webkit-transition:all 1.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important;}
.designer-item .list .list-rt .btns .hover{background:#F2C15A;color: #FFFFFF;}
.designer-item .list .list-rt .btns a{margin-left: 10px;}
.designer-item .list .list-rt .type{line-height: 30px;height: 30px;overflow: hidden;font-size: 14px;}
.designer-item .list .list-rt .type font{color: #848585;}
.designer-item .list .list-rt .type a{color: #525252;margin-right: 10px;}
/*厦门装修公司推荐*/
.side-deg ul li{height: 20px;line-height: 20px;overflow: hidden;padding: 9px 0;border-bottom: 1px dashed #E5E5E5;}
.side-deg ul li.cur{height: 74px;}
.side-deg ul li span.lt{display: inline-block;width: 20px;height: 20px;background: #e5e5e5;font-size: 14px;color: #525252;text-align: center;}
.side-deg ul li span.orange-bg{background: #FF9C00;color: #FFFFFF;}
.side-deg ul li.cur span.lt{height: 70px;line-height: 70px;}
.side-deg ul li .tit-img{display: none;}
.side-deg ul li.cur .tit-img{display:block;width: 70px;height: 70px;border-radius: 50%;border:1px solid #E5E5E5;overflow: hidden;margin-left: 10px;}
.side-deg ul li.cur .tit-img img{width: 70px;height: 70px;border-radius: 50%;}
.side-deg ul li .info{display: block;margin-left: 30px;}
.side-deg ul li.cur .info{margin-left: 120px;}
.side-deg ul li .info h4{height: 20px;line-height: 20px;font-size: 14px;border-bottom: none;}
.side-deg ul li.cur .info h4{width:100px;line-height: 40px;height: 40px;font-size: 16px;text-align: center;}
.side-deg ul li .info h4 a{color: #6f6f6f;font-weight: normal;}
.side-deg ul li.cur .info h4 a{color: #000000;font-weight: bold;}
.side-deg ul li .info .yuyue{display: none;}
.side-deg ul li.cur .info .yuyue{display:inline;padding: 8px 10px;border: 1px solid #E5E5E5;border-radius: 20px;font-size: 12px;color: #ff9c00;}
.side-sign ul li.cur .info h4{height: 21px;line-height: 20px; font-size: 14px;text-align: left;}
.side-sign ul li.cur .info h4 a{font-weight: normal;}
.side-sign ul li .info span{display: none;}
.side-sign ul li.cur .info span{display: block;font-size: 12px;}

/*-----------------------------------设计师列表页样式结束------------------------------------*/

/*-----------------------------------设计师详情页样式开始------------------------------------*/
.designer-card>h2{border-left: 3px solid #FF9C00;padding-left: 20px;margin-bottom: 10px;}
.designer-card table{width: 100%;border: 1px solid #E5E5E5;}
.designer-card table th{    vertical-align: top; width: 200px;border-right: 1px solid #E5E5E5;}
.designer-card table th img{width: 160px;height: 160px;margin-top: 30px;border: 1px solid #E5E5E5;text-align: center;}
.designer-card table th .num{width: 160px;margin: 30px auto 0;}
.designer-card table th .num li{display: inline-block;width: 31%;text-align: center;font-size: 12px;}
.designer-card table th .num li span{display: block;}
.designer-card table td{line-height: 30px;padding: 15px;border-bottom: 1px solid #E5E5E5;position: relative;}
.designer-card table td h2{height: 30px;line-height: 30px;}
.designer-card table td .btns{position: absolute;right: 15px;top: 13px;}
.designer-card table td .btns a{margin-right: 10px;}
.designer-card table tr:last-child td{border-bottom: none;}
.designer-card table td h2 span{color: #525252;margin-left: 20px;margin-right: 20px;}
.designer-card table td h2 i{width: 30px;height: 27px;margin-right: 5px;}
.designer-card table td h2 i.icon1{background-position: 0 0;}
.designer-card table td h2 i.icon2{background-position: -48px 0;}
.designer-card table td span{display: inline-block;font-size: 14px;color: #848585;margin-right: 50px;}
.designer-card table td span a,.designer-card table td span font{color: #525252;margin-right: 15px;}
.designer-card table td .intro{color: #525252;font-size: 14px;}
/*我的作品*/
.work-list ul li{ margin-bottom: 20px; margin-right: 15px; float: left;}
.work-list ul li.first{margin-left: 0;}
.work-list ul li a.tit-img{display: block;width: 290px;height: 200px;position: relative;}
.work-list ul li a.tit-img img{width: 290px;height: 200px;}
.work-list ul li a.tit-img span{width: 50px;height: 25px;line-height: 25px;position: absolute;bottom: 10px;right: 0;background: #000000;opacity: .7;-webkit-opacity: .7;filter: alpha(opacity=70);color: #FFFFFF;text-align: center;font-size:15px;border-radius: 25px 0 0 25px;}
.work-list ul li .info{height:40px;line-height:40px;border: 1px solid #E5E5E5;border-top: none;position: relative;}
.work-list ul li .info .tips{height: 0;overflow: hidden;position: absolute;top: 0;left: -1px;}
.work-list ul li:hover .info .tips{height: 40px;width: 290px;top: -40px;color: #FFFFFF;transition: all .2s ease-in-out;z-index: 5;}
.work-list ul li .info .tips a{display: inline-block;width: 48%;font-size: 15px;color: #FFFFFF;text-align: center;}
.work-list ul li .info .tips a:hover{color: #27C27B;}
.work-list ul li .info .bg-opacity{height: 0;width: 290px;position: absolute;top:0;left: -1px;transition: all .2s ease-in-out;}
.work-list ul li:hover .info .bg-opacity{height: 40px;top: -40px;}
.work-list ul li .info h3{padding: 0 10px;font-size: 14px;color: #525252;height: 40px;line-height: 40px;}
.work-list ul li .info h3 a{color: #525252; width:240px ; display: inline-block }
/*关注的设计师*/
.designer-list ul li{width: 560px;padding: 20px;float: left;position:relative;border: 1px solid #E5E5E5;margin: 0 0 15px 15px;}
.designer-list ul li.first{margin-left: 0;}
.designer-list ul li .tit-img{width: 160px;height: 160px;border: 1px solid #E5E5E5;}
.designer-list ul li .tit-img img{width: 160px;height: 160px;}
.designer-list ul li .des{width: 380px;}
.designer-list ul li .des h3 span{font-size: 14px;margin-left: 20px;}
.designer-list ul li .des .delete-like{width: 70px;height: 20px;line-height: 20px;position: absolute;top:20px;right: 20px;border: 1px solid #F2C15A;color: #F2C15A;font-size: 12px;text-align: center;}
.designer-list ul li .des .num{line-height: 33px;}
.designer-list ul li .des .num span{font-size: 14px;color: #727272;margin-right: 20px;}
.designer-list ul li .des .type{font-size: 14px;line-height: 33px;}
.designer-list ul li .des .type span{width: 75px;color: #848585;}
.designer-list ul li .des .type .info{margin-left: 75px;}
.designer-list ul li .des .type .info a{color: #525252;margin-right: 15px;}
/*-----------------------------------设计师详情页样式结束------------------------------------*/

/*-----------------------------------在建工地列表页样式开始-----------------------------------*/
.site-warp{background-color: #F5F5F5}
.site-warp .site-head { width: 100%; height: 418px; background: url("../images/site/site-back.jpg") no-repeat 0; background-size: cover; }
.site-warp .site-head .head-conter { width: 1460px; margin: 0 auto; padding-top: 295px;text-align:center}
.site-warp .site-head .head-conter .stage-info { display: inline-block; width: 1270px; height: 70px; padding: 13px  20px; border-radius: 10px; background: rgba(246, 248, 250, 0.95); box-sizing: border-box; }
.site-warp .site-head .head-conter .stage-info .select-box { position: relative; float: left;height: 42px;  }
.site-warp .site-head .head-conter .stage-info .select-box a { display: inline-block;  vertical-align: top;  padding-top: 9px; }
.site-warp .site-head .head-conter .stage-info .select-box .select-tag { display: inline-block; width: 114px;
    font-size: 14px; letter-spacing: 2px; margin-left: 3px; padding-left: 10px; border: 1px solid #acacac;box-sizing: border-box;
    background: url(../images/new-case/select-icon.png) no-repeat scroll right center transparent;
    background-color: white;
    text-align: left;
    background-size: 16px;
    background-position: 91px 16px;
}
.site-warp .site-head .head-conter .stage-info .select-box .select-tag >span{display:inline-block;  height: 40px; line-height:40px;}
.site-warp .site-head .head-conter .stage-info .select-box .select-item{position: absolute;display:none;  width: 78.5%;  top: 39px;  background-color: white;  left: 29px;  border: 1px solid #acacac;}
.site-warp .site-head .head-conter .stage-info .select-box .select-item a{display:inline-block;width:100%;
    line-height:34px;text-align: center;padding-top: 0;font-size:14px; }
.site-warp .site-head .head-conter .stage-info ul { position: relative; display: inline-block; padding: 4px 0 0 20px; margin-left: 24px; }
.site-warp .site-head .head-conter .stage-info ul li { float: left; margin-right: 48px; }
.site-warp .site-head .head-conter .stage-info ul li a { display: inline-block;font-size:16px; line-height: 40px; color: #616161; }
.site-warp .site-head .head-conter .stage-info ul li a span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; border: 2px solid #cdcdcd; }
.site-warp .site-head .head-conter .stage-info ul li  .alone-span span { border: 2px solid #ff7e00;  }
.site-warp .site-head .head-conter .stage-info ul li  .alone-span {color:#ff7e00 }
.site-warp .site-head .head-conter .stage-info ul:before { position: absolute; content: ""; width: 1px; height: 60%; top: 10px; left: 0; background-color: #acacac; }
.site-warp .main-site { width: 1460px; margin: 0 auto; padding-top: 20px; overflow:hidden }
.site-warp .main-site .site-content { width: 1142px; float: left; margin: 0 0 20px 0; }
.site-warp .site-item { display: inline-block; width: 100%;margin-left:3px;  background-color: white; padding: 20px; margin-bottom: 20px; box-shadow: 1px 0px 14px 2px #efefef; box-sizing: border-box; border-radius: 5px; }
.site-warp .site-item .img-tag { display: inline-block; float: left; width: 285px; height: 180px; position: relative;}
.site-warp .site-item .img-tag a { display: inline-block; height: 100%;width: 100% }
.site-warp .site-item .img-tag a img { width: 100%; height: 100%; }
.site-warp .site-item .img-tag .site-stage{position: absolute;top:0;left:0;width:80px;height:35px;color:#fff;background: #2FB476;line-height: 35px;text-align: center;  border-bottom-right-radius: 10px;}
.site-warp .site-item .info-tex { position: relative; float: left; width: 760px; margin-left: 20px; }
.site-warp .site-item .info-tex .site-link { position: absolute; display: inline-block; width: 178px; line-height: 48px; color: white; font-size: 17px; right: 5px; top: 56px; letter-spacing: 1px; text-align: center; background-color: #2fb476; border-radius: 5px; }
.site-warp .site-item .info-tex h5 { font-size: 22px; height: auto;font-weight: bold; letter-spacing: 2px; line-height: 56px; }
.site-warp .site-item .info-tex .link-tag { margin-top: 15px; }
.site-warp .site-item .info-tex .link-tag a { display: inline-block; line-height: 26px; border-radius: 6px; min-width: 60px; text-align: center; padding: 0 5px; color: #27b070; margin-right: 5px; border: 1px solid #27b070; }
.site-warp .site-item .info-tex .add-tag { margin: 34px 0 25px 0; font-size: 16px; }
.site-warp .site-item .info-tex .add-tag em { display: inline-block; margin-right: 5px; vertical-align: text-bottom; }
.site-warp .site-item .info-tex .site-part .item { display: inline-block; }
.site-warp .site-item .info-tex .site-part .item > span { float: left; position: relative; display: inline-block; width: 108px; height: 5px; background-color: #d8d8d8; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.site-warp .site-item .info-tex .site-part .item > span em { position: absolute; display: inline-block; width: 9px; height: 9px; top: -4px; left: 50%; margin-left: -6px; border: 2px solid #d8d8d8; border-radius: 50%; z-index:10; background-color: white; }
.site-warp .site-item .info-tex .site-part .item .color-style { background-color: #ff7e00; }
.site-warp .site-item .info-tex .site-part .item .color-style em { border: 2px solid #ff7e00; }
.site-warp .site-item .info-tex .site-part .item > span:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.site-warp .site-item .info-tex .site-part ul li { float: left; width: 108px; text-align: center; line-height: 40px; }


.introduce-site { display: inline-block;margin-bottom: 30px; border-radius: 5px; width: 100%; float: left; padding: 20px; background-color: white; box-shadow: 1px 0px 8px #efefef; box-sizing: border-box; }
.introduce-site .step-item { width: 100%; }
.introduce-site .step-item h5 { width: 100%; font-size: 24px; height: auto; padding: 8px 0; }
.introduce-site .step-item h5 em { display: inline-block; vertical-align: middle; }
.introduce-site .step-item h5 span { display: inline-block; float: right; font-size: 15px; line-height: 58px; }
.introduce-site .step-item h5 .time-tex{  display: inline-block;margin-left: 20px;font-size: 22px;}
.introduce-site .step-item h5 span img{ vertical-align: sub}
.introduce-site .step-item .tex { display: inline-block; width: 100%; padding-left: 28px; margin-left: 25px; box-sizing: border-box; border-left: 1px solid #efefef; }
.introduce-site .step-item .tex p { width: 98%; line-height: 28px;font-size: 15px; }
.introduce-site .step-item .tex ul { display: inline-block; width: 100%; padding: 12px 0; }
.introduce-site .step-item .tex ul li { float: left; margin-right: 12px;margin-bottom: 12px; }
.introduce-site .step-item .tex ul li a { display: inline-block; width: 252px; height: 190px; }
.introduce-site .step-item .tex ul li a img { width: 100%; height: 100%; }
.introduce-site .step-item .tex ul .video-js{width: 252px; height: 190px; }
.introduce-site .step-item .tex ul .vjs-poster{background-color: rgba(100,100,100,.5);}
.introduce-site .step-item .tex ul li:last-child { margin-right: 0; }
.cnter-head{width: 1460px;margin: 0 auto}



@media (max-width: 1460px) and (min-width: 0px) {
    .site-warp .main-site { width: 1220px; }
    .site-warp .site-head .head-conter{ width: 1220px;}
    .site-warp .site-head .head-conter .stage-info{ width: 1180px;}
    .site-warp .site-head .head-conter .stage-info ul li{margin-right: 36px;}
    .site-warp .main-site .site-content { width: 900px; }
    .site-warp .site-item .info-tex .site-link{width: 160px;  line-height: 40px;  color: white;  font-size: 16px;}
    .site-warp .main-site .site-content .site-item { padding: 10px; }
    .site-warp .main-site .site-content .site-item .img-tag { width: 230px; height: 140px;}
    .site-warp .main-site .site-content .site-item .info-tex { margin-left: 10px; width: 596px; }
    .site-warp .main-site .site-content .site-item .info-tex h5 { line-height: 46px; }
    .site-warp .main-site .site-content .site-item .info-tex .link-tag { margin-top: 10px; }
    .site-warp .main-site .site-content .site-item .info-tex .add-tag { margin: 18px 0 10px 0; }
    .site-warp .main-site .site-content .site-item .info-tex .site-part ul li { width: 84px; }
    .site-warp .main-site .site-content .site-item .info-tex .site-part .item > span { width: 84px; }
    .introduce-site .step-item .tex ul li a {     width: 194px;  height: 134px; }
    .introduce-site .step-item .tex ul .video-js{width:194px;height:134px;}
}

/*# sourceMappingURL=new-list.css.map */

/*-----------------------------------在建工地列表页样式结束-----------------------------------*/

/*-----------------------------------在建工地详情页样式开始-----------------------------------*/
.site-header{padding: 30px 20px;position: relative;border-left: 2px solid #F2C15A;border-right: 2px solid #F2C15A;}
.site-header .site-header-rt .btns{right: 20px;}
.site-header .site-header-rt .type{height: 30px;line-height: 30px;}
.site-header .site-header-rt .type span{width: 32%;display: inline-block;}
.site-header .site-header-rt .intro{font-size: 14px;}
.site-header .site-header-rt .intro span{color: #a4a3a3;width: 75px;}
.site-header .site-header-rt .intro p{margin-left: 75px;color: #525252;}
.site-header .progress{position: absolute;bottom: -52px;left: 147.5px;}
.diary-center-warp{width:1460px; }
.site-detail{position: relative;}
.site-detail .site-nav{width: 110px;height: 240px;position: absolute;top: -15px;left: -115px;padding-left: 5px;}
.site-detail .site-nav-fiexd{position: fixed;top: 10px;}
.site-detail .site-nav ul li{height: 30px;line-height: 30px;font-size: 14px;color: #525252;cursor: pointer;}
.site-detail .site-nav ul li.cur{color: #27C27B;}
.site-detail .site-nav ul li i{width: 10px;height: 10px;background-position: -7px -229px;margin-left: 20px;}
.site-detail .site-nav ul li.cur i{width: 27px;height: 20px;margin-left: 15px;background-position: -6px -195px;}
.site-detail .site-content {padding-left: 20px;}
.site-detail .site-content ul li{padding: 0 0 45px 30px;position: relative;}
.site-detail .site-content ul li:first-child{height: 1px;border-left: none;padding: 0 0 0 30px;margin-bottom: 30px;}
.site-detail .site-content ul li:first-child.cur{height: 1px;background: #E5E5E5;}
.site-detail .site-content ul li i{width: 20px;height: 20px;background-position: -8px -158px;position: absolute;top: 0;left: -10px;}
.site-detail .site-content ul li.cur i{background-position: -40px -158px;}
.site-detail .site-content ul li h2{height: 20px;line-height: 20px;}
.site-detail .site-content ul li h2 span{color: #525252;font-size: 16px;}
.site-detail .site-content ul li.cur h2{color: #27C27B;}
.site-detail .site-content ul li .info{color: #848585;font-size: 14px;line-height: 25px;}
.site-detail .site-content ul li  .info_img{display: inline-block;min-height: 100px;  overflow: hidden;  }
.site-detail .site-content ul li  .info_img ul{display: inline-block;width: 100%;  min-height: 121px;}
.site-detail .site-content ul li  .info_img ul li{ width: 250px; float: left;height: 200px;  padding: 25px 25px 0 0; margin: 0}
.site-detail .site-content ul li  .info_img ul li img{ width:100%; height: 100%; }
.site-detail .site-content ul li .info img{display: block;,max-width: 600px;margin: 10px auto 0;}
/*城市新闻*/
.site-external .list{width: 100%;}
.site-external .list ul li{float: left;width: 49%;margin-right: 1%;}
/*-----------------------------------在建工地详情页样式结束-----------------------------------*/
/*-----------------------------------优惠活动列表页样式开始-----------------------------------*/
.offers-items ul li{position: relative;padding: 30px 0;border-bottom: 1px solid #E5E5E5;}
.offers-items ul li:last-child{border-bottom: none;}
.offers-items .list-lt{width: 220px;height: 160px;}
.offers-items .list-lt img{width: 220px;height:160px;}
.offers-items .list-rt{width:610px;}
.offers-items .list-rt h3 {width: 390px;overflow:hidden;}
.offers-items .list-rt h3 a,.offers-header h3{color: #525252;}
.offers-items .list-rt .type,.offers-header .type{font-size: 14px;}
.offers-items .list-rt .type a,.offers-header .type a{color: #F2C15A;}
.offers-items .list-rt .type .web{color: #525252;}
.offers-items .list-rt .btns{position: absolute;top: 30px;right: 0;}
.offers-items .list-rt .btns a{margin-left: 20px;}
.offers-items .list-rt .time{font-size: 16px;position: absolute;top:100px;right:0;}
/*-----------------------------------优惠活动列表页样式结束-----------------------------------*/

/*-----------------------------------优惠活动详情页样式开始-----------------------------------*/


/*-----------------------------------优惠活动详情页样式结束-----------------------------------*/

.form-box { padding-top: 15px; width: 100%; }
.form-box span { position: relative; display: inline-block; width: 200px; height: 18px; border: 1px solid #ea8e5e; border-radius: 10px; background-color: white; margin-right: 60px; }
.form-box span em { display: inline-block;float: left; width: 69%; height: 100%; background-color: #ff7e00; border-radius: 10px; }
.form-box span .tex { position: absolute;  top: 0px;  left: 0;height:18px;line-height: 18px;  width: 100%;  font-size: 13px;  color: white;  text-align: center; }
.form-box input { margin-right: 13px; display: inline-block; padding-left: 10px; line-height: 42px; font-size: 16px; border: 1px solid #d9d9d9; border-radius: 8px; background-color: #f8f8f8; box-sizing: border-box; }
.form-box input[type="button"] { display: inline-block; width: 200px; font-size: 22px; padding: 0; color: white; letter-spacing: 2px; text-align: center; background-color: #ff9c00; border: none; margin-right: 0; }

.activity-details { width: 100%; background: url("../images/youhui/back.jpg") no-repeat; background-size: 100%; background-color: #f9f9f9; }
.activity-details h3 { padding-top: 34px;color:black;  text-align: center; font-size: 40px; height: auto; line-height: 60px; }
.activity-details .info-content { width: 1200px; margin: 0 auto; margin-top: 34px; }
.activity-details .info-content .info-head { display: inline-block; padding: 42px 20px; width: 100%; height: 360px; box-sizing: border-box; background-color: white; border-radius: 5px;   box-shadow: 0px 1px 4px #efefef; }
.activity-details .info-content .info-head .img-tag { width: 468px; height: 276px; float: left; }
.activity-details .info-content .info-head .img-tag img{ width: 100%;height: 100%;}
.activity-details .info-content .info-head .info-right { float: right; width: 676px; }
.activity-details .info-content .info-head .info-right .info-top { width: 100%; height: 212px; border: 1px solid #d2d2d2; border-radius: 12px; overflow: hidden; }
.activity-details .info-content .info-head .info-right .info-top .list-title { display: inline-block; padding: 30px 20px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box1 { float: left; width: 180px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box1 p { font-size: 18px; text-align: center; padding-bottom: 30px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box1 span { position: relative; display: inline-block; width: 100%; height:18px;border: 1px solid #ea8e5e; border-radius: 10px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box1 span em {float: left;  display: inline-block; width: 69%; height: 100%; background-color: #ff7e00; border-radius: 10px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box1 span .tex { position: absolute; top:0px; left: 0; width: 100%;height:18px;line-height:18px; font-size: 13px; color: white; text-align: center; }

.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box2 { float: left; width: 198px; text-align: center; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box2 p { font-size: 18px; padding-bottom: 30px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box2 span { font-size: 18px; font-weight: bold; color: #ff6600; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box3 { float: left; text-align: center; width: 258px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box3 p { font-size: 18px; padding-bottom: 18px; }
.activity-details .info-content .info-head .info-right .info-top .list-title .tiele-box3 .time-box span { display: inline-block;
    height: 40px; line-height: 40px; color: white; font-size: 28px; background-color: black; }
.activity-details .info-content .info-head .info-right .info-top .time-tex { display: inline-block; width: 100%; padding: 10px 15px; background-color: #f8f8f8; box-sizing: border-box; }
.activity-details .info-content .info-head .info-right .info-top .time-tex > p { line-height: 24px; font-size: 14px; }
.activity-details .info-content .info-tex-box { margin: 30px 0; width: 100%; padding: 20px 0 30px 0; background-color: white; border-radius: 5px;   box-shadow: 0px 1px 4px #efefef; }
.activity-details .info-content .info-tex-box .tex { padding: 15px 0; width: 840px; margin: 0 auto; border-bottom: 1px solid #e6e6e6; }
.activity-details .info-content .info-tex-box .tex h4 { font-size: 40px; height: auto; line-height: 70px; text-align: center; padding-bottom: 10px; }
.activity-details .info-content .info-tex-box .tex p { color: #8d8d8d; font-size: 16px; line-height: 26px; }
.activity-details .conter-box{ margin: 0 auto; width: 1460px; }

@media (max-width: 1460px) and (min-width: 0px) {
    .activity-details .conter-box{ ; width: 1220px; }
}

.show-about { position: fixed;display: none;  top: 0; left: 0; width: 100%;background-color: white;  z-index: 999;  box-shadow: 1px 1px 6px 2px #efefef }
.show-about .about-content { width: 1200px; margin: 0 auto; padding: 15px 0; overflow: hidden; }
.show-about .about-content .img-tag { float: left; width: 195px; height: 124px;  overflow: hidden;}
.show-about .about-content .img-tag img { width: 100%; height: 100%; }
.show-about .about-content .data-box { width: 944px; float: right; }
.show-about .about-content .data-box h4 { font-size: 24px; color: black; letter-spacing: 2px; line-height: 60px;height: auto }
.not-tex{border:1px solid #d3cfcc !important;}
.not-tex em{background-color: #d3cfcc !important;}


/*-----------------------------------城市新闻列表页样式开始-----------------------------------*/
.news-items ul li,.article-items ul li{padding: 30px 0;position: relative;border-bottom: 1px solid #E5E5E5;}
.news-items ul li:last-child,.article-items ul li:last-child{border-bottom: none;}
.news-items ul li .list-lt,.article-items ul li .list-lt{width: 220px;height: 160px;}
.news-items ul li .list-lt img,.article-items ul li .list-lt img{width: 220px;height: 160px;}
.news-items ul li .list-rt,.article-items ul li .list-rt{width: 610px;}
.news-items ul li .list-rt h3 a,.article-items ul li .list-rt h3 a{color: #525252;}
.article-items ul li .list-rt h3 a:hover{color: #ff9c00;}
.news-items ul li .list-rt h3 a:hover{color: #ff9c00;}
.news-items ul li .list-rt .num,.article-items ul li .list-rt .num{position: absolute;top: 30px;right: 0;font-size: 14px;}
.news-items ul li .list-rt .intro,.article-items ul li .list-rt .intro{height: 78px;line-height: 26px;font-size: 14px;color: #848585;overflow: hidden;}
.news-items ul li .type,.article-items ul li .list-rt .type{font-size: 14px;}
.news-items ul li .type a,.article-items ul li .list-rt .type a{color: #525252;margin-right: 10px;}
/*-----------------------------------城市新闻列表页样式结束-----------------------------------*/

/*-----------------------------------报价与设计转化弹窗样式开始 2019/1/8-----------------------------------*/
/*-----------------------------------报价与设计转化弹窗样式开始 2019/1/8-----------------------------------*/
.calculation-popup{ display: none; width: 100%;height: 100%;position: fixed; left:0; top: 0; z-index: 9999;background-color:rgba(0,0,0,0.6)}
.calculation-popup .popup-content .switch-box{position: absolute;left: -27px; bottom: 80px; display: inline-block;width: 40px;height: 200px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden}
.calculation-popup .popup-content .switch-box a{display: inline-block;color: #2c2c2c; height: 100px;width: 100%;background-color: #eaebed;font-size: 17px;box-sizing: border-box;padding: 12px 10px;}
.calculation-popup .popup-content .switch-box  .click-tag{ border-left: 5px solid #00af63; background-color: white;color: #00af63}
.calculation-popup .popup-content  .popup-close-icon{display: inline-block;  right: -12px;  position: absolute;  top: 127px;}

.calculation-popup .popup-content{display: inline-block;position: absolute;left: 50%;top: 50%;margin-left:-556px;margin-top:-300px;  width: 1113px;height: 562px; background:url("../images/list-img/calculation-popup.png")no-repeat}
.calculation-popup .popup-content .popup-form-box{padding: 200px 82px 0 82px ; display:inline-block;width: 100%;box-sizing: border-box}
.calculation-popup .popup-content .popup-form-box .right-box  h5{font-size: 28px;text-align: center;color: #2e2d2d;height: auto;line-height: 30px;}
@-webkit-keyframes SwimmingPyramid {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes SwimmingPyramid {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.calculation-popup .popup-content .popup-icon{position: absolute;display: inline-block;top: 50%;left:50%;margin-top: -19px;margin-left: -62px;  }
.calculation-popup .popup-content .popup-icon a{display: inline-block; position: relative;  width: 136px;  height: 136px;  text-align: center;  overflow: hidden;}
.calculation-popup .popup-content .popup-icon a img{ text-align: center; animation: SwimmingPyramid 1.2s linear infinite; -webkit-animation: SwimmingPyramid 1.2s linear infinite}
.calculation-popup .popup-content .popup-icon a .tex{  display: inline-block;  width: 96px;  height: 96px;  color: white;
    font-size: 18px;  background-color: #ffb400;  border-radius: 50%;  position: absolute;  top: 50%;
    left: 50%; margin-left: -48px;margin-top: -48px; line-height: 30px;  letter-spacing: 2px;  padding: 17px 20px 20px 20px;  box-sizing: border-box;}
.calculation-popup .popup-content .popup-form-box .left-box{display: inline-block;float: left; width: 312px;color: #7e7e7e;margin-top: 24px;}
.calculation-popup .popup-content .popup-form-box .left-box .title-box{width: 235px;float: right;}
.calculation-popup .popup-content .popup-form-box .left-box .title-box2 h3{text-align: center;color: #00af63;font-size: 28px;height: auto;font-weight: bold;line-height: 50px;}
.calculation-popup .popup-content .popup-form-box .left-box .title-box  p{text-align: center;padding-bottom: 10px;font-size: 14px;}
.calculation-popup .popup-content .popup-form-box .left-box .title-box  p font{color: #e8ae23}
.calculation-popup .popup-content .popup-form-box .left-box .form_row{width: 100%;display: inline-block;margin-top: 12px;font-size: 14px;}
.calculation-popup .popup-content .popup-form-box .left-box .form_row label{ float: left;display: inline-block;line-height: 34px;}
.calculation-popup .popup-content .popup-form-box .left-box .form_row label i{display: inline-block;color:#ffb400;margin-right: 6px;font-size: 24px; line-height: 18px;  vertical-align: -webkit-baseline-middle;}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box{ float: right;width:  235px;position: relative;margin-top: 0!important;}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box2{ float: right;width:  268px;}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box select{    width:47%; color: #7e7e7e; height: 35px;  font-size: 15px;  padding: 0 12px;  border: 1px solid #d6d6d6;}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box select:nth-child(2n+0){float: right}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box input{width: 100%;  height: 35px;  font-size: 14px;  line-height: 35px;  padding: 0 15px;    border: 1px solid #d6d6d6;display: inline-block;box-sizing: border-box}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box >a{display: inline-block;width: 100%;line-height: 40px;color: white;background-color:#ffb400;border-radius: 5px;text-align: center}
.calculation-popup .popup-content .popup-form-box .left-box .form_row .input-box .square{display: inline-block;  position: absolute; right: 8px;  top: 11px;}
.calculation-popup .popup-content .popup-form-box .left-box .form-footer{margin-top: 20px;}
.calculation-popup .popup-content .popup-form-box .left-box .form-footer span{float: right; display: inline-block; width: 235px;text-align:center;color:#ffb400;font-size: 12px;}
.calculation-popup .popup-content .popup-form-box .right-box{width: 300px;float: right;margin-top: 12px;}
.calculation-popup .popup-content .popup-form-box .right-box  h4{font-size: 28px;font-weight: bold;text-align: center;height: auto;line-height:30px;margin-bottom:20px;height: auto}
.calculation-popup .popup-content .popup-form-box .right-box .element{color: #ffb400;text-align: center;font-size: 28px;font-weight:bold;line-height: 64px;}
.calculation-popup .popup-content .popup-form-box .right-box .tex-box{ display: inline-block;width: 100%;box-sizing: border-box;border: 1px solid #c5c5c5;padding: 15px;}
.calculation-popup .popup-content .popup-form-box .right-box .tex-box p{text-align: center;font-size: 17px;line-height: 38px;}
.calculation-popup .popup-content .popup-form-box .right-box .tex-box p font{color: #ffb400}
.calculation-popup .popup-content .popup-form-box .right-box .footer-tex{text-align: center;color: #ffb400; line-height: 40px;margin-top: 10px;}
.calculation-popup .popup-content .popup-form-box .left-box2 {width: 359px;margin-top: 26px;}
.calculation-popup .popup-content .popup-form-box .left-box2
.calculation-popup .popup-content .popup-form-box .left-box2 .form-footer span{width:  268px;}
.calculation-popup .popup-content .popup-form-box .right-box2{width: 367px;}



    /*-----------------------------------报价与设计转化弹窗样式结束-----------------------------------*/




/*-----------------------------------城市新闻详情页样式开始-----------------------------------*/
.news-detail .news-detail-title .tips{color: #848585;font-size: 14px;line-height: 26px;text-align: center;}
.news-detail .news-detail-title .tips span{margin-right: 70px;}
/*-----------------------------------城市新闻详情页样式结束-----------------------------------*/

/*-----------------------------------装修日记列表页样式开始-----------------------------------*/
*{padding: 0; margin: auto}
.warp-back1{background-color: #f9f9f9}
.dairy-warp{width: 1460px;margin: 0 auto}
.diary-head {display:inline-block; height: 184px;  padding: 20px;margin-bottom: 20px;  width: 100%; box-sizing: border-box;background-color:white; box-shadow:  0px 0px 8px #efefef; }
.diary-head .img-tag { float: left; width: 94px; }
.diary-head .img-tag .portrait-img { display: inline-block; width: 94px; height: 94px; border-radius: 50%; overflow: hidden; }
.diary-head .img-tag .portrait-img img { width: 100%; height: 100%; }
.diary-head .img-tag .name-tag { display: inline-block; font-size: 18px; font-weight: bold; width: 100%; text-align: center; line-height: 46px;     text-overflow: ellipsis;
    display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
.diary-head .info-box { width: 660px; float: left; font-size: 20px; margin-left: 34px; }
.diary-head .info-box h4 { display: inline-block; width: 100%; line-height: 50px;height:auto}
.diary-head .info-box h4 .title { float: left; width: 100%; }
.diary-head .info-box .link-box { display: inline-block; width: 100%; margin: 5px 0; }
.diary-head .info-box .link-box a { float: left; display: inline-block; font-size: 14px; padding: 0 10px; color: #24b662; line-height: 26px; margin-right: 10px; border: 1px solid #24b662; border-radius: 4px; }
.diary-head .info-box .add-box { padding-top: 10px; }
.diary-head .info-box .add-box span { display: inline-block; font-size: 15px; margin-right:20px;}
.diary-head .info-box .add-box span img{ vertical-align: text-top;}
.diary-head .read-box { float: left; width: 200px;font-family: 思源黑体 CN;margin-left: 2%;}
.diary-head .read-box .like-tex { padding: 0 15px; margin: 34px 0; float: left;min-width: 64px; }
.diary-head .read-box .like-tex font { display: inline-block; width: 100%; font-size: 22px; color: #ff8a00; line-height: 36px; text-align: center; }
.diary-head .read-box .like-tex p { font-size: 17px; color: #c0c0c0; line-height: 36px; letter-spacing: 1px; text-align: center; }
.diary-head .read-box .like-tex:first-child { border-right: 1px solid #c0c0c0; }
.diary-head  .qr-box{float: left;width: 120px ;     margin-left: 12%; overflow: hidden}
.diary-head  .qr-box  img{width: 100%}
.diary-head  .qr-box p{text-align: center;line-height: 28px;font-size: 14px;}
.diary-list {  width: 1140px;  float: left }
.diary-list h3{font-size: 30px;line-height: 40px;display: inline-block;width: 100%;height: auto;padding: 15px;background-color: white;box-sizing: border-box}
.diary-list h3 a{float: right;font-size: 15px; }
.diary-list h3 a img{vertical-align: sub}
.diary-list .diary-item { display: inline-block;background-color: white; padding: 20px; width: 100%;margin-top: 18px; box-sizing: border-box; }
.diary-list .diary-item .img-tag { float: left; width: 94px; }
.diary-list .diary-item .img-tag .portrait-img { display: inline-block; width: 94px; height: 94px; border-radius: 50%; overflow: hidden; }
.diary-list .diary-item .img-tag .portrait-img img { width: 100%; height: 100%; }
.diary-list .diary-item .img-tag .name-tag { display: inline-block; font-size: 18px;  width: 100%; text-align: center; line-height: 24px; font-weight: bold; padding: 14px 0 }
.diary-list .diary-item .img-tag p { text-align: center; }
.diary-list .diary-item .info-box { width: 992px; float: left; font-size: 20px; margin-left: 14px; }
.diary-list .diary-item .info-box h4 { display: inline-block; width: 100%; line-height: 40px;height: auto }
.diary-list .diary-item .info-box h4 .title { float: left; width: 70%; }
.diary-list .diary-item .info-box h4 .data-tex { font-size: 15px; float: right; color: #6e6e6e; }
.diary-list .diary-item .info-box h4 .data-tex span { display: inline-block; margin-left: 10px; }
.diary-list .diary-item .info-box h4 .data-tex span img{vertical-align: text-top}
.diary-list .diary-item .info-box .link-box { display: inline-block; width: 100%; margin: 5px 0; }
.diary-list .diary-item .info-box .link-box a { float: left; display: inline-block; font-size: 14px; padding: 0 10px; color: #24b662; line-height: 26px; margin-right: 10px; border: 1px solid #24b662; border-radius: 4px; }
.diary-list .diary-item .info-box > p { font-size: 15px; line-height: 28px; }
.diary-list .diary-item .info-box > p a{    text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; }
.diary-list .diary-item .info-box ul li { float: left; margin-top: 10px; margin-right: 10px; }
.diary-list .diary-item .info-box ul li a { display: inline-block; width: 240px; height: 154px;    overflow: hidden; }
.diary-list .diary-item .info-box ul li a img { width: 100%; height: 100%; webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;  -ms-transition: 0.3s ease;  -o-transition: 0.3s ease;  transition: 0.3s ease; }
.diary-list .diary-item .info-box ul li a  img:hover {-webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.diary-list .diary-item .info-box ul li:nth-child(4n+0) { margin-right: 0; }

.dairy-detail h3.tit{    height: 40px;  line-height: 40px;  border-bottom: 1px solid #E5E5E5;}
.dairy-detail ul li{padding: 10px 20px 20px;  margin-top: 30px;  border: 1px solid #E5E5E5;}
.dairy-detail .info span{display: block;  font-size: 15px;}
.dairy-detail{width: 100%}
.dairy-box{ width: 100%;overflow: hidden}
.diary-list .diary-item .img-alone{width: 54px;}
.diary-list .diary-item .img-alone .portrait-img{width: 54px;height: 54px;}
.diary-list .diary-item .info-box2{width: 1030px}

@media (max-width: 1460px) and (min-width: 0px) { .diary-list { width: 900px; }
    .diary-list .diary-item .info-box { width: 752px; }
    .dairy-box{width:1220px;}
    .dairy-warp{width: 1220px;}
    .diary-head .info-box{width: 640px;}
    .diary-head .read-box{margin-left: 0%;}
    .diary-head .qr-box{margin-left:5%;}
    .diary-list .diary-item .info-box ul li a { width: 180px; height: 130px; }
    .diary-list .diary-item .info-box2{width: 790px}
}
/*-----------------------------------装修日记列表页样式结束-----------------------------------*/


/*-----------------------------------业主列表页样式开始-----------------------------------*/
.service-commitment h1{line-height:40px;color: #FF9C00;font-size: 25px;text-align: center;letter-spacing: 4px;}
.service-commitment .info{border-top: 1px solid #FF9C00;padding-top: 10px;}
.service-commitment .info p{line-height:26px;font-size: 15px;color: #FF9C00;margin: 5px 0;}
.owner-items h1{padding-bottom: 5px;font-size: 25px;color: #525252;border-bottom: 1px solid #E5E5E5;overflow: visible;}
.owner-items h1 font{padding-bottom: 10px;border-bottom: 2px solid #27C27B;}
.owner-items h1 span{font-size: 12px;color: #848585;line-height: 50px;}
.owner-items .news-dt{height: 810px;border-top: 2px solid #27C27B;}
.owner-items .news-dt .news-tit{height: 50px;line-height: 50px;}
.owner-items .news-dt .news-tit span{color: #525252;}
.owner-items .news-dt .news-ct span{color: #848585;}
.owner-items .news-dt .news-ct{height: 740px;}
/*-----------------------------------业主列表页样式结束-----------------------------------*/
/*-----------------------------------业主详情页样式开始-----------------------------------*/
.owner-detail h3{color: #525252;}
.owner-detail .tips{color: #848585;font-size: 12px;padding: 0 20px;}
.owner-detail .tips a{color: #848585;}
.owner-detail .tips span{margin-left: 20px;}
.owner-detail table{width: 100%; margin-top:10px;border-left: 1px solid #F2C15A;border-right: 1px solid #F2C15A;}
.owner-detail table tr{font-size: 14px;}
.owner-detail table tr th,.owner-detail table tr td{padding: 8px 0;line-height: 26px; border-bottom: 1px dashed #E5E5E5;}
.owner-detail table tr:last-child th,.owner-detail table tr:last-child td{border-bottom: none;}
.owner-detail table tr th{width: 100px;color: #848585;font-weight: normal;}
.owner-detail table tr td{width: 300px; padding-left: 20px; color: #525252;}
.owner-detail .more-owner h1{height: 40px;line-height: 40px;font-size: 25px;color: #525252;border-bottom: 1px solid #E5E5E5;}
.owner-detail .more-owner h1 font{border-bottom: 2px solid #27C27B;}
.owner-detail .more-owner h1 span{color: #848585;font-size: 12px;}
.owner-detail .more-owner dl dt,.owner-detail .more-owner dl dd{height: 26px;line-height: 26px;overflow: hidden;font-size: 14px;vertical-align: middle}
.owner-detail .more-owner dl dt{color: #525252;margin-bottom: 20px;}
.owner-detail .more-owner dl dd{color: #848585;margin: 10px 0;}
.owner-detail .more-owner dl dt span,.owner-detail .more-owner dl dd span{width: 130px;display: inline-block;text-align: center;vertical-align: middle;}
.owner-detail .more-owner dl dt span.tit,.owner-detail .more-owner dl dd span.tit{width: 440px;height: 26px;overflow: hidden;text-align: left;}
.owner-detail .more-owner dl dd a{color: #848585;}
/*-----------------------------------业主详情页样式结束-----------------------------------*/

/*-----------------------------------装修学堂列表页样式开始-----------------------------------*/
.article-nav{border-top: 2px solid #FF9C00;}
.article-nav dd{position: relative;font-size: 14px;}
.article-nav dd h2{height: 40px;line-height: 40px;text-align: center;}
.article-nav dd h2 a{color: #525252;}
.article-nav dd .listBox{padding:7px 0;border-bottom: 1px solid #E5E5E5;}
.article-nav dd .listBox a,.article-nav dd .listBox-tabs .tabs-tit li,.article-nav dd .listBox-tabs .tabs-cont a{display: inline-block;width: 32%;height: 26px;line-height: 26px;color: #525252;text-align: center;}
.article-nav dd .listBox a:hover,.article-nav dd .listBox a.cur,
.article-nav dd .listBox-tabs .tabs-tit li a:hover,.article-nav dd .listBox-tabs .tabs-tit li.cur a,.article-nav dd .listBox-tabs .tabs-tits li.cur a,
.article-nav dd .listBox-tabs .tabs-cont a:hover,.article-nav dd .listBox-tabs .tabs-cont a.cur{color: #F2C15A;}
.article-nav dd .listBox-tabs  { position: absolute ;width: 917px;top:-2px;left:298px;border: 1px solid #E5E5E5;border: 2px solid #FF9C00; background: #FFFFFF;z-index: 5;}
.article-nav dd .listBox-tabs .tabs-tit {height: 86px;line-height: 86px;border-bottom: 1px solid #E5E5E5;}
.article-nav dd .listBox-tabs .tabs-tit li{width: 102px;height: 88px;line-height: 88px;border-right: 1px solid #E5E5E5;display: table-cell;}
.article-nav dd .listBox-tabs .tabs-tit li a{color: #525252;}
.article-nav dd .listBox-tabs .tabs-cont{text-align: center;height: 76px;line-height: 76px;}
.article-nav dd .listBox-tabs .tabs-cont a{padding: 0 10px;width: auto;}
.article-nav dd .listBox-tabs .tabs-tits{height: 80px;padding: 0 0 0 20px;}
.article-nav dd .listBox-tabs .tabs-tits li{width: 90px;line-height:40px;display: inline-block;}
.article-items-tabs{line-height: 40px;border-left: 2px solid #FF9C00;position: relative;margin-bottom:41px; }
.article-items-tabs span{padding: 0 20px;font-size: 14px;color: #525252;}
.article-items-tabs dl{width: 888px;}
.article-items-tabs h3{height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #E5E5E5; }
.article-items-tabs h3 a{color: #F2C15A;}
.article-items-tabs dd{width: 97px;float: left;font-size: 14px;text-align: center;line-height: 40px; height: 40px;}
.article-items-tabs dd a{color: #525252;}
.article-items-tabs dd.cur a,.article-items-tabs dd:hover a{color :#F2C15A;}
.article-items-tabs dd .tabs-cont{ width: 100%;height: 41px;line-height: 40px;position: absolute;top: 82px;left: -2px;; border-left: 2px solid #FF9C00; background-color: white; border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5 }
.article-items-tabs dd .tabs-cont a{display: inline-block; padding: 0 10px;color: #525252;}
.article-items-tabs dd .tabs-cont a.cur,.article-items-tabs dd .tabs-cont a:hover{color: #F2C15A;}
.article-items-tabs dd:hover .tabs-cont,.article-items-tabs dd.cur .tabs-cont{display: block;}
.article-items-tabs dd:hover .tabs-cont{z-index: 5;}
/*-----------------------------------装修学堂列表页样式结束-----------------------------------*/

/*-----------------------------------装修学堂详情页样式开始-----------------------------------*/
.article-detail .news-detail-title{padding-top: 20px;position: relative; border-left: 1px solid #F2C15A;border-right: 1px solid #F2C15A;border-bottom: none;}
.article-detail .news-detail-title .share{position: absolute;top: 30px;right: 2px;}
.article-detail .news-detail-title .tips span{margin-right: 0;}
.article-detail .news-detail-content{border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
.article-detail .tags{font-size: 14px;color: #27C27B;}
.article-detail .tags a{color: #27C27B;margin-right: 10px;}
.article-detail .filp a{font-size: 12px;color: #848585;max-width: 49%;height:30px;line-height: 30px;; overflow: hidden;}
.article-detail .article-detail-ewm{text-align: center;}
.contentBox p span{ color: #666;line-height: 30px; font-size:15px;}
.contentBox p span a{color:#27C27B}
.filp{margin-bottom: 10px;}
    /*关联栏目*/
.about-column span{font-size: 18px;color: #ff9c00;font-weight: bold;margin-right: 20px;}
.about-column a{padding: 6px 12px;margin-right:15px;border: 1px solid #E5E5E5;}
/*-----------------------------------装修学堂详情页样式结束-----------------------------------*/

/*-----------------------------------免费申请预约弹窗-----------------------------------*/
.apply-popup{width:875px;height: 360px;margin: 0 auto;position: relative;}
.apply-popup h1{height:70px;line-height: 70px; font-size: 30px;border-bottom: 1px solid #E5E5E5;text-align: center;color: #525252;}
.apply-popup h3{color: #525252;text-align: center;}
.apply-popup .apply-form {width: 510px;border-right: 2px solid #E5E5E5;}
.apply-popup .apply-form h4{line-height: 30px;text-align: center; color: #525252;}
.apply-popup .apply-form form{width: 420px;margin: 0 0 0 60px;}
.apply-popup .apply-form label{display:inline-block;width: 80px;padding-right: 10px; font-size: 14px;color: #525252;text-align: right;}
.apply-popup .apply-form label em{color: red;}
.apply-popup .apply-form .text{width: 280px;height: 30px;line-height: 30px;padding: 5px 10px;margin: 0;border-radius: 4px;box-sizing: content-box;}
.apply-popup .apply-form .short{width: 76px;}
.apply-popup .apply-form .btn{width: 200px;height: 40px;line-height: 40px;padding: 0;margin: 0 0 0 95px;border: none;background: #FF9C00;border-radius: 4px;font-size: 18px;color: #FFFFFF;}
.apply-popup .apply-icon{width: 360px;}
.apply-popup .apply-icon ul{width: 290px;margin: 44px auto;}
.apply-popup .apply-icon ul li{width: 33%;float: left;text-align: center;margin: 10px 0;}
.apply-popup .apply-icon ul li a span{display: block;line-height: 30px; color: #848585;font-size: 12px;}
.apply-popup .apply-icon ul li:hover a span{color: #27C27B;}
.apply-popup .apply-icon ul li a .icon{width: 24px;height: 25px;}
.apply-popup .apply-icon ul li a .icon1{background-position: -2px -41px;}
.apply-popup .apply-icon ul li a .icon2{background-position: -42px -41px;}
.apply-popup .apply-icon ul li a .icon3{background-position: -83px -41px;}
.apply-popup .apply-icon ul li a .icon4{background-position: -2px -91px;}
.apply-popup .apply-icon ul li a .icon5{background-position: -43px -91px;}
.apply-popup .apply-icon ul li a .icon6{background-position: -86px -91px;}
.layui-layer-title{background-color: #FFFFFF !important;border-bottom: none !important;height: 25px !important;line-height: 25px !important;}
/*-----------------------------------免费申请预约弹窗-----------------------------------*/

/*-----------------------------------签单分享列表页样式开始-----------------------------------*/
.share-banner img{width: 100%;}
.share-items ul li{padding: 30px 0;border-bottom: 1px solid #E5E5E5;}
.share-items ul li .tit-img{width: 160px;height: 160px;border: 1px solid #E5E5E5;}
.share-items ul li .tit-img img{width: 160px;height: 160px;}
.share-items ul li .info{width: 500px;margin-left: 20px;border-right: 1px dashed #E5E5E5;}
.share-items ul li .info h2 span{font-size: 14px;margin-left: 15px;}
.share-items ul li .info .type span{display: inline-block;margin-right: 20px;}
.share-items ul li .info .type span.fontcl5,
.share-items ul li .info .type span.fontcl6{margin-right: 0;vertical-align: top;}
.share-items ul li .info .type span.fontcl6{width: 415px;position: relative;left: -4px;}
.share-items ul li .btns{width: 130px;padding: 30px 0;margin-right: 10px; text-align: center;}
.share-items ul li .btns span{font-size: 25px;color:#ff9c00;}
.share-items ul li .btns a{width: 130px;height: 40px;line-height: 40px; font-size: 18px;margin-top: 10px;}
/*-----------------------------------签单分享列表页样式结束-----------------------------------*/
/*-----------------------------------签单分享详情页样式开始-----------------------------------*/
.share-header{width:1220px;height: 250px;margin: 0 auto; position: relative;background: url(../images/share/detail_banner.png) no-repeat;}
.share-header .bg-opacity{height: 100px;}
.share-header .Box{position: absolute;top: 0;left: 0;height: 182px;padding: 38px 20px 30px;}
.share-header .Box .tit-img{width: 160px;height: 160px;border: 10px solid #FFFFFF;box-shadow: 1px 1px 1px #E5E5E5, -1px -1px 1px #E5E5E5;}
.share-header .Box .info{width: 800px;margin: 70px 0 0 40px;}
.share-header .Box .info h1{font-size: 25px;color: #000000;}
.share-header .Box .info h1 span{font-size: 12px;color: #626262;margin-left: 20px;}
.share-header .Box .info h1 span font{font-size: 30px;}
.share-header .Box .info .type{color: #FFFFFF;font-size: 12px;}
.share-header .Box .info .type span{display: inline-block;vertical-align: top;line-height: 25px;}
.share-header .Box .info .type span.span2{width: 350px;}
.share-header .Box .info .type span i{width: 16px;height: 17px;background-position: 0 0;}
.share-header .Box .btns{width: 150px;margin-top: 125px; text-align: center;}
.share-header .Box .btns a{width: 120px;height: 40px;line-height: 40px;font-size: 20px;border-radius: 5px;}
.share-header .Box .btns span{font-size: 12px;color: #FFFFFF;display: inline-block}
.share-sort{border: 1px solid #E5E5E5;position: relative;}
.share-sort>a{display: table-cell;line-height: 40px;position: relative;top: -1px;}
.share-sort>a.cur,.share-sort>a:hover{border-top: 2px solid #F2C15A;}
.share-detail{position: relative;}
.share-detail h2{color: #333333;}
.share-detail .share{position: absolute;top: 15px;right: 0; color: #000000;font-size: 12px;vertical-align: middle;}
.share-detail .share .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.share-detail .tips span{font-size: 12px;color: #666666;margin-right: 10px;}
.share-detail .infoBox{position: relative;padding: 0 20px 30px 30px;}
.share-detail .infoBox h3{padding: 0 10px; position: absolute;top: -15px;left: 30px; color: #666666;font-weight: bold;background: #FFFFFF;}
.share-detail .infoBox h3 span{margin-left: 5px; font-weight: normal;}
.share-detail .infoBox i{position: absolute;top: -7px;right: 60px;width: 40px;height: 14px;background-position: -33px -2px;background-color: #FFFFFF;}
.share-detail .infoBox .type{margin-top: 20px;line-height: 25px;color: #666666;font-size: 14px;}
.share-detail .infoBox span{display: inline-block;vertical-align: top;}
.share-detail .infoBox span.span1{width: 105px;letter-spacing: 5px;}
.share-detail .infoBox span.span3{width: 100px;}
.share-detail .infoBox span.span2{width: 710px;}
/*我要分享*/
.side-wantshare{display: block;width: 100%;height: 40px;line-height: 40px;background: #FF9C00;color: #FFFFFF;font-size: 16px;text-align: center;}
.side-wantshare:hover{color: #FFFFFF;}
/*热门签单分享*/
.hot-share h4{text-align: center;color: #FF9C00;font-weight: bold;}
.hot-share ul li{padding: 10px 0;border-bottom: 1px dashed #E5E5E5;}
.hot-share ul li:last-child{border-bottom: none;}
.hot-share ul li .tit-img{width: 60px;height: 60px;text-align: center;margin-top: 8px; padding: 0 5px;}
.hot-share ul li .tit-img img{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #E5E5E5;}
.hot-share ul li .tit-img span{display: block;line-height: 22px;height: 22px;overflow: hidden;font-size: 14px;color: #333333;}
.hot-share ul li .des{width: 180px;}
.hot-share ul li .des h5 a{color: #333333;}
.hot-share ul li .des p{height: 44px;line-height: 22px;color: #525252;font-size: 12px;overflow: hidden;}
.hot-share ul li span{color: #acacac;font-size: 12px;}
.hot-share ul li .alon_tit{ line-height: 74px;padding: 0 3px; background-color:#FF9C00; color: white }
/*所有签单*/
.share-tabs a{padding: 3px 4px;margin-right: 20px; color: #4c4c4c;font-size: 14px;border-radius: 2px;}
.share-tabs a.cur,.share-tabs a:hover{color: #FFFFFF;background: #F2C15A;}
.share-sort .share{position: absolute;top: 0px;right: 0; color: #000000;font-size: 12px;vertical-align: middle;}
.share-sort .share .bdsharebuttonbox{display: inline-block;vertical-align: middle;margin-left: 3px;}
.share-sort .share .bdsharebuttonbox a{display: initial;padding: 0 0 0 17px;border: none;}

.share-detail ul li{padding: 30px 0;border-bottom: 1px solid #E5E5E5;}
.share-detail ul li .tit-img{width: 110px;height: 110px;border: 1px solid #E5E5E5;}
.share-detail ul li .tit-img img{width: 110px;height: 110px;}
.share-detail ul li .info{width: 550px;margin-left: 20px;border-right: 1px dashed #E5E5E5;}
.share-detail ul li .info h2 span{font-size: 14px;margin-left: 15px;}
.share-detail ul li .info .type span{display: inline-block;margin-right: 20px;}
.share-detail ul li .info .type span.fontcl5,
.share-detail ul li .info .type span.fontcl6{margin-right: 0;vertical-align: top;}
.share-detail ul li .info .type span.fontcl6{width: 465px;position: relative;left: -4px;}
.share-detail ul li .btns{width: 130px;padding: 10px 0;margin-right: 10px; text-align: center;}
.share-detail ul li .btns span{font-size: 25px;color:#ff9c00;}
.share-detail ul li .btns a{width: 130px;height: 30px;line-height: 30px; font-size: 16px;margin-top: 10px;}

#share-tabs{position: relative;}
#share-tabs .share-page {position: relative; width: 100%;height:32px;overflow: hidden;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
#share-tabs .share-page li,
#share-tabs .prev-next li{display: inline-block;width: 70px;height: 30px;line-height: 30px;font-size: 16px;color: #bfbfbf;border: 1px solid #bfbfbf;text-align: center;border-radius: 3px;background: #FFFFFF;cursor: pointer;}
#share-tabs .share-page li.cur,#share-tabs .share-page li:hover{color: #27C27B;border: 1px solid #27C27B;}
#share-tabs .share-page li{margin-right: 31px;float: left;margin-bottom: 15px;}
#share-tabs .prev-next li{position: absolute;top: 16px;}
#share-tabs .prev-next li.prev{left: 0;display: none;}
#share-tabs .prev-next li.next{right: 0;display: none;}
.swiper{overflow: hidden;height: 500px;width: 890px;position: relative;}
.swiper ul,#share-tabs .share-page ul{position: absolute;}
.swiper li{float: left;padding-bottom: 20px;}
.swiper .title{width: 200px;height: 60px;line-height: 30px;margin: 0 auto;border: 1px solid #66cccc;text-align: center;font-weight: normal;}
.swiper .title h1{font-size: 27px;height: 30px;line-height: 33px;}
.swiper .title span{font-size: 18px;color: #666666;line-height: 30px;}
.swiper dl{width: 515px;margin: 20px auto 0;}
.swiper dl dt{width: 45px;height: 36px;line-height: 20px; padding: 23px 17.5px;margin: 0 auto 65px; background: url(../images/share/share_icon.png) no-repeat;background-position: 0 -41px;font-size: 14px;color: #010101;text-align: center;font-weight: bold;}
.swiper dl dt font{color: #fe0000;}
.swiper dl dd{position: relative;}
.swiper dl dd i{/*position: absolute;top: 0;left: 50%;margin-left: -10px;*/ width: 20px;height: 51px;display: block;margin: 0 auto; background-position: -29px -270px;}
.swiper dl dd.first i{background-position: -29px -207px;}
.swiper dl dd.first em{position: absolute;top: -65px;left:50%;margin-left: -.5px; width: 1px;height: 65px;background: #66cccc;}
.swiper dl dd .situation{position: absolute;top: -8px;}
.swiper dl dd .buget{width: 125px;height: 29px; line-height: 29px; position: relative;background: url(../images/share/share_icon.png) no-repeat;}
.swiper dl dd .buget h3{font-size: 12px;position: absolute;top: -25px;}
.swiper dl dd .buget span{color: #FFFFFF;}
.swiper dl dd .buget .span1{width: 97px;padding-left: 10px;font-size: 14px;}
.swiper dl dd .buget .span2{width: 16px;text-align: center;font-size: 10px;line-height: 14px;}
.swiper dl dd h2{color: #66CCCC;width: 90px;}
.swiper dl dd.odd .situation{left: 0;}
.swiper dl dd.odd .buget{float: left;padding-right: 25px;background-position: -3px -326px;}
.swiper dl dd.odd .buget .span1{float: left;}
.swiper dl dd.odd .buget .span2{float: right;margin-right: 1px;}
.swiper dl dd.odd h2{float: right;text-align: right;}
.swiper dl dd.even .situation{right: 0;}
.swiper dl dd.even .buget{float: right;padding-left: 25px;background-position: -2px -370px;}
.swiper dl dd.even .buget .span1{float: right;}
.swiper dl dd.even .buget .span2{float: left;margin-left: 2px;}
.swiper dl dd.even h2{float: left;}
.swiper .share-tag{font-size: 40px;color: #66CCCC;text-align: center;}