@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px) {
/*.navLayout {min-height: 900px;opacity: 0;}*/
    .navLayout.active {opacity: 1;}
    .crumbs{padding-left: 220px;}
    .crumbs span{color: #22272e;font-size: 16px}
    .right{float: right;width: 80%;background: #fff;padding: 10px;}
    .mymessage-tt{font-size: 16px;height: 56px;line-height: 56px;padding: 0 10px;color: #22272e;}
    .mymessage-hd{height: 54px;line-height: 54px;border-bottom: solid 1px #e2e7ef; border-top: solid 1px #e2e7ef;padding-left: 10px}
    .checkbox-wrap{float: left}
    .mark-read{float: right}
    .mark-read span{width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;
        text-align: center; line-height: 36px; color: #e15616; margin-right: 15px;display: inline-block;cursor: pointer }
    .checkbox-wrap span{margin-left: 10px}
    .mymessage-bd{padding-left: 10px}
    .mymessage-bd li{height: 40px;line-height: 40px;}
    .xiaoxi{width: 75%;display: inline-block;margin-left: 10px;}
    .checkbox-wrap{display: inline-block}
}

@media screen and (max-width:768px) {
#message{width: 100%;overflow: auto}
    .crumbs span{color: #22272e;font-size: 3.4vw}
    .right{background: #fff;padding: 2.7vw;}
    .mymessage-tt{font-size: 3.4vw;height: 10vw;line-height: 10vw;padding: 0 2.7vw;color: #22272e;}
    .mymessage-hd{height: 14.4vw;line-height: 14.4vw;border-bottom: solid .27vw #e2e7ef; border-top: solid .27vw #e2e7ef;padding-left: 2.7vw}
    .checkbox-wrap{float: left}
    .mark-read{float: right}
    .mark-read span{width: 22.4vw;height: 9.6vw;background-color: #ffd8d8;border: solid .27vw #e15616;text-align: center;
    line-height: 9.6vw;color: #f94b4b;margin-right: 2vw;display: inline-block;cursor: pointer;border-radius: 4.8vw }
    .checkbox-wrap span{margin-left: 2.7vw}
    .mymessage-bd{padding-left: 2.7vw}
    .mymessage-bd li{line-height:5.3vw;padding-top: 1.5vw}
    .xiaoxi{display: inline-block;margin-left: 2.7vw;color: #4a4f58;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .mIcon.wrap_tittle:before {width: 6.7vw;height: 6.7vw;background-position: -50.7vw -51.5vw;position: absolute;top: 28vw;}
    .mIcon.open:before { width: 10.6vw; height: 11.2vw;float: right;background-position: -48.8vw 2.7vw;}
    .wrap_tittle { height: 10.6vw; line-height: 10.6vw; background: #fff;padding: 0 2.7vw;font-size: 3.4vw;color: #22272e;border-bottom: solid .27vw #e2e7ef;}
    .mymessage-bd .time{ display: block; margin-left: 30px;color: #9aa5b5; font-size: 1.6vw;}
    .checkbox-wrap{display: inline-block}
}
