/* p5003 案例详情 */
.mn-a{width: 100%;background-color: #f7f7f7;padding-top:  .8rem;padding-bottom: 1.3rem;}
.mn-b{width: 17.7rem;margin: 0 auto;}
.mn-cont{width: 100%;}
.mn-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.mn-left{float: left;width: 13.4rem;background-color: #fff;padding: .55rem .7rem;}
.mn-top{width: 100%;text-align: center;border-bottom: 1px solid #f0f0f0;}
.mn-titles{color: #333333;line-height: 1.3;margin-bottom: .2rem;font-weight: bold;}
.mn-c{width: 100%;padding-bottom: .2rem;}
.mn-d{display: inline-block;vertical-align: middle;margin:0 .15rem .15rem ;line-height: 1.3;color: #666666;}
.mn-textbox{width: 100%;line-height: 1.7;color: #888888;padding: .25rem 0;border-bottom: 1px solid #f0f0f0;}
.mn-textbox *{line-height: inherit;max-width: 100%;}

.mn-buttom{width: 100%;text-align: right;padding-top: .45rem;}
.mn-up{display: inline-block;vertical-align: middle; color: #666666;margin-right: .5rem;cursor: pointer;}
.mn-up:before{content: '<';display: inline-block;vertical-align: top; margin-right: .2rem;margin-top: -.1em; font-size: 1.2em;font-weight: bold;}
.mn-up:hover{color: #0f69ce;}
.mn-next{display: inline-block;vertical-align: middle; color: #666666; cursor: pointer;}
.mn-next:after{content: '>';display: inline-block;vertical-align: top; margin-left: .2rem;margin-top: -.1em; font-size: 1.2em;font-weight: bold;}
.mn-next:hover{color: #0f69ce;}

.mn-right{float: right; width: 3.7rem;background-color: #fff;}
.mn-e{width: 100%;border-bottom: 1px solid #e5e5e5;padding: .15rem .35rem;position: relative;}
.mn-tip{padding: .06rem .2rem; color: #0f69ce;border-left: 1px solid #0f69ce;font-weight: bold;}
.mn-more{position: absolute;top: 50%;right: .35rem; transform: translate(0,-50%);display: block;cursor: pointer; color: #999999;}
.mn-more:after{content: '>';margin-left: .08rem;}
.mn-more:hover{color: #0f69ce;}
.mn-list{width: 100%;padding: .1rem .35rem 0;}
.mn-item{display: block;cursor: pointer;width: 100%;padding: .17rem 0;border-bottom: 1px dashed #e5e5e5;}
.mn-item:last-child  {border-bottom: none;}
.mn-name{color: #333333;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mn-time{color: #999999;margin-top: .1rem;}

.mn-item:hover .mn-name{color: #0f69ce;}

@media(max-width:900px) {
    .mn-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .mn-left{width: 100%;margin-bottom: .5rem;padding: .5rem .35rem;}
    .mn-right{width: 100%;}
}