.eptline10{background:#f8f9fb;height:10px}
.eptline20{background:#f8f9fb;height:20px}

.width-container .col-md-12{background:#fff;padding:20px 30px}
.width-container .title{font-size:2rem;color:var(--main_color)}
.width-container hr.mainhr{border-top:3px dashed var(--main_color);background:none}
.width-container .p2em{text-indent:2em}

body{background-color:#FAFBFC !important}
.width100{width:100%!important}
.h23{height:23px;}

.container .ui-component-text .ui-componentview-content div,.ui-component-text .ui-componentview-content p{width:100% !important}

/*电脑版样式  start */
.basect{background-color:#fff}

/** 头部 start **/
.infoTitle{position:relative;display:flex}

/*** 左侧大图及发起机构 ***/
.infoTitle .img{width:430px;padding-right:30px;position:relative}

/*** 右侧主体信息 ***/
.infoTitle .baseinfo{width:calc(100% - 430px)}
.infoTitle .baseinfo .info_title{margin-top:6px;font-weight:700;font-size:20px;color:#181830;line-height:42px;padding-right:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.infoTitle .baseinfo .info_desc{line-height:20px;margin-top:8px;font-size:14px;color:#888;min-height:120px}
.infoTitle .baseinfo .info_desc2{min-height:unset}
.infoTitle .baseinfo .dte_all{margin-top:12px;font-size:16px;color:#666;line-height:18px}
.infoTitle .baseinfo .dte_all span{padding:0 12px;font-size:18px;color:var(--main_color);line-height:18px}
.infoTitle .baseinfo .dte_all button{color:#fff;background:var(--main_color)}

/*头部 end */


/*下方内容部分 start*/
.infoDetail{background-color:#fff}

#detailPcTitle .info.dtl img{max-width:100%;height:auto}
#templatediv img{max-width:100%;height:auto}
#feedbackdiv img{max-width:100%;height:auto}

/** 内容区左右分布 **/
.infoDetail .nomarl{display:flex}
.infoDetail .nomarl .nomarlTitle{width:210px;margin-left:15px}
.infoDetail .nomarl .info{width:calc(100% - 210px);padding-right:225px}
.infoDetail .nomarl_title{color:#181830;z-index:1;font-size:20px;font-weight:700;line-height:30px;overflow:hidden;position:relative;padding-left:20px}
.infoDetail .nomarl_title:after{content:'';z-index:-1;display:block;width:180px;height:24px;position:absolute;top:13px;left:0;opacity:1;background-image:linear-gradient(270deg,#fff 0,#ffeaea 100%);border-radius:12px}

/** 内容区模板详情、爱心反馈详情 **/
.infoDetail .info .container{width:100%;padding:0}
.infoDetail .info .container #body{width:100%;padding:0!important}
.infoDetail .info .detailcontent{margin:8px 0;line-height:1.5em}

/** 内容区活动反馈/项目反馈 **/
#progressPC{position:relative}
#progressPC .donate_title{font-size:14px;color:#181830;font-weight:700;line-height:20px;position:absolute;right:24px;}
#progressPC .donate_title a{float:right;color:#181830;font-weight:400}
#progressPC .donate_title a img{margin-left:6px;width:14px;height:14px}
#progressPC .message-item{margin-bottom:25px;margin-left:36px;position:relative}
#progressPC .message-item:before{background:#F12030;bottom:-50px;content:"";height:calc(100% + 25px);left:-29px;position:absolute;width:2px}
#progressPC .message-item:after{background:#fff;border:3px solid #F12030;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.1);content:"";width:16px;height:16px;left:-36px;position:absolute;top:25px}
#progressPC .message-item .message-inner{background:#fff;border:1px solid #ddd;border-radius:3px;padding:20px;position:relative}
#progressPC .message-item .message-inner:before{border-right:10px solid #ddd;border-style:solid;border-width:10px;color:transparent;content:"";display:block;height:0;position:absolute;left:-20px;top:22px;width:0}
#progressPC .message-item .message-inner:after{border-right:10px solid #fff;border-style:solid;border-width:10px;color:transparent;content:"";display:block;height:0;position:absolute;left:-18px;top:22px;width:0}
#progressPC .message-item:last-child:before{height:calc(100% - 40px);bottom:0}

#progressPC .more{text-align:center;color:#999;margin-top:60px;cursor:pointer}
#progressPC .message-inner .img .picList img{margin-bottom:10px;margin-right:10px;width: 100px;height: 100px;vertical-align: middle;cursor: pointer;display:inline-block;}

/*下方内容部分 end*/
/*电脑版样式  end */


/*手机版样式  start */
.nav-wrap{z-index:2;display:none;height:45px;border-radius:0;border:0;border-bottom:1px solid #e7e7e7;padding:0}
.nav-wrap.navFix{position:fixed;display:block;top:44px;left:0;box-shadow:0 0 5px rgba(0,0,0,.2)}
.nav-wrap ul{display:flex;margin:0}
.nav-wrap ul li{flex:1;line-height:45px;text-align:center;font-size:14px}
.nav-wrap ul li a{color:#545455;padding:3px 0}
.nav-wrap ul li a.active{font-weight:700;color:#008CD6;border-bottom:3px solid #008CD6;border-radius:2px}

.phone.container{padding:0}
.phone .subjectPic{position:relative}

/*手机版基本信息  start */

.phone .info_base{background:#fff}
.phone .info_title{font-size:20px;color:#181830;line-height:20px;font-weight:700;margin:7.5px 0 10px 0}
.phone .info_desc{font-size:12px;color:#888;line-height:16px;margin-bottom:20px}

.phone .moneyinfo{background:#fff;padding:20px 0;display:flex;font-size:1rem}
/* .phone .moneyinfo>div{padding:0!important;flex:1;max-width:33.33%} */
.phone .moneyinfo>div{padding:0!important;flex:1;}
.phone .moneyinfo>div>div{float:unset;text-align:center}
.phone .moneyinfo>div>div:nth-child(1){padding-right:0;font-weight:700;color:var(--main_color);text-align:center;word-break:break-all}
.phone .moneyinfo>div>div:nth-child(2){min-width:calc(100% - 10rem);font-weight:400;color:#000}
.phone .moneyinfo .center-total{border-left:1px solid var(--main_color);border-right:1px solid var(--main_color)}
.phone .moneyinfo .right-total2{border-left:1px solid var(--main_color);}

/*手机版模块共通  start */
.phone .bk_title{margin:0;border-bottom:1px solid #E7E7E7;padding:13px 15px;font-size:15px;line-height:15px;font-weight:700}
.phone .bk_title span{border-left:4px solid var(--main_color);padding-left:10px}
.phone .bk_title a{float:right}
.phone .bk_title img{width:15px;height:15px}
.phone .bk_title img.icon-angle-down{transform:rotate(180deg)}

/*手机版详情信息  start */
.phone .info_detail{background:#fff;padding:0}
.phone .info_detail #templatediv{margin:0 10px}
.phone .info_detail .container{width:100%;padding:0}
.phone .info_detail .container #body{width:100%;padding:0!important}

.phone .info_feedback{background:#fff}
.phone .bk_title3{margin:0;border-bottom:1px solid #E7E7E7;padding:13px 15px;font-size:15px;line-height:15px;font-weight:700}
.phone .bk_title3 span{border-left:4px solid var(--main_color);padding-left:10px}
.phone .bk_title3 a{float:right}
.phone .bk_title3 img{width:15px;height:15px}
.phone .bk_title3 img.icon-angle-down{transform:rotate(180deg)}
.phone .info_feedback #progress{margin:20px 10px 0 10px}
.phone .info_feedback #progress .ntitle{font-weight:700}
.phone .info_feedback #progress .time,.phone .info_feedback #progress .desc{color:#999}

.phone .bk_title2{margin: 0 10px;border-bottom:1px solid #E7E7E7;border-top:1px solid #E7E7E7;padding:13px 15px;font-size:15px;line-height:15px;text-align:center}
.phone .bk_title2 img{width:15px;height:15px;transform:rotate(180deg)}
.footbarDiv .navbar-fixed-bottom{padding:0 5px}
.bottomBack{background:var(--main_color);padding:0;color:#fff;margin-top: 5px}
.phone #progress .message-inner .img .picList img{margin-bottom:10px;margin-right:10px;width: 90px;height: 90px;vertical-align: middle;cursor: pointer;display:inline-block;}

/*手机版样式 end */

@media screen and (max-width: 767px){
	body{background:#fff}
	.mt120{margin-top:70px}
	
}

@media screen and (max-width: 991px){
	body{background:#fff}
	
	.width-container > .row{margin:0}
}