/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;font-family: "Helvetica Neue","Helvetica","STHeitiSC-Light","Arial","Microsoft YaHei",sans-serif;}
a{color:#333;}
a:hover{color: #00bd9c;}
img{display: block;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"]{cursor: pointer;}
/*input[type="text"]:focus,input[type="password"]:focus{*/ /*border:1px solid #66afe9;*/ /*-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/ /*box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)*/
/*}*/
/* font */
@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1472546551_0402596.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1472546551_0402596.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1472546551_0402596.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/font_1472546551_0402596.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1472546551_0402596.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.fs{font-family:"iconfont" !important; font-size:1.6rem; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.fs-user:before{content:'\e600'}
.fs-flod:before{content:'\e603'}
.fs-name:before{content:'\e605'}
.fs-phone:before{content:'\e606'}
.fs-down:before{content:'\e604'}
.fs-plus:before{content:'\e616'}
.fs-reduce:before{content:'\e61b'}
.fs-fang:before{content:'\e601'}
.fs-yan:before{content:'\e602'}
.fs-design:before{content:'\e608'}
.fs-contract:before{content:'\e60e'}
.fs-car:before{content:'\e60b'}
.fs-renovation:before{content:'\e609'}
.fs-home:before{content:'\e610'}
.fs-furniture:before{content:'\e60f'}
.fs-guarantee:before{content:'\e60a'}
.fs-circular:before{content:'\e61c'}
.fs-cir1:before{content:'\e62b'}
.fs-cir2:before{content:'\e62c'}
.fs-offsetleft:before{content:'\e627'}
.fs-offsetright:before{content:'\e626'}
.fs-edit:before{content:'\e60c'}
.fs-floor:before{content:'\e607'}
.fs-location:before{content:'\e60d'}
.fs-consLeft:before{content:'\e62e'}
.fs-consRight:before{content:'\e62f'}
.fs-aorrLeft:before{content:'\e630'}
.fs-aorrRight:before{content:'\e63a'}
.fs-eye:before{content:'\e631'}
.fs-eye-o:before{content:'\e624'}
.fs-message:before{content:'\e625'}
.fs-star:before{content:'\e639'}
.fs-brand:before{content:'\e618'}
.fs-standard:before{content:'\e617'}
.fs-excellent:before{content:'\e619'}
.fs-warranty:before{content:'\e61a'}
.fs-kefu:before{content:'\e614'}
.fs-arrowDown:before{content:'\e629'}
.fs-delete:before{content:'\e632'}
.fs-delete-o:before{content:'\e61d'}
.fs-arrow:before{content:'\e633'}
.fs-makeuser:before{content:'\e615'}
.fs-make:before{content:'\e612'}
.fs-quotesTop:before{content:'\e637'}
.fs-quotesUp:before{content:'\e638'}
.fs-tel:before{content:'\e628'}
.fs-selfSupport:before{content:'\e621'}
.fs-evaluate:before{content:'\e620'}
.fs-pencil:before{content:'\e636'}
.fs-trianLeft:before{content:'\e63b'}
.fs-time:before{content:'\e63c'}
.fs-arrowTop:before{content:'\e63e'}
.fs-arrowBottom:before{content:'\e63d'}
.fs-data:before{content:'\e63f'}
.fs-recommend:before{content:'\e642'}
.fs-security:before{content:'\e641'}
.fs-signOut:before{content:'\e640'}
.fs-step1:before{content: '\e645'}
.fs-step2:before{content: '\e644'}
.fs-step3:before{content: '\e643'}
.fs-step4:before{content: '\e608'}
.fs-step5:before{content: '\e64a'}
.fs-step6:before{content: '\e646'}
.fs-step7:before{content: '\e647'}
.fs-step8:before{content: '\e609'}
.fs-step9:before{content: '\e602'}
.fs-step10:before{content: '\e648'}
.fs-step11:before{content: '\e60f'}
.fs-step12:before{content: '\e649'}
.fs-video:before{content: '\e64b'}
.fs-mail:before{content: '\e64d'}
.fs-list:before{content: '\e64e'}
.fs-enlarge:before{content: '\e64f'}
.fs-search:before{content: '\e650'}
.fs-sanj:before{content: '\e653'}
.fs-mj:before{content: '\e65c'}
.fs-qb:before{content: '\e65d'}

.fs-zs:before{content: '\e655'}
.fs-gr:before{content: '\e65b'}
.fs-sz:before{content: '\e609'}
.fs-sxt:before{content: '\e656'}
.fs-kf:before{content: '\e658'}

.fs-yy:before{content: '\e654'}
.fs-jg:before{content: '\e659'}
.fs-zb:before{content: '\e65a'}
.fs-yh:before{content: '\e65e'}
.fs-cg:before{content: '\e65f'}
.fs-bz:before{content: '\e660'}

.fs-zx:before{content: '\e664'}
.fs-dk:before{content: '\e666'}
.fs-bj:before{content: '\e663'}
.fs-yue:before{content: '\e662'}
.fs-top:before{content: '\e665'}

/* function */
.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
.text-center{text-align: center;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-ml10{margin-left: 10px;}
.f-mt10{margin-top: 10px;}
.f-mr10{margin-right: 10px;}
.f-mb10{margin-bottom: 10px;}
.f-ml20{margin-left: 20px;}
.f-mt20{margin-top: 20px;}
.f-mr20{margin-right: 20px;}
.f-mb20{margin-bottom: 20px;}
.f-ml30{margin-left: 30px;}
.f-mt30{margin-top: 30px;}
.f-mb30{margin-bottom: 30px;}
.f-mr30{margin-right: 30px;}
.f-ml15{margin-left: 15px;}
.f-mt15{margin-top: 15px;}
.f-mr15{margin-right: 15px;}
.f-mb15{margin-bottom: 15px;}
.f-mr12{margin-right: 12px;}
.f-mb25{margin-bottom: 25px;}
.warp{width: 1200px;margin:0px auto;}
.bgf5{background-color: #f5f5f5;}
.bgfa{background-color: #fafafa;}
.w850{width: 850px;}
.w320{width: 320px;}
.w1040{width: 1040px;margin: 0px auto;}
.w564{width: 564px;}
.w240{width: 240px;}
.w930{width: 930px;}
/* 组件 */
.m-cross{width: 100%; height: 1px; background-color: #dcdcdc; margin: 10px 0px;}
.m-count{width: 90px;}
.m-count .count-item,.m-count .count-info{display: block; height: 36px;}
.m-count .count-item{width: 50px; position: relative;}
.m-count .count-info{width: 40px; text-align: center; line-height: 36px; font-size: 14px;}
.m-count .count-item input[type="text"]{display: block; height: 38px; font-size: 14px; border: 1px solid #dcdcdc; width: 50px; padding-right: 15px; text-align: center;box-sizing: border-box;}
.m-count .count-item input[type="text"]:focus{border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
/*.m-count .count-item input[disabled]{*/ /*cursor: not-allowed;*/ /*background-color: #eee;*/
/*}*/
.m-count .count-item input.disabled{cursor: not-allowed; background-color: #eee;}
.m-count .count-but{width: 15px; height: 36px; border-left:1px solid #dcdcdc; position: absolute; top:1px; right: 1px;background-color: #fff;}
.m-count .count-but .fs{display: block; width: 15px; height: 18px; text-align: center; line-height: 18px; font-size: 14px; color: #aaa; font-weight: bold; cursor: pointer;}
.m-count .count-but .fs-plus{border-bottom: 1px solid #dcdcdc;}
.m-checkbox, .m-radio{display: block; position: relative;}
.m-checkbox.inline, .m-radio.inline{display: inline;}
.m-checkbox input, .m-radio input{opacity: 0; position: absolute; z-index: -99999; left: -9999px; top: 0; display: inline-block; margin-bottom: 0; vertical-align: middle;}
.m-checkbox span, .m-radio span{font-family:"iconfont" !important; color: #aaa;}
.m-radio span:before{content: "\e622"; color: #aaa;}
.m-radio.checked > span{color: #00bd9c;}
.m-radio.checked > span:before{content: "\e623"; color: #00bd9c;}
/*面包屑*/
.m-crumbs{padding: 20px 0px;}
.m-crumbs a,.m-crumbs span{display: inline-block; color: #aaa;font-size: 12px;}
.m-crumbs span{padding: 0px 5px;}
.m-crumbs a:hover{text-decoration: underline;}
/* 提示框 */
.m-flash{position: fixed; top: 0; left: 50%; padding: 15px; border: 1px solid transparent; width: 360px; margin-left: -180px; z-index: 9999; text-align: center; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.m-flash.success{color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.m-flash.info{color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.m-flash.warning{color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.m-flash.danger{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
/* 表单 */
.m-form{}
.m-form .form-container{padding-left: 150px; position: relative; margin-top: 10px;}
.m-form .form-container input[type="text"],.m-form .form-container input[type="password"]{height: 36px; line-height: 36px; border-radius: 3px; background-color: #fff; border: 1px solid #dcdcdc; width: 410px; padding: 0px 10px; font-size: 14px;}
.m-form .form-container p{height: 36px; line-height: 36px; border-radius: 3px; background-color: #fff; border: 1px solid #dcdcdc; width: 410px; padding: 0px 10px; background-color: #eee;}
.m-form .form-container input[type="submit"],.m-form .form-container a.but{display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background-color: #fd8d00; border:none; border-radius: 3px;}
.m-form .form-container span{display: block; width: 120px; text-align: right; height: 38px; line-height: 38px; position: absolute; top: 0px; left: 0px; font-size: 14px; color: #333;}
/* 弹出层 */
.showBoxMask{position: fixed; width: 100%; height: 100%; z-index: 19; background: rgba(0,0,0,.5); top: 0; left: 0; display: none;}
.showBox{width: 410px; background: #fff; position: fixed; top: -100%; left: 50%; margin-left: -220px; z-index: 20; display: none; padding: 20px 45px; border-radius: 5px;}
.showBox-title{height: 40px; line-height: 40px;position: relative;font-size: 20px;color: #333;}
.showBox-title .fs{font-size: 20px; color: #aaa;}
.showBox-title .showBox-close{display: block; position: absolute; top: -20px; right: -40px; width: 35px; height: 35px;}
.showBox-title .showBox-close .fs{font-size: 34px; display: block; width: 35px; height: 35px;}
.showBox-form{padding-top: 20px;}
.showBox-form .form-input{}
.showBox-form .form-input input[type="text"],
.showBox-form .form-input input[type="password"]{display: block; height: 40px; line-height: 40px; width: 100%; border: #DAE2E5 1px solid; text-indent: 10px; overflow: hidden; margin-bottom: 10px; border-radius: 3px;}
.showBox-form .form-input input[type="text"]:focus,.showBox-form .form-input input[type="password"]:focus{border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.showBox-form .form-input .saveCode{display: block; height: 40px; line-height: 40px; background-color: #fd8d00; text-align: center; color: #fff; font-size: 12px; border-radius: 3px;}
.showBox-form .form-input .saveCode.disabled{cursor: not-allowed; background-color: #eee;}
.showBox-form .form-but{padding-top: 10px;}
.showBox-form .form-but a{display: block; height: 40px; line-height: 40px;width: 100%; color: #fff; background: #00be9b; display: block; text-align: center; font-size: 20px; border-radius: 3px;}
.showBox-form .form-but a.disabled{cursor: not-allowed;background-color: #eee;}
.showBox-form .form-bottom{}
.showBox-form .form-bottom a{display: inline-block;height: 40px;line-height: 40px;font-size: 16px;}
.showBox-form .form-bottom a.forget{color: #aaa;}
.showBox-form .form-bottom a.href{color: #fe8c00;}
.showBox-form .form-bottom.reg{text-align: right;height: 40px;line-height: 40px;font-size: 16px;color:#333;}
.showBox-form .form-bottom.reg a.href{color: #00bd9c}
/* 预约 */
.showMake{width: 510px; background: #fff; position: fixed; top: -100%; left: 50%; margin-left: -300px; z-index: 20; display: none; padding: 20px 45px; border-radius: 5px;}
.showMake-title{font-size: 20px;color: #000;width: 100%;height: 40px;line-height: 40px; text-align: center;position: relative;}
.showMake-title .showMake-close{display: block; position: absolute; top: -20px; right: -40px; width: 35px; height: 35px;}
.showMake-title .fs{font-size: 30px; color: #aaa;}
.showMake-info{line-height: 24px;text-align: center;font-size: 16px;color: #333;margin-bottom: 15px;}
.showMake-form,.showMake-but{width: 390px; margin: 0px auto;}
.showMake-form p{margin-bottom: 10px;}
.showMake-form input[type="text"],.showMake-form select{width: 100%; display: block; background: #fff; height: 38px; font-size: 14px; border: 1px solid #dcdcdc; padding: 0px 8px; border-radius: 3px; box-sizing: border-box;}
.showMake-form input[type="text"]:focus,.showMake-form select:focus{border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.showMake-but a{display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 20px; border-radius: 3px;}
.showMake-but a.save{background-color: #fd8d00;}
.showMake-but a.cancel{background-color: #ccc;}
/*分页*/
.pagination{display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination>li{display: inline;}
.pagination>li>a, .pagination>li>span{position: relative; float: left; padding: 10px 15px; margin-left: -1px; line-height: 1.5; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus{color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{z-index: 2; color: #fff; cursor: default; background-color: #00be9c; border-color: #009f83;}
/* 筛选 */
.selector{border: 1px solid #dcdcdc;}
.selector-list{background-color: #f8f8f8;}
.selector .selector-key{float: left; width: 100px; line-height: 45px; text-align:center; padding-left: 10px; font-size: 14px; color: #666;}
.selector .selector-value{background-color: #fff; line-height: 45px; border-left: 1px solid #dcdcdc; margin-left: 110px; padding-left: 10px; overflow: hidden; zoom: 1; font-size: 14px;}
.selector .selector-value a{display: inline-block;margin: 0px 10px;color: #666;}
.selector .selector-value a.active,.selector .selector-value a:hover{color: #00be9c;}
.selector .select-line{border-bottom: 1px solid #f0f0f0;}
.selector-set{padding: 0px 20px; height: 40px; background-color: #f8f8f8;}
.selector-select{height: 40px; line-height: 40px; color: #666;}
.selector-select span{display: inline-block; height: 22px; line-height: 22px; border: 1px solid #00be9c; vertical-align: middle; position: relative; padding: 0px 25px 0px 10px; margin-right: 5px; color: #00be9c;}
.selector-select span a{display: block; width: 12px; height: 12px; line-height: 12px; text-align: center; position: absolute; top: 6px; right: 5px;}
.selector-select span .fs{font-size: 14px;color: #00bd9c;}
.selector-select .selector-select-deleteAll{color: #666;}
.selector-sort{}
.selector-sort a{display: inline-block; height: 40px; line-height: 40px; color: #666; margin-left: 10px;}
.selector-sort a.active,.selector-sort a:hover{color: #00be9c;}
.selector-sort a .fs{font-size: 12px; vertical-align: middle;}
/* 热门标签 */
.hotLabel{background-color: #fff;padding: 15px;}
.hotLabel .hotLabel-title{color: #333; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px;}
.hotLabel .hotLabel-title a{float: right;font-size: 14px;color: #333;}
.hotLabel .hotLabel-list{}
.hotLabel .hotLabel-list a{display: block; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #f5f5f5; float: left; margin-right: 10px; margin-bottom: 10px; color: #aaa; overflow: hidden;}
.hotLabel .hotLabel-list a:hover{background-color: #dcdcdc;}
/* 侧边栏 */
.aside-bar{width: 90px; height: 230px; position: fixed; top:50%; left: -90px; margin-top: -115px; background: url("/assets/image/cebian-bg.png") no-repeat; padding-top: 70px;}
.aside-bar a{display: block; font-size: 15px; text-align: center; height: 50px; line-height: 50px; border-bottom: 1px dashed #00a083; color: #fff;}
.aside-bar a:hover{background: #00a083;}
.aside-bar a.goTop{font-size: 14px; border: none;}
.aside-bar a.goTop .fs{font-size: 18px; vertical-align: middle;}

.aside-kf{
    width: 48px;
    height: 244px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    position: fixed;
    top:50%;
    margin-top: -123px;
    right: -50px;
}
.aside-kf ul{}
.aside-kf ul li{
    width: 48px;
    height: 48px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}
.aside-kf ul li .kf-box{
    display: none;
    width: 118px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    position: absolute;
    top: -1px;
    left: -120px;
}
.aside-kf ul li .kf-box a{
    display: block;
    width: 118px;
    height: 40px;
    color: #333;
    line-height: 40px;
    text-align: center;
}
.aside-kf ul li .kf-box a img{
    display: inline-block;
    vertical-align: middle;
}
.aside-kf ul li .kf-box a:hover{
    background-color: #dcdcdc;
}
.aside-kf ul li a.title{
    display: block;
    padding: 4px;
    width: 40px;
    height: 40px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.aside-kf ul li a.title:hover{
    background-color: #00bd9c;
}
.aside-kf ul li a i{
    font-size: 18px;
    color: #00bd9c;
}
.aside-kf ul li a:hover,.aside-kf ul li a:hover i{
    color: #fff;
}
.aside-kf ul li.last{
    border-bottom: none;
}
/* 右侧边 */
.right_box{
    width: 300px;
    background-color: #f5f5f5;
    padding: 0px 10px 10px 10px;
}
.right_box.boxFixed{
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 1;
}
/* hender */
.header{padding: 5px 0px; height: 100px;}
.logo{}
.header-info{width: 230px; padding-top: 30px;}
.header-info p{text-align: center;}
.header-info p.info{font-size: 20px; color: #01a67d;}
.header-info p.tel{height: 24px; line-height: 24px; background-color: #f3f3f3; font-size: 14px; color: #9a9a9a;margin-top: 5px;}
.header-search{margin-top: 35px; height: 40px;}
.header-search-select{height: 40px; width: 108px; border:1px solid #d4d4d4; border-radius: 5px 0px 0px 5px;position: relative;z-index: 99;}

.header-search-select span{
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.header-search-select .fs{
    display: block;
    width: 12px;
    height: 6px;
    text-align: center;
    line-height: 6px;
    font-size: 12px;
    color: #00be9d;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -3px;
}
.header-search-select .header-search-select-box{
    display: none;
    width: 108px;
    position: absolute;
    right: -1px;
    top: 40px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
}
.header-search-select .header-search-select-box a{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    border-bottom: 1px dotted #d4d4d4;
}
.header-search-select .header-search-select-box a:hover{
    background-color: #00bd9c;
    color: #fff;
}
.header-search-select .header-search-select-box a.last{border:none;}

.header-search-text{padding: 5px 10px; width: 230px; height: 30px; line-height: 30px; border:1px solid #d4d4d4; border-left: none; border-right: none;}
.header-search-text input{width: 100%; height: 30px; line-height: 30px; font-size: 14px; border: none; background: none;}
.header-search-button{width: 84px; height: 42px; background-color: #009f83; border-radius: 0px 5px 5px 0px;}
.header-search-button a{display:block;width: 84px; height: 42px; line-height: 42px;text-align: center; background-color:#00bd9c; border-radius: 0px 5px 5px 0px; border: none; color: #fff; font-size: 16px; cursor: pointer;}
.nav{background-color: #00be9c;}
.nav-box{position: relative;}
.nav-box ul li{float: left; height: 50px; width: 130px;}
.nav-box ul li a{width: 100%; text-align: center; display: block; height: 50px; line-height:50px; font-size: 18px; font-weight: bold; color: #fff;}
.nav-box ul li.active,.nav-box ul li a:hover{background-color: #009f83;}
.login{width: 170px;height: 50px;position: absolute; top: 0px; right: 0px;background: #009f83;}
.login .loginOut{width: 105px; padding:15px 10px; height: 20px; margin: 0px auto;}
.login .loginOut i,.login .loginOut a{color: #fff;}
.login .loginOut i{font-size: 16px;}
.login .loginOut a{font-size: 14px; display: block;height: 20px;line-height: 20px;text-align: center;}
.login .loginOut a.sign{width:60px;border-right: 1px solid #00816a;}
.login .loginOut a.reg{width:40px;border-left: 1px solid #00b696;}
.login .loginIn{width: 100%; height: 50px; position: relative; z-index: 9;}
.login .loginIn .user{display: block; height: 40px; line-height: 40px; padding: 5px 15px; font-size: 14px; color: #fff;}
.login .loginIn .arrow{display: block; font-size: 16px; color: #fff; height: 16px; line-height: 16px; width: 16px; text-align: center; position: absolute; top: 17px; right: 10px;}
.login .loginIn .user span{display: inline-block; width: 36px; height: 36px; border: 2px solid #fff; overflow: hidden; border-radius: 20px; vertical-align: middle; margin-right: 5px;}
.login .loginIn .user span img{width: 100%;height: 100%;}
.login .loginIn .loginIn_list{width: 170px; background-color: #232323; position: absolute; top:50px; left: 0px; display: none;}
.login .loginIn .loginIn_list a{color: #fff; display: block; height: 36px; line-height: 36px; padding: 0px 15px; border-bottom: 1px solid #2e2e2e;}
.login .loginIn .loginIn_list a:hover{background-color: #2e2e2e;}
.login .loginIn .loginIn_list a .fs{font-size: 16px;}
/* footer */
.footer{background: #333;}
.footer .server{border-bottom: 1px solid #000;padding: 45px 0px 40px 0px;}
.footer .server-list li{float: left;}
.server-item{}
.server-item.make{width: 295px;}
.server-item.list{width: 145px;margin-left: 60px;}
.server-item.contact{width: 320px;margin-left: 40px;}
.server-item.follow{width: 130px;margin-left: 50px;}
.server-item.code{width: 95px;height: 95px;margin-left: 20px;}
.server-item .title{font-size: 18px;color: #fff;margin-bottom: 15px;}
.server-item .make-info{}
.server-item .make-info span{display: block; width: 120px; height: 25px; float: left; background-color: #fff; margin-right: 10px; padding: 0px 5px;}
.server-item .make-info span .fs{color: #aaa;font-size: 16px;vertical-align: middle;}
.server-item .make-info span input{border:none; background:none; width: 100px; height: 25px; line-height: 25px;}
.server-item .make-save{display:block;width:85px;height: 25px;text-align: center;line-height: 25px; border-radius: 5px;background-color: #00bd9c;border:none;color: #fff;font-size: 14px;}
.server-item .list-item{}
.server-item .list-item a{display: block;width:100%;height:25px;line-height:25px;color: #aaa;font-size: 14px;}
.server-item .contact-info p,.server-item .follow-info{line-height:25px;color: #aaa;font-size: 14px;}
.server-item .follow-info{}
.footer .link{border-top: 1px solid #666;padding-top: 20px;}
.footer .link,.footer .link a,.footer .copyright{font-size:14px;color:#aaa;text-align: center;line-height: 30px;}
.footer .copyright{}
/* index */
.banner{width: 100%;height: 410px;position: relative;}
.banner-wrapper{width: 100%;height: 410px;position: relative;overflow: hidden;}
.banner-wrapper ul{position: absolute;top:0px;left: 0px;}
.banner-wrapper ul li{float: left;height: 410px;}
.banner-wrapper ul li a{display: block;width: 100%;height: 410px;background-position: top center;background-repeat: no-repeat;}
.banner-wrapper ul li img{height: 100%; margin: 0px auto;}
.banner-wrapper .slider-page{position: absolute;width:100%;left:0px;bottom:30px; height: 12px; text-align: center;}
.banner-wrapper .slider-page span{display: inline-block;width: 10px;height: 10px;border: 1px solid #f6f2ea;border-radius: 50%;cursor: pointer;margin: 0px 5px;}
.banner-wrapper .slider-page span.active{border:1px solid #00bd9c;}
.apply{width: 320px; height: 390px; background-color: #fff; position: absolute; top: 20px; left: 50%; margin-left: 280px; z-index: 2;}
.apply-title li{width: 50%; float: left; border-bottom: 1px solid #00be9d; position: relative;}
.apply-title li span{display: block;height: 50px;line-height: 50px; font-size: 18px; text-align: center; cursor: pointer;}
.apply-title li span.line{border-right: 1px solid #dcdcdc;}
.apply-title li i.fs{display: none;width: 12px;height: 6px; text-align:center;line-height: 6px; font-size: 12px;color: #00be9d;position: absolute;left: 50%;bottom: -6px;margin-left: -6px;}
.apply-title li.active span{color: #00be9d;}
.apply-title li.active i.fs{display: block;}
.apply-con{padding: 15px 24px;}
.apply-list{display: none;}
.apply-list p{height: 38px;line-height: 38px;font-size: 16px;}
.apply-text{width: 100%; height: 38px; line-height: 38px; position: relative;}
.apply-text.inline,.apply-radio.inline{display: inline-block; vertical-align: middle;}
.apply-text.area{width: 110px;}
.apply-text.area input[type="text"]{width: 110px;padding-right: 25px;}
.apply-text.area span{display: block;width: 20px;height: 36px;line-height:36px;position: absolute;top: 0px;right: 5px;}
.apply-text input[type="text"]{width: 100%; display: block; background: #fff; height: 38px; font-size: 14px; border: 1px solid #dcdcdc; padding: 0px 8px; border-radius: 3px;box-sizing: border-box;}
.apply-text input[type="text"]:focus{border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.apply-button input[type="button"],.apply-button input[type="submit"],.apply-button a{display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; background: #fe8c00; border: none; font-size: 14px; color: #fff;}
.apply-radio{height: 36px; line-height: 36px; font-size: 14px; border: 1px solid #dcdcdc; padding: 0px 8px; border-radius: 3px;}
.apply-radio.loan{width: 135px;}
.apply-select{width: 135px; border: 1px solid #dcdcdc; padding: 0px 8px; border-radius: 3px; background: none;}
.apply-select select{width: 100%; height: 36px; border: none; background: none; font-size: 14px;}
.warp-index{padding: 35px 0px 40px 0px;}
.index-title{height: 30px; line-height: 30px; text-align: center; font-size: 30px; color: #333;}
.index-info{height: 24px; line-height: 24px; font-size: 16px; text-align: center; color: #aaa; padding: 15px 0px 35px 0px;}
.index-info span{width: 10px; height: 10px; display: inline-block; background-color: #00bd9c; vertical-align: middle; margin-top: -2px;}
.index-process{}
.process-list{}
.process-list li{float: left;}
.process-list .process-item{width: 104px; height: 90px;padding-top: 14px; background-color: #fff; border:1px solid #ddd;}
.process-list .process-item .fs{display:block;color: #ccc;font-size: 55px;text-align: center;}
.process-list .process-item span{display:block;color: #aaa;font-size: 14px;text-align: center;}
.process-list .process-item:hover{background-color: #00bd9c; border:1px solid #00b487;}
.process-list .process-item:hover .fs,.process-list .process-item:hover span{color: #fff;}
.process-list .process-line{width: 50px;height: 106px;text-align: center;line-height: 106px;}
.process-list .process-line .fs{width: 15px;height: 15px;color: #ddd;font-size: 14px;}
.process-list .process-line i.circle1{color: #ccc;font-size: 12px;}
.package-tab{width: 270px; margin:0px auto;}
.package-tab a{display: block;width:130px;height: 35px;line-height: 35px;text-align: center; background-color: #f3f3f3;font-size: 16px;color: #aaa;position: relative;}
.package-tab a.active,.package-tab a:hover{background-color: #00bd9c;color: #fff;}
.package-tab a .fs{display: none;width: 12px;height: 6px; text-align:center;line-height: 6px; font-size: 12px;color: #00be9d;position: absolute;left: 50%;bottom: -5px;margin-left: -6px;}
.package-tab a.active .fs{display: block;}
.package-list{width:1200px;height: 220px;overflow: hidden;position: relative;}
.package-list ul{width: 2450px;height: 220px;position: absolute;top:0px;left: 0px;}
.package-list ul li{float: left; width: 590px; height: 220px; overflow: hidden; margin-right: 20px; position: relative;}
.package-info{width: 590px; height: 220px; background-color:rgba(0,0,0,.6); position: absolute; left: 0px; top:170px;}
/*.package-list ul li:hover .package-info{height: 190px; padding-top: 30px; top:0px;}*/
.package-info h3{line-height: 50px; height: 50px; text-align:center; color: #fff; font-size: 18px;}
.package-info p.info{width: 400px; line-height: 24px; margin: 0px auto; text-align: center; font-size: 14px; color: #fff;}
.package-info p.button{width: 240px; margin: 20px auto 0px auto;}
.package-info p.button a{display: block; width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px;}
.package-reserve{background-color: #ff8b00; color: #fff;}
.package-details{background-color: #fff; color: #333;}
.index-team{}
.team-list{width:1200px;position: relative}
.team-item{width:1200px;height:210px;overflow: hidden;position: relative}
.team-item ul{height: 210px;position: absolute;top:0px;left: 0px;}
.team-item ul li{float: left;margin:0px 15px 0px 15px;position: relative}
.team-item ul li,.team-item ul li img{width: 210px; height: 210px; border-radius: 50%; overflow: hidden;}
.team-item ul li img{}
.team-item .team-info{opacity: 0; width: 210px; height: 150px; padding: 30px 0px; position: absolute; top:0px; left:0px; background-color: rgba(0,189,156,.8);}
/*.team-item ul li:hover .team-info{opacity: 1;}*/
.team-item .team-info p{color: #fff;}
.team-item .team-info p.name{height: 20px; line-height: 20px; font-size: 18px; text-align: center; border-bottom: 1px dashed #fff; padding: 10px 0px;}
.team-item .team-info p.name span{display: inline-block; width: 72px; height: 20px; font-size: 12px; text-align: center; line-height: 20px; background-color: #323232; vertical-align: middle; margin-left: 5px;}
.team-item .team-info p.works{text-align: center; padding-top: 10px;}
.team-item .team-info p.works span{display: inline-block; width: 20px; height: 24px; line-height: 24px; vertical-align: middle;}
.team-item .team-info p.good{padding: 0px 18px 5px 18px; height: 52px; line-height: 26px; border-bottom: 1px dashed #fff;}
.team-list .team-pagination{padding-top: 45px; text-align: center;}
.team-list .team-pagination span{display: inline-block; width: 12px; height: 12px;margin: 0px 5px; background-color: #d6d6d6; border-radius: 50%; cursor: pointer;}
.team-list .team-pagination span.active{background-color: #00be9c;}
.team-list .offset{display: block; width: 36px; height: 40px; position: absolute; top: 115px; margin-top: -30px; text-align: center; line-height: 40px;}
.team-list .offset .fs{font-size: 36px;color: #cdcbcc;}
.team-list .offset:hover .fs{font-size: 36px;color: #333;}
.team-list .offsetLeft{left: -20px;}
.team-list .offsetRight{right: -20px;}
/* 装修效果图 */
.index-effect{}
.effect{}
.effect-list{float: left; height: 375px;overflow: hidden;}
.effect-list.first{width: 300px;}
.effect-list.second{width: 210px;}
.effect-list.three{width: 390px;}
.effect-list.four{width: 255px;}
.effect-list .effect-img,.effect-list .effect-img img{width: 100%; height: 100%;}
.effect-list .effect-img{position: relative;display: block;}
.effect-list .effect-img img:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9}
.effect-list .effect-img .effect-info{width: 100%; position: absolute; left: 0px; bottom: 0px; padding: 10px 0px; background-color: rgba(0,0,0,.6);}
.effect-list .effect-img .effect-info h3,.effect-list .effect-img .effect-info p{padding-left: 10px; color: #fff; height: 20px; line-height: 20px;overflow: hidden;}
.effect-list .effect-img .effect-info h3{font-size: 14px;}
.effect-list .second-top{width: 100%; height: 285px;}
.effect-list .second-bottom,.effect-list .second-bottom a{width: 100%; height: 75px;}
.effect-list .second-bottom a{display: block; line-height: 75px; text-align: center; font-size: 16px; color: #fff; background-color: #00be9c;}
.effect-list .three-list{width: 100%;height: 180px;}
.effect-list .three-list-l{width: 105px;}
.effect-list .three-list-r{width: 270px;}
.effect-list .three-list-l a{display: block; border:1px solid #dcdcdc;}
.effect-list .three-list-l a.active{background-color: #ff8b00;}
.effect-list .three-list-l a.active .fs{color: #fff;}
.effect-list .three-list-l a.active span{color: #fff;}
.effect-list .three-list-l a .fs{display: block; height: 35px; line-height: 35px; color: #a9a9a9; font-size: 30px; text-align: center; padding-top: 15px;}
.effect-list .three-list-l a span{display: block; width: 100%; height: 55px; line-height: 55px; color: #a9a9a9; text-align: center; font-size: 16px;}

.three-list-l-first:hover,.three-list-l-three:hover{color: #fff;background-color: #00be9c;border:1px solid #00be9c;}
.effect-list .three-list-l a.three-list-l-two:hover{background-color: #ff8b00;}
.effect-list .three-list-l a.three-list-l-two:hover span,.effect-list .three-list-l a.three-list-l-first:hover span,.effect-list .three-list-l a.three-list-l-three:hover span{color: #fff;}
.effect-list .three-list-l a.three-list-l-two:hover .fs{color: #fff;}

/* 工地直播 */
.index-construction{}
.construction{}
.construction-list{width: 840px; height: 330px; position: relative;}
.construction-list .construction-box{width: 840px; height: 330px; position: relative; overflow: hidden;}
.construction-list .construction-box ul{position: absolute;}
.construction-box ul li{float: left; width: 260px; margin:0px 10px; background-color: #fff;}
.construction-box ul li img{width: 260px; height: 250px;}
.construction-item-img{width: 260px; height: 250px;}
.construction-item-info{width: 240px; height: 50px; padding: 15px 10px;}
.construction-item-info h3,.construction-item-info p{height: 25px; line-height: 25px; color: #666;}
.construction-item-info h3{font-size: 16px;}
.construction-item-info h3 .fs{font-size: 12px; vertical-align: middle;color: #aaa;}
.construction-item-info h3 span{color: #00bd9c;}
.construction-item-info p{padding-left: 20px;font-size: 14px;}
.construction-list .consOffest{display: block; text-align: center; width: 30px; height: 46px; line-height: 46px; position: absolute; top: 110px; background-color: rgba(0,0,0,0.6);}
.construction-list .consOffest .fs{font-size: 25px;color: #eee;}
.construction-list .consLeft{left: -5px;}
.construction-list .consRight{right: -5px;}
.construction-map{width: 270px; padding: 0px 24px 20px 24px; background-color: #fff;border: 1px solid #dcdcdc;}
.map-title{height: 45px; line-height: 45px; font-size: 12px; color: #666;}
.map-title span{font-size: 18px;color: #333;font-weight: bold;}
.map-con,.map-box{width: 270px; height: 263px;}
.map-con{position: relative;}
.map-con a.goBigMap{display: block; width: 270px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; color: #fff; background-color: rgba(0,0,0,.5); position: absolute; left: 0px; bottom: 0px;}
.map-con a.goBigMap .fs{font-size: 14px;}
/* 装修攻略 */
.index-renovation{}
.renovation{}
.renovation-list{float: left; width: 283px; border: 1px solid #dcdcdc;}
.renovation-list p{width: 100%; height: 220px; border-bottom: 1px solid #dcdcdc;}
.renovation-list p img{width: 100%; height: 220px;}
.renovation-list .renovation-item{padding: 20px;}
.renovation-list .renovation-item a{display: block; height: 30px; font-size: 14px; color: #666;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.renovation-list .renovation-item a:hover{color: #00bd9c;}
.renovation-list .renovation-item .fs{color: #ccc;display: inline-block;vertical-align: middle;}
/* 动态 + 最新 */
.index-news{}
.index-new,.index-newest{border: 1px solid #dcdcdc; background-color: #fff;}
.index-new{width: 748px; height: 359px; padding: 10px 25px 25px 25px;}
.index-new-title{border-bottom: 1px solid #dcdcdc;}
.index-new-title span{display: block; width: 140px; text-align: center; font-size: 24px; font-weight: bold; color: #333; border-bottom: 2px solid #00bd9c; margin-bottom: -1px; height: 50px; line-height: 50px;}
.index-new-con{padding-top: 5px;}
.index-new-con li{padding: 15px 5px;}
.index-new-con li.line{border-bottom: 1px dashed #dcdcdc;}
.index-new-info{width: 618px;}
.index-new-info h3{height: 24px; line-height: 24px; font-size: 16px; color: #333;}
.index-new-info h3 span{float:right; font-size: 12px; color: #aaa; font-weight: normal;}
.index-new-info p{line-height: 23px; height: 46px; font-size: 14px; color: #666;}
.index-new-img,.index-new-img img{width: 100px; height: 70px;}
.index-new-img img{}
.index-newest{width: 368px; height: 394px;}
.newest-title{width: 100%;}
.newest-title a{display: block; width: 50%; float: left; border-bottom: 1px solid #dcdcdc;}
.newest-title a span{font-size: 18px; display: block; height: 50px; line-height: 50px; text-align: center; color: #333;}
.newest-title a span.line{border-right: 1px solid #dcdcdc;}
.newest-title a.active{border-top:2px solid #00bd9c; margin-top: -1px; border-bottom: none; color: #00bd9c;}
.newest-con{}
.newest-con .newest-item ul.newest-item-ul li{padding: 12px 0px;}
.newest-con .newest-item ul.newest-item-ul li.line{border-bottom: 1px dashed #dcdcdc;}
.newest-con .newest-item{display: none;width:368px;height:330px;overflow: hidden;}
.newest-img,.newest-img img{width: 80px;height: 56px;}
.newest-info{width: 228px;}
.newest-info-title span{display: inline-block; font-size: 14px; color: #666;}
.newest-info-title span.house{font-weight: bold;margin-right: 20px;}
.newest-info-price,.newest-info-title{height: 28px; line-height: 28px;}
.newest-info-price a{display: inline-block; vertical-align: middle; width: 96px; height: 20px; text-align: center; line-height: 20px; border:1px solid #00bd9c; border-radius: 3px; color: #00bd9c; background-color: #fff;}
.newest-info-price a:hover{background-color: #00bd9c; color: #fff;}
.newGauge-info{width: 100%;}
.newGauge-info-title{width: 218px;}
.newGauge-info-title span{display: inline-block; font-size: 14px; color: #666;}
.newGauge-info-title span.house{font-weight: bold;margin-right: 20px;}
.newGauge-info-title{height: 28px; line-height: 28px;}
.newGauge-info-price{width: 100px;height: 25px;padding-top: 3px;}
.newGauge-info-price a{display: inline-block; vertical-align: middle; width: 96px; height: 20px; text-align: center; line-height: 20px; border:1px solid #00bd9c; border-radius: 3px; color: #00bd9c; background-color: #fff;}
.newGauge-info-price a:hover{background-color: #00bd9c; color: #fff;}
.newest-measure-title{padding: 0px 20px; height: 40px; border-bottom: 1px solid #dcdcdc; background-color: #f5f5f5;}
.newest-measure-title span{height: 40px; line-height: 40px; font-size: 14px;}
.newest-measure-list{width: 100%; height: 240px; overflow: hidden;}
.newest-measure-list .measure-item{height: 30px; padding: 0px 20px;}
.newest-measure-list .measure-item span{height: 30px; line-height: 30px;}
.newest-measure-title span,.newest-measure-list .measure-item span{display:block; float: left; overflow: hidden;}
.newest-measure-title span.name,.newest-measure-list .measure-item span.name{width: 60px;}
.newest-measure-title span.tel,.newest-measure-list .measure-item span.tel{width: 100px;}
.newest-measure-title span.vill,.newest-measure-list .measure-item span.vill{width: 100px;}
.newest-measure-title span.area,.newest-measure-list .measure-item span.area{width: 60px;}
.newest-measure-but{height: 36px; padding: 6px 0px;}
.newest-measure-but a{display: block; width: 200px; height: 36px; line-height: 36px; text-align: center; background: #fe8c00; border: none; font-size: 14px; color: #fff; margin: 0 auto;}
/* */
.list-banner{width: 100%; height: 250px; overflow: hidden;}
.list-banner a{display:block;width: 100%; height: 250px; margin: 0px auto;background-position: top center;}
.plan-list-title{height: 30px; line-height: 30px; padding: 30px 0px;}
.plan-list-title span{display: inline-block; height: 30px; line-height: 30px;}
.plan-list-title span.icon{width: 10px; height: 10px; background-color: #00bd9c; vertical-align:super; margin-top: -2px;}
.plan-list-title span.title{font-size: 27px; color: #333;}
.plan-list-title span.info{font-size: 18px; color: #aaa;}
.plan-list{height: 390px; overflow: hidden;}
.plan-list ul{}
.plan-list ul li{width: 283px; height: 388px; border:1px solid #dcdcdc; float: left;}
.plan-list ul li.plan-item-banner{width: 285px; height: 390px; border: none; position: relative;}
.plan-list ul li.plan-item-banner .fs{display: block;color: #fff;position: absolute;top: 50%;right: -10px;text-align: right;font-size: 38px;width: 38px;height: 43px;margin-top: -19px;}
.plan-list ul li.plan-item{}
.plan-list .plan-item-banner-info{padding: 0px 40px 0px 0px; width: 60px; height: 390px; background-color: rgba(0,0,0,.6); position: absolute; top:0px; right: 0px;}
.plan-list .plan-item-banner-info p{width: 30px; text-align: center; height: 390px; float: right; color: #fff; Writing-mode:vertical-rl;}
.plan-list .plan-item-banner-info p.zh{font-size: 24px;}
.plan-list .plan-item-banner-info p.en{font-size: 16px;}
.plan-list ul li.plan-item:hover .plan-item-img a img{transform:scale(1.1);
-webkit-transform: scale(1.1);}
.plan-item-img,.plan-item-img a,.plan-item-img a img{width: 283px; height: 208px;}
.plan-item-img a{display: block;overflow: hidden;}
.plan-item-img a img{transition: all 1.0s;
-webkit-transition: all 1.0s;}
.plan-list .plan-item-info{padding: 20px;}
.plan-item-info h3{height: 30px; line-height: 30px; font-size: 18px; color: #333;}
.plan-item-info p{height: 30px;line-height: 30px;}
.plan-item-info p.price{display: flex; justify-content: space-between;}
.plan-item-info p.price span i{color: #ff8b00;font-size: 16px;}
.plan-item-info a.info{display: block;width: 180px;height: 35px;text-align: center;line-height: 35px;color: #00bd9c;border-radius: 3px;font-size: 14px;border: 1px solid #dcdcdc;margin: 13px auto 0px auto;}
.plan-item-info a.info .fs{font-size: 18px;vertical-align: middle;}
.plan-item-info a.info:hover{background-color: #00bd9c; border-color: #00be9c; color: #fff;}
/* plan-detail */
.plan-detail{}
.plan-detail .detail-img,.plan-detail .detail-img img{width: 420px;height: 330px;}
.plan-detail .detail-info{width: 500px;}
.plan-detail .detail-info h3{height:45px;line-height:45px;font-size: 20px;color: #333;}
.plan-detail .detail-info p.explain{height:40px;line-height:40px;font-size: 16px;color: #ec0012;font-weight: bold;}
.plan-detail .detail-info p.info{height:60px;line-height:30px;font-size: 14px;color: #333;padding-top: 10px;}
.detail-info-price{padding: 10px 20px;background-color: #f3f3f3;}
.detail-info-price p{height: 30px;line-height: 30px;}
.detail-info-price span{display: inline-block;}
.detail-info-price span.title{width: 70px;font-size: 14px;color: #919191;}
.detail-info-price span.price,.detail-info-price span.activity,.detail-info-price span.set{font-size: 16px;}
.detail-info-price span.price,.detail-info-price span.set{color: #333;}
.detail-info-price span.activity{color: #ec0012;}
.detail-author-info{
    padding: 20px;
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
}
.detail-author-info .detail-author-l{
    width: 70%;
}
.detail-author-l .detail-author-top{
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 10px;
}
.detail-author-l .detail-author-top .style-1{
    font-size: 20px;
    color: #ff8b00;
    padding: 0 16px;
}
.detail-author-l .detail-author-txt{
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.detail-author-l .detail-author-txt span{
    font-size: 18px;
}
.detail-author-info .detail-author-r{
    width: 30%;
    text-align: center;
}
.detail-author-info .detail-author-r img{
    width: 160px;
    height: 160px;
    margin: 0 auto;
}
.detail-author-info .detail-author-r p{
    line-height: 36px;
    font-size: 18px;
}
.detail-author-info .detail-author-r a{
    display: inline-block;
    line-height: 32px;
    padding: 0 12px;
    background-color: #ff8b00;
    color: #fff;
    font-size: 16px;
}
.plan-detail .detail-info .detail-apply-but{display:block;width: 200px;height: 54px;margin-top: 10px;text-align: center;line-height: 54px;background-color: #ff8b00;color: #fff;font-size: 18px;}
.plan-detail .detail-server{width: 178px;height: 298px;padding: 10px 20px 20px 20px; border:1px solid #dcdcdc;}
.plan-detail .detail-server-title{height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #dcdcdc;}
.detail-server-list li{float: left; width: 50%; padding-top: 20px;}
.detail-server-list li .fs,.detail-server-list li span{display: block; text-align: center;}
.detail-server-list li .fs{font-size: 55px; color: #00be9c;}
.detail-server-list li span{font-size: 12px;color: #333;}
.plan-detail .kefu-box{margin-top: 20px; padding-top: 15px; border-top: 1px solid #dcdcdc;}
.plan-detail .kefu-box a{display: block;width: 178px;height: 36px;background-color: #00be9c;text-align: center;line-height: 36px;border-radius: 3px; color: #fff;margin: 0px auto;font-size: 14px;}
.plan-detail .kefu-box .fs{vertical-align: middle;font-size: 20px;}
.plan-detail-con{margin-top: 40px;margin-bottom: 200px;}
.plan-detail-nav{width: 100%; height: 60px;}
.plan-detail-tab{width: 1198px; height: 58px; border: 1px solid #dcdcdc; background-color: #f8f8f8;}
.plan-detail-tab.boxFixed{position: fixed; top: 0; z-index: 1;}
.plan-detail-tab ul{width: 650px;}
.plan-detail-tab ul li{float: left; width: 160px; height: 58px; text-align: center; line-height: 58px; border-right: 1px solid #dcdcdc; font-size: 18px; color: #666; cursor: pointer;}
.plan-detail-tab ul li.active{background-color: #fff; border-top: 4px solid #00be9c; margin-top: -1px; height: 56px; line-height: 56px;}
.plan-detail-tab .detail-tab-apply{display:none; width: 145px; height: 38px; margin: 10px 45px 0px 0px; text-align: center; line-height: 39px; background-color: #ff8b00; color: #fff; font-size: 18px;}
.plan-detail-tab.boxFixed .detail-tab-apply{display: block;}
.plan-detail-panel{border: 1px solid #dcdcdc; border-top: none; padding: 40px 40px 70px 40px;}
.plan-detail-panel .plan-detail-panelCon{width: 100%;overflow: hidden;}
.plan-detail-panel .plan-detail-panelCon.process > img{
    width: 100%;
}
.detailed{width: 100%; margin-top: 20px; position: relative;}
.detailed .detailed-tab{width: 182px; float: left; background-color: #fff; position: absolute; top:0px; left: 0px;}
.detailed .detailed-tab ul li{height: 50px; border-top: 1px solid #dcdcdc; border-right:1px solid #00bd9c; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; margin-top: -1px;}
.detailed .detailed-tab ul li a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px;}
.detailed .detailed-tab ul li.active{border-color: #00bd9c; border-right:1px solid #fff; position: relative;}
.detailed .detailed-tab ul li.active a{border-bottom: 1px solid #00bd9c; position: absolute; top:0px; left:0px; color: #00bd9c;}
.detailed .detailed-con{border:1px solid #00bd9c; margin-left: 181px; margin-top: -1px;}
.detailed .detailed-con table,.detailed .detailed-con table thead,.detailed .detailed-con table tbody{width: 100%;}
.detailed .detailed-con table thead tr th,.detailed .detailed-con table tbody tr td{padding: 15px 8px;}
.detailed .detailed-con table thead tr th{font-size: 18px;font-weight: bold;}
.detailed .detailed-con table tbody tr td{font-size: 14px;}
.detailed .detailed-con table tbody tr.bg td{background-color: #f3f3f3;}
/* 设计师 */
.designer-list{}
.designer-list .designer-item{border: 1px solid #dcdcdc; padding: 20px 20px 30px;margin-bottom: 20px;}
.designer-list .item-info{padding-bottom: 20px;}
.designer-item .item-img,.designer-item .item-img img{width: 160px; height: 160px; border-radius: 50%;}
.designer-item .item-introduce{width: 618px;position: relative}
.designer-item .item-introduce p{height: 26px; line-height: 26px;}
.designer-item .item-introduce p.name{font-size: 18px; color: #333; padding-top:5px; padding-bottom: 10px;}
.designer-item .item-introduce p.name span{display: inline-block; background-color: #00bd9c; border-radius: 3px; height: 20px; line-height: 20px; margin-left: 15px; font-size: 12px; color: #fff; padding: 0px 5px; vertical-align: middle;}
.designer-item .item-introduce p.work{font-size: 14px; color: #333; border-bottom: 1px dashed #dcdcdc; padding-top:5px; padding-bottom: 10px;}
.designer-item .item-introduce p.work span{color: #666;}
.designer-item .item-introduce p.style{padding-top: 15px;}
.designer-item .item-introduce p.style,.designer-item .item-introduce p.idea{color: #aaa; font-size: 14px;}
.designer-item .item-introduce p.style span,.designer-item .item-introduce p.idea span{color: #666;}
.designer-item .item-introduce p.popularity{width: 200px; position: absolute; top: 0px; right: 130px; text-align: right; height: 26px; line-height: 26px; font-size: 14px; color: #666;}
.designer-item .item-introduce p.popularity span{font-size: 20px;color: #ff8b00;}
.designer-item .item-introduce p.name a:hover{color: #00bd9c;}
.designer-make-it{width: 130px; height: 30px; position: absolute; top: 0px; right: -33px;}
.designer-make-it a{display: block; width: 130px; height: 30px; line-height: 30px; text-align: center; background-color: #00bd9c; color: #fff; position: relative; font-size: 14px;}
.designer-make-it a .fs{display: block; width: 12px; height: 12px; color: #009e82; position: absolute; top: 29px; right: 0px; font-size: 12px; text-align: center; line-height: 12px;}
.designer-works li{float: left; width: 193px; height: 130px; position: relative;}
.designer-works li img{width: 193px;height: 130px;}
.designer-works li .works-info{position: absolute; opacity: 0; top: 0px; left: 0px; width: 100%; height: 100%;line-height: 130px; background-color: rgba(0,0,0,.6); color: #fff; font-size: 12px; text-align: center;}
.designer-works li:hover .works-info{opacity: 1;}
.designer-list-right{background-color: #f5f5f5; padding: 15px 10px;}
.designer-list-make{background-color: #fff; padding: 15px;}
.designer-list-make .make-title{height: 34px; line-height: 34px; font-size: 14px; color: #333; border-bottom: 1px solid #dcdcdc; text-align: center;}
.designer-list-make .make-title span{color: #00be9c;}
.designer-list-make .make-form{}
.designer-list-make .make-form p{height: 36px; background-color: #f8f8f8; margin-top: 10px; line-height: 36px;}
.designer-list-make .make-form p .fs{display: inline-block; width: 20px; color: #aaa; font-size: 20px; vertical-align: middle; padding: 0px 5px;}
.designer-list-make .make-form p.tel .fs{font-size: 16px;}
.designer-list-make .make-form p input{width: 220px; height: 22px; line-height: 22px;font-size: 14px; background:none; border: none; border-left: 1px solid #dcdcdc; padding: 0px 5px 0px 10px;}
.designer-list-make .make-form p.but{height: 46px;}
.designer-list-make .make-form p a{display:block;width: 100%; height: 46px; text-align: center; line-height: 46px; background-color: #ff8b00; border: none; color: #fff; font-size: 14px;}
.designer-list-make .make-form p.but .fs{color: #fff;padding: 0px;font-size: 24px;}
.designer-list-rank{background-color: #fff; padding: 15px 10px;}
.designer-list-rank .rank-title,.designer-list-comment .comment-title{line-height: 34px; font-size: 16px; font-weight: bold; color: #333;}
.designer-list-rank .rank-list{}
.designer-list-rank .rank-item{display: block; padding: 10px 0px; border-bottom: 1px dashed #dcdcdc;}
.designer-list-rank .rank-item:hover .rank-item-num span{background-color: #00bd9c;}
.designer-list-rank .rank-item:hover .rank-item-info p.name{color: #00bd9c;}
.designer-list-rank .rank-item-num{width: 15px; padding-top: 20px;}
.designer-list-rank .rank-item-num span{display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 15px; background-color: #aaa; color: #fff;}
.designer-list-rank .rank-item-img{width: 50px; height: 50px; border: 2px solid #dcdcdc; border-radius: 50%; margin: 0px 30px 0px 25px;}
.designer-list-rank .rank-item-img img{width: 50px; height: 50px; border-radius: 50%;}
.designer-list-rank .rank-item-info{padding: 5px 0px;}
.designer-list-rank .rank-item-info p{line-height: 22px; height: 22px;}
.designer-list-rank .rank-item-info p span{color: #00bd9c;}
.designer-list-comment{background: #fff; padding: 15px;}
.comment-house ul li{}
.comment-house ul li.first .first-house{}
.comment-house ul li.first .first-house img{width: 100px; height: 70px;}
.comment-house ul li.first .first-house-name{width: 155px; padding: 5px 0px;}
.comment-house ul li.first .first-house-name p{width: 100%; height: 20px; line-height: 20px; color: #666;}
.comment-house ul li.first .first-house-name p span{color: #aaa;}
.comment-house ul li.first .first-house-info{padding:15px 25px; position: relative; line-height: 24px; border-bottom: 1px dashed #dcdcdc;}
.comment-house ul li.first .first-house-info .fs{display: block; width: 15px; color: #dcdcdc; font-size: 14px; position: absolute;}
.comment-house ul li.first .first-house-info .fs-quotesTop{top:10px; left: 0px;}
.comment-house ul li.first .first-house-info .fs-quotesUp{right: 0px; bottom:10px;}
.comment-house ul li.list{}
.comment-house ul li.list a{display: block;height: 24px;line-height: 24px;color: #666;}
.comment-house ul li.list a span{color: #aaa;}
.designer-banner,.designer-banner img{width: 320px; height: 250px; overflow:hidden;}
.sirfang-qr{border: 3px solid #00caa7; position: relative; padding: 15px;}
.sirfang-qr .sirfang-wxLogo{width: 88px; height: 80px; position: absolute; left: -3px; bottom: -3px;}
.sirfang-qr .sirfang-public{width: 124px;}
.sirfang-qr .sirfang-public h3{border-bottom: 1px solid #00caa7; height: 24px; line-height: 24px; color: #333; font-size: 14px; text-align: center;}
.sirfang-qr .sirfang-public p{padding: 5px; text-align: right; line-height: 20px;}
.sirfang-qr .sirfang-public p span{color: #00bd9c;}
.sirfang-qr .sirfang-qrimg{width: 140px;height: 140px;}
.designer-detail{padding-bottom: 100px;}
.designer-detail .detail-info,.build-detail .detail-info{padding: 20px;background-color: #f5f5f5;}
.designer-detail .detail-info-img,.designer-detail .detail-info-img img{width: 260px;height: 260px;}
.designer-detail .detail-info-con{width: 650px;position: relative}
.designer-detail .detail-info-con p{line-height: 26px;color: #666;font-size: 14px;}
.designer-detail .detail-info-con p.name{font-size: 18px; color: #333; padding-top:5px; padding-bottom: 10px;}
.designer-detail .detail-info-con p.name span{display: inline-block; background-color: #00bd9c; border-radius: 3px; height: 20px; line-height: 20px; margin-left: 15px; font-size: 12px; color: #fff; padding: 0px 5px; vertical-align: middle;}
.designer-detail .detail-info-con p.work{font-size: 14px; color: #333; border-bottom: 1px dashed #dcdcdc; padding-top:5px; padding-bottom: 10px;margin-bottom: 10px;}
.designer-detail .detail-info-con p.work span{color: #666;display: inline-block;margin-right: 40px;}
.designer-detail .detail-info-con p.style,
.designer-detail .detail-info-con p.idea,
.designer-detail .detail-info-con p.info{padding:10px 0px 10px 70px;position: relative;}
.designer-detail .detail-info-con p.style span,
.designer-detail .detail-info-con p.idea span,
.designer-detail .detail-info-con p.info span{display: block;width: 70px;height: 26px;line-height: 26px;position: absolute;top: 10px;left: 0px;}
.designer-detail .detail-info-con p span{color: #aaa;}
.designer-detail .detail-info-con p.popularity{width: 200px; position: absolute; top: 0px; right: 0px; text-align: right; height: 26px; line-height: 26px; font-size: 14px; color: #666;}
.designer-detail .detail-info-con p.popularity span{font-size: 20px;color: #ff8b00;}
.detail .detail-info-but{width: 190px;}
.detail .detail-info-but a{display:block; width: 190px; height: 40px; text-align: center; line-height: 40px; margin-bottom: 15px;}
.detail .detail-info-but a .fs{vertical-align: middle; font-size: 24px;}
.detail .detail-info-but a.first{background-color: #00be9b; color: #fff; font-size: 16px;}
.detail .detail-info-but a.first .fs{}
.detail .detail-info-but a.second{background-color: #fe8c00; color: #fff; font-size: 16px;}
.detail .detail-info-but a.second .fs{}
.designer-detail .detail-info-but a.three{background-color: #fff; color: #aaa; font-size: 12px;}
.designer-detail .detail-info-but a.three .fs{font-size: 14px;}
.designer-detail .detail-con .detail-con-tab{border:1px solid #dcdcdc; height: 45px; position: relative}
.designer-detail .detail-con .detail-con-tab ul li{float: left; width: 120px; height: 45px; line-height: 45px; text-align: center; border-right: 1px solid #dcdcdc; color: #666; font-size: 16px; background-color: #fff; cursor: pointer;}
.designer-detail .detail-con .detail-con-tab ul li.active{font-weight:bold; color: #00bd9c; border-top:2px solid #00bd9c; margin-top: -1px;}
.designer-detail .detail-con .detail-con-tab .design-cost{position:absolute;top:0px;right:10px;height: 45px; line-height: 45px;font-size: 14px;color: #aaa;}
.designer-detail .detail-con .detail-con-tab .design-cost span{font-size: 18px;color: #666;color: #666;font-weight: bold;}
.designer-con-works{overflow: hidden;}
.designer-con-works ul{width: 1220px;}
.designer-con-works ul li{float: left; width: 283px; border: 1px solid #dcdcdc; position: relative; margin-right: 20px; margin-bottom: 20px;}
.designer-con-works ul li:hover{}
.designer-con-works ul li .works-item-img,.designer-con-works ul li .works-item-img a,.designer-con-works ul li .works-item-img a img{width: 283px; height: 200px;}
.designer-con-works ul li .works-item-img a{display: block;overflow: hidden;}
.designer-con-works ul li .works-item-img a img{transition: all 1.0s;
-webkit-transition: all 1.0s;}
.designer-con-works ul li:hover .works-item-img a img{transform:scale(1.1);
-webkit-transform: scale(1.1);}
.designer-con-works ul li .works-item-info p{padding: 5px 10px 5px 15px;}
.designer-con-works ul li .works-item-info p.title{height: 20px; line-height: 20px; color: #666; font-size: 16px;}
.designer-con-works ul li .works-item-info p.info{color: #aaa; font-size: 12px; margin-bottom: 10px;}
.designer-con-works ul li .works-item-info p .fs-eye-o{font-size: 16px; vertical-align: middle;}
.designer-con-works ul li .works-item-info p .fs-message,.designer-con-works ul li a.follow .fs-star{font-size: 14px; vertical-align: middle;}
.designer-con-works ul li .works-item-info a.follow{display:none; height: 20px; line-height: 20px; padding: 0px 5px; background-color: #f2f2f2; font-size: 12px; color: #aaa; position: absolute; right: 10px; bottom: 15px;}
.designer-con-works ul li:hover .works-item-info a.follow{display: block;}
.designer-con-works .detail-con-works-more{height: 40px; border: 1px solid #dcdcdc; background-color: #f5f5f5;}
.designer-con-works .detail-con-works-more a{display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #989898;}
.designer-con-works .detail-con-works-more .fs{font-size: 14px;}
.designer-con-message{}
.designer-con-message ul{}
.designer-con-message ul li{border-bottom: 1px dashed #dcdcdc; padding:0px 0px 20px 55px; position: relative; margin-bottom: 20px;}
.designer-con-message .message-head,.designer-con-message .message-head img{width: 40px; height: 40px; border-radius: 20px;}
.designer-con-message .message-head{position: absolute; top:5px; left: 0px;}
.designer-con-message ul li{}
.designer-con-message ul li p.name{line-height: 26px; font-size: 12px; color: #aaa;}
.designer-con-message ul li p.name span{display: inline-block; font-size: 14px; color: #00bd9c; font-weight: bold; padding-right: 20px;}
.designer-con-message ul li p.info{line-height: 26px; color: #666;}
.designer-con-message-page{text-align: center;padding: 10px 0px;}
.designer-con-message-page a,.designer-con-message-page span{display: inline-block;padding: 5px 8px;border: 1px solid #dcdcdc;margin: 0px 5px;}
.designer-con-message-page span{background-color: #dcdcdc;}
.save-massage{padding-bottom: 60px;}
.save-massage-title{height:40px;line-height:40px;font-size: 16px;font-weight: bold;color: #333;}
.save-massage-con{/*width: 820px;*/ height: 130px; border: 1px solid #dcdcdc; padding: 5px; position: relative;}
.save-massage-con textarea{width: 100%; height: 100%; border: none;}
.save-massage-con .save-massage-mask{position: absolute; top:0px; left: 0px; width: 100%; height: 100%;}
.save-massage-con .save-massage-mask p{margin: 30px 0px 0px 30px; width: 130px; height: 30px; line-height: 30px; border: 1px solid #00bd9c; font-size: 14px; padding-left: 10px;}
.save-massage-con .save-massage-mask p a{color: #00bd9c;;}
.save-massage-but{/*width: 832px;*/ text-align: right; padding: 10px 0px;}
.save-massage-but a{display: inline-block; width: 130px; height: 40px; text-align: center; line-height: 40px; background-color: #00bd9c; color: #fff; font-size: 16px; border-radius: 3px;}
/* 工地直播 */
.build-list{}
.build-list .build-item{border: 1px solid #dcdcdc; padding: 20px; margin-bottom: 20px;}
.build-item .build-item-img,.build-item .build-item-img img{width: 360px; height: 240px;}
.build-item .build-item-info{width: 418px; position: relative; padding: 5px 0px;}
.build-item .build-item-info h3{font-size: 21px; font-weight: bold; color: #333; height: 40px; line-height: 40px;}
.build-item .build-item-info h3 a:hover{color: #00bd9c;}
.build-item .build-item-info p{font-size: 14px; color: #666; height: 40px; line-height: 40px;}
.build-item .build-item-info p span{display: inline-block; margin-right: 40px;}
.build-speed{width: 100%; height: 54px; position: relative; margin-top: 15px;}
.build-speed span.speed{display: block; width: 100%; height: 3px; background-color: #dcdcdc;}
.build-speed span.progress{display: block; height: 3px; background-color: #00be9b; position: absolute; top: 0px; left: 0px;}
.build-speed .progress.first{width: 30px;}
.build-speed .progress.second{width: 115px;}
.build-speed .progress.third{width: 200px;}
.build-speed .progress.fourth{width: 285px;}
.build-speed .progress.fifth{width: 100%;}
.build-speed .speed-list{position: absolute; top:-15px; left: 0px;}
.build-speed .speed-list li{width: 65px; float: left;}
.build-speed .speed-list li .speed-icon{width: 100%; height: 30px; position: relative;}
.build-speed .speed-list li .speed-icon span{display: block; width: 10px; height: 10px; border: 2px solid #dcdcdc; background-color: #fff; position: absolute; top:9px; left: 50%; margin-left: -7px; border-radius: 100%;}
.build-speed .speed-list li .speed-title{width: 100%; height:24px; line-height: 24px; text-align: center; font-size: 14px; color: #333;}
.build-speed .speed-list li.active .speed-icon span{width: 22px; height: 22px; margin-left: -13px; top: 3px;}
.build-speed .speed-list li.active .speed-icon span i{display: block; width: 10px; height: 10px; background-color: #00be9b; border-radius: 100%; margin: 6px auto;}
.build-speed .speed-list li.active .speed-title{color: #00be9b; font-weight: bold;}
.build-speed .speed-list li.visited .speed-icon span{border: 2px solid #00be9b;}
.build-map{background-color: #fff;padding: 10px 15px;}
.build-apply{background-color: #fff;padding: 10px 15px;}
.build-apply .apply-title{color: #333; font-size: 16px;margin-bottom: 10px; font-weight: bold; height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc; text-align: center;}
.build-apply .apply-con{padding: 0px;}
.build-apply .apply-con .apply-radio{border: none;}
.build-detail{}
.build-detail .detail-info{}
.build-detail .detail-info-img,.build-detail .detail-info-img img{width: 360px; height: 240px;}
.build-detail .detail-info-con{width: 490px;}
.build-detail .detail-info-con p.name{font-size: 18px; color: #333; font-weight: bold; padding-top:5px; padding-bottom: 10px;}
.build-detail .detail-info-con p.name span{display: inline-block}
.build-detail .detail-info-con p.name span.time{font-size: 14px;font-weight: normal;color: #aaa;margin-left: 40px;}
.build-detail .detail-info-con p.house{font-size: 14px; color: #333; border-bottom: 1px dashed #dcdcdc; padding-top:5px; padding-bottom: 10px;margin-bottom: 10px;}
.build-detail .detail-info-con p.house span{display: inline-block;margin-right: 40px;color: #666;}
.build-detail .detail-info-con p.survey{padding:10px 0px 10px 70px;position: relative; line-height: 26px;font-size:14px;color: #666;}
.build-detail .detail-info-con p.survey span{color: #333;display: block;font-size:14px;font-weight:bold;width: 70px;height: 26px;line-height: 26px;position: absolute;top: 10px;left: 0px;}
.build-detail .detail-info-con .build-team{padding:10px 0px 10px 70px; height: 30px; position: relative;}
.build-detail .detail-info-con .build-team span.title{color: #333;display: block;font-size:14px;font-weight:bold;width: 70px;height: 26px;line-height: 26px;position: absolute;top: 10px;left: 0px;}
.build-detail .detail-info-con .build-team p{width: 268px; height: 28px; border: 1px solid #dcdcdc; background-color: #fff;}
.build-detail .detail-info-con .build-team p span{display: block; height: 28px; line-height: 28px; width: 49%; text-align: center; font-size: 14px; float: left;}
.build-detail .detail-info-con .build-team p span.first{border-right: 1px solid #dcdcdc;}
.build-detail .build-process{margin-left: 10px; border: 1px solid #dcdcdc;}
.build-detail .build-process-title,.designer-con-message .message-title{height: 50px; line-height: 50px; padding-left: 30px; font-size: 21px; color: #333; font-weight: bold; background-color: #f5f5f5;}
.build-detail .build-process-title span,.designer-con-message .message-title span{color: #666; font-size: 14px; font-weight: normal;}
.build-detail .build-process-list{padding: 30px;}
.build-detail .build-process-list li{margin-bottom: 60px;}
.build-detail .build-process-list li .item-title{height: 40px; position: relative;}
.build-detail .build-process-list li .item-title span{display: block; height: 40px; text-align: center; line-height: 40px; font-size: 16px;}
.build-detail .build-process-list li .item-title span.time{width: 120px; background-color: #f5f5f5; color: #666;}
.build-detail .build-process-list li .item-title span.name{width: 70px; background-color: #00bd9c; color: #fff;}
.build-detail .build-process-list li .item-title span.stage{width: 110px; background-color: #aaa; margin-left: 5px; color: #fff;}
.build-detail .build-process-list li .item-title i{display: block; position: absolute;}
.build-detail .build-process-list li .item-title i.line{width: 30px; height: 1px; background-color: #dcdcdc; top: 19px; left: -30px;}
.build-detail .build-process-list li .item-title i.ring{width: 12px; height: 12px; background-color: #dcdcdc; border-radius: 100%; top:14px; left: -36px;}
.build-detail .build-process-list li.active .item-title span.stage{background-color: #ff8b00;}
.build-detail .build-process-list li.active .item-title i.line{background-color: #00bd9c;}
.build-detail .build-process-list li.active .item-title i.ring{width: 20px; height: 20px; background-color: #00bd9c; top:10px; left: -40px;}
.build-detail .build-process-list li .item-content{padding-top: 20px; font-size: 14px; color: #333; line-height: 24px;}
.build-detail .build-process-list li .item-imgList{width: 100%;margin-top: 20px;}
.build-detail .build-process-list li .item-imgList a{display: block; width: 180px; height: 220px; float: left; margin-right: 10px;margin-bottom: 10px;}
.build-detail .build-process-list li .item-imgList a img{width: 180px; height: 220px;}
.build-detail .build-process-list li .item-panorama{}
.build-detail .designer-con-message{margin-left: 10px;}
.build-detail .build-detail-right{background-color: #f5f5f5; padding: 15px 10px;}
.build-detail .build-detail-right.boxFixed{position: fixed;top:0px;z-index: 1;width: 320px;}
.build-detail .build-detail-processBut{padding: 10px 15px; background-color: #fff;}
.build-detail .build-detail-processBut .processBut-title{height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px solid #dcdcdc;}
.build-detail .build-detail-processBut .processBut-con{padding-left: 15px; padding-top: 10px;}
.build-detail .build-detail-processBut .processBut-con ul li{padding-left: 20px; height: 45px; line-height: 45px; position: relative;}
.build-detail .build-detail-processBut .processBut-con ul li span{display: block; position: absolute;}
.build-detail .build-detail-processBut .processBut-con ul li span.line{height: 45px; width: 2px; background-color: #dcdcdc; top: 50%; left: 0px;}
.build-detail .build-detail-processBut .processBut-con ul li span.line i{display: none;}
.build-detail .build-detail-processBut .processBut-con ul li span.ring{width: 12px; height: 12px; border:2px solid #dcdcdc; top:50%; left: -7px; margin-top: -8px; background-color: #fff; border-radius: 100%;}
.build-detail .build-detail-processBut .processBut-con ul li.visited span.line{background-color:#00be9c;}
.build-detail .build-detail-processBut .processBut-con ul li.visited span.ring{border:2px solid #00be9c;}
.build-detail .build-detail-processBut .processBut-con ul li.active span.ring{width: 20px; height: 20px; left: -11px; margin-top: -12px;}
.build-detail .build-detail-processBut .processBut-con ul li.active span.ring i{display: block; width: 12px; height: 12px; background-color: #00be9c; border-radius: 100%; margin: 4px auto;}
.build-detail .build-detail-processBut .processBut-con ul li.last span.line{display: none;}
.build-detail .build-detail-processBut .build_go_message{}
.build-detail .build-detail-processBut .build_go_message a{display: block; width: 120px; height: 30px; line-height: 30px; text-align:center; background-color: #00bd9c; color: #fff; font-size: 14px;}
.build-detail .build-detail-processBut .build_go_message a.make{background-color: #fe8c00;}
/* 效果图 */
.effectList{padding-top: 20px;}
.effect-detail{}
.effect-detail .effect-intro{border: 1px solid #dcdcdc;}
.effect-detail .effect-intro-title{height: 65px; line-height: 65px; padding-left: 20px; border-bottom: 1px solid #dcdcdc;position: relative;}
.effect-detail .effect-intro-title span{display: inline-block;}
.effect-detail .effect-intro-title span.title{font-size: 18px; color: #333; font-weight: bold;}
.effect-detail .effect-intro-title span.info{font-size: 12px; color: #aaa; margin-left: 20px;}
.effect-detail .effect-share{min-width: 240px; height: 40px; position: absolute; top: 13px; right: 0px;}
.effect-detail .effect-share .favorites{min-width: 60px; height: 40px;}
.effect-detail .effect-share .favorites a{display: block; min-width: 60px; height: 40px; line-height: 40px; text-align: center; color: #00bd9c; margin-right: 5px;}
.effect-detail .effect-share .favorites .fs{color: #00bd9c; font-size: 16px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; text-align: center; line-height: 12px;}
.effect-detail .effect-share .shareLink{width: 170px; height: 40px; line-height: 40px; color: #00bd9c;}
.effect-detail .effect-intro-img{border-bottom: 1px solid #dcdcdc;}
.effect-detail .effect-intro-img .img-big{width: 608px; height: 406px;border-right: 1px solid #dcdcdc;position: relative;}
.effect-detail .effect-intro-img .effect-bigImg{width: 608px; height: 406px; overflow: hidden;}
.effect-detail .effect-intro-img .effect-bigImg a{display: none; width: 608px; height: 406px;}
.effect-detail .effect-intro-img .effect-bigImg a img{max-width: 609px; width:expression(document.body.clientWidth > 609? "609px": "auto" ); height: 406px;margin:0px auto;}
.effect-detail .effect-intro-img .img-big .caseOffest{display: block; text-align: center; width: 25px; height: 35px; line-height: 35px; position: absolute; top: 175px; background-color: rgba(0,0,0,0.6);}
.effect-detail .effect-intro-img .img-big .caseOffest .fs{font-size: 25px;color: #eee;}
.effect-detail .effect-intro-img .img-big .caseLeft{left: 0px;}
.effect-detail .effect-intro-img .img-big .caseRight{right: 0px;}
.effect-detail .effect-intro-img .img-info{padding: 20px; width: 190px;}
.effect-detail .effect-intro-img .img-info h3{height: 34px; line-height: 34px; font-size: 16px; color: #333;}
.effect-detail .effect-intro-img .img-info p{line-height: 24px; font-size: 12px; color: #666;}
.effect-detail .effect-intro-house{height: 45px; width: 100%; background-color: #fff;}
.effect-detail .effect-intro-house ul{}
.effect-detail .effect-intro-house ul li{width: 85px; height: 45px; cursor: pointer; text-align: center; line-height: 45px; float: left; border-right: 1px solid #dcdcdc; font-size: 14px; color: #666;}
.effect-detail .effect-intro-house ul li.active{background-color: #dcdcdc;}
.effect-detail .effect-intro-houseItem{background-color: #dcdcdc; padding: 15px 3px;}
.effect-detail .effect-intro-houseItem .houseItem-con{height: 75px; width: 842px; position: relative; overflow: hidden;}
.effect-detail .effect-intro-houseItem .houseItem-con ul{width: 99999px;position: absolute;top:0px; left: 0px;}
.effect-detail .effect-intro-houseItem .houseItem-con ul li{width: 100px; height: 75px; cursor: pointer; margin-right: 6px; float: left;}
.effect-detail .effect-intro-houseItem .houseItem-con ul li img{width: 100px; height: 75px;}
.effect-detail .effect-intro-houseItem .houseItem-con ul li.active img{border: 3px solid #fff; width: 94px; height: 69px;}
.effect-detail .effect-case{border:1px solid #dcdcdc; padding: 15px;}
.effect-detail .effect-case-title{height: 40px; line-height: 40px; font-size: 16px; color: #333; font-weight: bold;}
.effect-detail .effect-case-title span{display: inline-block; vertical-align:middle; width: 10px; height: 10px; background-color: #00bd9c; margin-right: 10px;}
.effect-detail .effect-case-con{width: 100%; height: 175px; position: relative;}
.effect-detail .effect-case-con .case-content{width: 100%; height: 175px; overflow: hidden; position: relative;}
.effect-detail .effect-case-con .case-content ul{position: absolute; top:0px; left:0px;}
.effect-detail .effect-case-con .case-content ul li{width: 193px; height: 175px; float: left; margin-right: 15px;}
.effect-detail .effect-case-con .case-content ul li img{width: 193px; height: 135px;}
.effect-detail .effect-case-con .case-content ul li p{width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.effect-detail .effect-case-con .caseOffest{display: block; text-align: center; width: 25px; height: 35px; line-height: 35px; position: absolute; top: 45px; background-color: rgba(0,0,0,0.6);}
.effect-detail .effect-case-con .caseOffest .fs{font-size: 25px;color: #eee;}
.effect-detail .effect-case-con .caseLeft{left: -10px;}
.effect-detail .effect-case-con .caseRight{right: -10px;}
.effect-msg{}
.effect-msg-title{height: 20px; width: 100%; border-bottom: 1px solid #dcdcdc; margin-bottom: 40px;}
.effect-msg-title .title-con{width: 115px; height: 40px; line-height: 40px; background-color: #fff; font-size: 16px; color: #333; font-weight: bold;}
.effect-msg-title .title-con span{display: inline-block; vertical-align:middle; width: 10px; height: 10px; background-color: #00bd9c; margin-right: 10px;}
.effect-groom{background-color: #fff; padding: 15px;}
.effect-groom .effect-groom-title{color: #333; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px;}
.effect-groom .effect-groom-info{}
.effect-groom .effect-groom-info .info-img,.effect-groom .effect-groom-info .info-img img{width: 150px; height: 150px;}
.effect-groom .effect-groom-info .info-con{width: 110px;}
.effect-groom .effect-groom-info .info-con h3{line-height: 30px; font-size: 16px; color: #333;}
.effect-groom .effect-groom-info .info-con p{line-height: 24px;}
.effect-groom .effect-groom-info .info-con p span{display: inline-block; background-color: #00bd9c; border-radius: 3px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; padding: 0px 5px; vertical-align: middle;}
.effect-groom .effect-groom-list{padding-top: 10px;}
.effect-groom .effect-groom-list ul{width: 280px;}
.effect-groom .effect-groom-list ul li{width: 64px; height: 64px; float: left; margin-right: 5px;}
.effect-groom .effect-groom-list ul li a{display: block; width: 64px; height: 64px;}
.effect-groom .effect-groom-list ul li a:hover{width: 60px; height: 60px; border:2px solid #00bd9c;}
.effect-groom .effect-groom-list ul li img{width: 100%; height: 100%;}
/* 装修攻略 */
.gonglve-step{}
.gonglve-step ul{width: 1215px;}
.gonglve-step ul li{width: 390px; float: left; margin-right: 15px; position: relative;}
.gonglve-step .step-icon{width: 52px; height: 52px; background: url("/assets/image/gonglve_step_icon.png") no-repeat; position: absolute; top: 80px; right: -33px; z-index: 1;}
.gonglve-step .step-title{}
.gonglve-step .step-list{border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.gonglve-step .step-list a{display: block;float: left;height: 85px;width: 97px;padding-top: 20px;}
.gonglve-step .step-list a.line{width: 96px;border-right: 1px solid #dcdcdc;}
.gonglve-step .step-list a span{display: block; text-align: center;color: #ccc;}
.gonglve-step .step-list a span.icon{}
.gonglve-step .step-list a span.icon .fs{font-size: 35px;}
.gonglve-step .step-list a span.text{font-size: 14px;height: 30px;line-height: 30px;}
.gonglve-step .step-list a:hover span{color: #00bd9c;}
.gonglve-other{margin-top: 35px;}
.gonglve-other .other-item{width: 590px; height: 123px;}
.gonglve-other .other-item a,.gonglve-other .other-item a img{display: block; width: 590px; height: 123px;}
.gonglve-other .other-item a.house{}
.gonglve-other .other-item a.guide{}
.gonglveDetail-other{margin-bottom: 35px;}
.gonglveDetail-other .other-item{width: 420px; height: 88px;}
.gonglveDetail-other .other-item a,.gonglveDetail-other .other-item a img{display: block; width: 420px; height: 88px;}
.gonglve-process{}
.gonglve-process .head-title{height: 30px; line-height: 30px; text-align: center; font-size: 30px; color: #333; padding: 30px 0px 10px 0px;}
.gonglve-process .head-tab{width: 550px; margin:30px auto;}
.gonglve-process .head-tab a{display: block;width:130px;height: 35px; float:left;line-height: 35px;text-align: center; background-color: #f3f3f3;font-size: 16px;color: #aaa;position: relative;}
.gonglve-process .head-tab a.active,.gonglve-process .head-tab a:hover{background-color: #00bd9c;color: #fff;}
.gonglve-process .head-tab a .fs{display: none;width: 12px;height: 6px; text-align:center;line-height: 6px; font-size: 12px;color: #00be9d;position: absolute;left: 50%;bottom: -5px;margin-left: -6px;}
.gonglve-process .head-tab a.active .fs{display: block;}
.gonglve-process .head-list{width: 100%;height: 397px;position: relative;overflow: hidden;}
.gonglve-process .head-list ul{position: absolute;width: 99999px;top:0px;left: 0px;}
.gonglve-process .head-list ul li{width: 1148px; float: left; padding: 25px; border:1px solid #dcdcdc; margin-right: 20px;}
.gonglve-process .head-item{}
.gonglve-process .head-item .head-item-big{width: 240px; height: 160px; position: relative;}
.gonglve-process .head-item .head-item-big img{width: 240px; height: 160px;}
.gonglve-process .head-item .head-item-big p{width: 240px; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0,0,0,.6); color: #fff; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; font-weight: bold; text-indent: 1em;}
.gonglve-process .head-item .head-item-list{width: 309px; overflow: hidden;}
.gonglve-process .head-item .head-item-new{margin-bottom: 4px;}
.gonglve-process .head-item .head-item-new a{display: block; height: 26px; line-height: 26px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gonglve-process .head-item .head-item-small{width: 315px;margin-top: 17px;}
.gonglve-process .head-item .head-item-small a{display: block; width: 99px; height: 65px; float: left; margin-right: 6px;}
.gonglve-process .head-item .head-item-small a img{width: 99px; height: 65px;}
.gonglve-video{padding: 30px 0px;}
.gonglve-video .video-title{font-size: 30px; height: 40px; line-height: 40px;}
.gonglve-video .video-title span{display: inline-block; vertical-align: middle; width: 10px; height: 10px; background-color: #00bd9c;}
.gonglve-video .video-title a{font-size: 14px; display: inline-block; margin-left: 10px;}
.gonglve-video .video-con{width: 100%;height: 252px; padding-top: 20px; overflow: hidden;}
.gonglve-video .video-con ul{width: 1220px;}
.gonglve-video .video-con ul li{width: 283px; border: 1px solid #dcdcdc; float: left; margin-right: 20px; padding-bottom: 5px;}
.gonglve-video .video-con .video-item-img,.gonglve-video .video-con .video-item-img a,.gonglve-video .video-con .video-item-img a img{width: 283px; height: 210px;}
.gonglve-video .video-con .video-item-img a{display:block;position: relative;}
.gonglve-video .video-con .video-item-img a .time{display: inline-block; height: 20px; padding: 0 10px; line-height: 20px; font-size: 12px; color: #fff; position: absolute; right:10px; bottom: 10px; background-color: #818181;}
.gonglve-video .video-con .video-item p{height: 35px; line-height: 35px;width: 273px; padding: 0px 5px;}
.gonglve-video .video-con .video-item p a{color: #484848;}
.gonglve-video .video-con .video-item p .fs{color: #979797; font-size: 16px;}
.gonglve-banner{width:100%;height:320px;overflow:hidden;position:relative}
.gonglve-banner ul{position:absolute;top:0;left:0}
.gonglve-banner ul li{width:850px;height:320px;float:left}
.gonglve-banner ul li a,.gonglve-banner ul li a img{display:block;width:850px;height:320px}
.gonglve-banner .page{position:absolute;width:100%;left:0;bottom:15px;height:12px;text-align:center}
.gonglve-banner .page span{display:inline-block;width:10px;height:10px;border:1px solid #f6f2ea;border-radius:50%;cursor:pointer;margin:0 5px}
.gonglve-banner .page span.active{border:1px solid #00bd9c}
.gonglve-banner .offset{display:block;text-align:center;width:30px;height:46px;line-height:46px;position:absolute;top:140px;background-color:rgba(0,0,0,.6)}
.gonglve-banner .offset .fs{font-size:25px;color:#eee}
.gonglve-banner .left{left:0}
.gonglve-banner .right{right:0}
.gonglve-list{padding-top:20px}
.gonglve-list ul{border:1px solid #dcdcdc;border-bottom: none;}
.gonglve-list ul li{border-bottom:1px solid #dcdcdc;padding:20px 20px 10px 20px;}
.gonglve-list ul li:hover .item-img a img{transform:scale(1.1); -webkit-transform: scale(1.1);}
.gonglve-list .gonglve-item{}
.gonglve-list .gonglve-item .item-title a:hover{color: #00bd9c;}
.gonglve-list .gonglve-item .item-title a{font-size:18px;color:#333;margin-bottom:15px}
.gonglve-list .gonglve-item .item-img a{display: block;overflow: hidden;}
.gonglve-list .gonglve-item .item-img,
.gonglve-list .gonglve-item .item-img a,
.gonglve-list .gonglve-item .item-img a img{width:225px;height:167px}
.gonglve-list .gonglve-item .item-img a img{transition: all 1.0s; -webkit-transition: all 1.0s;}
.gonglve-list .gonglve-item .item-con{width:570px;height:167px;line-height:24px;overflow:hidden;color:#666}
.gonglve-list .gonglve-item .item-text{height: 105px;overflow: hidden;padding-top: 10px;}
.gonglve-list .gonglve-item .item-info{height:24px;line-height:24px;}
.gonglve-list .gonglve-item .item-info span{display:inline-block;color:#989898;margin-right:20px}
.gonglve-list .gonglve-item .item-info .fs{font-size:14px}
.gonglve-nav{border:1px solid #dcdcdc}
.gonglve-nav ul li a{display:block;padding-left:20px}
.gonglve-nav ul li .nav-title{height:55px;line-height:55px;background-color:#eee;color:#555;font-size:18px;border-bottom:1px solid #fff;position:relative}
.gonglve-nav ul li .nav-title .fs{width:20px;height:20px;font-size:16px;line-height:20px;text-align:center;position:absolute;top:20px;right:20px}
.gonglve-nav ul li:last-child .nav-title{border:none}
.gonglve-nav ul li .nav-con{display:none}
.gonglve-nav ul li .nav-con a{height:48px;line-height:48px;border-bottom:1px solid #dcdcdc;font-size:14px;color:#666}
.gonglve-nav ul li .nav-con a:last-child{border:none}
.gonglve-nav ul li .nav-con a:hover,.gonglve-nav ul li .nav-con a.active{color:#00bd9c}
.article,.new-article{padding:10px;background-color:#fff}
.new-article-title{font-size:16px;color:#333;height:40px;line-height:40px;border-bottom:1px solid #dcdcdc;}
.new-article-con ul li{border-bottom:1px dashed #dcdcdc;padding:15px 0}
.new-article .article-img,.new-article .article-img img{width:100px;height:67px}
.new-article .article-con{width:170px}
.new-article .article-title{font-size:14px;line-height:24px;height:48px;overflow:hidden}
.new-article .article-info{font-size:12px;color:#999}
.article .article-con{padding-top:10px}
.article .article-list{height:26px;line-height:26px}
.article .article-list a{display: block;width: 200px;height:26px;line-height:26px;float:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.article .article-list span{display:block;width:80px;color:#999;text-align: center;}
.gonglve-detail{border:1px solid #dcdcdc;padding:20px}
.gonglve-detail .detail-title{font-size:22px;color:#000}
.gonglve-detail .detail-info{border-bottom:1px dashed #dcdcdc}
.gonglve-detail .detail-info span{height:30px;line-height:30px;display:inline-block;padding-right:30px;color:#999}
.gonglve-detail .detail-info span .fs{font-size:16px}
.gonglve-detail .detail-con{padding:20px 0px;font-size: 16px;line-height: 24px;}
.gonglve-detail .detail-con p{font-size: 16px;line-height: 28px;text-indent: 2em;margin-bottom: 15px;}
.gonglve-detail .detail-con img{margin: 10px auto;}
.gonglve-detail .detail-bottom>div{width:50%;height:30px;line-height:30px;overflow:hidden}
.gonglve-detail .detail-bottom>div a{color:#00bd9c}
.gonglve-detail .detail-bottom>div.f-fr{text-align:right}
.hot-article{padding:10px 25px;border:1px solid #dcdcdc}
.hot-article .hot-article-title{height:40px;line-height:40px}
.hot-article .hot-article-title span{display:inline-block;width:10px;height:10px;background-color:#00bd9c;vertical-align:middle}
.hot-article .hot-article-con{position:relative}
.hot-article .hot-article-ul{width:798px;height:148px;position:relative;overflow:hidden}
.hot-article .hot-article-ul ul{position: absolute;top:0px;left: 0px;}
.hot-article .hot-article-ul ul li{width:153px;float:left;margin-right:8px}
.hot-article .hot-article-ul ul li img{width:153px;height:118px}
.hot-article .hot-article-ul ul li p{line-height:30px;height:30px;width:100%;overflow:hidden;font-size:12px;color:#999}
.hot-article .hot-article-ul ul li a:hover p{color: #00bd9c;}
.hot-article .hot-article-con .offset{display:block;text-align:center;width:30px;height:46px;line-height:46px;position:absolute;top:38px;background-color:rgba(0,0,0,.6)}
.hot-article .hot-article-con .offset .fs{font-size:25px;color:#eee}
.hot-article .hot-article-con .left{left:-10px}
.hot-article .hot-article-con .right{right:-10px}
.gonglve-direct{background-color:#fff}
.gonglve-direct .gonglve-direct-t{height:48px;line-height:48px;font-size:16px;color:#333;padding-left:10px}
.gonglve-direct .gonglve-direct-c{width:300px;height:276px;overflow:hidden;position:relative}
.gonglve-direct .gonglve-direct-c ul{position:absolute;top:0;left:0}
.gonglve-direct .gonglve-direct-c ul li{width:300px;height:276px;float:left}
.gonglve-direct .gonglve-direct-c ul li img{width:300px;height:236px}
.gonglve-direct .gonglve-direct-c ul li p{height:40px;width:100%;line-height:40px;overflow:hidden;color:#999;padding-left:10px;font-size:14px}
.gonglve-direct .gonglve-direct-c .offset{display:block;text-align:center;width:30px;height:46px;line-height:46px;position:absolute;top:95px;background-color:rgba(0,0,0,.6)}
.gonglve-direct .gonglve-direct-c .offset .fs{font-size:25px;color:#eee}
.gonglve-direct .gonglve-direct-c .left{left:0}
.gonglve-direct .gonglve-direct-c .right{right:0}
/* 10秒报价 */
.quick-price-banner{width: 100%; height: 300px; background: url("/assets/image/10price.jpg") no-repeat center top;}
.quick-price-t{height:40px;line-height: 40px;padding: 20px 0px;font-size: 24px;text-align: center;color: #555;}
.quick-price-form{border-bottom: 1px dashed #dcdcdc; margin-bottom: 50px;}
.quick-price-form .form-info{width: 550px; margin: 0px auto;}
.quick-price-form .form-info .form-info-square{width: 250px; height: 40px; line-height: 40px;}
.quick-price-form .form-info .form-info-square input[name="quick_form_square"]{height: 38px; border: 1px solid #dcdcdc; width: 70px; margin: 0px 10px; text-align: center; font-size: 14px;}
.quick-price-form .form-info-home{width: 550px; margin: 10px auto;}
.quick-price-form .form-info-home-t{width: 80px; height: 40px; line-height: 40px; text-align: center;}
.quick-price-form .form-but{padding: 35px 0px;}
.quick-price-form .form-but a{display: block; width: 300px; height: 46px; line-height: 46px; background-color: #00bd9c; color: #fff; font-size: 20px; text-align: center; margin: 0px auto;}
.renovation-box{padding: 50px 0px; display: none;}
.renovation-count{height: 40px; line-height: 40px;}
.renovation-count span{color: #fc0201;}
.renovation-count strong{color: #fc8600; font-size: 18px;}
.renovation-count a{display: inline-block; height: 40px; line-height: 40px; padding: 0px 10px; background-color: #fd8600; color: #fff; font-size: 18px;}
.renovation-info{padding-top: 50px;}
.renovation-info p{font-size: 12px; height: 30px; line-height: 30px;}
.renovation-info p.con{color: #333;}
.renovation-info p.remarks{color: #a8a8a8;}
.renovation-details{}
.renovation-details .details-title{height: 50px; background-color: #00bd9c;}
.renovation-details .details-title .name{height: 50px; text-align: center; width: 50%; line-height: 50px; color: #fff; font-size: 16px;}
.renovation-details .details-title .name span{display: block; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 16px; border-right: 1px solid #23e2a9;}
.renovation-details .price-details ul li{}
.renovation-details .details-item .item-title{font-size: 16px; padding: 0px 15px; height: 50px; line-height: 50px; background-color: #f5f5f5; color: #555; cursor: pointer; border-bottom: 1px solid #fff;}
.renovation-details .details-item .item-title i{font-size: 16px;}
.renovation-details .details-item .item-title p{height: 50px; line-height: 50px; color: #fe8500;}
.renovation-details .details-item .item-con{display: none;}
table.renovation{width: 100%;}
table.renovation tbody{}
table.renovation tbody tr{}
table.renovation tbody tr td{padding: 15px;text-align: center;vertical-align: middle;border: 1px solid #dcdcdc;}
.quickPriceMask{position: fixed; width: 100%; height: 100%; z-index: 19; background: rgba(0,0,0,.5); top: 0; left: 0; display: none;}
.quickPrice{width: 510px; background: #fff; position: fixed; top: -100%; left: 50%; margin-left: -300px; z-index: 20; display: none; padding: 20px 45px; border-radius: 5px;}
.quickPrice-title{font-size: 20px;color: #000;width: 100%;height: 40px;line-height: 40px; text-align: center;position: relative;}
.quickPrice-title .quickPrice-close{display: block; position: absolute; top: -20px; right: -40px; width: 35px; height: 35px;}
.quickPrice-title .fs{font-size: 30px; color: #aaa;}
.quickPrice-info{line-height: 24px;text-align: center;font-size: 16px;color: #333;margin-bottom: 15px;}
.quickPrice-form,.quickPrice-but{width: 390px;margin: 0px auto;}
.quickPrice-form p{margin-bottom: 10px;}
.quickPrice-form input[type="text"],.quickPrice-form select{width: 100%; display: block; background: #fff; height: 38px; font-size: 14px; border: 1px solid #dcdcdc; padding: 0px 8px; border-radius: 3px; box-sizing: border-box;}
.quickPrice-form input[type="text"]:focus,.quickPrice-form select:focus{border-color:#66afe9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.quickPrice-but a{display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 20px; border-radius: 3px;}
.quickPrice-but a.save{background-color: #fd8d00;}
.quickPrice-but a.cancel{background-color: #ccc;}
/* 会员中心 */
.member{border:1px solid #dcdcdc; padding-left: 200px; position: relative; margin-bottom: 60px; min-height: 1000px;}
.member-nav{width: 200px; height: 100%; background-color: #f2f5f7; position: absolute; top:0px; left: 0px;}
.member-nav a{display: block; height: 46px; line-height: 46px; padding-left: 28px; font-size: 14px; color: #333;}
.member-nav a .fs{font-size: 16px; color: #aaa;}
.member-nav a.active{background-color: #fff; color: #00bd9c;}
.member-con{padding: 10px 20px 30px;}
.member-title{height: 38px; line-height: 38px; font-size: 18px; color: #333; padding-left: 15px; background-color: #f8f8f9; margin-bottom: 20px;}
.member-user{padding: 32px 0px 52px 0px;}
.member-user .user-img{width: 120px; height: 120px; border: 1px solid #dcdcdc; padding: 5px; border-radius: 100%; overflow: hidden; margin-right: 20px;}
.member-user .user-img img{width: 120px; height:120px; border-radius: 100%;}
.member-user .user-info{width: 320px; padding-top: 25px;}
.member-user .user-info .info-name,.member-user .user-info .info-time{font-size: 14px; color: #aaa; height: 40px; line-height: 40px;}
.member-user .user-info .info-name strong{font-size: 16px; color: #000; display: inline-block; padding-right: 10px;}
.member-user .user-info .info-time .fs{font-size: 18px; color: #aaa;}
.member-user .user-share{width: 481px; height: 78px; background: url("/assets/image/user_share.jpg") no-repeat; padding-top: 30px;}
.member-user .user-share .share-key{height: 30px; line-height: 30px; font-size: 20px; color: #fe8c00; text-align: right;}
.member-user .user-share .share-key .fs{display: inline-block; vertical-align: middle; margin-right: 10px;}
.member-user .user-share .share-key a{display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; padding: 0px 10px; background-color: #fd8d00; border-radius: 3px; color: #fff; font-size: 14px;}
.member-user .user-share .share-info{font-size: 16px; color: #767676; text-align: right;height: 30px; line-height: 30px;}
.member-data{}
.member-data-tab{border-bottom: 1px solid #dcdcdc;}
.member-data-tab a{display: block; width:120px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; float: left;}
.member-data-tab a.active{background-color: #00bd9c; color: #fff;}
.member-data-con{padding: 10px 0px 30px 0px;}
.member-recom{}
.member-recom .recom-title{border-bottom: 1px solid #dcdcdc;}
.member-recom .recom-title span{display: block; width: 120px; height: 30px; line-height: 30px; border-bottom: 3px solid #00bd9c; font-size: 16px; color: #333; text-align: center;}
.member-recom .recom-con{padding: 20px 0px;}
.member-recom .recom-con .recom-info{height: 34px; line-height: 34px; border:1px solid #ffd29b; background-color: #fff8ef; padding: 0px 15px; color: #333;}
.member-recom .recom-con .recom-info span{color: #00bd9c;}
.member-recom .recom-con .recom-list{}
.member-recom .recom-con .recom-list li{width: 33.33%; float: left; margin-top: 20px;}
.member-recom .recom-con .recom-list li .list-img,.member-recom .recom-con .recom-list li .list-img img{width: 70px; height: 70px; border-radius: 100%; overflow: hidden;}
.member-recom .recom-con .recom-list li .list-info{padding: 10px 0px 10px 20px;}
.member-recom .recom-con .recom-list li .list-info h3{height: 25px; line-height: 25px; font-size: 16px; color: #000;}
.member-recom .recom-con .recom-list li .list-info p{height: 25px; line-height: 25px; font-size: 14px; color: #ccc;}
.member-recom .recom-con .recom-list li .list-info p.cur{color: #00bd9c;}
.member-recom .recom-con .recom-more{height: 40px; border: 1px solid #dcdcdc; background-color: #f5f5f5;margin-top: 30px;}
.member-recom .recom-con .recom-more a{display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #989898;}
.member-recom .recom-con .recom-more a .fs{font-size: 14px;}
.member-gd-tips{height: 36px; line-height: 36px; padding-left: 20px; background-color: #fefaee; border: 1px solid #fed39a;}
.member-gd-tips a{display: inline-block; height: 26px; line-height: 26px; background-color: #ff8d03; border-radius: 3px; padding: 0px 5px; color: #fff; margin: 0px 10px;}
/* 贷款 */
.loan-banner{width: 100%; height: 410px; background-color: #a2ebe3;}
.loan_banner{height: 410px; background: url('/assets/image/dk_banner.jpg') no-repeat; position: relative;}
.loan-form{width: 300px; height: 310px; position: absolute; top:55px; right: 100px;}
.loan-form h3{height: 50px; line-height: 50px; padding-bottom: 10px; text-align: center; font-size: 26px; font-weight: bold; color: #fbbb3b;}
.loan-form input[type="text"]{width: 100%; line-height: 46px; border: none; margin-bottom: 20px; font-size: 24px; text-indent: 1rem;}
.loan-form a.but{display: block; width: 100%; text-align: center; height: 46px; line-height: 46px; background-color: #fbbb3b; color: #fff; font-size: 24px;}
.loan-title{color: #000; font-size: 32px; text-align: center; height: 50px; line-height: 50px; padding: 60px 0px;}
.loan-what{width: 550px; padding: 0px 420px 70px 0px; margin: 0px auto; font-size: 20px; color: #666; line-height: 46px; background: url("/assets/image/daikuan/what.png") no-repeat right center;}
.loan-what span{color: #00bd9c;}
.loan-advantage{overflow: hidden; padding-bottom: 70px;}
.loan-advantage ul{width: 1224px;}
.loan-advantage ul li{width: 218px; border: 1px solid #dcdcdc; float: left; background-color: #fff; margin-right: 24px;}
.loan-advantage .advantage-title{font-size: 28px; color: #000; text-align: center; height: 105px; line-height: 105px;}
.loan-advantage .advantage-img img{margin: 0px auto;}
.loan-advantage .advantage-info{height: 127px; padding: 30px 30px 0px 30px; font-size: 17px; color: #999;}
.loan-contrast .contrast-con{width: 1020px; padding-bottom: 70px; margin: 0px auto;}
.loan-contrast .contrast-fxs{width: 360px; border:1px solid #dcdcdc;}
.loan-contrast .contrast-fxs .fxs-info{padding:75px 20px 0px 20px;}
.loan-contrast .contrast-fxs .fxs-info p{color: #999;text-align: center;}
.loan-contrast .contrast-fxs .fxs-info p.one{font-size: 40px; line-height: 60px;}
.loan-contrast .contrast-fxs .fxs-info p.two{font-size: 75px; line-height: 90px;}
.loan-contrast .contrast-fxs .fxs-info p.three{font-size: 20px; line-height: 60px; padding-top: 25px; padding-bottom: 10px;}
.loan-contrast .contrast-fxs .fxs-info p.four{font-size: 20px; height: 90px; line-height: 90px; border-top: 1px solid #dcdcdc;}
.loan-contrast .contrast-fxs .fxs-info p.four span{font-size: 40px; color: #00bd9c;}
.loan-contrast .contrast-fxs .fxs-title{height: 90px; line-height: 90px; text-align: center; background-color: #00bd9c; font-size: 43px; color: #fff;}
.loan-contrast .contrast-vs{width: 234px;}
.loan-contrast .contrast-vs span{display: block; margin: 180px auto 0px auto; width: 90px; height: 90px; text-align: center; line-height: 90px; border: 1px solid #dcdcdc; border-radius: 100%; color: #000; font-size: 40px; color: #333;}
.loan-contrast .contrast-other{width: 424px;}
.loan-contrast .other-box{border:1px solid #dcdcdc;}
.loan-contrast .other-box .other-box-l{width: 60px; height: 240px; Writing-mode: vertical-rl; text-align: center; background-color: #f3f3f3; line-height: 60px; color: #333; font-size: 28px;}
.loan-contrast .other-box .other-box-c{width: 200px; height: 160px; text-align: center; border-right: 1px solid #dcdcdc; font-size: 24px; color: #999; padding-top: 80px;}
.loan-contrast .other-box .other-box-c span{font-size: 50px;}
.loan-contrast .other-box .other-box-r{width: 160px;}
.loan-contrast .other-box .other-box-r p{font-size: 20px; color: #999; text-align: center; padding-top: 30px;}
.loan-contrast .other-box .other-box-r p.one{height: 89px; border-bottom: 1px solid #dcdcdc;}
.loan-contrast .other-box .other-box-r p span{color: #00bd9c;}
.loan-contrast .other-box .other-box-r p.two{height: 90px;}
.loan-contrast .other-box .other-box-r p.two span{font-size: 36px;}
.loan-condition{width: 1024px;margin: 0px auto;padding-bottom: 125px;}
.loan-condition ul{}
.loan-condition ul li{float: left;}
.loan-condition ul li.one{width: 130px; margin-right: 140px;}
.loan-condition ul li.two{width: 162px; margin-right: 119px;}
.loan-condition ul li.three{width: 160px; margin-right: 90px;}
.loan-condition ul li.four{width: 222px;}
.loan-condition ul li img{margin: 0px auto;}
.loan-condition ul li span{display: block; height: 40px; line-height: 40px; color: #999; font-size: 20px;}
.loan-process{width: 820px; margin: 0px auto;padding-bottom: 160px;}
.loan-process ul{}
.loan-process ul li.one{width: 120px; float: left;}
.loan-process ul li.two{width: 230px; float: left; padding-top: 40px;}
.loan-process ul li img{margin:auto;}
.loan-process ul li span{display: block; height: 40px; line-height: 40px; color: #999; font-size: 20px;}
/* 地图 */
.map_position{position:relative; background:#454545; display:inline-block; padding:2px 3px; color:#fff; cursor:pointer; height:18px; line-height:18px; border-radius:2px;}
.map_position a{color:#fff;}
.map_position a:hover{text-decoration:none;}
.map_position:hover{background:#00bd9c;}
.map_positionjs{background:#00bd9c;}
.map_position .map_pos_bt{position:absolute; width:8px; height:8px; background:url('/assets/image/map_ico.png') no-repeat; left:10px; top:21px;}
.map_position .map_mouseover{background-position:0px -9px;}
.map_tip{background:#fff; width:332px; height:140px; box-shadow:1px 2px 3px #aaa;border-radius: 5px;}
.map_tip_intro .map_tip_img,.map_tip_intro .map_tip_img img{width: 100px;height: 65px;}
.map_tip_intro .map_tip_info{width: 200px;}
.map_tip_intro .map_tip_info a.title{display: block; font-size: 16px; font-weight: bold; color: #00bd9c; height: 24px; line-height: 24px;}
.map_tip_intro .map_tip_info p.info{line-height: 24px; font-size: 14px; color: #757575;}
.map_tip_intro .map_tip_info p.info span{color: #000;}
/* 动态 */
.dong-banner{width: 100%; height: 250px; background: url("/assets/image/dong_banner.jpg") no-repeat top center;}
.dong-nav-title{height: 60px; line-height: 60px; font-size: 18px; color: #fff; background-color: #00bd9c; padding-left: 20px;}
.dong-nav-title .fs{display: inline-block; vertical-align: bottom; margin-right: 10px; font-size: 28px;}
.dong-nav{border: 1px solid #dcdcdc;}
.dong-nav a{display: block; height: 48px; line-height: 48px; padding-left: 50px; border-bottom: 1px solid #dcdcdc; border-left: 2px solid #fff; font-size: 14px; color: #000;}
.dong-nav a:hover,.dong-nav a.active{border-left: 2px solid #00bd9c; color: #00bd9c;}
.dong-nav a.last{border-bottom: none;}
.dong-list-t{height: 45px; border-bottom: 2px solid #dcdcdc;}
.dong-list-t span{display: block; width: 110px; text-align: center; height: 45px; line-height: 45px; border-bottom: 2px solid #00bd9c;; margin-bottom: -2px; font-size: 20px;}
.dong-list ul li{padding: 20px 0px; border-bottom: 1px dashed #dcdcdc;}
.dong-item-img,.dong-item-img img{width: 200px; height: 120px;}
.dong-item-con{width: 710px;}
.dong-item-con p.title{color: #000; font-size: 18px; height: 36px; line-height: 36px;}
.dong-item-con p.time{color: #999; font-size: 14px; height: 30px; line-height: 30px;}
.dong-item-con p.info{color: #737373; font-size: 14px; height: 40px; width: 100%; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.dong-detail-title{padding-top: 20px;}
.dong-detail-title p.title{font-size: 30px; color: #000; padding-bottom: 20px; text-align: center;}
.dong-detail-title p.time{font-size: 14px; color: #999; padding-bottom: 20px; border-bottom:1px dashed #dcdcdc; text-align: center;}
.dong-detail-con{padding: 25px 0px;}
.dong-detail-con img{margin: 25px auto;}
.dong-detail-con p{line-height: 24px; font-size: 16px; text-indent: 2em;}
.about-info{text-indent: 2em; font-size: 16px; color: #000; line-height: 24px; padding: 20px 0px 30px 0px;}
.about-info p{text-indent: 2em; font-size: 16px; color: #000; line-height: 24px;}
.about-info p img{margin: auto;}
.about-title{height: 20px; border-bottom: 1px dashed #dcdcdc; margin: 0px 0px 40px 0px;}
.about-title span{display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; margin: 0px auto -20px auto; font-size: 18px; color: #000;}
.about-works{overflow: hidden}
.about-works ul{width: 945px;}
.about-works ul li{float: left; margin-right: 15px; margin-bottom: 15px;}
.about-works ul li.one,.about-works ul li.one img{width: 600px; height: 300px;}
.about-works ul li.two,.about-works ul li.two img{width: 315px; height: 300px;}
.about-activity{width: 870px; overflow: hidden; padding-bottom: 50px; margin: 0px auto;}
.about-activity ul{width: 900px;}
.about-activity ul li{width: 195px; float: left; margin-right: 30px;}
.about-activity ul li img{width: 195px; height: 210px;}
.about-activity ul li p{font-size: 14px; height: 24px; line-height: 30px; text-align: center;}
.about-activity ul li p.title{padding-top: 10px; color: #000;}
.about-activity ul li p.time{color: #999;}
.jobs{padding-bottom: 50px;}
.jobs-title{font-size: 18px; color: #000; padding: 25px 0px 30px 0px;}
.jobs-info{font-size: 14px; color: #000; line-height: 24px; padding-bottom: 20px;}
.jobs-mail{font-size: 14px; color: #000; padding-bottom: 30px;}
.jobs-mail a{color: #00bd9c;}
.jobs-list-title{font-size: 18px; color: #00bd9c; padding-bottom: 20px;}
.jobs-list{}
.jobs-list li{border-bottom: 1px dashed #dcdcdc;}
.jobs-list .jobs-post{height: 55px; line-height: 55px; cursor: pointer; font-size: 14px; color: #000;}
.jobs-list li.active .jobs-post span.icon{background-color: #dedede;}
.jobs-list .jobs-post span.icon{display: inline-block; width: 16px; height: 16px; background-color: #fd8d00; border-radius:16px; text-align: center; line-height: 16px; color: #fff;}
.jobs-list .jobs-post span.depa{display: inline-block; height: 55px; line-height: 55px; color: #999;}
.jobs-list li.active .jobs-description{display: block;}
.jobs-list .jobs-description{padding-left: 20px; display: none; padding-bottom: 30px;}
.jobs-list .jobs-description h3{font-size: 14px; color: #000; padding: 20px 0px;}
.jobs-list .jobs-description .description-con p{font-size: 14px; line-height: 24px;}
/* 地图 */
.bigMap{width: 100%; position: relative;}
.bigMap-left{width: 400px; height: 100%; position: absolute; top:0px; left: 0px; border-right:1px solid #dcdcdc;}
.bigMap-left-top{height: 50px; line-height: 50px; padding-left: 25px; font-size: 18px; color: #000; font-weight: bold; border-bottom: 1px solid #dcdcdc;}
.bigMap-list-sum{height: 40px; line-height: 40px; padding-left: 25px; background-color: #f8f8f8; font-size: 14px; color: #737373;}
.bigMap-list-sum span{color: #fe8c00;}
.bigMap-list{}
.bigMap-list li{padding: 15px 25px; border-bottom: 1px dashed #dcdcdc; cursor: pointer;}
.bigMap-list li:hover{background:#f8f8f8;}
.bigMap-list li .list-title{font-size: 18px; color: #000; height: 30px; line-height: 30px;}
.bigMap-list li .list-info{height: 30px; line-height: 30px;}
.bigMap-list li .list-info span.item{display: inline-block; margin-right: 30px; font-size: 14px; color: #000;}
.bigMap-list li .list-info span.item .info{color: #666;}
.bigMap-right{padding-left: 401px;}
.bigMap-right-top{height: 50px; border-bottom: 1px solid #dcdcdc;}
.bigMap-select{width: 145px; height: 50px; border-right: 1px solid #dcdcdc; position: relative; z-index: 109;}
.bigMap-select .select-title{padding:0px 10px; height: 50px; line-height: 50px; font-size: 18px; color: #000; text-align: center; position: relative; cursor: pointer;}
.bigMap-select .select-title .fs{display: block; width: 12px; height: 12px; text-align: center; line-height: 12px; position: absolute; top:19px; right: 20px; font-size: 14px;}
.bigMap-select .select-list{padding: 0px 10px; background-color: #fff; border:1px solid #dcdcdc; width: 125px; position: absolute; left: -1px; top: 50px; display: none;}
.bigMap-select .select-list a{display: block; height: 38px; line-height: 38px; text-align: center; border-bottom: 1px dashed #dcdcdc; font-size: 14px; color: #666;}
.bigMap-select .select-list a.last{border-bottom: none;}
.bigMap-select .select-list a:hover{background-color: #454545; color: #fff;}
.bigMap-search{width: 405px; margin-left: 20px; padding: 6px 0px; position: relative;}
.bigMap-search input[type="text"]{border: 1px solid #dcdcdc; height: 36px; line-height: 36px; text-indent: 1em; width: 375px;}
.bigMap-search button,.bigMap-search a{display: block; width: 38px; height: 38px; background-color: #00bd9c; border: none; position: absolute; top: 6px; right: 0px;}
.bigMap-search button .fs,.bigMap-search a .fs{display: block; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #fff;}
.bigMap-right-con{background-color: #fff; height: 830px; position: relative;}
.bigMap-right-con .map-fold{position: absolute; top: 300px; left: -1px; background: #fff; box-shadow: 0px 1px 3px #ccc; border: 1px solid #dcdcdc; border-left: none; border-radius: 0px 3px 3px 0px; width: 20px; height: 60px; z-index: 100; background-position: -2px -5px;}
.bigMap-right-con .map-fold .fs-aorrLeft{display: block; margin: 20px auto 0px auto; color: #afb1b5; font-size: 14px; width: 18px; height: 18px; text-align: center; line-height: 18px;}
.bigMap-right-con .map-fold .fs-aorrRight{display: block; margin: 20px auto 0px auto; color: #afb1b5; font-size: 16px; width: 18px; height: 18px; text-align: center; line-height: 18px;}
.bigMap-box{width: 100%; height: 830px;}
/* 设计方案点评 */
.dp-banner{width: 1200px; height: 320px; position: relative; margin-bottom: 80px;}
.dp-banner-list{width: 100%; height: 320px; overflow: hidden;}
.dp-banner-list ul{width: 999999px;}
.dp-banner-list ul li{width: 1200px; height: 320px; float: left;}
.dp-banner-list ul li a{display: block;width: 1200px;height: 320px;overflow:hidden; position: relative;}
.dp-banner-list ul li a p{width:100%;height:50px;line-height:50px;padding-left:20px;font-size: 18px;color: #fff;background-color: rgba(0,0,0,.5);position: absolute;left: 0px;bottom: 0px;}
.dp-banner-list ul li img{width: 1200px;height: 320px;}
.dp-banner-but{width: 1200px; height: 85px; position: absolute; left: 0px; bottom: -40px; text-align: right;}
.dp-banner-but a{width: 75px; height: 75px; border: 5px solid #dbdcde; display: inline-block;}
.dp-banner-but a img{width: 75px;height: 75px;}
.dp-banner-but a:hover,.dp-banner-but a.active{border: 5px solid #00bd9c;}
.dp-list{width:100%;overflow: hidden;}
.dp-list ul{width: 1215px;}
.dp-list ul li{width: 388px; border: 1px solid #dcdcdc; margin-right: 15px; margin-bottom: 25px; float: left;}
.dp-list ul li:hover{border: 1px solid #00bd9c;}
.dp-list ul li:hover .list-item-img img{transform:scale(1.1);
-webkit-transform: scale(1.1);}
.dp-list .list-item-img{overflow: hidden;}
.dp-list .list-item-img,.dp-list .list-item-img img{width: 388px; height: 276px;}
.dp-list .list-item-img img{transition: all 1.0s;
-webkit-transition: all 1.0s}
.dp-list .list-item-info{padding: 10px 0px; position: relative;}
.dp-list .list-item-info p{padding-left: 10px; height: 30px; line-height: 30px;}
.dp-list .list-item-info p.title{font-size: 18px; color: #000;}
.dp-list .list-item-info p.info{font-size: 14px; color: #999;}
.dp-list .list-item-info p.info span{display: inline-block; margin-right: 10px;}
.dp-list .list-item-look{height: 45px; width: 90px; border-left: 1px solid #dcdcdc; position: absolute; right: 0px; top:15px; text-align: center; color: #ababab; font-size: 14px; padding-top: 5px;}
.dp-list .list-item-look .fs{font-size: 18px; color: #ababab;}
.dp-detail-t{border-bottom: 1px dashed #dcdcdc; padding-bottom: 10px; margin-bottom: 20px;}
.dp-detail-t p.title{font-size: 30px; color: #000; text-align: center; line-height: 50px; height: 50px;}
.dp-detail-t p.time{text-align: center; font-size: 14px; color: #999; height: 30px; line-height: 30px;}
.dp-detail-t p.time .fs{font-size: 18px;}
.dp-designer{}
.dp-designer-l{width: 560px; padding: 15px; height: 378px; background: url("/assets/image/dp_bg.jpg") no-repeat;}
.dp-designer-info{}
.dp-designer-info .designer-img{width: 100px; height: 100px; border: 2px solid #fff; border-radius: 100%; margin-left: 22px; margin-top: 30px; overflow: hidden;}
.dp-designer-info .designer-img img{width: 100px; height: 100px; border-radius: 100%;}
.dp-designer-info .designer-info{width: 410px;}
.dp-designer-info .designer-info p.name{border-bottom: 1px dashed #dcdcdc; font-size: 18px; color: #000; padding: 20px 0px;}
.dp-designer-info .designer-info p.item{padding: 10px 0px; border-bottom: 1px dashed #dcdcdc;}
.dp-designer-info .designer-info p.item span{display: block; width: 50%; height: 40px; line-height: 40px; float: left; font-size: 16px; color: #000;}
.dp-designer-title{height: 40px; line-height: 40px; background-color: #00bd9c; margin: 20px 0px; text-align: right; font-size: 18px; color: #fff; position: relative; padding-right: 30px;}
.dp-designer-title span{display: block; width: 20px; height: 20px; background-color: #00bd9c; border: 3px solid #fff; position: absolute; top:7px; right: -13px;}
.dp-designer-cont{font-size: 14px; color: #000; line-height: 24px;}
.dp-designer-r{width: 610px; height: 408px;}
.dp-designer-r img{width: 610px; height: 408px;}
.dp-detail-con{padding: 20px 0px;}
.dp-detail-con img{margin: 25px auto;}
.dp-detail-page{padding: 10px 0px;}
.dp-detail-pageUp{height: 40px; line-height: 40px;}
.dp-detail-pageNext{height: 40px; line-height: 40px;}
.dp-detail-pageUp a,.dp-detail-pageNext a{color: #00bd9c; font-size: 14px;}
/* 标签页 */
.tag{}
.tag-title{font-size: 18px; color: #333; height: 50px; line-height: 50px;}
.tag-title.bd{border-bottom: 1px solid #dcdcdc;}
.tag-title span{display: inline-block; margin-right: 10px; font-size: 24px; font-weight: bold; color: #01bd9b;}
.tag-banner{width: 850px; height: 200px; padding-top: 20px;padding-bottom: 20px; overflow: hidden;}
.tag-banner ul{width: 860px;}
.tag-banner ul li{float: left; width: 203px; height: 198px; border: 1px solid #dcdcdc; margin-right: 10px;}
.tag-banner ul li a,.tag-banner ul li a img{display: block; width: 203px; height: 198px;}
.tag-banner ul li a{position: relative;}
.tag-banner ul li p{height: 36px; line-height: 35px; padding: 0px 10px; overflow: hidden; position: absolute; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); color: #fff;}
/* 404页面 */
.error{}
.error-title{font-size: 28px; color: #000; text-align: center; padding: 60px 0px 25px 0px;}
.error-title a{color: #00be9c;}
.error-info{font-size: 14px; color: #999; text-align: center; padding-bottom: 30px;}
.error-matrix{width: 800px; margin: 0px auto;}
.error-tip{font-size: 20px; color: #333; text-align: center; padding: 40px 0px;}
.error-list{width: 1200px;overflow: hidden}
.error-list ul{width: 1254px;}
.error-list ul li{width: 260px; margin-right: 53px; float: left; margin-bottom: 20px;}
.error-list-img,.error-list-img img{width: 260px; height: 185px;}
.error-list-title{width: 100%; height: 40px; line-height: 40px; padding-top: 10px; overflow: hidden;}
.error-list-title a{font-size: 18px; color: #000;}
.error-list-title a:hover{color: #00be9c;}
.error-list-info{width: 100%; font-size: 14px; color: #000; height: 30px; line-height: 30px; overflow: hidden;}
.error-list-info span{color: #de4348;}
/* 报名页 */
.enroll_banner{}
.enroll_banner_tab{padding: 5px 0px;}
.enroll_banner_tab a{display: block; width: 398px; height: 40px; line-height: 40px; text-align: center; border-right: 1px solid #dcdcdc; color: #000; font-size: 18px; float: left; position: relative; z-index: 9;}
.enroll_banner_tab a i.fs{width: 32px; height: 32px; border: 2px solid #dadada; border-radius: 100%; color: #dadada; font-size: 27px; display: inline-block; text-align: center; line-height: 32px;}
.enroll_banner_tab a span.fs{display: none; width: 20px; height: 10px; text-align: center; line-height: 6px; font-size: 18px; color: #00be9d; position: absolute; left: 50%; bottom: -17px; margin-left: -10px;}
.enroll_banner_tab a.tab_1{border-left: 1px solid #dcdcdc;}
.enroll_banner_tab a.tab_2 i.fs{font-size: 24px;}
.enroll_banner_tab a.tab_3 i.fs{font-size: 22px;}
.enroll_banner_tab a.active{color: #00be9c;}
.enroll_banner_tab a.active i.fs{border: 2px solid #00bd9c; color: #00bd9c;}
.enroll_banner_tab a.active span.fs{display: block;}
.enroll_banner_con{width: 100%; height: 550px; overflow: hidden; position: relative;}
.enroll_banner_box{width: 100%; height: 550px; overflow: hidden; position: relative;}
.enroll_banner_con ul{width: 100%; height: 550px; position: absolute; top:0px; left: 0px;}
.enroll_banner_con ul li{width: 100%; height: 550px; float: left;}
.enroll_banner_con ul li a{display: block; width: 100%; height: 550px;}
.enroll-from{width: 320px; height: 360px; background-color: #fff; position: absolute; top: 90px; left: 50%; margin-left: 280px; z-index: 2;}
.enroll-from .from-title{height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #00be9d; border-bottom: 1px solid #00be9d; position: relative;}
.enroll-from .from-title .fs{width: 12px; height: 6px; text-align: center; line-height: 6px; font-size: 12px; color: #00be9d; position: absolute; left: 50%; bottom: -6px; margin-left: -6px;}
.enroll-from .from-con{padding: 15px 24px;}
.enroll_article{padding-top: 50px; width: 1000px; margin: 0px auto;}
.enroll_article ul{}
.enroll_article ul li{float: left; width: 200px;}
.enroll_article_icon{width: 80px; height: 80px; margin: 0px auto; border-radius: 100%; background: #00bd9c; text-align: center; line-height: 80px; transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;}
.enroll_article_icon .fs{color: #fff; font-size: 38px;}
.enroll_article ul li:hover .enroll_article_icon{transform: rotate(30deg); -ms-transform: rotate(30deg);/* IE 9 */ -webkit-transform: rotate(30deg);/* Safari and Chrome */ -o-transform: rotate(30deg);/* Opera */ -moz-transform: rotate(30deg);}
.enroll_article_title{padding-top: 10px; height: 30px; line-height: 30px; font-size: 18px; color: #000; text-align: center;}
.enroll_article_info{height: 40px; line-height: 20px; color: #999; text-align: center;}
.enroll_view{padding-top: 50px; padding-bottom: 40px;}
.enroll_view_list{}
.enroll_view_list li{width: 590px; height:440px; position: relative;}
.enroll_view_list li .view_list_title{height: 50px; width: 590px; background: rgba(0,0,0,0.5); position: absolute; left: 0px; bottom: 0px; text-align: center; line-height: 50px;}
.enroll_view_list li .view_list_title a{font-size: 18px; color: #fff;}
.enroll_view_list li .view_list_title a span{color: #00bd9c;}
.enroll_offer{padding: 40px 0px; background: #fafafa;}
.enroll_offer_list{overflow: hidden;}
.enroll_offer_list ul{width: 1260px;}
.enroll_offer_list ul li{width: 285px; padding:30px 0px 30px 75px; float: left; position: relative; margin-right: 60px;}
.enroll_offer_list ul li i{display: block; width: 50px; height: 50px; position: absolute; color: #00bd9c; left: 0px; top:40px; font-size: 45px;}
.enroll_offer_list ul li p.title{height: 30px; line-height: 30px; font-size: 22px; color: #000;}
.enroll_offer_list ul li p.info{font-size: 16px; color: #666; height: 40px; line-height: 20px;}
.enroll_offer_list ul li:hover p.title,.enroll_offer_list ul li:hover p.info{color: #00bd9c;}
.enroll_message{padding: 40px 0px;}
.enroll_discuss_con,.enroll_discuss_list{width: 1050px; margin: 0px auto; position: relative;}
.enroll_discuss_con .fs{display: block; width: 60px; color: #999; font-size: 60px; position: absolute;}
.enroll_discuss_con .fs-quotesTop{top:10px; left: 0px;}
.enroll_discuss_con .fs-quotesUp{bottom:10px; right: 0px;}
.enroll_discuss_con .discuss_info{width: 830px; height: 200px; margin:0px auto; overflow: hidden; position: relative;}
.enroll_discuss_con .discuss_info ul{width: 5810px; position: absolute; top:0px; left: 0px;}
.enroll_discuss_con .discuss_info ul li{width: 510px; height: 200px; padding-left: 320px; float: left; position: relative;}
.enroll_discuss_con .discuss_info ul li img{display: block; width: 290px; height: 200px; position: absolute; left: 0px; top: 0px;}
.enroll_discuss_con .discuss_info ul li p{line-height: 24px; font-size: 16px; color: #000;}
.enroll_discuss_list{margin-top: 40px;}
.enroll_discuss_list a{display: block; width: 36px; height: 40px; position: absolute; top: 60px; margin-top: -30px; text-align: center; line-height: 40px;}
.enroll_discuss_list a.but-offsetLft{left: 30px;}
.enroll_discuss_list a.but-offsetRight{right: 30px;}
.enroll_discuss_list_con{width:840px; height: 70px; padding: 15px 0px; margin: 0px auto; position: relative; overflow: hidden;}
.enroll_discuss_list_con ul{width: 1470px; position: absolute; top:15px; left: 0px;}
.enroll_discuss_list_con ul li{width:130px; height: 70px; padding-left: 80px; float: left; position: relative; cursor: pointer;}
.enroll_discuss_list_con ul li:hover,.enroll_discuss_list_con ul li.active{margin-top:15px;}
.enroll_discuss_list_con ul li span{display: block; width: 70px; height: 70px; border-radius: 100%; position: absolute; top:0px; left: 0px;}
.enroll_discuss_list_con ul li img{display: block; width: 70px; height: 70px; border-radius: 100%;}
.enroll_discuss_list_con ul li p.name{height: 30px; line-height: 30px; font-size: 22px; color: #000; padding-top: 5px;}
.enroll_discuss_list_con ul li p.info{height:30px; line-height: 30px; font-size: 14px; color: #999;}