html,body{
    width: 100%;
    height: 100%;
}
body{
    background: #fff;
}
.doc-content{
    background: #fff;
}
.tab-buttons{
    width: 100%;
    height: 2rem;
    border-bottom: 1px solid #F3F3F3;
    background: #fff;
}
.tab-buttons .doc-btn{
    width: 33.33%;
    float: left;
    color: #5f646e;
    font-size: .85rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
.tab-buttons .doc-btn.active{
    color: #0894ec;
    border-color: #0894ec;
    z-index: 100;
}
.docTitle{
    overflow: hidden;
    height: 3rem;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    font-size: 0.9rem;
    background: -webkit-linear-gradient(left, #029ffe, #28d3e7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #029ffe, #28d3e7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( left, #029ffe, #28d3e7); /* Firefox 3.6 - 15 */
    background: linear-gradient(left, #029ffe, #28d3e7); /* 标准的语法 */
    padding: 0 1rem;
}
.icon-zuo{
    font-size: 0.9rem;
}
.back{
    width: 1rem;
    float: left;
    display: inline-block;
}
.back a{
    color: #fff;
}
.handout{
    padding: 0.2rem 0.5rem;
    background: #fff;
    letter-spacing: 0.05rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
    text-align: left;
}
.handout p{
    text-align: justify;
}
.doctitle{
    display: inline-block;
    width: 12rem;
    font-size: 0.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 0.05rem;
}
.answerCont,.answer{
    background: #fff;
    height: 100%;
    overflow: hidden;
}
.notes{
    background: #fff;
    height: 100%;
    overflow: hidden;
}
.qt-page{
    background:#fff;
}
.answer-content{
    padding: 0.9rem 0.7rem 1.2rem 0.7rem;
    background: #fff;
    border-bottom: 1px solid rgb(231, 231, 231);
    border-color: rgba(231, 231, 231,0.4);
}
.answer-top{
    position: relative;
    height: 2.7rem;
}
.head{
    left:0;
    position: absolute;
    height: 2.7rem;
}
.notemore{
    width: 2rem;
    height: 2.7rem;
    letter-spacing: 0.1rem;
    position: absolute;
    right:0;
    font-size: 0.6rem;
    color: #00b33b;
    line-height: 2.7rem;
    cursor: pointer;
    text-align: right;
}
.head .name{
    float: left;
    line-height: 2.7rem;
    font-size: 0.7rem;
    padding-left: 0.8rem;
}
.head .headimg{
    float: left;
    height: 2.7rem;
    width: 2.7rem;
    border-radius: 50%;
    background-color: #eee;
}
.headimg img{
    height: 2.7rem;
    width: 2.7rem;
    border-radius: 50%;
}
.look{
    float: right;
    letter-spacing: 0.1rem;
}
.look a{
    color: #008b2f;
    font-size: 0.65rem;
}
.que-content{
    font-size: 0.8rem;
    letter-spacing: 0.05rem;
    padding: 0.7rem 0.2rem;
    line-height: 1.4rem;
    white-space: nowrap;  
    text-overflow:ellipsis; 
    overflow:hidden;
    text-align: justify;
}
.answer-time,.note-time{
    color: #b7b7b7;
    font-size: 0.65rem;
    float: right;
    letter-spacing: 0.05rem;
}
.linknum{
    padding-left:1rem;
}
.likenum:before{
    content: "\e125";
}
.addAnswer,.addNote{
    position: fixed;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #ffcb2a;
    z-index: 10;
    text-align: center;
    bottom: 5%;
    right: 4%;
}
.icon-pencil{
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.detail-cont{
    min-height: 3.8rem;
    border: 1px solid rgba(183, 183, 183 ,0.3);
    border-radius: 1px;
    box-shadow: 1px 1px 8px 2px #e6e6e6;
    padding: 0.7rem 0.5rem 1.2rem 0.7rem;
    position: relative;
    margin: 0.9rem 0.7rem 1.2rem 0.7rem;
}
.detail-ask{
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.ask-title{
    color: #fff;
    display: inline-block;
    background: #ff4400;
    height: 1rem;
    width: 8%;
    line-height: 1rem;
    text-align: center;
    border-radius: 0.1rem;
    font-size: 0.6rem;
    float: left;
    margin-right: 0.2rem;
}
.ask-cont{
    float: left;
    width: 90%;
    display: inline-block;
    font-size: 0.7rem;
    letter-spacing: 0.1rem;
    line-height: 1rem;
}
.reply{
    display: block;
    color: #1cd06c;
    font-size: 0.7rem;
    position: absolute;
    right: 0.5rem;
    bottom: 0.6rem;
    /* float: right; */
    letter-spacing: 0.1rem;
}
.reply-content{
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.reply-cont{
    overflow: hidden;
    border-bottom: 1px solid rgba(73, 73, 73, 0.4);
    padding-bottom: 0.4rem;
    padding: 0.9rem 0.7rem 1.2rem 0.7rem;
}
.reply-head{
    height: 2.7rem;
    width: 2.7rem;
    border-radius: 50%;
    background-color: #eee;
    float: left;
    display: inline-block;
}
.reply-head img{
    height: 2.7rem;
    width: 2.7rem;
    border-radius: 50%;
}
.smallR{
    overflow: hidden;
    margin: 0.2rem 0rem 0.5rem 2rem;
    padding-right: 0.7rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid rgba(73, 73, 73, 0.4);
}
.smallHead{
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background-color: #eee;
    float: left;
    display: inline-block;
}
.smallHead img{
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}
.small-detail{
    width: 83%;
    float: left;
    margin-left: 0.5rem;
    font-size: 0.7rem;
    letter-spacing: 0.05rem;
}
.small-time{
    font-size: 0.65rem;
}
.reply-detail{
    width: 79%;
    /* display: inline-block; */
    float: left;
    margin-left: 0.5rem;
    font-size: 0.7rem;
    letter-spacing: 0.05rem;
}
.replyName{
    font-weight: bold;
}
.replys{
    margin: 0.8rem 0;
    line-height: 1.1rem;
    letter-spacing: 0.1rem;
    overflow: hidden;
    text-align: justify;
}
.reply-time{
    font-size: 0.65rem;
}
.reply-time .time,.small-time .time{
    float: left;
    color: #777777;
}
.respond{
    float: right;
    color: #777777;
}
.respondIcon{
    float: right;
    color:#777;
}
.addRespond,.addRespondin{
    float: right;
    color: #fff;
    font-size: 0.6rem;
}
.addRespondin,.addRespond{
    width: 2rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    border-radius: 0.2rem;
    background: #1cd06c;
}
.boxText,.boxTextin{
    outline: none;
    width: 100%;
    resize: none;
    min-height: 2.2rem;
    border:dashed 1px #e7e7e7;
    font-size: 0.6rem;
    padding: 0.2rem;
}
.replyBox,.inReplyBox{
    overflow: hidden;
    padding: 0.2rem 0rem 0.5rem 1rem;
    padding-right: 0.7rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid rgba(73, 73, 73, 0.4);
}

.who{
    color: #1cd06c;
    padding-bottom: 0.8rem;
    line-height: 1rem;
}
.icon-icon-pencil{
    font-size: 0.7rem;
}
.noCont{
    font-size: 0.9rem;
    text-align: center;
    line-height: 4.5rem;
}