@charset "utf-8";
/* CSS Document */
#inner-main{padding-bottom:0px !important;}
/*信息处增加头像*/
.sell-detail .base-info .text-box{position:relative;}
.sell-detail .base-info .text-box .text-box_userimg{width:1.5rem;height: 1.5rem;position: absolute;border-radius: 100px;overflow: hidden;right: .2rem;top: -.06rem;box-shadow: 0 0 4px 1px #8383832b;}
.sell-detail .base-info .text-box .text-box_userimg img{width:1.5rem;height: 1.5rem;object-fit: cover;}
.sell-detail .base-info .text-box .text-box_userimg .text{width:1.5rem;height: .45rem;background: #ffffffdb;color:#0195ff;position: absolute;left: 0;bottom: 0;font-size: .134rem;}
.sell-detail .base-info .text-box .text-box_userimg .text p{width:1.5rem;height: .45rem;display: flex;align-items: center; justify-content: center;text-align: center;font-weight: bold;}
/*滑动悬浮信息层*/
.flex_top{width:100%;height: auto;overflow: hidden;background: #fff;box-shadow: 0px 2px 5px 0px #aba7a7;;transform: translate(-50%, 0);max-width: 7.5rem;position: fixed;top: 1.4rem;z-index:10;left: 50%;display: none;}
.flex_top_{width: auto;height: auto;padding:.26rem .28rem;display: flex;}
.flex_top_user{width: .92rem;height: .92rem;border-radius: 100px;overflow: hidden;}
.flex_top_user img{width: .92rem;height: .92rem;object-fit: cover;}
.flex_top_text{width: auto;margin-left: .15rem;font-size: .3rem;flex: 1;}
.flex_top_text b{font-weight: normal;color: #0195ff;}
.flex_top_text p span{color: #0195ff;}
.flex_top_text .flex_top_text_2 p {line-height: 1.5;}
.flex_top_text_1{width:100%;height: auto;margin-bottom: .25rem;margin-top: .1rem;}
.flex_top_text_1 p{margin-bottom: .1rem;}
.flex_top_text_3{ flex-direction: column;width: 100%; height: 100%;display: flex;justify-content: space-around}
.flex_top_text_3 ul{display: flex;justify-content: space-between;align-content: center;}
.flex_top_text_3 ul li,.flex_top_text_3 p{width: auto;font-size: .3rem;color: #454545;}
.flex_top_text_3 ul li span{color: #0195ff;}
.flex_top_text_lxr{width:100%;height: auto;display: flex;justify-content: center;margin-bottom: .22rem;}
.flex_top_text_lxr p{width: 2.5rem;height: .6rem;border-radius: 100px;overflow: hidden;border: 1px solid #ea640d;color: #ea640d;line-height: .6rem;text-align: center;}
/*船舶免费估价*/
.cb_gujia{width: 100%;height: auto;margin-top: .5rem;}
/*评论区*/
.fa-thumbs-o-up{color:#8f8f8f;}
.fa-thumbs-up{color: #ea640a;}
.tlq .plq{width:100%;height: auto;}
.tlq .plq .plq_box{width:100%;height: auto;display: flex;margin-bottom: .65rem;}
.tlq .plq .plq_box .plq_box_userimg{width:.58rem;height: .58rem;border-radius: 100px;overflow: hidden;}
.tlq .plq .plq_box .plq_box_userimg img{width:.58rem;height: .58rem;object-fit: cover;}
.tlq .plq .plq_box .plq_box_text{width:auto;height:auto;flex: 1;margin-left: .2rem;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage{width:auto;height:auto;display: flex;justify-content: space-between;align-content: center;margin-bottom: .2rem;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_name{width:auto;height:auto;display: flex;align-content: center; color: #888888;font-size: .28rem;align-items: center;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_name h2{font-weight: normal;margin-right: .3rem;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_name p{font-size: .24rem;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like{width:auto;height:auto;display: flex;align-content: center;align-items: center;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like .like{width:auto;height:auto;display: flex;align-content: center;font-size: .24rem;color: #454545;align-items: center;margin-right: .3rem;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like .like p{font-size: .24rem;margin-right: .1rem;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like .like .dianzan{font-size: .3rem;cursor: pointer;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like .reply{width:auto;height:auto;display: flex;align-content: center;font-size: .24rem;color: #454545;cursor: pointer;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like .delete{width:auto;height:auto;display: flex;align-content: center;font-size: .24rem;color: #454545;cursor: pointer;}
.tlq .plq .plq_box .plq_box_text .plq_box_text_massage .plq_box_text_massage_like .delete p{margin-right:.2rem;}
.plq_box_text_text p{font-size:.28rem;line-height: 1.5;color: #454545;}
.plq_box_text_text .has_img{width:100%;height:auto;display: flex;margin-top: .2rem;flex-wrap: wrap;}
.plq_box_text_text .has_img img{width:2rem;height:1.2rem;object-fit: cover;margin-right: .025rem;margin-bottom: .05rem;}
.plq_box_text_text_gary{width:auto;height: auto;background: #eeeeee;border-radius: 5px;padding: .2rem;margin-bottom: .25rem;}
.plq_box_text_text_gary p{color: #888888;font-size: .22rem;line-height: 1.5;}
.plq_box_text_text_gary .has_img{width:100%;height:auto;display: flex;margin-top: .2rem;flex-wrap: wrap;}
.plq_box_text_text_gary .has_img img{width:.8rem;height:.5rem;object-fit: cover;margin-right: .025rem;margin-bottom: .05rem;}
.tlq{margin-bottom:0px !important;}
/*底部评论*/
.bottom_pl{width:100%;height: auto;background: #fff;box-shadow: 0 0 0 0 #0000;box-shadow: 0px -5px 12px 0px #3d3b3b40;padding-bottom: .2rem;}
.bottom_pl_{width:auto;height: auto;padding: .28rem .3rem;display: flex;justify-content: space-between;align-content: center;align-items: center;}
.bottom_pl_ input{width:3.2rem;height: .65rem;background: #eeeeee;border-radius: 5px;border: 0px;outline: none;text-indent: .28rem;font-size: .28rem;color: #5f5f5f;}
.bottom_pl_ .bottom_pl_icon{width:auto;margin-left: .5rem; display: flex;flex: 1; justify-content: space-between;align-content: center;align-items: center;}
.bottom_pl_ .bottom_pl_icon img{width:auto;height: .38rem;}
.bottom_pl_ .bottom_pl_icon i{font-size: .38rem;color: #606060;}
.bottom_pl_ .bottom_pl_icon i.fa-star{font-size: .38rem;color: #ea640a;}
.bottom_pl_ .bottom_pl_icon >div{display: flex;align-items: center;}
.bottom_pl_ .bottom_pl_icon >div p{font-size: .28rem;color: #454545;margin-left: .01rem;}
.bottom_pl_ .bottom_pl_icon >div.active p{color: #ea640a;}

/*评论弹出框*/
.comment-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;flex-direction:column;justify-content:flex-end;}
.comment-popup .comment-popup-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.comment-popup .comment-popup-content{position:relative;background:#fff;border-radius:.2rem .2rem 0 0;padding:.4rem .3rem;animation:slideUp .3s ease;}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.comment-popup .comment-popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.2rem;}
.comment-popup .comment-popup-header span{font-size:.3rem;cursor:pointer;}
.comment-popup .comment-popup-header .comment-popup-cancel{color:#888;}
.comment-popup .comment-popup-header .comment-popup-title{font-weight:bold;color:#333;}
.comment-popup .comment-popup-header .comment-popup-submit{color:#fff;width:1.8rem;height: .7rem;background: linear-gradient(90deg,#ec5913,#f18604);text-align: center;line-height: .7rem;font-size: .28rem;border-radius: 50px;cursor:pointer;opacity:.6;display: flex;align-items: center; justify-content: center;}
.comment-popup .comment-popup-body{}
.comment-popup .comment-popup-input{width:100%;border-radius:.1rem;padding:.15rem;font-size:.28rem;outline:none;resize:none;box-sizing:border-box;color:#333;line-height:1.5;max-height: .36rem;min-height: 1.35rem;}
.comment-popup .comment-popup-input:focus{border-color:#0195ff;}
.comment-popup .comment-popup-header .shangchuan{}
.comment-popup .comment-popup-header .shangchuan img{width:.4rem;height: auto;}

.comment-popup .comment-popup-previews{display:flex;flex-wrap:wrap;gap:.15rem;padding-top:.15rem;}
.comment-popup .comment-popup-previews .preview-item{position:relative;width:.85rem;height:.85rem;border-radius:.06rem;flex-shrink:0;}
.comment-popup .comment-popup-previews .preview-item img{width:100%;height:100%;object-fit:cover;}
.comment-popup .comment-popup-previews .preview-item .preview-del{position:absolute;top:-.06rem;right:-.06rem;width:.3rem;height:.3rem;background:#000;color:#fff;border-radius:50%;font-size:.2rem;line-height:.25rem;text-align:center;cursor:pointer;border:1px solid #fff;font-weight: bold;}
.comment-popup .comment-popup-previews .preview-item .preview-name{display:none;}
.upload-options{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
.upload-options .upload-options-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);}
.upload-options .upload-options-content{position:absolute;left:0;right:0;bottom:0;background:#fff;padding:.2rem;border-radius:.2rem .2rem 0 0;animation:slideUp .3s ease;}
.upload-options .upload-options-item{padding:.3rem;text-align:center;font-size:.3rem;border-bottom:1px solid #f0f0f0;cursor:pointer;position:relative;}
.upload-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;}
.upload-options .upload-options-item:last-child{border-bottom:none;margin-top:.1rem;}
.upload-options .upload-options-cancel{color:#888;font-weight:bold;}

.comment-popup .comment-popup-previews .preview-add{width:.85rem;height:.85rem;border-radius:.06rem;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;font-size:.4rem;color:#ccc;cursor:pointer;flex-shrink:0;}
.comment-popup .comment-popup-previews .preview-add:hover{border-color:#0195ff;color:#0195ff;}

/*删除确认弹窗*/
.delete-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;justify-content:flex-end;}
.delete-popup .delete-popup-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.delete-popup .delete-popup-content{position:relative;background:#fff;border-radius:.2rem .2rem 0 0;animation:slideUp .3s ease;}
.delete-popup .delete-popup-header{display:flex;justify-content:space-between;align-items:center;padding:.3rem .3rem 0;}
.delete-popup .delete-popup-title{font-size:.32rem;font-weight:bold;color:#333;}
.delete-popup .delete-popup-close{font-size:.4rem;color:#999;cursor:pointer;line-height:1;padding:0 .1rem;}
.delete-popup .delete-popup-text{font-size:.24rem;color:#999999;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:.3rem;}
.delete-popup .delete-popup-text p{display:block;width: 100%;height: .8rem;overflow: hidden; display: -webkit-box;
  -webkit-line-clamp: 2;   /* 限制行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;}

.delete-popup .delete-popup-btns{display:flex;flex-direction: column;justify-content:space-around;gap:.2rem;margin-top:.2rem;border-top: 1px solid #f1f1f1;align-items: center;padding-bottom: .5rem;}
.delete-popup .delete-popup-btn{padding:.25rem 0;border-radius:.5rem;font-size:.28rem;cursor:pointer;text-align:center;width: 92%;margin: .1rem 0 0 0; }
.delete-popup .delete-popup-cancel{background:#e5e5e5;color:#454545;}
.delete-popup .delete-popup-confirm{background:none;color:#eb630b;}

/*二次确认弹窗*/
.delete-confirm-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1002;display:flex;flex-direction:column;justify-content:flex-end;}
.delete-confirm-popup .delete-confirm-popup-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.delete-confirm-popup .delete-confirm-popup-content{position:relative;background:#fff;border-radius:.2rem .2rem 0 0;animation:slideUp .3s ease;}
.delete-confirm-popup .delete-confirm-popup-header{display:flex;justify-content:flex-end;align-items:center;padding:.3rem .3rem 0;}
.delete-confirm-popup .delete-confirm-popup-title{font-size:.32rem;color:#454545;padding: .25rem 0 .5rem 0;}
.delete-confirm-popup .delete-confirm-popup-close{cursor:pointer;width: .5rem;height: auto; }
.delete-confirm-popup .delete-confirm-popup-close img{cursor:pointer;width: .5rem;height: auto; }
.delete-confirm-popup .delete-confirm-popup-btns{display:flex;flex-direction: column;justify-content:space-around;align-items: center;}
.delete-confirm-popup .delete-confirm-popup-btn{padding:.25rem 0;border-radius:.5rem;font-size:.28rem;cursor:pointer;text-align:center;width: 92%;margin: .1rem 0 0 0;}
.delete-confirm-popup .delete-confirm-popup-cancel{background:#e5e5e5;color:#454545;}
.delete-confirm-popup .delete-confirm-popup-confirm{width: 2.2rem;height: .8rem;background: linear-gradient(90deg, #ec5913, #f18604);color: #fff;font-size: .32rem;margin-bottom: .6rem;}

@keyframes fadeIn{from{opacity:0}to{opacity:1}}


/*以下为：船舶免费估价弹窗*/

.cb_vip,.cb_result{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:none;flex-direction:column;justify-content:flex-end;}
.cb_vip .cb_vip-mask,.cb_result-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.cb_vip .cb_vip-content,.cb_result-content{position:relative;background:#fff;border-radius:.2rem .2rem 0 0;padding:.4rem .3rem;animation:slideUp .3s ease;}
.cb_vip_close,.cb_result_close{width: 100%;height: auto;display: flex;justify-content: flex-end;}
.cb_vip_close img,.cb_result_close img{cursor:pointer;width: .5rem;height: auto;}
.cb_vip .cb_vip-content h2{font-size:.32rem;color:#454545;padding: .25rem 0 .5rem 0;font-weight: normal;text-align: center;}
.cb_vip_btn,.cb_result_btn {width: 100%;height:auto;display: flex;justify-content: center;}
.cb_vip_btn p,.cb_result_btn p{width: 2.2rem;height: .8rem;background: linear-gradient(90deg, #ec5913, #f18604);color: #fff;font-size: .32rem;margin-bottom: .6rem;display: inline-block;line-height: .8rem!important;padding: 0 !important; text-align: center;border-radius: 100px;overflow: hidden;color: #fff !important;display: flex;align-items: center; justify-content: center;}
.cb_vip_dl{text-align:center;color: #888888;font-size: .32rem;margin-bottom: .5rem;}
.cb_vip_dl a{color: #0097fe;}
.cb_result-content p{font-size:.32rem;color:#454545;padding: .25rem .35rem;line-height: 1.5;}
.cb_result-content p span{color:#ea640a;}
.cb_result_btn p{background: linear-gradient(90deg, #006bff, #0090ff);margin-top: .25rem;}

/*修改边框*/
.cb_vip,.cb_result,.comment-popup,.delete-popup,.delete-confirm-popup{transform: translate(-50%, 0);max-width: 7.5rem;left: 50%;width: 100%;}