/* content */

.box {
    width: 100%;
    background: #fff;
    /*margin-top: 1.70rem;*/
    padding:  0.3rem;
    box-sizing: border-box;
}

.content_item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #dcdde0;
    padding-bottom: 0.30rem;
}

.content_item:last-child{
    border-bottom: 0;
}

.head_portrait {
    width: 0.80rem;
    height: 0.80rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.20rem;
    overflow: hidden;
}

.head_portrait img {
    width: 100%;
    height: 100%;
}

.left_box {
    position: relative;
    /*padding-bottom: 0.3rem;*/
}

.item_list {
    width: 85%;
}

.list_head_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user_name {
    font-size: 0.3rem;
    color:#000000;
}

.collect_box {
    width: 1.18rem;
    height: 0.6rem;
    font-size: 0.26rem;
    color: #FFF;
    background: #1A9D89;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.list_info_box {
    font-size: .24rem;
    color: #b3b3b3;
}

.list_content {
    font-size: 0.28rem;
    color: #1a1a1a;
    margin-top: .10rem;
}

.list_img_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.30rem;
}

.list_img_box img {
    width: 1.85rem;
    height: 1.85rem;
    margin-right: 0.08rem;
    margin-bottom: 0.08rem;
}
.list_img_box .one {
    width: 4rem;
    height: 4rem;
    margin-right: 0.08rem;
    margin-bottom: 0.08rem;
}
.list_img_box img:last-child {
    margin-right: 0;
}
.list_state_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.24rem;
    color: #999;
    margin-top: .30rem;
}

.time {
    font-size: .20rem;
}

.icon-xin, .icon-pinglun {
    font-size: 0.36rem!important;
    margin-right: 0.10rem;
}

.icon-pinglun {
    margin-left:0.3rem;
}

.list_comment_box {
    background: #F5F6FA;
    font-size:0.24rem;
    color: #999999;
    margin-top: 0.28rem;
}

.comment_list {
    border-bottom: 1px solid #ccc;
    padding: 0.10rem 0.17rem;
}

.comment_list:last-child {
     border-bottom: 0;
}

 .xin {
    font-size: 0.3rem!important;
    margin-right: .12rem;
}

.comment_content {
    font-size: .26rem;
    color: #13161a;
}
.comment_name{
    font-size: 0.26rem;
    color: #1A9D89;
}
.textarea_box{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-bottom: 0.3rem;
}
.textarea_box textarea{
    width: 100%;
    min-height: 3.6rem;
    border: 0;
    outline: none;
    font-size: 0.28rem;
    background: #FAFAFA ;
    -webkit-border-radius: 0.16rem;
    -moz-border-radius: 0.16rem;
    border-radius: 0.16rem;
    padding: 0.3rem;
    box-sizing: border-box;
}
.weui-uploader__hd p{
    font-size: 0.26rem;
    color: #292525;
    margin-bottom: 0.2rem;
}
.weui-uploader__input-box,.weui-uploader__file{
    width: 1.6rem!important;
    height: 1.6rem!important;
}
.submit_btn{
    width:93%;
    height:0.8rem;
    background:rgba(26,157,137,1);
    border-radius:0.4rem;
    font-size: 0.3rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
}