.leftsider{ font-family:Microsoft YaHei;width:925px; float:left}
.rightsider{font-family:Microsoft YaHei; width:260px; float:right}

.ml10{ margin-left:10px}
.mr10{ margin-right:10px}
.mt10{ margin-top:10px}
.mr20{margin-right:20px}
.pull-right {float: right;}
.pull-left {float: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.qa-nav{ padding:20px; width:148px; border:1px solid #f1f1f1; float:left}
.qa-nav dt{ display:block; clear:both}
.qa-nav dt span{ width:19px; height:18px; display:inline-block; vertical-align:-2px; margin-right:10px}
.qa-nav dt a.wd span{
    margin-right: 3px;
}
.qa-nav dt span.ico1{ background:url(../images/lefticon.png) no-repeat 0 -36px}
.qa-nav dt span.ico2{ background:url(../images/lefticon.png) no-repeat 0 -72px}
.qa-nav dt span.ico3{ background:url(../images/lefticon.png) no-repeat 0 -90px}
.qa-nav dt span.ico4{ background:url(../images/lefticon.png) no-repeat 0 -18px}
.qa-nav dt span.ico5{ background:url(../images/lefticon.png) no-repeat 0 -54px}
.qa-nav dt span.ico6{ background:url(../images/lefticon.png) no-repeat 0 0}
.qa-nav dt a{ line-height:30px; color:#e85050; font-size:14px}
.qa-nav dt a i{ margin-left:10px}
.qa-nav dt a.wd i{
    margin: 0 2px;
}
.qa-nav dt a:hover,.qa-nav dd a:hover{ text-decoration:none; color:#dd3737}
{ text-decoration:none; color:#dd3737}
.qa-nav dd{ display:block; overflow:hidden;  line-height:25px; padding-bottom:10px;}
.qa-nav dd a{ float:left; margin-right:10px; color:#666;*display:block;*white-space:nowrap;}
.qa-nav dl{ margin-bottom:10px; border-bottom:1px dotted #f1f1f1; background: #fff;transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */}
.qa-nav dl:hover{ overflow:none; min-height:85px; max-height:1000px; transition:all 3s;
-moz-transition:all 3s; /* Firefox 4 */
-webkit-transition:all 3s; /* Safari and Chrome */
-o-transition:all 3s; /* Opera */}

.qa-content{ width:720px; float:right; }
.qa-main{height:61px; background:#f7f7f7; padding-top:19px}
.qa-main .qa-search{ background:#fff; border:2px solid #da4848; height:35px; width:620px; margin:0 auto}
.qa-main .qa-search a{ font-family:Microsoft YaHei; display:block; float:right; width:120px; color:#fff; font-size:18px; line-height:35px; height:35px; text-align: center; background:#da4848}
.qa-main .qa-search input[type=text]{ height:25px; padding:5px; line-height:25x; width:490px; float:left}
.qa-main .qa-search input:focus{ outline:none;}


.bread {margin-bottom:10px;}
.position {font-size:15px;font-family: Microsoft YaHei;}
#tipbox {left: 1172px; display: none;top:515px;}
.right-box {border:1px solid #E6E6E7; padding:20px;background: #F9F9FC;margin-bottom: 20px;box-sizing: border-box;}
.right-tit {font-size:16px; border-bottom:1px solid #f1f1f1; padding-bottom:10px; margin-bottom:10px}
.mt20 {
    margin-top: 20px;
}
.answer-num { overflow:hidden; width:199px; text-align:center; margin:0 auto; margin-top:10px}
.answer-num li{ display:inline-block; width:20px; border-bottom:3px double #eee; border-top:3px double #eee; border-left:1px solid #eee; border-right:1px solid #f1f1f1; text-align:center; height:35px; line-height:35px; margin-right:3px; border-radius:5px; font-size:22px; color:#ef4747; }

.answer-sum{ text-align:center; color:#aaa; margin-top:10px; font-size:14px}

.anwser-btn a{
    display: block;
    width: 100%;
    height: 43px;
    background: #ED404D;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 43px;
}

.user-info {
    overflow:hidden;
    width:220px;
}
.user-info span{
    float:left;
    display:block;
    width:70px; 
    height:70px; 
    border-radius:50px; 
    overflow:hidden; 
    margin-right:20px
}
.user-info span img{ width:70px; height:70px;vertical-align: middle;}
.user-info p{ 
    font-size: 14px;
    line-height:30px; 
    color:#999
}
.user-info p.ask-name {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.user-date{ 
    width:218px;  
    margin-top:26px;
    margin-bottom: 20px;
}
.user-date a{ display:inline-block; text-align:center; width:70px;font-size: 14px;color: #333;}
.user-date a:hover{ text-decoration:none}
.user-date a em{ display:block;margin-bottom: 5px;line-height: 20px;}



.bq-list li{ float:left; margin-right:20px; line-height:25px; margin-bottom:5px}
.bq-list li a{ color:#888}

.comp-list li { overflow:hidden;}
.comp-list li em{ line-height:90px; display:block; float:left; width:20px; text-align:center; font-weight:bold; font-size:24px; color:#ccc; margin-right:5px}
.comp-list li span{ display:block;height:68px; width:68px; border:1px  solid #f1f1f1; float:left; line-height:68px; margin-right:10px; margin-top:10px}

.comp-list li span img{ width:100%; display:inline-block; vertical-align:middle}
.comp-list li span.comp-list-span{ width: auto; height: auto; border: 0; font-size:16px; font-weight:100; height:52px; line-height:30px; overflow:hidden; margin-top:15px}
.comp-list li .answer-count{font-size: 12px;}
.comp-list li p{ color:#aaa}

.main-tit{ line-height:50px; font-size:22px; height:50px; border-bottom:1px solid #f1f1f1; margin-bottom:20px}
.main-tit a{ float:right; color:#da4848; line-height:30px; margin-top:10px}

.jc-main{ width:720px; height:400px; position:relative}
.jc-main a>img{ width:100%; height:400px; opacity:0.9}
.jc-main a.bigtit{ display:block; position:absolute; background:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#30000000',endColorstr = '#30000000')\9;  height:60px; bottom:116px; left:20px; color:#fff; padding:0 10px; font-size:24px; line-height:60px; width:656px}

.jc-main .jc-list{ position:absolute; height:76px; bottom:20px; left:20px; width:680px}
.jc-main .jc-list dd{ float:left; width:265px; height:60px; background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#90ffffff',endColorstr = '#90ffffff')\9;  padding:8px; margin-right:10px; overflow:hidden}
.jc-main .jc-list dd img{ width:60px; height:60px; float:left; margin-right:20px}
.jc-main .jc-list dd:hover{ background:#fff}
.jc-main .jc-list dd p{ height: 60px;font-size:14px;display: table-cell;
    vertical-align: middle; }
.jc-main .jc-list dd p a{ text-decoration:none}
.jc-main .jc-list dt{  opacity:0.8;background:url(../images/more.png) center center no-repeat; width:90px; height:76px; float:left}
.jc-main .jc-list dt a{ width:100%; height:100%; display:block}
.jc-main .jc-list dt:hover{ opacity:1}
.zj-list li{ float:left; width:350px; margin-right:10px; height:110px; padding:10px 0;line-height:20px; }
.zj-list li span{ display:block; float:left; margin-right:10px; width:150px; height:110px}
.zj-list li span img{  width:150px; height:110px}
.zj-list li p{ color:#aaa; max-height:80px;overflow:hidden}.zj-list li p a{ font-size:14px}
.bzfx{ position:absolute; top:20px; left:20px; color:#fff; text-shadow:1px 1px 0 #666; font-size:18px }


.lr-window p.tit{ color:#aaa}
.lr-window p{margin-bottom:10px}
.lr-window p input[type=text]{ height:30px; width:226px; border:1px solid #cfcfcf; padding-left:10px}
.lr-window a{ display:block; text-align:center; height:30px; line-height:30px; color:#fff; background:#eb5858}
.lr-window a:hover{ text-decoration:none; background:#e44949}

.xz-list,.dn-list{ width:740px; overflow:hidden}
.xz-list li{ float:left; width:350px; border-bottom:1px dotted #eee; padding-bottom:20px; margin-bottom:20px; margin-right:20px}
.xz-list li .qa-tit{ border-left:3px solid #e44949; height:20px; line-height:20px; font-size:14px; padding-left:10px; color:#888; margin-bottom:10px}
.xz-list li .qa-tit>a{ color:#e44949; width:220px; height:20px; overflow:hidden;}
.xz-list li .qa-tit span{ overflow:hidden; float:left; display:block; height:20px; vertical-align:-4px}
.xz-list li .qa-answer{ color:#aaa; line-height:20px; width:350px}
.xz-list li .qa-answer em{ width:280px; float:left; display:block; overflow:hidden; height:20px}
.xz-list li .qa-answer span { float:right; display:block}

.dn-list li {float:left; width:350px; margin-right:20px; height:55px; margin-bottom:20px}
.dn-list li p a{ font-size:16px}
.dn-list li p{ color:#aaa; line-height:27px}
.dn-list li .answer-num-b{ width:40px; height:40px; border-top:2px solid #eee; border-bottom:2px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; float:left; text-align:center; border-radius:5px; font-size:14px; padding:5px; color:#ef6969; margin-right:20px}
.dn-list li .answer-num-b strong{ display:block}

.wenwen{ padding:10px 20px; background:#f7f7f7;}
.wenwen h1{ font-size:18px; font-weight:100}
.wenwen span.h1{ font-size:18px; font-weight:100}
.wenwen textarea{ border:1px solid #ececec;width:210px; resize:none; height:70px; margin-top:10px; padding:5px}
.wenwen textarea:focus{ outline:none}
.wenwen p{ color:#aaa; line-height:30px; margin-top:10px}
.wenwen p i{ color:#e44949}
.wenwen p a{ float:right; display:block; width:100px; text-align:center; color:#fff; background:#e44949;}

.qestion-main{ border:1px solid #f1f1f1; padding:20px;}
.qestion-main h1{ margin-bottom:10px;font-size:18px; font-weight:100;height:30px; line-height:30px; padding-left:40px; background:url(../images/qeustion.png) no-repeat left;float: left;}
.qestion-main p{ color:#666;padding-left:40px; line-height:25px; font-size:14px}
.qestion-main ul{color:#aaa;padding-left:40px; overflow: hidden; margin-bottom:20px; margin-top:10px}
.qestion-main ul li{ float:left; padding-right:20px; border-right:1px solid #f1f1f1; margin-right:20px}
.qestion-main ul li:last-of-type{ border-right:0}
.qestion-main img {max-width:500px;border:2px #eee solid;padding:5px;border-radius:5px}
.imgbox img {max-width:600px;border:2px #eee solid;padding:5px;border-radius:5px}

.answer-edit{ background:#f7f7f7; padding:20px; margin:0 30px}
.answer-edit h2{ font-weight:100; font-size:14px}
.answer-edit textarea{ width:776px; height:100px; border:1px #e1e1e1 solid;resize:none;padding:5px; margin-top:10px}
.answer-edit textarea:focus,.resend textarea:focus{ outline:solid 1px #00cd65}
.answer-edit p,.resend p{ font-size:12px; text-align:right; margin-top:10px; height:30px; line-height:30px; color:#aaa}
.answer-edit p a,.resend p a{ display: inline-block; width:100px; text-align:center; color:#fff; background:#46d48c; margin-left:20px}
.answer-edit p a:hover,.resend p a:hover{ text-decoration:none; box-shadow:0px 0px 3px #57e99f;}
.answer-edit .info i {float: none;color: #666;font-size: 14px;font-weight: bold;margin: 0 3px;}

.best-answer-box{ position:relative; margin-top:20px;padding:0 20px; border:1px solid #feea9a; border-top:2px solid #feea9a}
.best-answer-box .tips{ position:absolute; background:url(../images/jinp.png) no-repeat; width:50px; height:50px; top:10px; right:20px}
.best-answer-box .h1{font-size:22px; font-weight:100; border-bottom:1px solid #eee; height:70px; line-height:70px}

.anwser-user-box { margin-top:20px; height:72px}
.anwser-user-box .user-head{ position:relative; height:60px; width:60px; padding:5px; border:1px solid #f1f1f1; cursor:pointer; float:left; margin-right:20px}
.anwser-user-box .user-head img{ width:60px; height:60px}
.anwser-user-box .user-head>img:hover{ opacity:0.6}
.anwser-user-box .user-head .user-tohelp{ position:absolute; display:none; background:#fff; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.2); width:200px; top:0; left:71px; background:#f1f1f1\9}
.anwser-user-box .user-head .user-tohelp span{ width:80px; height:80px; display:block; float:left;margin-right:10px; position:relative}
.anwser-user-box .user-head .user-tohelp span:after { content: ""; position: absolute; left: -20px; top: 10px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #f1f1f1; border-bottom: 0px solid transparent; }
.anwser-user-box .user-head .user-tohelp span:before { content: ""; position: absolute; left: -20px; top:20px; width: 0; height: 0; border-top:0px solid transparent; border-right:10px solid #f1f1f1; border-bottom: 10px solid transparent; }
.anwser-user-box .user-head .user-tohelp span img{ width:80px; height:80px; }
.anwser-user-box .user-head:hover .user-tohelp{ display:block}
.anwser-user-box .user-head:hover .user-tohelp p{ color:#aaa; line-height:25px}
.anwser-user-box .user-head:hover .user-tohelp p a,.anwser-user-box p a{ color:#ec4b4b}
.anwser-user-box .user-head:hover .user-tohelp a.help-btn{ background:#46d48c;width:80px; display:block; float:left; text-align:center; color:#fff; height:30px; line-height:30px}

.anwser-user-box p{ color:#aaa; line-height:35px}
.anwser-user-box p em{ margin-right:10px}
.ask-one-p{ overflow: hidden; margin-top:20px; font-size:15px; line-height:25px; padding:0 10px;-moz-user-select:none;user-select:none;-webkit-user-select:none;}
.send-p{ margin:20px 0; line-height:25px}
.send-p span{ color:#aaa; cursor:pointer;}



.de-mydairy-mes{ padding-bottom:10px; border-top:1px solid #eee; margin-top:0px; padding-right:20px}
.de-mydairy-mes p{ margin-bottom:0}
.de-mydairy-mes dt{ overflow:hidden; padding:20px; padding-bottom:0; padding-right:10px}
.de-mydairy-mes .user-head{margin-left:20px;width:50px;height:50px;overflow:hidden; display:block;}
.de-mydairy-mes .user-head img{ width: 100%; height: 100%; }
.de-mydairy-mes dt.more-mes{ line-height:30px; text-align:center; padding-top:10px;border-top:1px dashed #f1f1f1;  margin-top:10px;}
.de-mydairy-mes dt.more-mes a{ color:#e73f3f}
.de-mydairy-mes dt.resend{ margin-top:10px;border-top:1px dashed #f1f1f1; padding-top:20px}
.de-mydairy-mes dd{ margin-left:100px; border:1px solid #eee; background:#f7f7f7; padding:10px;overflow:hidden; margin-top:10px}
.de-mydairy-mes dt .diary-message{ float:right; width:755px; line-height:22px}
.de-mydairy-mes dd .diary-message{ float:right; width:676px; line-height:22px}


.resend{ background:#f7f7f7; padding:20px; margin:0 20px; margin-bottom:20px}
.resend textarea{ width:796px; height:80px; border:1px #e1e1e1 solid;resize:none;padding:5px;}

/* 详情页feature-p.2.16.20添加 */
.ask-key-word{ margin-top: 10px;font-size: 14px; color: #666;overflow: hidden;}
.ask-key-word .key-word .my-answer {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ED404D;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.key-word li { float: left; padding: 0 12px;height: 30px;margin-bottom: 10px;line-height: 30px; margin-right: 10px; background-color: #E4E4E4;}
.my-answer-content {
    margin-top: 20px;
}
.my-answer-content .answer-content-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.my-answer-content textarea {
    display: block;
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 20px;
}
.my-answer-content .fb-answer {
    display: block;
    width: 120px;
    height: 40px;
    font-size: 16px;
    background: #ED404D;
    color: #fff;
}
.content-list{
    border:1px #F5F5F5 solid;
    margin-top:40px;
}
.label-list{
    overflow: hidden;
    height:40px;
}
.label-list li{
    display: inline-block;
    float: left;
    width:12.5%;
    line-height:40px;
    cursor: pointer;
    text-align: center;
    font-size:16px;
}
.label-list-content ul{
    overflow: hidden;
    padding:0px 45px 18px 45px;
    background: #EAEAEA;
    display:none;
}
.label-list-content ul a{
    display: inline-block;
    margin-right: 30px;
    margin-top: 18px;
    font-size: 14px;
}
.current-list{
    background: url('../images/tab.png') no-repeat;
    background-size:100%;
    background-position:bottom;
}
.item_active {
    display: block !important;
}

.other-answer-box{padding:0 20px; border:1px solid #f1f1f1; border-top:2px solid #f1f1f1}
.other-answer-box .h1{font-size:22px; font-weight:100; border-bottom:1px solid #eee; height:70px; line-height:70px}
.other-answer-box .h1 span{color:#aaa;font-size:14px; margin-left:5px}

.other-answer-list li{ border-bottom:1px dotted #ddd}

.ask-tit{font-size:22px; font-weight:100; border-bottom:1px solid #eee; height:70px; line-height:70px}
.same-list { overflow:hidden}
.same-list li{ line-height:50px; border-bottom:1px dotted #f1f1f1; overflow:hidden}
.same-list li a{ width:600px; overflow:hidden; float:left; font-size:16px; height:50px}
.same-list li b{ color:#aaa; font-style:normal; font-weight:100; margin-right:10px}


.wait-ask li{ padding-left:25px; line-height:30px; background:url(../images/liststyle-qa.gif) no-repeat 0px 5px; height:30px; overflow:hidden}

.wenzhot li a { width: 218px; height: 130px; display: block; overflow: hidden; padding: 10px; position: relative }
.wenzhot li a img { width: 100%; height: 100% }
.wenzhot li a span { display: block; position: absolute; height: 25px; background: rgba(0,0,0,.6); color: #fff; line-height: 25px; bottom: 10px; width: 218px; text-align: center; overflow: hidden }
.de-hot-diary { margin: 0 20px; padding-bottom: 20px }
.de-hot-diary li { border-bottom: 1px dotted #f1f1f1; padding-bottom: 20px; margin-top: 20px }
.de-hot-diary li a:hover { text-decoration: none; opacity:0.8}
.de-hot-diary li h2 { font-size: 16px; font-weight: 100; font-family: Microsoft YaHei; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 5px }
.de-hot-diary li p { max-height: 40px; overflow: hidden; line-height: 20px; }
.de-hot-diary li p a { color: #888 }
.de-hot-diary li span { display: block; color: #888 }
.de-hot-diary li span i { margin-right: 5px }
.de-hot-diary li span img { height: 70px; width: 70px; margin: 5px 0; margin-right: 10px; }

.ask-hot-diary { margin:0px; }
.ask-hot-diary li {margin-left:6px;border-bottom: 1px dotted #f1f1f1; padding-bottom: 20px; margin-top: 20px;width:225px;float:left;}
.ask-hot-diary li a:hover { text-decoration: none; opacity:0.8}
.ask-hot-diary li h2 { font-size: 16px; font-weight: 100; font-family: Microsoft YaHei; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 5px }
.ask-hot-diary li p { max-height: 40px; overflow: hidden; line-height: 20px; }
.ask-hot-diary li p a { color: #888 }
.ask-hot-diary li span { display: block; color: #888 }
.ask-hot-diary li span i { margin-right: 5px }
.ask-hot-diary li span img { height: 70px; width: 70px; margin: 5px 0; margin-right: 10px; }

.ask-xgt li {float:left;}
.ask-xgt li a { width: 218px;height: 190px; display: block; overflow: hidden; padding:7px; position: relative }
.ask-xgt li a img { width: 100%; height: 100% }
.ask-xgt li a span { display: block; position: absolute; height: 25px; background: rgba(0,0,0,.6); color: #fff; line-height: 25px; bottom: 10px; width: 218px; text-align: center; overflow: hidden }

.caina{ border:1px solid #46d48c; background:#fff; padding:0 20px; display:inline-block; color:#46d48c; border-radius:50px; font-size:14px; font-weight:bold}
.caina:hover{ background:#46d48c; color:#fff; text-decoration:none}


/**/
.ask-edit-box{ font-family:Microsoft YaHei; width:900px; margin:0 auto; background:#f7f7f7; padding:50px}
.ask-edit-box dt{ font-size:20px; line-height:50px}
.ask-edit-box dt em{ float:right; font-size:12px; color:#888}
.ask-edit-box dd { overflow:hidden; margin-bottom:20px; }
.ask-edit-box dd p{ clear:both; text-align:right; line-height:25px; color:#888; padding-left:80px}
.ask-edit-box dd span{ display:block; float:left; width:80px; line-height:50px}
.ask-edit-box dd input[type=text]{display:block; float:right; padding:5px; height:38px; border:1px solid #ccc; width:808px}
.ask-edit-box dd .edit{display:block; float:right; padding:5px; height:38px; border:1px solid #ccc; width:808px; height:150px; resize:none}
.ask-edit-box dd .edit:focus,.ask-edit-box dd input[type=text]:focus{ outline:solid 1px #00cd65}
.ask-edit-box dd select{ width:120px; border:1px solid #ccc; height:35px; margin-top:8px; margin-right:10px}

.ask-edit-box dd .submit { background:#46d48c;width:120px; display:block; text-align:center; color:#fff; height:40px; line-height:40px; font-size:14px ; margin-left:80px}
.ask-edit-box dd .submit:hover{ text-decoration:none; box-shadow:0px 0px 3px #57e99f}

.ask-edit-box .isAgree {font-size:14px;margin-bottom:0px;margin-top:10px;}
.ask-edit-box .isAgree a {color:#dc4146;}

/**/
.ask-tab { border-bottom:1px solid #f1f1f1; height:46px; border-left:1px solid #f1f1f1; padding-left:1px;}
.ask-tab li{ border:1px solid #eee; float:left; height:45px; line-height:45px; width:100px; text-align:center; position:relative; background:#f7f7f7; font-size:14px; margin-left:-1px}
.ask-tab li.active{ border:1px solid #fff; border-top:1px solid #ef4344; background:#fff}
.ask-tab li a:hover{ text-decoration:none}
.ask-tab-main{ border:1px solid #f1f1f1; border-top:0; padding:20px 10px; overflow:hidden; padding-bottom:0}
.ask-tab-main li{ float:left; margin-right:10px; margin-bottom:10px;}
.ask-tab-main li a{display:block; line-height:20px; padding:0 10px;*white-space:nowrap; }
.ask-tab-main li.active a{ background:#ef4344; color:#fff}

.ask-tiaoj{ margin-top:20px; height:20px; line-height:20px}
.ask-tiaoj span{ float:left; display:block; margin-right:20px;}
.ask-tiaoj span a i{ color:#ccc}
.ask-tiaoj span a:hover,.ask-tiaoj span a:hover i{ text-decoration:none;color:#e55151}
.ask-tiaoj span a.active,.ask-tiaoj span a.active i{ color:#e55151}


.ask-list{ margin-top:20px; border-top:1px solid #f1f1f1;}
.ask-list li{ padding:20px 0; border-bottom:1px dotted #f1f1f1}
.ask-list li:hover{ background:#faffef}
.ask-list li .ask-list-tit{ font-size:18px; line-height:30px; padding-right:110px; height:30px; overflow:hidden;}
.ask-list li div.state0{ background:url(../images/ready.png) no-repeat right;}
.ask-list li div.state1{ background:url(../images/yes.png) no-repeat right;}
.ask-list li .ask-list-info{ line-height:25px; margin-top:10px; color:#888}
.ask-list li p{ color:#aaa; margin-top:10px; overflow:hidden}

.comphd-list{ width:750px}
.comphd-list li{ width:227px; float:left; margin-right:19px}
.comphd-list li .comp-user-info{ background: url(../images/wenzbg.gif); padding:8px; overflow:hidden;border:#f1f1f1 1px solid;}
.comphd-list li .comp-user-info span{ display:block; width:60px; height:60px; line-height:60px; padding:5px; border:#f1f1f1 1px solid; background:#fff; float:left; margin-right:6px;}
.comphd-list li .comp-user-info span img{width:60px; height:auto; vertical-align:middle;}
.comphd-list li .comp-user-info p { font-size: 16px; line-height:29px}
.comphd-list li .comp-user-info p.comp-btn a{ color:#fff; background:#aaa; padding:0 10px; display:block; float:left; font-size:14px; line-height:25px; margin-top:6px}
.comphd-list li .comp-user-info p.comp-btn a:hover{ background:#e55151; text-decoration:none}

.comphd-list li .comp-num{ overflow:hidden}
.comphd-list li .comp-num span{ float:left; width:75px; display:block; text-align:center; padding:10px 0; color:#aaa}

.comphd-list li dl{ border-top:1px dashed #f1f1f1}
.comphd-list li dt{ line-height:30px; font-size:16px}
.comphd-list li dd{ line-height:25px}
.comphd-list li dd span{ float: right; color:#aaa; background:#fff}
.comphd-list li dd a{ height:25px; width:185px; overflow:hidden; color:#888}

.uploadbox {margin-left:110px;}

.imgList {height:135px;padding-top: 10px;background:#F7F7F7;width:91%;padding-left:5px;position: relative;overflow: hidden;}
.imgList img {width:120px;}
.uploadimgbtn {display:block;position:absolute;bottom:215px;left:19.5%;}

.red{ color:#e54646 !important}
.blue{ color:#f24747}
.gray{ color:#888}


.searchres {}
.searchres .free_apply {padding:50px 20px 50px 20px;border-bottom:1px #F1F1F1 solid;text-align:center;color:#000;}
.searchres .free_apply .note {margin-left:50px;text-align:left;margin-top:20px}
.searchres .free_apply .note h2 {font-weight:100;color:#000}
.searchres .free_apply .note .today {margin-top:15px;font-size: 1.5em;}
.searchres .free_apply .apply {margin-top:4px;font-size:14px;margin-left:230px}
.searchres .free_apply .apply p {line-height:26px;}
.searchres .free_apply .apply a {color:red;}

.plupload {margin-left:80px}
.plupload .ul_pics li{float:left;border:1px solid #ddd;padding:2px;text-align: center;margin-right:5px;}
.plupload .progress{position:relative;padding: 1px; border-radius:3px; margin:60px 0 0 0;}
.plupload .bar {background-color: green; display:block; width:0%; height:20px; border-radius:3px; }
.plupload .percent{position:absolute; height:20px; display:inline-block;top:3px; left:2%; color:#fff }

#uploadimg {cursor:pointer}
.uploadimg {width: 160px;display: table-cell;vertical-align: middle;}
.uploadimg img {max-width: 160px;max-height: 140px;vertical-align: middle;}

.ask_hot{border: 1px solid #ebebeb;padding: 16px 16px;box-sizing: border-box;}
.ask_hot_tit{border-bottom: 1px solid #ececec;padding-bottom: 16px;line-height: 16px;}
.ask_hot_tit span{font-size: 18px;color: #45b877;padding-bottom: 10px;border-bottom: 1px solid #45b877;}
.ask_hot_list .circle_point{display: inline-block;width: 4px;height: 4px;background: #cacaca;border-radius: 50%;margin-right: 10px;margin-bottom: 2px;}
.ask_hot_list li{margin-top: 20px;line-height: 12px;color: #636363;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ask_know{border: 1px solid #ebebeb;padding: 16px 16px;box-sizing: border-box;}
.ask_know_tit{border-bottom: 1px solid #ececec;padding-bottom: 16px;line-height: 16px;}
.ask_know_tit span a {font-size: 18px;color: #45b877;padding-bottom: 10px;border-bottom: 1px solid #45b877;}
.ask_know_list .circle_point{display: inline-block;width: 4px;height: 4px;background: #cacaca;border-radius: 50%;margin-right: 10px;margin-bottom: 2px;}
.ask_know_list li{ margin-top: 10px; padding: 5px 10px; line-height: 12px;color: #636363; display: inline-block; background-color: #E4E4E4; margin-right: 10px;}

.success-box {
    width: 150px;
    height: 150px;
    background: rgba(0,0,0,.4);
    position: fixed;
    top: 200px;
    left: 46%;
    border-radius: 10px;
    display: none;
}
.success-box img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 26px auto 15px;
}
.success-box p {
    text-align: center;
    font-size: 22px;
    color: #fff;
}
.disclamer-line{
    font-size: 12px;
}
.oflow{
    overflow: hidden;
}
/*1095 攻略、百科、问答文章右侧及底部添加装修公司推荐模块*/
.company-recommend{
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    background: #ffffff;
    margin-bottom: 20px;
    border:1px solid #E2E2E2;
}
.company-recommend .recommend-tit{
    height: 52px;
    border-bottom: 1px solid #E2E2E2;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
}
.company-recommend .company-list{
    height: 150px;
    border-bottom: 1px solid #E2E2E2;
    position: relative;
}
.company-recommend .company-list:last-child{
    border-bottom: none;
}
.company-recommend .company-list .company-top{
    padding-left: 115px;
}
.company-recommend .company-list .company-logo{
    display: block;
    width: 100px;
    height: 74px;
    position: absolute;
    top: 16px;
    left: 0;
    margin: auto;
    border: 1px solid #E2E2E2;
}
.company-recommend .company-list .company-logo img{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.company-recommend .company-list .company-name{
    font-size: 14px;
    font-weight: bold;
    padding-top: 12px;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.company-recommend .company-list .company-common{
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #666;
    margin-bottom: 6px;
}
.company-recommend .company-list .company-common span{
    padding:1px 5px;
    border: 1px solid #E2E2E2;
}
.company-recommend .company-list .company-common span:first-child{
    margin-right: 6px;
}
.company-recommend .company-list .total-num{
    height: 36px;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.company-recommend .company-list .company-zixun{
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #D02825;
    background: #fff;
    color: #D02825;
    border-radius: 4px;
    margin-top:12px;
}
.company-recommend .company-list .company-zixun:hover{
    background: #D02825;
    color: #fff;
}
.company-recommend-left{
    height: 198px;
    padding: 0 17px 32px;
    background: #fff;
    margin-top: 30px;
    border: 1px solid #e3e3e3;
}
.company-recommend-left .recommend-left-tit{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    height: 60px;
    line-height: 60px;
    margin-bottom: 12px;
}
.company-recommend-left .recommend-left-box ul li{
    display: block;
    width: 250px;
    padding: 11px;
    height: 100px;
    float: left;
    margin-right: 33px;
    border: 1px solid #E3E3E3;
    position: relative;
}
.company-recommend-left .recommend-left-box ul li:last-child{
    margin-right: 0;
}
.company-recommend-left ul li .recommend-left-top{
    padding-left: 93px;
}
.company-recommend-left ul li .recommend-left-top .company-left-logo{
    width: 82px;
    height: 61px;
    position: absolute;
    left: 11px;
    border: 1px solid #E2E2E2;
}
.company-recommend-left ul li .recommend-left-top .company-left-logo img{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.company-recommend-left .recommend-left-top .recommend-left-name{
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    color: #333;
    font-weight: bold;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.company-recommend-left .recommend-left-top .recommend-left-common{
    font-size: 12px;
    line-height: 24px;
    color: #666;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.company-recommend-left ul li .zixun-left{
    display: block;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border:1px solid #D02825;
    color: #D02825;
    background: #fff;
    font-size: 12px;
    border-radius: 4px;
    margin-top:8px;
}
.company-recommend-left ul li .zixun-left:hover{
    color: #fff;
    background: #D02825;
}


.friend{ position: relative; width: 100%;overflow: hidden;background: #fff;}
.friend .wrap {border: 1px solid #eee;}
.friend .tab-nav {overflow: hidden;height: 64px;background: #eee;}
.friend .tab-nav a {border: 0; display: block; float: left;font-weight: bold;color: #666; height: 64px; line-height: 64px;text-align: center; text-decoration: none; font-size: 14px; font-family: "Microsoft Yahei";padding: 0 10px;}
.friend .tab-nav a.current { font-weight:bold; position:relative;background: #fff;}
.friend .tab-con { position: relative; overflow: hidden; height: auto; width: 100%; }
.friend .tab-con-item { display: none; color:#444; overflow:hidden; height: auto; width: auto;margin-top: 20px;padding-left: 40px;}
.friend .tab-con-item a{ float:left; display:block; color: #666;line-height: 12px;margin-bottom: 20px;font-size: 12px;margin-right: 20px;}
.friend .tab-con-item a:hover{color: #ff5353;}
.friend .tab-con-item li{display: inline;}


.page{
    text-align: center;
    margin-bottom: 30px;
}
.footer_new .bottom {
    height: 160px;
}
.footer_new .bottom_mask{
    height: 160px;
}