@charset "utf-8";

/* 页面选中导航 */
/*.nav-left ul li.active a{background: url(../../images/personal-home/mail_selected.png) no-repeat 27px center;background-size: 28px;}*/

/* tab区域 */
.my-letter-box{margin-top:-70px;}
.my-letter-box>div{float: right;margin: 10px 0;z-index: 99;position: relative;width: auto;right: 0;top: -11px;}
/*.my-letter-box>div{float: left;margin-left: 20px;}*/
.my-letter-box>div>a,.my-ysqgk>div>a{display: block;font-size: 0.7rem;height: 40px;line-height: 40px;padding: 0 15px;border-radius: 4px;padding-left: 35px;}
.my-letter-box>div:nth-of-type(1)>a{background: #F7F7F7 url(../../images/personal-home/write_letter_default.png) no-repeat 15px center;background-size: 14px;}
.my-letter-box>div:nth-of-type(1)>a:hover{color: #fff; background: #1559a3 url(../../images/personal-home/write_letter_selected.png) no-repeat 14px center;background-size: 14px;}
.my-letter-box>div:nth-of-type(2)>a{background: #F7F7F7 url(../../images/personal-home/find_letter_default.png) no-repeat 15px center;background-size: 16px;}
.my-letter-box>div:nth-of-type(2)>a:hover{color: #fff; background: #1559a3 url(../../images/personal-home/find_letter_selected.png) no-repeat 15px center;background-size: 16px;}
.my-ysqgk>div>a{background: #F7F7F7 url(../../images/personal-home/write_letter_default.png) no-repeat 15px center;background-size: 14px;}
.my-ysqgk>div>a:hover{color: #fff; background: #1559a3 url(../../images/personal-home/write_letter_selected.png) no-repeat 14px center;background-size: 14px;}
.my-letter-box,.my-ysqgk{display: none;}


/* 我的信件内容区 */
.right-content-box{overflow-x: auto;display: none;}
.right-content-box table{width: 100%;border: none;}
.right-content-box table thead tr{border: 1px solid #EDEDED;height: 40px;text-align: center;}
.right-content-box table thead tr td{background: #FAFAFA;font-size: 0.7rem;color: #333;border: none;}
.right-content-box table tbody{border: none;width: 100%;}
.right-content-box table tbody tr td{border: none;}
/* 无数据缺省页 */
.right-content-box table tbody tr td div{margin: 0 auto;width: 100%;text-align: center;}
.right-content-box table tbody tr td div img{width: 180px;}
.right-content-box table tbody tr td div p{font-size: 0.7rem;color: #666;}
/* 有数据表格-通用*/
tr.no-data{display: none;width: 100%;text-align: center;border: none;outline: none;}
tr.no-data td{width: 100%;border: none;outline: none;}
.right-content-box table tbody tr:hover{background: #F5F9FD;}
.right-content-box table tbody tr td{border: 1px solid #EDEDED;text-align: center;height: 40px;font-size: 0.7rem;}
.right-content-box table tbody tr td.letter-title{ text-align: left;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/* 调查征集内容区-通用 */
.right-content-box>ul{display: flex;justify-content: flex-start;width: 100%;flex-wrap: wrap;}
.right-content-box>ul li{width: 32%;margin-right: 2%;padding: 15px;border-radius: 5px;border: 1px solid #DEE9F4;margin-bottom: 2%;}
.right-content-box>ul li:nth-of-type(3n){margin-right: 0;}
.right-content-box>ul li>a{font-size: 0.8rem;font-weight: 700;display: block;height: 50px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;}
.right-content-box>ul li>p{font-size: 0.65rem;color: #999;margin-bottom: 5px;}
.right-content-box>ul li>p em{font-style: normal;padding: 0 10px;color: #C3C3C3;}
.right-content-box>ul li>div.summarize{border-top: 1px solid #EDEDED;margin-top: 10px;display: flex;justify-content: space-between;padding-top: 15px;}
.right-content-box>ul li>div.summarize span{display: inline-block;width: 64px;height: 30px;border-radius: 4px;color: #fff;font-size: 0.7rem;line-height: 30px;text-align: center;}
.right-content-box>ul li>div.summarize span.invest-on{background: #3C8DEC;}
.right-content-box>ul li>div.summarize span.invest-end{background: #CBCBCB;}
.right-content-box>ul li>div.summarize a{font-size: 0.7rem;color: #1559a3;display: inline-block;line-height: 30px;background: url(../../images/personal-home/arrow-view-more.png) no-repeat right center;background-size: 15px;padding-right: 20px;}

/* 微幸福征集 */
.right-content-box>ul.wxf-box{display: block;width: 100%;flex-wrap: wrap;}
.right-content-box>ul.wxf-box li{width: 100%;border-color: #E8E8E8;overflow: hidden;height: auto;}
.right-content-box>ul.wxf-box li .wxf-title{display: flex;justify-content: space-between;margin-bottom: 15px;}
.right-content-box>ul.wxf-box li .wxf-title a{font-size: 0.8rem;font-weight: 700;}
.right-content-box>ul.wxf-box li .wxf-title .reply-time{font-size: 0.7rem;color: #999;display: inline-block;}
.right-content-box>ul.wxf-box li .reply-box{display: flex;justify-content: space-between;}
.right-content-box>ul.wxf-box li .reply-box .tag{display: inline-block;background: #F3F4FF;color: #1559a3;font-size: 0.7rem;border-radius: 4px;height: 26px;line-height: 26px;width: 4%;text-align: center;}
.right-content-box>ul.wxf-box li .reply-box a{font-size: 0.7rem;color: #666;line-height: 10px;display: inline-block;line-height: 26px;width: 95%;}
.right-content-box>ul.wxf-box li .reply-box a:hover{color: #1559a3;}

.on{display: block;}

@media(max-width:1400px){
    .right-content-box>ul li{width: 49%;}
    .right-content-box>ul li:nth-of-type(2n){margin-right: 0;}
    .right-content-box>ul li:nth-of-type(3n){margin-right: 2%;}
}
@media(max-width:1100px){
    .tab01>div{margin-top: 20px;width: 100%;}
    .my-letter-box>div{float: right;}
    .my-ysqgk>div{float: right;}
    .right-content-box>ul.wxf-box li .reply-box .tag{width: 6%;}
    .right-content-box>ul.wxf-box li .reply-box a{width: 92%;}

}

@media(max-width:1024px){    
    .right-content-box>ul li{width: 100%;margin-right: 0 !important;}
    .right-content-box>ul.wxf-box li{height: auto;}
    .right-content-box>ul.wxf-box li .reply-box a{line-height: 24px;}
}

@media(max-width:900px){
    .right-content-box>ul.wxf-box li .reply-box .tag{width: 8%;}
    .right-content-box>ul.wxf-box li .reply-box a{width: 90%;}
}

@media(max-width:700px){
    .right-content-box>ul.wxf-box li .reply-box .tag{width: 10%;}
    .right-content-box>ul.wxf-box li .reply-box a{width: 88%;}
}

@media(max-width:640px){
    .right-content-box>ul.wxf-box li .reply-box a{line-height: 20px;}
    .right-content-box>ul.wxf-box li .reply-box .tag{height: 22px;line-height: 22px;}
}

@media(max-width:550px){
    .tab01>div{margin-top: 15px;}
}

@media(max-width:500px){
    .right-content-box>ul li>a{height: 40px;}
    .right-content-box>ul li>div.summarize{padding-top: 10px;}
    .right-content-box>ul li{padding: 10px;}
    .right-content-box>ul li>div.summarize span{width: 50px;height: 26px;line-height: 26px;font-size: 0.8rem;}
    .right-content-box>ul li>div.summarize a{background-size: 12px;font-size: 0.8rem;}
    .right-content-box>ul li>p{font-size: 0.7rem;}
    .right-content-box>ul.wxf-box li .reply-box a{line-height: 20px;}
}

@media(max-width:420px){
    .right-content-box>ul.wxf-box li .reply-box a{font-size: 0.7rem;}
    .my-letter-box>div>a, .my-ysqgk>div>a{height: 34px;line-height: 34px;padding: 0 10px;padding-left: 24px;background-position: 10px center !important;}
    .my-letter-box>div:nth-of-type(2)>a,.my-letter-box>div:nth-of-type(2)>a:hover{background-size: 12px;}
    .my-letter-box>div:nth-of-type(1)>a,.my-letter-box>div:nth-of-type(1)>a:hover{background-size: 10px;}
    .my-ysqgk>div>a,.my-ysqgk>div>a:hover{background-size: 10px;}
    .right-content-box>ul.wxf-box li .wxf-title{margin-bottom: 10px;}
}

@media(max-width:400px){
    .my-letter-box>div>a, .my-ysqgk>div>a{height: 30px;line-height: 30px;padding: 0 10px;padding-left: 28px;background-position: 10px center !important;}
    .my-letter-box>div:nth-of-type(2)>a,.my-letter-box>div:nth-of-type(2)>a:hover{background-size: 12px;}
    .my-letter-box>div:nth-of-type(1)>a,.my-letter-box>div:nth-of-type(1)>a:hover,.my-ysqgk>div>a,.my-ysqgk>div>a:hover{background-size: 10px;}
}