﻿@charset "utf-8";
 .content {
    color: #666;
    background: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    width: 100%;
    height: auto;
}
/*面包屑*/

.nav {
    width: 100%;
    border-bottom: 1px solid #eee;
}
.nav .crumbs {
    height: 30px;
    font-family: "Microsoft Yahei";
    width: 1190px;
    margin: 15px auto 15px;
}
.nav .crumbs .crumbs-content {
    margin: 0px 5px;
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
    font-size: 14px;
}
.nav .crumbs .crumbs-content span {
    color: #696c6a;   
    display: inline-block;
    overflow: hidden; 
}
.nav .crumbs .crumbs-content span.crumbs-bt {
    width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    color: #313231;
}

/*================================================文章内容开始=============================================*/

.detailbox {
    width: 1190px;
    margin: 15px auto;
    overflow: hidden;
}
.detailbox .articletitle {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
.detailbox .articletitle h1.detailh1 {
    height: 60px;
    line-height: 60px;
 
    display: block;
    width: 1100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 30px;
    color: #5d5f5d;
}
.detailbox .articletitle hr {
    border-style: dashed;
    border-color: #e6e6e6;
    width:1190px;
    margin:2px 5px;
    display: inline-block;
    
}
.detailbox .articletitle .title_mid {
    height: 16px;
    line-height: 16px;
    margin-top: 10px;
}
.detailbox .articletitle .title_mid span {
    color: #868786;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px 0 0;
} 
.detailbox .articletitle .title_bottom {
    height: 40px;
    line-height: 40px;
    margin: 15px 0;
}
.detailbox .articletitle .title_bottom .titlefr {
    margin: -5px 295px 10px 0;
}
.detailbox .articletitle .title_bottom span{
    height: 17px;
    line-height: 17px;
    border-left:1px solid #e4e4e4;
    padding:0 15px;
}
.detailbox .articletitle .title_bottom span.liulan {
    border-left:0;

}
.detailbox .articletitle .title_bottom span.liulan em{
    background: url(/images/Article/icon1.png) no-repeat center;
    width: 21px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.detailbox .articletitle .title_bottom span.shoucang em {
    background: url(/images/Article/icon2.png) no-repeat center 0;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.detailbox .articletitle .title_bottom span.comment em {
    background: url(/images/Article/icon3.png) no-repeat center;
    width: 23px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}


/*分享*/

.detailbox .share {
    float: left;
    width: 300px;
    height: 35px;
    line-height: 35px;
}

.detailbox .share a.fx {
   padding-right: 10px;
    text-align: center;
    font-size: 14px;
    color: #868786;
    float: left;
}
/*百度分享*/

.detailbox .share .bdsharebuttonbox {
    width: auto;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #fff;
    float: left;
    display: block;
}
/*==========================================================文章左侧开始===============================================*/
.left {
    float: left;
    overflow: hidden;
    width: 895px;
    background: #fff;
}
/*文章*/
.detailbox .articlebox {
    width:895px;
    margin:0;
    border-top:1px solid #dfdfdf;
    padding:5px 30px;
}
.detailbox .articlebox p {
    line-height: 28px;
    margin: 15px 0;
}
.detailbox p.text-center {
    text-indent: 0;
} 
.detailbox .articlebox p img {
    max-width: 835px;
}
.detailbox p strong,.detailbox p em {
    font-weight: bold;
}

/*免责声明*/
.state {
    width: 895px;
    line-height: 20px;
    padding: 20px 0;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #dfdfdf;
}
.tuijian {
    width: 560px;
    height: 60px;
    margin:20px auto;
    font-size: 16px;
    color: #ff5500;
}
.tuijian p {
    line-height: 25px;
    height: 25px;
    text-align: center;
}
.tuijian p span {
    color: #181818;
}
.tuijian p em {
    padding: 0 10px;
}
/*其它文章列表*/
.article-list {
    width: 895px;
    overflow: hidden;
    margin-top: 15px;
}

.article-list h3 {
    font-size: 16px;
    color: #080808;
    height: 40px;
    line-height: 40px;
    font-weight:normal;
    text-indent: 10px;
}

.article-list .con {
    width: 100%;
    overflow: hidden;
}
.article-list dl {
    width: 190px;
    height: 192px;
    margin-left: 45px;
    float: left;
    overflow: hidden;
}
.article-list dl:first-child {
    margin-left: 0;
}

.article-list dl dt {
    width:100%;
    height: 157px;
    overflow: hidden;
}
.article-list dl dt img {
    width: 190px;
    height: 210px;
}
.article-list dl:hover dt{
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.article-list dl dd{
    width:190px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    transition:bottom ease .3s;
    
}

.article-list dl dd p a{
    color: #303130;
    font-size: 12px;
    width: 190px;
    padding:0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;

}
.article-list dl dd p a:hover{
    color: #ff5500;
}
/*评论区*/
.article_comment {
    margin-top: 20px;
    clear: both;
}
.article_comment .comment_bt {
    margin-bottom: 20px;
}
.article_comment .comment_bt h2 {
    font-size: 18px;
    font-weight: normal;
    color: #303130;
    text-indent: 10px;
}
/*回复列表*/

.article_comment .comment_list {
    width: 895px;
    overflow: hidden;
    padding:0 10px ;
}
/*新回复*/

.article_comment .new_com {
    overflow: hidden;
}
.article_comment .new_com img {
    border-radius: 25px;
    float: left;
    margin-left: -65px;
    background-color: #ccc;
    width: 50px;
    height: 50px;
}
.article_comment .new_com .new_com_bd {
    position: relative;
}
.article_comment .new_com .new_com_bd textarea {
    height: 64px;
    padding: 5px 10px;
    width: 875px;
    border: 1px solid #cbcbcb;
    color: #333;
    font-size: 14px;
    resize: none;
    line-height: 18px;
}

.article_comment .comment_fnum {
    color: #999;
    display: block;
    border-top: 0;
    text-align: right;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    margin:5px 0;
}
.article_comment .comment_btn {
    display: inline-block;
    width: 100px;
    height: 35px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: #0e76d7;
    line-height: 35px;
    margin-left: 15px;
    cursor: pointer;
    transition: color 0.4s ease 0s, background 0.4s ease 0s, opacity 0.2s ease 0s;
}
.article_comment .comment_btn:hover {
    opacity: .8;
    filter:alpha(opacity=80);
}
/*其它回复*/
.article_comment .comment_list li {
    border-bottom: 1px solid #d7d7d7;
    zoom: 1;
    position: relative;
}
.article_comment .comment_list li:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0;
}
.article_comment .comment_list li.comment_deleted {
    padding-left: 0;
}
.article_comment .comment_list li .comment_item {
    padding: 40px 0 43px 64px;
    zoom: 1;
}
.article_comment .comment_list li .comment_item:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0;
}
.article_comment .comment_img {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 25px;
    background-color: #ccc;
}
.article_comment .comment_img {
    margin-left: -64px;
}
.article_comment .comment_list .comment_detail {
    float: left;
    width: 781px;
}
.article_comment .comment_list .comment_er {
    color: #333;
}
.article_comment .comment_list .comment_date {
    color: #999;
}
.article_comment .comment_list .comment_lou {
    color: #999;
}
.article_comment .comment_list .comment_title span {
    margin-right: 10px;
}
.article_comment .comment_list .comment_cont {
    line-height: 20px;
    padding: 16px 0 12px;
    word-break: break-all;
    color: #333;
}
.article_comment .comment_list .comment_cont_add {
    margin-bottom: 0;
}
.article_comment .comment_list .comment_opt {
    text-align: right;
}
.article_comment .comment_list .reply_lnk {
    margin-right: 10px;
}
/*再次回复*/

.comment_quote {
    border: 1px solid #EEE;
    background-color: #f4f4f4;
    overflow: hidden;
    padding: 0 12px;
    margin-top: 16px;
    clear: both;
}
.comment_quote .quote_hd {
    padding: 6px 0 4px;
    color: #666;
}
.comment_quote .quote_hd em {
    color: #BE895F;
}
.comment_quote .quote_hd span {
    margin: 0 10px;
}
.comment_quote .quote_bd .reply_lnk {
    display: none;
    margin-left: 20px;
    margin-right: 0;
}
.comment_quote .quote_item {
    zoom: 1;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: -1px;
    padding: 10px 0;
    word-break: break-all;
}
.comment_quote .quote_item:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0;
}
.comment_quote .comment_img {
    margin-left: 0;
    margin-right: 10px;
}
.comment_quote .quote_wrap {
    float: left;
    width: 695px;
}
.comment_quote .quote_reply {
    position: relative;
}
.comment_quote .quote_reply .form_error {
    position: absolute;
    color: #ff6767;
    right: 10px;
    top: 50px;
}
.comment_quote .quote_reply textarea {
    border: none;
    width: 693px;
    height: 62px;
    background-color: #fff;
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #eee;
}
.comment_quote .quote_reply_btn {
    text-align: right;
}
.comment_quote .quote_reply_btn .btn_confirm {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 8px;
    border: 1px solid #d8d8d8;
    margin-right: 5px;
}
.comment_quote .quote_reply_btn .quote_reply_num {
    float: left;
    color: #999;
}


/* 评论结束 */

/*============================================================文章左侧结束====================================================*/
/*===================================================================右侧开始==============================================*/
.right {
    float: right;
    margin-left: 20px;
    overflow: hidden;
    width: 275px;
}
/*===================申请区开始=================================*/
.sqboxcon {
    background: #fff;
    height: auto;
    width: 275px;
    border:1px solid #ddd;
}
ul#applytab {
    overflow: hidden;
    width: 273px;
    padding:0 18px;
}
ul#applytab li {
    color: #3c3b3b;
    float: left;
    font-size: 16px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    width: 118px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 5px;
}

ul#applytab li:hover, ul#applytab li.current {
    border-bottom: 3px solid #f38e00;
    line-height: 42px;
}

.sqbox{    
    width: 273px;
    height: 300px;
    margin:0px;
    padding: 15px 30px;
}
.sqbox .tit {
    color: #6b6a6a;
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    width: 213px;
    margin-bottom: 9px;
    text-align: center;
}
.sqbox .tit span {
    color: #ff5500;
}
.sqbox .txtbox,.sqbox .selectbox,.sqbox .txtbox2,.sqbox .anniu{
    margin: 0 auto 0px;
    overflow: hidden;

}

.sqbox .txtbox input{
    display: block;
    width: 213px;
    padding: 7px 10px;
    color: #333;
    height: 34px;
    border:1px solid #e9e9e9;
    font-family: "microsoft yahei";
}
.sqbox .txtbox2 input {
    display: inline-block;
    width: 80px;
    padding: 7px 10px;
    color: #333;
    height: 33px;
    background: #fff;
    font-size: 12px;
    border:1px solid #e9e9e9;
}

.sqbox .txtbox2 a.code_img {
    width: 60px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    margin: 0 10px;
}
.sqbox .txtbox2 a.code_img img {
    width: 60px;
    height: 100%;
}
.sqbox .txtbox2 a.code_img2 {
    display: inline-block;
    width: auto;
    height: 33px;
    line-height: 33px;
}

.sqbox .selectbox select {
    display: inline;
    float: left;
    width: 106px;
    border: 0;
    color: #333;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 5px;
    font-family: "microsoft yahei";
    border:1px solid #e9e9e9;
}
.sqbox .selectbox input {
    display: inline-block;
    width: 74px;
    height: 34px;
    padding: 7px 11px;
    color: #333;
    border:1px solid #e9e9e9;
    font-family: "microsoft yahei";
}
.sqbox .selectbox select:first-child {
    margin-right: 10px;
}

.sqbox .anniu a {
    display: block;
    width: 213px;
    background: #f38e00;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    transition: color 0.4s ease 0s, background 0.4s ease 0s, opacity 0.2s ease 0s;
}

.sqbox .anniu a:hover {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
}
.sqbox p.hint {
    margin-top: 16px;
    color: #6b6a6a;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
.sqbox p.hint span{
    color: #ff5500;
    padding:0 3px;
}

.piao {
    position: fixed;
    top: 0px;
    z-index: 9999;
    background: #fff;
}
/*===================申请区结束==============================*/
/*OTO装修网保障*/
.box-bz {
    margin: 20px auto;
}
.box-bz h3 {
    font-weight: normal;
    background-color: #ff9058;
    background-image: url(../../images/company/bzbg.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
}
.box-bz a {
    width: 273px;
    height: 80px;
    background-color: #f4f4f4;
    display: block;
    margin: 10px 0;
}
.box-bz a img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 15px 10px;
}
.box-bz a span {
    float: left;
    width: 200px;
    font-size: 20px;
    color: #f38e00;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 3px;
}
.box-bz a p {
    width: 203px;
    float: left;
    line-height: 20px;
    color: #808080;
    height: auto;
    font-size: 12px;
}
/*小banner轮播*/
.zxactivity h3 {
    font-weight: normal;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    color: #666;
}
.flexslider2 {
    margin-bottom: 20px;
    position: relative;
    width: 275px;
    height: 121px;
    overflow: hidden;
    zoom: 1;
}

.flexslider2 .slides {
    zoom: 1;
}
.flexslider2 .flex-direction-nav a {
    width: 28px;
    height: 45px;
    line-height: 99em;
    overflow: hidden;
    margin: -22.5px 0 0;
    display: block;
    background: url(/images/common/ad_ctr2.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 0;
}
.flexslider2 .flex-direction-nav .flex-next {
    background-position: 0 -45px;
    right: 0;
}
.flexslider2 .flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider2:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider2:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}
.flexslider2 .flex-control-nav {
    bottom: 5px;
    text-align: center;
}
.flexslider2 .img img {
    width: 275px;
    height: 121px;
}

/*最新装修资讯*/
.zxnews {
    width:275px;
    border: 1px solid #bbb;
    overflow: hidden;
    margin: 20px 0;
    font-family: "microsoft yahei";
}

.zxnews h3 {
    color: #090909;
    font-size: 18px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    background: #e8e8e8;
    text-indent: 10px;
}
.zxnews ul {
    border-top: 1px solid #bbb;
    width: 100%;
    padding: 10px 15px;
}

.zxnews ul li {
    font-size: 14px;
    color:#464848;
    display: inline-block;
    width: 243px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
}

/*热门标签*/
.hot_search {
    background: #fff none repeat scroll 0 0;
    margin-top: 22px;
    padding: 10px 0;
    width: 275px;
}
.hot_search strong{
    color: #6f6c6b;
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
}
.hot_search .hot_tag {
    overflow: hidden;
    padding: 5px 0;
    border: 1px solid #ddd;
}
.hot_search .hot_tag a {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #9a9a9a;
    display: inline;
    float: left;
    font-family: "Microsoft YaHei";
    margin: 5px;
    padding: 5px 10px;
    white-space: nowrap;
    font-size: 14px;
}
.hot_search .hot_tag a:hover {
    background: #e8e8e8 none repeat scroll 0 0;
    text-decoration: none;
}

/*========================================================================右侧结束==========================================*/
