﻿@charset "utf-8";
/* CSS Document */

/*轮播图*/
    .swiper-container {
        width: 600px;
		float:left;
        height: 400px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.banner_word{position:absolute; bottom:0px; left:0; text-align:left; line-height:36px; padding-left:10px; color:#fff; width:100%; background-color:rgba(0,0,0,0.6); font-size:16px;background: url("../images/tl_bg.png") repeat-x 0 bottom;}
/*头条焦点*/
.toutiao{ width:520px; float:left; margin-left:40px;}
.tle{ font-size:20px; font-weight:bold; color:#4cbecf; border-bottom:1px solid #e6e6e6; padding-bottom:10px;}
.tle span{ float:right; font-size:14px; color:#999;font-weight: normal;line-height: 32px;}
.tle span a{ font-size:14px; color:#999; font-weight:normal}
.tle span a:hover{ color:#4cbecf}
.toutiao ul{ margin-top:10px}
.toutiao ul .toutiao_title1{ font-size:20px; font-weight:700;}
.toutiao ul .toutiao_title1 a{ color:#333}
.toutiao ul li{ line-height:38px; font-size:16px;}
.toutiao ul li a:hover{color:#4cbecf}

.line{ margin-top:40px; margin-bottom:40px; height:1px; background-color:#333}
/*专题*/
.inews1{ width:48%;}
.tlenone{ border:none; padding-bottom:20px;}
//.inews1_top{display: inline-block; margin-bottom: 10px;}
.inews1_top{ margin-bottom: 10px;}
.inews1_top img{ width:100%; height:100%; transition: all 0.6s;}
.inews1_top img:hover{ transform: scale(1.1);}
.inews1_top_tu{ width:150px; height:90px; overflow:hidden; float:left; margin-right:20px;}


.inews1_top .inews1_toptitle{ font-size:16px; font-weight:700; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.inews1_top .inews1_topcontent{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666}
.inews1 ul li{ font-size:16px; line-height:32px}

/*视频*/
.ivideo ul{ margin-top:20px}
.ivideo ul li{ width:216px; float:left; margin-right:20px;}
.ivideo ul li:last-child{ margin-right:0}
.ivideo ul li img{ margin-bottom:10px;}
/*设计师*/
.isjs .isjs_con{ margin:30px 0 20px 0;}
.isjs .isjs_con li{ float:left; margin:0 10px 20px 10px;}
.isjs .isjs_con li:last-child{ margin-right:0}

.isjs .isjs_con li .isjs_tu{ float:left; width:183px; height:183px; overflow:hidden;background: #f0f0f0;}
.isjs .isjs_con li .isjs_tu img{ transition: all 0.6s;}
.isjs .isjs_con li .isjs_tu img:hover{ transform: scale(1.1);}
.isjs .isjs_con li .isjs_tufr{ width:183px; height:183px;display: inline-block; padding:20px; background-color:#81d1dd; color:white}

.isjs .isjs_con li .isjs_tufr .isjs_tufrname{ font-size:16px; margin-bottom:10px;}
.isjs .isjs_con li .isjs_tufr a{ color:white}
.isjs .isjs_con li .isjs_tufr a:hover{ text-decoration:underline;}
.isjs .igr_lb{display: table; margin: 0 auto; margin-top: 30px; margin-bottom: 10px;}
.isjs .igr_lb li{ display: table-cell; padding: 0 10px 0 10px;}
.isjs .igr_lb li a{display: block; height: 46px; line-height: 46px; text-align: center; padding: 0 20px 0 20px; border: 1px solid #e2e2e2;  border-radius: 6px;}
.isjs .igr_lb li :hover{ border: 1px solid #4cbecf;}
/*装修套餐*/
.shoppping_box{ width:270px; height:360px; float:left; overflow:hidden; border:1px solid #e6e6e6; background-color:white; padding:5px 5px 0 5px; margin:20px 10px 0 10px}

.shoppping_box .shing_tu{ width:258px; height:258px; overflow:hidden;}
.shoppping_box .shing_tu img{ max-width:100%; min-height:100%; transition: all 0.6s;}
.shoppping_box:hover{ border:1px solid #ccc; }
.shoppping_box .shing_tu img:hover{ transform: scale(1.06);}

.shoppping_box .shing_left{
    margin-top: 11px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.shoppping_box .shing_left .price span {
    color: #ff8840;
}
.shoppping_box .shing_left .price strong {
    color: #ff8840;}
.shoppping_box .shing_left .price {
    float: left;
    font-size: 18px;
    zoom: 1;
}
.shoppping_box .shing_left .deal-cnt {
    float: left; color:white; background-color:#ff8840; padding:0 3px 0 3px; margin-left:10px; font-size:12px;letter-spacing:1px;
}
.shoppping_box .shing_name{
    margin-top: 6px;
	margin-bottom:10px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*品牌商*/
.ibrand ul li{ margin:0 20px 40px 20px; width:46.5%; float:left}
.ibrand ul li .ibrand_tu{ width:160px; height:110px; overflow:hidden; float:left; margin-right:20px;}
.ibrand ul li .ibrand_tu img{ transition: all 0.6s;width:100%;height:100%;}
.ibrand ul li .ibrand_tu img:hover{ transform: scale(1.06);}
.ibrand ul li .ibrand_name{ font-size:16px; font-weight:700; float:left}
.ibrand ul li .ibrand_phone{ float:right; background-color:#4cbecf; color:white; padding:2px 8px 2px 8px; border-radius:2px;}
.ibrand ul li .ibrand_jj{ clear:right; line-height:26px;margin-top: 32px; color:#666;}
/*设计赏析*/
.isx .isx_tu{ float:left; margin:0 5px 10px 5px;}

.isx .isx_tu img:hover {
opacity: 0.9;
color: #fff;
background: rgba(0,0,0,0.8);
}

.post-format-content {
float: left;
margin:0 5px 10px 5px;
position: relative;
background: #f0f0f0;
}
.content-wrap {
padding: 0;
position: absolute;
text-align: center;
width: 100%;
top: 0;
bottom: 0;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
.content-wrap h1.entry-title {
display: table;

height: 100%;
text-transform: uppercase;
width: 100%;
margin:0;
}
.edit-link {
z-index: 2;
}
.featured-image {
display: table-cell;
position: relative;
transition: opacity .25s ease-in-out, background .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;
vertical-align: middle;
z-index: 1;
color: #fff;
text-decoration: none;
opacity: 0;
padding: 10%;
}
.featured-image:hover {
opacity: 0.9;
color: #fff;
background: rgba(0,0,0,0.8);
}
/*资讯*/
.news_fl{ width:760px; float:left; margin-right:40px;}
.news_fl .news1{ height:240px; border-bottom:1px solid #e6e6e6; position:relative}
.news_fl .news1 .news1_tu{ width:360px; height:220px; overflow:hidden; float:left; margin-right:20px;}
.news_fl .news1 .news1_tu img{ transition: all 0.6s;}
.news_fl .news1 .news1_tu img:hover{ transform: scale(1.06);}
.news_fl .news1 .news1_title{ font-size:20px; font-weight:700; line-height:36px; margin-bottom:10px;}
.news_fl .news1 .news1_content{ text-indent:2em; line-height:28px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.news_fl .news1 .news1_titwo{ font-size:12px; color:#999; position:absolute; bottom:14px; right:0}

.news_fl ul li{ height:170px; padding-top:20px; border-bottom:1px solid #e6e6e6; position:relative}
.news_fl ul li:hover{ background-color:#f5f5f5}
.news_fl ul li .news2_tu{ width:200px; height:130px; overflow:hidden; float:left; margin-right:20px;}
.news_fl ul li .news2_tu img{ transition: all 0.6s;}
.news_fl ul li .news2_tu img:hover{ transform: scale(1.06);}
.news_fl ul li .news2_title{ font-size:20px; margin-bottom:10px;}
.news_fl ul li .news2_content{ text-indent:2em; line-height:28px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.news_fl ul li .news2_titwo{ font-size:12px; color:#999; position:absolute; bottom:14px; right:0}
/*资讯 页码*/
.pageNav { padding:30px 0; text-align: center; }
.pageNav a, .pageNav span { padding: 8px 15px; border: 1px solid #ccc; margin: 0 2px; border-radius: 1px; border-radius: 2px; background: #fff; }
.pageNav span.hover, .pageNav a:active { text-decoration: none; background: #4cbecf; border: 1px solid #4cbecf; color: #fff; }
.pageNav a:hover{ border-color: #4cbecf; color: #4cbecf;}
.pageNav a:active{ color: #fff;}
.pageNav span { border: 1px solid #ddd; cursor:no-drop; color: #999; }
/*资讯 右*/
.news_fr{ width:360px; float:right;}
.news_fr .newsr{ width:360px; float:right; border:1px solid #e6e6e6; margin-bottom:40px;}
.news_fr .newsr .newsr_title{ background-color:#f5f5f5; line-height:38px; height:38px; font-size:16px; padding-left:10px;}
.news_fr .newsr ul li{ padding:0 10px; line-height:36px;}
.news_fr .newsr ul li span{ color:#4cbecf; opacity:0.9; margin-right:10px;}
/*装修推荐 右*/
.js-silder{ width: 360px; float:right; margin: 20px auto; position: relative;}
.silder-scroll{ width: 320px; height: 250px; margin: 0 auto; overflow: hidden;}
.silder-main{ width: 320px; height: 220px; background-color:rgba(76,190,207,0.4); position: relative; }
.silder-main-img{ position: absolute; top: 0; left: 0; }
.silder_main_word{color:#666; margin-top:10px;}
.js-silder-ctrl{  margin-top: 10px;  text-align: center;}
.silder-ctrl-prev, .silder-ctrl-next{ position: absolute; top: 50%; margin-top: -45px; width: 50px; height: 45px; cursor: pointer; background: url(../images/icon_v9.png) no-repeat 5px 5px; opacity:.6;}
.silder-ctrl-prev{ left: 20px; opacity:.6;}
.silder-ctrl-next{ right: 0; background-position: -5px -40px;}
.silder-ctrl-con{ display: inline-block; width: 24px; height: 20px; margin: 0 5px; cursor: pointer; text-indent: -100px; overflow: hidden; background: url(../images/icon_v9.png) no-repeat -24px -782px ;}
.current{ background: url(../images/icon_v9.png) no-repeat -24px -763px ;}
/*我要装修 右*/
.news_fr .newsr .newsr_title2{ background-color:#4cbecf; color:white}

.news_fr .newsr .newsr_wyzx{ line-height:36px; padding:20px 10px 10px 30px;}
.news_fr .newsr .newsr_wyzx span{ margin-right:10px; color:#4cbecf}
.news_fr .newsr .newsr_wyzx input{ border:1px solid #4cbecf; height:32px; line-height:32px; width:180px; padding-left:5px; color:#444; border-radius:1px;}
.news_fr .newsr  button{ background-color: #4cbecf; color: white; margin:0 auto; padding: 10px 32px; border-radius:2px; text-align: center; cursor:pointer; display:flex; font-size: 16px; margin-top:30px;}
.news_fr .newsr .newsr_wyzx_free{ padding:0 5%;display: inline-block; margin-bottom:10px;}
.news_fr .newsr .newsr_wyzx_free li{ width:33%; color:#999; float:left; text-align:center}
.news_fr .newsr .newsr_wyzx_free li i{ color:#4cbecf; margin-right:3px;}

/*设计师*/
.filter .box { padding: 20px 20px 0 20px; border: 1px solid #e5e5e5;}
.filter dl { position: relative; margin-bottom: 10px;}
.filter dl:after { content: ""; display: block; clear: both }
.filter dl dt { position: absolute; top: 0; left: 0; font-weight: 700 }
.filter dl dd { padding-left: 75px }
.filter dl dd a { margin-right: 20px; margin-bottom: 10px; display: inline-block }
.filter dl dd a.on { font-weight: 700; color: #4cbecf }
.news_fl .sjs_sort .xla_k{ border:1px solid #e6e6e6; color:#444; padding-right:20px}
.news_fl .sjs_sort .xla_k option{ color:#666;}

.news_fl .sjs_s1 li{ padding:20px 10px; position:relative}
.news_fl .sjs_s1 li .sjs_tu{ overflow:hidden; float:left; margin-right:40px;}
.news_fl .sjs_s1 li .sjs_tu img{ width:130px; height:130px; border-radius:50%; transition: all 0.6s;}
.news_fl .sjs_s1 li .sjs_tu img:hover{ transform: scale(1.03);}
.news_fl .sjs_s1 li:hover .sjs_content{ color:#666;}
.news_fl .sjs_s1 li .sjs_content{ color:#666}
.news_fl .sjs_s1 li .sjs_content span{ color:#999}
.news_fl .sjs_s1 li .sjs_titwo{ position:absolute; top:20px; right:10px; background-color:#4cbecf; color:white; padding:4px 16px; border-radius:2px;cursor:pointer;}
.news_fl .sjs_s1 li:first-child{ border-top:1px solid #e6e6e6}

.isjs .brand{ margin-bottom:50px; margin-top:20px;}
.isjs .brand li{ border-bottom:none;}
.isjs .brand li:hover{ background-color:inherit}
.isjs .brand li{ height:auto;}

.news_fl .sjs_s1 li .brand_tu{ float:left; margin-right:20px;}
.news_fl .sjs_s1 li .brand_tu img{ width:200px; height:130px; transition: all 0.6s;}
.news_fl .sjs_s1 li .brand_tu img:hover{ transform: scale(1.03);}
/*.news_fl .sjs_s1 li .sjs_titwo2{ background-color:inherit; color:#ff8840; font-weight:700; font-size:16px;}*/

/*人物访谈*/
.figure_fl{ width:760px; float:left; margin-right:40px;}
.figure_fl ul li:first-child{box-shadow:0 5px 8px #e5e5e5 ;}
.figure_fl ul li{ background-color:#f5f5f5; padding:20px; display:flex;position:relative; margin-bottom:20px;}

.figure_fl ul li .figure_fr{ width:360px;}
.figure_fl ul li .figure_tu{ width:340px; height:260px; overflow:hidden; float:left; margin-right:20px;}
.figure_fl ul li .figure_tu img{  transition: all 0.6s;}
.figure_fl ul li .figure_tu img:hover{ transform: scale(1.03);}
.figure_fl ul li .figure_title{ font-size:20px; line-height:36px; margin-bottom:20px; font-weight:700}
.figure_fl ul li .figure_content{ text-indent:2em; line-height:26px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.figure_fl ul li .figure_gengduo{ margin-bottom:30px;}
.figure_fl ul li .orange:hover{ color:#ff690f;}
.figure_fl ul li .figure_label{ color:#999; font-size:12px;}
.figure_fl ul li .figure_label span{ margin-right:15px;}
.figure_fl ul li .figure_label_you{  position:absolute; right:0; top:0}
/*小视频*/
.video_top .video_tu1{ width:580px; height:360px; overflow:hidden; float:left; position:relative;}
.video_top .video_tu1 img{ transition: all 0.6s;}
.video_top .video_tu1 img:hover{ transform: scale(1.08);}
.video_top .video_tu1 .video_tu_word{ position: absolute; width:100%; bottom: 0px; left:0; line-height:36px; color:white;padding-left:10px; font-size:16px; background:url("../images/tl_bg.png") repeat-x 0 bottom}
.video_top ul{ }
.video_top ul li{ margin-left:20px;margin-bottom: 20px; float:right}
.video_top ul li .video_tu2{ width:270px; height:170px; overflow:hidden; position:relative;}
.video_top ul li .video_tu2 img{ transition: all 0.6s;}
.video_top ul li .video_tu2 img:hover{ transform: scale(1.08);}
.video_top ul li .video_tu2 .video_tu2_word{position: absolute; width:100%; bottom: 0px; left:0; line-height:32px; color:white;padding-left:10px; background:url("../images/tl_bg.png") repeat-x 0 bottom}

.video2 ul li{ margin:0 10px 20px 10px; float:left;}
.video2 ul li .video2_tu{ width:270px; height:180px; overflow:hidden; position:relative;}
.video2 ul li .video2_tu img{ transition: all 0.6s;}
.video2 ul li .video2_tu img:hover{ transform: scale(1.08);}
.video2 ul li .video2_tu .video2_word{ position: absolute; width:100%; bottom: 0px; left:0; line-height:32px; color:white;padding-left:10px; background:url("../images/tl_bg.png") repeat-x 0 bottom}
.video_top .video_topfrnone li{ margin-bottom:0}

/*新闻详情*/
.news_details{ width:760px; float:left; margin-right:40px;}
.news_details .newsde_rise{ font-size:12px; color:#999; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.news_details .newsde_rise a{ color:#999;}
.news_details h1{ font-weight:700; font-size:24px; text-align:center; line-height:72px;}
.news_details .newsde_rise2{font-size:12px; color:#999; text-align:center;}
.news_details .newsde_rise2 span{ margin:0 12px;}

.news_details .news_dewen img{ margin:0 auto;}
.news_details .news_dewen p{ line-height:36px; text-indent:2em; font-size:16px; margin-bottom:20px;}

.news_details .newsde_share{ margin-top:80px; color:#666; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:80px;}
.news_details .newsde_share img{ margin-right:10px;}
.news_details .newsde_share img:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.news_details .newsde_share .newsde_sharefr{ float:right; color:#999; font-size:12px;}
.news_details .newsde_bt{ font-size:18px; line-height:36px; font-weight:normal}
.lineboth{ clear:both; border-bottom:1px solid #e6e6e6;}
.news_details .newsde_ulfl{ margin-top:10px; float:left; width:43%;}
.news_details .newsde_ulfl li{ line-height:26px; margin-bottom:8px;}
.news_details .newsde_ulfr{ margin-top:10px; float:right; width:43%;}
.news_details .newsde_ulfr li{ line-height:26px; margin-bottom:8px;}
.news_details .newsde_pl .ipt-txt{ background-color:#f5f5f5; border:1px solid #ccc; border-top:2px solid #4cbecf; width:100%; min-height:180px; margin-top:20px; padding:10px; line-height:28px; color:#545454; margin-bottom:20px;}
.news_details .newsde_pl input{ background-color:#4cbecf; color:white; width:140px; height:42px; font-size:16px; border-radius:4px; cursor:pointer}
.news_details .newsde_pl input:hover{ background-color:#3fb1c2; color:white;}

.news_details .newsde_rmpl ul{ margin-top:20px;}
.news_details .newsde_rmpl ul li{ margin-bottom:60px;}
.news_details .newsde_rmpl ul li .newsde_rmplfl{ float:left}
.news_details .newsde_rmpl ul li img{ width:36px; height:36px; border-radius:50%; float:left; margin-right:20px;}

.news_details .newsde_rmpl ul li .newsde_rmpl_name{ float:left; color:#ccc; margin-right:20px;}
.news_details .newsde_rmpl ul li .newsde_rmpl_name2{float: left;color:#ccc; margin-right:20px;}
.news_details .newsde_rmpl ul li .newsde_rmpl_name2 span{ margin-right:10px;}
.news_details .newsde_rmpl ul li .newsde_rmplflfr{ float:right; color:#999}
.news_details .newsde_rmpl ul li .newsde_rmplflfr .newsde_rmpl_zan{ float:left; margin-right:20px; color:#ff8840}
.news_details .newsde_rmpl ul li .newsde_rmplpl{ margin-left:54px; font-size:16px; margin-top:10px;}
/*个人中心*/
.personal_fl{ width:300px; margin-right:20px; float:left;text-align: center; background-color:white; padding-top:60px; min-height:760px;}

.personal_fl .personal_flhead img{ width:110px; height:110px; border-radius:50%; border:6px solid #f0f0f0}
.personal_fl .personal_flhead{ font-size:24px; line-height:64px; color:#4cbecf; margin-bottom:40px;}
.personal_fl ul li{ font-size:18px; line-height:62px; display:block}
.personal_fl ul li a{ width:100%; display:block;}
.personal_fl ul .personal_fllistbg{ background-color:#4cbecf; color:white;}
.personal_fl ul .personal_fllistbg a{  color:white; display:block;}
.personal_fl ul li:hover{ background-color:#4cbecf; transition: all 0.0s;}
.personal_fl ul li:hover a{ color:white; display:bloc;text-decoration:none; transition: all 0.0s;}

.personal_fr{ background-color:white; padding:10px 20px 20px 20px; width:840px; float:right; min-height:760px;}
.personal_fr .personal_fr_tit{ font-size:18px; line-height:42px; border-bottom:1px solid #e6e6e6; margin-bottom:40px;}
.personal_fr ul li span{ width:14%; text-align: right; display: inline-block;}

.head_portrait_box {
    width: 120px;
    text-align: center;
    line-height: 32px;
    color: #666;
    float: left;
    margin-right: 20px;
}
.head_portrait {
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.head_portrait img {
    max-width: 100%;
    min-height: 100%;
}
.head_portrait_box .ggtx .file {
    position: relative;
    display: inline-block;
    background: #4cbecf;
    border: 1px solid #42b0c0;
    border-radius: 4px;
    padding: 2px 12px;
    overflow: hidden;
    color: white;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
    margin-top: 12px;
    font-size: 12px;
}
.head_portrait_box .ggtx .file input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.ncm-default-form dl {
  clear: both;
    padding: 0;
    margin: 0;

}
.ncm-default-form {
    width: 640px;
}
.ncm-default-form2 {
    width: 780px;
}
.ncm-default-form dl dt, .ncm-default-form dl dd {
    font-size: 14px;
    line-height: 32px;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: right;
    display: inline-block;
    width: 14%;
    padding: 10px 1% 10px 0;
}
.ncm-default-form dl dt{ color:#666;margin-right:20px;}
.ncm-default-form dl dd {
    text-align: left;
    width: 78%;
    padding: 10px 0 10px 0;

}
.w400 {
    width: 400px!important;
}
.w400 .text {
    font: 14px/20px Arial;
    color: #444;
    background-color: #FFF;
    vertical-align: top;
    display: inline-block;
	width:40%;
    height: 36px;
    padding: 5px;
    border: solid 1px #CCC;
    outline: 0 none;
}
.m_zlxg{ width:93px; height:30px; line-height:30px;cursor:pointer;float:left;margin:0 10px 0 0;display:inline;background:url(../images/zlxg2.jpg) no-repeat;}
.m_zlxg p{ width:71px; padding-left:10px; overflow:hidden; line-height:30px; font-size:12px;text-overflow:ellipsis; white-space:nowrap;}
.m_zlxg2{ position:absolute; top:29px; border:1px solid #e6e6e6;background:#fff; width:91px; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap;}
.m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px; font-size:12px;}
.m_zlxg2 li:hover{ color:#4cbecf;}
.submit-border {
    display: inline-block;
    border: solid 1px;
    border-color: #4cbecf #4cbecf #42b0c0 #4cbecf;
    zoom: 1;
    margin-bottom: 40px;
    margin-top: 20px;
}
.submit {
    font: 14px/36px "microsoft yahei";
    text-align: center;
    min-width: 100px;
    height: 36px;
    background-color: #4cbecf;
    color: white; cursor:pointer;
}

.personal_fr .ipt-txt{ background-color:#f5f5f5; border:1px solid #ccc; border-top:2px solid #4cbecf; width:100%; min-height:240px;  padding:10px; line-height:28px; color:#545454; margin-bottom:20px;}
.personal_fr .ipt-txt2{ background-color:#f5f5f5; border:1px solid #ccc;  width:100%; min-height:60px;  padding:5px; line-height:28px; color:#545454; margin-bottom:20px;}

.personal_fr2 .personal_fr_tit2{ margin-bottom:10px;}
.personal_fr2 ul li{ border-bottom:1px dashed #e6e6e6; padding-bottom:40px;}
.personal_fr2 ul li .per_comment{ font-size:16px; line-height:52px;}
.personal_fr2 ul li img{ width:56px; height:56px; border-radius:50%; border:3px solid #f0f0f0; float:left; margin-right:20px;}
.personal_fr2 ul li .lineh32{ line-height:28px;}

.personal_fr2 ul li{ position:relative;}
.personal_fr2 ul li .per_commentpo{ position:absolute; top:0; right:0; color:#999; line-height:52px;}

/*设计师详情页*/
.sjs_intro { overflow: hidden; margin: 0 auto 60px; border: 1px solid #eaeaea;}
.sjs_intro .hd { padding: 0 25px; border-bottom: 1px dotted #eaeaea; color: #333; font-size: 24px; line-height: 60px;}
.sjs_intro .author { width: 210px; text-align: center;}
.sjs_intro .author img { margin: 40px 0; border-radius: 50%;}
.sjs_intro .author ul { margin-left: 5%; width: 95%; text-align: center;}
.sjs_intro .author ul li { float: left; display: inline-block; width: 30%; border-right: 1px solid #eee;}
.sjs_intro .author ul li.none { border: none;}
.sjs_intro .author ul li .val { color: #4cbecf;}
.sjs_intro .author ul li span { display: block; text-align: center; font-size: 12px;}
.sjs_intro .author ul li span { display: block; text-align: center; font-size: 12px;}
.sjs_intro .info { width: 948px; border-left: 1px dotted #eaeaea; color: #666; line-height: 22px; text-align: left;}
.sjs_intro .info dt { overflow: hidden; padding: 14px 40px;}
.sjs_intro .info dt h1 { float: left; color: #333; font-size: 20px;}
.sjs_intro .info dt .zzzzx a{ float: right; margin-left: 10px; padding:0 12px; border: 1px solid #ff8840; color: #ff8840; font-size: 12px;}
.sjs_intro .info dt a:hover{ background-color:#FF8840; color:white}
.sjs_intro .info dd { overflow: hidden; padding: 14px 40px; border-top: 1px dotted #eee;}
.sjs_intro .info dd .col-1 { width: 360px;}
.sjs_intro .info dd span { display: inline-block;}
.sjs_intro .info dd .col-2 { width: 500px;}
.sjsxq_fl{ width: 760px; float: left; margin-right: 40px;}
.sjsxq_cont{ margin-bottom:40px;}
.sjsxq_cont p{ line-height:36px; font-size:16px;}
.sjsxq_fl .sjsxq_list li{ margin-bottom:20px; display: inline-block;}
.sjsxq_fl .sjsxq_list li:hover h3{ color:#4cbecf}
.sjsxq_fl .sjsxq_list li:hover .sjsxq_list1wo{ color:#666}
.sjsxq_fl .sjsxq_list li .sjsxq_list1img{ width:320px; height:220px; overflow:hidden; float:left; margin-right:20px;}
.sjsxq_fl .sjsxq_list li .sjsxq_list1img img{ transition: all 0.6s; max-width:100%; height:100% }
.sjsxq_fl .sjsxq_list li .sjsxq_list1img img:hover{ transform: scale(1.06);}
.sjsxq_fl .sjsxq_list li h3{ font-size:22px; line-height:36px;}
.sjsxq_fl .sjsxq_list li .sjsxq_list1_qf{ font-size:12px; color:#4cbecf; line-height:30px;}
.sjsxq_fl .sjsxq_list li .sjsxq_list1wo{ line-height:24px; color:#999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.sjsxq_fl .sjsxq_list li .sjsxq_list1gd{ line-height:32px; margin-top:20px;}
.sjsxq_fl .sjsxq_list li .sjsxq_list1gd a{ color:#4cbecf}
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8)}
.reveal-modal { visibility: hidden; top: 250px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF;}
.reveal-modal.small{ width: 200px; margin-left: -140px;}
.reveal-modal.medium{ width: 400px; margin-left: -240px;}
.reveal-modal.large{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge{ width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333 !important; border:none; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer;}
.reveal-modal .close-reveal-modal:hover{ background-color:inherit !important}
#myModal h2{ text-align:center; font-size:24px; color:#4cbecf; line-height:42px;}
#myModal p{ text-align:center;  color:#999; margin-top:40px;}


/*设计师案例页*/
.iconTri{font-size:0px;line-height:0px;}
.tri-b-g{border-color:Transparent Transparent #4cbecf Transparent;border-width:0 9px 9px;border-style:dashed dashed solid dashed;}
.slider-a .btn,.detail .tags .icon,.slider-a .btnB .icon{background:url(../images/bg2.png) no-repeat;}
.midOuter{display:table;*position:relative;overflow:hidden;}
.midInner{display:table-cell;vertical-align:middle;text-align:center;*position:absolute;*top:50%;*left:50%;}
.midCon{*position:relative;*top:-50%;*left:-50%;text-align:center;}

.title-alpha{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000)}
a:hover .title-alpha{text-decoration:underline}
:root .title-alpha{filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00000000,endColorStr=#00000000)}

.slider-a{width:990px;position:relative; margin:0px auto; margin-top:20px;}
.slider-a-con{width:988px;text-align:center;height:585px;margin-bottom:10px;border:1px #dcdcdc solid;position:relative;overflow:hidden;}
.slider-a-con .midOuter{width:988px;height:585px;}
.slider-a .btnB{position:absolute;width:60px;height:114px;top:240px;text-align:center;display:none;}
.slider-a .btnB .icon{display:inline-block;width:37px;height:70px;margin-top:22px;cursor:pointer;}
.slider-a .btnB-l{left:10px;}
.slider-a .btnB-r{right:9px;}
.slider-a .btnB-l .icon{background-position:0 -43px;}
.slider-a .btnB-r .icon{background-position:-76px -43px;}
.slider-a .btnB-l:hover .icon{background-position:-38px -43px;}
.slider-a .btnB-r:hover .icon{background-position:-113px -43px;}
.slider-a-tab ul{padding-top:10px;}
.slider-a-tab{height:120px;width:900px;overflow:hidden;margin:0 auto;position:relative;}
.slider-a-tab .border{position:absolute;width:110px;height:110px;border:1px #dcdcdc solid;left:0;top:0;}
.slider-a-tab .iconTri{position:absolute;left:50%;margin-left:-10px;top:-9px;display:none;}
.slider-a-tab .current .border,.slider-a-tab .border1{border:2px #4cbecf solid;width:110px;height:110px;}
.slider-a-tab .current .iconTri{display:block;}
.slider-a-tab .tab{float:left;width:110px;display:inline;margin:0 10px;position:relative;padding:1px;}
.slider-a-tab .current{}
.slider-a-tab .border1{display:none; position:absolute; top:0px; left:0px;}
.slider-a-tab .current .border1{display:block}
.slider-a .btn{position:absolute;width:21px;height:42px;top:635px;}
.slider-a .prev{background-position:0 0;left:0; transition: all 0.3s;}
.slider-a .prev:hover{background-position:-22px 0;}
.slider-a .next{background-position:-44px 0;right:0; transition: all 0.3s;}
.slider-a .next:hover{background-position:-66px 0;}
.detail{word-wrap:break-word;width:990px; margin:0px auto;}
.detail li{float:left;margin-right:10px; margin-bottom:10px;}
.detail .bTit{display:block;font-size:20px;font-weight:normal;padding-top:24px;margin-bottom:16px;}

.detail .tags{line-height:0;font-size:0;height:auto;margin-bottom:15px;}
.sjsaly_name{ width:990px; margin:0 auto; margin-top:40px;}
.sjsaly_name h1{ font-size:24px; line-height:42px;}
.sjsaly_bq span{ margin-right:10px; font-size:12px; color:#999;}
.sjsaly_cont p{ margin-bottom:10px; line-height:28px;}








.iyslj2{ background-color:white; border:none}









.collection_box li {
    width: 180px;
    height: 232px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    position: relative;
    float: left;
    margin: 0px 10px 20px 10px;
}

.collection_box .collection_img {
    padding: 10px 10px 0 10px;
}
.collection_box .collection_img img {
    width: 160px;
    height: 160px;
}
.collection_box .collection_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 36px;
    padding: 0 10px 0 10px;
}
.collection_box button {
    color: white;
    width: 100%;
    height: 28px;
    background-color: #4cbecf;
    position: absolute;
    bottom: 0;
	cursor:pointer;
}
.collection_box button:hover { background-color:#2c8f9d; transition: all 0.1s;}
#container{ margin-bottom:40px;}
#wrapq{overflow: hidden;}
#wrapq p{ font-size:16px; line-height:32px;}
#gradient{width: 100%;height: 36px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
#read-more{ font-size:14px;margin-top:10px;}
#read-more a{ color:#ff8840;}
#read-more a:hover{color: #ec7d3a;}
.ivideo_tu {
    width: 100%;
    padding: 3px;
    margin-bottom: 3px;
    position: relative;
}
.ivideo_tu .ivideo_bf {
    width: 51px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -26px;
    position: absolute;
}
.ivideo_tu .ivideo_bf i {
    background: url(../images/sd_btn_v3.png) no-repeat;

    background-size: contain;
    width: 44px;
    height: 44px;
    display: block;
    margin: 0 auto;
}


/*套餐详情页*/
.Package_color{ background-color:#f6f6f6; padding-top:20px}
.package_top{ width:1200px; margin:0 auto; background-color:white; padding:20px;}

html{ _text-overflow: ellipsis; }/*漂浮fixedIE6下不抖动*/
.clearfloat:before, .clearfloat:after { content: ""; display: table; }
.clearfloat:after { clear: both; }

/*套餐*/
.mealBox1 { padding: 20px 0px; background: #FFF; margin-bottom: 20px; }
.mealBox1 .mealBox1lt { float: left; width: 450px; overflow: hidden; }
/*preview_begin*/
#preview { width: 450px; }
.jqzoom { width: 450px; height: 350px; position: relative; }
.zoomdiv { left: 859px; height: 400px; width: 400px; }
.list-h li { float: left; }
#spec-n5 { width: 450px; height: 66px; padding-top: 10px; overflow: hidden; }
#spec-left { width: 19px; height: 65px; float: left; cursor: pointer; }
#spec-left a { width: 19px; height: 65px; display: block; background: url(../images/ytgif3.gif) no-repeat scroll; text-indent: -9999em; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; }
#spec-left a:hover { background: url(../images/ytgif3b.gif) no-repeat scroll; }
#spec-right { width: 19px; height: 65px; float: left; cursor: pointer; }
#spec-right a { width: 19px; height: 65px; display: block; background: url(../images/ytgif4.gif) no-repeat scroll; text-indent: -9999em; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; }
#spec-right a:hover { background: url(../images/ytgif4b.gif) no-repeat scroll; }
#spec-list { width: 380px; float: left; overflow: hidden; margin: 0px 10px 0px 15px; display: inline; position: relative; height:66px; }
/*#spec-list ul li { float: left; margin-left: 10px; display: inline; width: 66px; }
#spec-list ul li img { padding: 1px; border: 1px solid #ccc; width: 62px; height: 62px; }
*/
#spec-list ul li { float: left; margin-right: 10px; display: inline; width: 83px; }
#spec-list ul li img { padding: 1px; border: 1px solid #ccc; width: 77px; height: 56px; }
#spec-list ul li img.cho { padding: 1px; border: 2px solid #ff6600; width: 62px; height: 62px; }
#n { margin: 10px auto; width: 920px; border: 1px solid #CCC; font-size: 12px; line-height: 30px; }
#n a { padding: 0 4px; color: #333 }
/*jqzoom www.divcss5.com */
.jqzoom { position: relative; padding: 0; }
.zoomdiv { z-index: 100; position: absolute; top: 1px; left: 0px; width: 500px; height: 500px; border: 1px solid #e4e4e4; display: none; text-align: center; overflow: hidden; }
.bigimg { width: 675px; height: 525px; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FEDE4F 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
#spec-list div { margin-top: 0; margin-left: 0px; *margin-left:0;
}
.mealBox1rt {
    float: left;
    padding-left: 20px;
    width: 690px;
    overflow: hidden;
}
.mealBox1rt .h2a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height:26px;
    font-size: 16px;
    color: #333;
    margin-top: 5px;
    width: 590px; font-weight:700;
}

.mealBox1 .mealBox1rt .h3a { height: 28px; line-height: 28px; font-size: 14px; color: #4cbecf; font-weight: normal; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.mealBox1 .mealBox1rt .ullist1 { padding-top: 6px; }
.mealBox1 .mealBox1rt .ullist1 li { display: block; padding: 0px 10px; height: 29px; line-height: 29px; overflow: hidden; background: #4cbecf; border-radius: 2px; float: left; margin-right: 10px; font-size: 14px; color: #fff; }
.mealBox1 .mealBox1rt .priceBox1 { padding: 16px 0 30px 0; overflow: hidden; margin-top: 14px; margin-bottom: 12px; position: relative; }
.mealBox1 .mealBox1rt .priceBox1 .totalBox1 { width: 95px; height: 40px; line-height: 20px; border-left: 1px solid #d9d9d9; position: absolute; right: 19px; top: 7px; }
.mealBox1 .mealBox1rt .priceBox1 .totalBox1 .p1 { color: #999; text-align: right; }
.mealBox1 .mealBox1rt .priceBox1 .totalBox1 .p2 { color: #bf1a21; text-align: center;font-weight: bold; }
.mealBox1 .mealBox1rt .priceBox1 .dllist1 dt { display: block; float: left; padding-left: 13px; width: 55px; overflow: hidden; height: 24px; line-height: 24px; color: #a5a5a5; }
.mealBox1 .mealBox1rt .priceBox1 .dllist1 dd { display: block; float: left; overflow: hidden; height: 24px; line-height: 24px; }
.mealBox1 .mealBox1rt .priceBox1 .dllist1 dd b { font-size: 24px; color:#ff4400; display: block; float: left; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 { overflow: hidden; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li { display: block; float: left; overflow: hidden; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li1 { padding-left: 12px; width: 110px; margin-right: 23px; height: 21px; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li1 .span1 { float: left; line-height: 21px; color: #a5a5a5; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li1 .span2 { float: right; line-height: 18px; color: #FFF; width: 50px; overflow: hidden; text-align: center; height: 18px; background: #ff4400; margin-top: 1px; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li2 { width: 450px; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li2 a { color: #4697d7; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li2 p { line-height: 21px; color: #ff4400; margin-bottom: 3px; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li3 { width: 99px; padding-left: 6px; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li3 p { height: 21px; line-height: 21px; color: #333; margin-bottom: 3px; }
.mealBox1 .mealBox1rt .priceBox1 .ullist2 li.li3 p span { color: #bf1a21; }


.pack_content{ background-color:white; width:1200px; margin:0 auto; margin-top:20px;}
.pack_title{ background-color:#4cbecf; color:white; font-size:20px; line-height:42px; padding-left:10px;}
.pack_nr{ padding:20px}
.pack_nr p{ color:#333; font-size:16px; line-height:28px; margin-bottom:20px;}
.pack_nr img{ display: block; margin:0 auto; margin-bottom:20px;}
.pack_qt{ font-size:24px; line-height:48px; text-align:center}
.taocan_xq_button{ background-color:#4cbecf; color:#fff; width:140px; font-size:16px; line-height:46px; text-align:center; border-radius:2px; margin-top:113px;}
.taocan_xq_button a{ color:#fff;}
.taocan_xq_button:hover{ background-color:#44b2c2;    transition: all ease .1s;}




#container{ margin-bottom:40px;}
#wrapq{overflow: hidden;}
#wrapq p{ font-size:16px; line-height:32px;}
#gradient{width: 100%;height: 36px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
#read-more{ width:100%; height:1px; background-color:#dbdbdb; text-align:center;}
#read-more a{ color:#ff9656; background-color:#ededed; padding:10px 28px; border-radius:50px; position:relative; top:-10px}
#read-more a:hover{color: #fff; background-color:#4cbecf}






.ivideo_tu {
    width: 100%;
    padding: 3px;
    margin-bottom: 3px;
    position: relative;
}
.ivideo_tu .ivideo_bf {
    width: 51px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -26px;
    position: absolute;
}
.ivideo_tu .ivideo_bf i {
    background: url(../images/sd_btn_v3.png) no-repeat;

    background-size: contain;
    width: 44px;
    height: 44px;
    display: block;
    margin: 0 auto;
}



.index_top_ad{ width:1200px; margin:0 auto; margin-top:5px;}
.index_top_ad ul li{ float:left;}
.index_top_ad ul li img{ max-height:80px; min-height:80px; margin-bottom:4px; padding:0 1px 0 1px}
.index_top_ad ul .index_top_ad_720 img{ max-width:720px;}
.index_top_ad ul .index_top_ad_480 img{ max-width:480px;}
.index_top_ad ul .index_top_ad_1200 img{ max-width:1200px;}
.mealBox1 .mealBox1rt .priceBox1 {
    padding: 16px 0 30px 0;
    overflow: hidden;
    background: #f5f5f5;
    margin-top: 14px;
    margin-bottom: 12px;
    position: relative;
}
.dllist1 {
    margin-bottom: 24px;
    margin-top: 16px;
}

.mealBox1 .mealBox1rt .servesBox1 {
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 14px;
}
.mealBox1 .mealBox1rt .servesBox1 .ltBox1 {
    width: 82px;
    float: left;
    padding-left: 9px;
    color: #a5a5a5;
}
.mealBox1 .mealBox1rt .servesBox1 .rtBox1 {
    float: left;
    color: #666;
}

/*限制内容不超过父亲width   +代码*/
.pack_content{
    width:1160px;
}
.pack_nr img{
    max-width:100%;
}
/*后+代码 end*/


.tab-nav {height: 30px;overflow: hidden;}
.tab-nav li a{display: block;float: left;width: 80px;height: 30px;line-height: 30px;text-align: center;text-decoration: none;color: #999;}
.tab-nav .currenttt{color: #333;}

.tab-con {position: relative; overflow: hidden;}
.tab-con-item {display: none;}

// 首页tab切换
.tab-nav {height: 30px;overflow: hidden;}
.tab-nav li a{display: block;float: left;width: 80px;height: 30px;line-height: 30px;text-align: center;text-decoration: none;color: #999;}
.tab-nav .currenttt{color: #333;}

.tab-con {position: relative; overflow: hidden;}
.tab-con-item {display: none;}
.tle a {
    font-size: 20px;
    font-weight: bold;
    color: #4cbecf;
    padding-bottom: 10px;
}













