﻿
.msgList {
    overflow-y: auto;
    margin-bottom: 30px;
}
.msgList::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.msgList::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.msgList::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}
.msgList::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.msgList {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}
.msgList {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.promptTitle, .groupTitle {
    font-size: medium;
    font-weight: 600;
}
.promptTxt {
    font-size: small;
    color: #333;
}
.promoitem {
    background: #e2e8f0;
    border-radius: 10px;
    margin-bottom:15px;
    padding:15px;
    cursor:pointer;
}
.indexpromoitem{cursor:pointer;}

.msgtxt p {
    padding: 6px 0;
    margin: 0;
    font-size: 14px;
}	

.msgtxt ol{font-size:14px; line-height:24px; padding:16px 16px 6px 32px; background-color:#F2F7F9; border-radius:8px;}
.msgtxt ul{font-size:14px; line-height:24px; padding:16px 16px 6px 32px; background-color:#F2F7F9; border-radius:8px;}
.msgtxt ol>li{padding-bottom:12px; color:#333;}
.msgtxt ol>li>p{padding:0; margin:0; font-size:14px;}
.msgtxt ol>li>ul{list-style:none; padding:0; margin:0; color:#454545;background:none;}
.msgtxt ol>li>ul>li>ul{list-style:none; padding:6px; margin:10px 0; border:1px dotted #ccc; border-radius:6px; background-color:#fff;}
.msgtxt ul>li>p{ font-size:14px;}
.msgtxt h3{ padding:12px 0 0 0; margin:0; font-size:16px; font-weight:bold; color:#3972b3;}
.msgtxt pre{list-style:none; padding:0; margin:0; width:100%;overflow-x: auto;}
.msgtxt code{font-size:14px; color:#454545;font-family:Arial, Helvetica, sans-serif;}

.promptxTitle{margin-top:60px;width:90%;margin-bottom:20px;text-align:center;}
.promptxTitle>.title{font-size:32px;font-weight:bold;display:block;margin:6px auto;}
.promptxTitle>.descr{font-size:16px;}
.promptInfo, .items-center, .groupDescr, .groupTitle {
    cursor: pointer;
}

.MsgList>button{ position:relative;}
.MsgList>button h1{ padding-right:28px;}
.MsgList>button>.delitemicon{ display:none; position:absolute; top:8px; right:8px;}
.MsgList>button:hover>.delitemicon{ display:block;}
.MsgList>button>.delitemicon img{ display:block;width:18px; height:18px;cursor:pointer;}
.MsgList>button p{ position:relative;width: 100%;}
.MsgList>button p>span{ display:none;}
.MsgList>button:hover p>span{ display:block; height:16px; line-height:16px; font-size:12px; color:#3972b3;cursor:pointer; text-decoration:underline; position:absolute; top:0; right:0;}


.titxbox{ padding:12px;}
.titlinestxt{ padding:8px 0;}
.tlinesth{  font-size:14px; color:#666; cursor:pointer;}
.tlticons{ display:inline-block; width:20px; height:20px;transform:rotate(-90deg) translateX(-6px);transition:0.1s;position:relative;}
.tlticons:after{ content:""; display:block; width:1px; height:8px; background-color:#666;transform:rotate(45deg);   position:absolute; top:7px; left:13px; }
.tlticons:before{ content:""; display:block; width:1px; height:8px; background-color:#666;transform:rotate(-45deg);   position:absolute; top:7px; left:8px; }
.tlinescong{ padding-left:16px; position:relative; display:none;}
.tlinescong:after{ content:""; display:block; width:3px; background-color:#aaa; height:calc(100% - 20px); position:absolute; top:10px;left:0;}
.tlinescong p,.tlinescong a{ padding:8px 0; margin:0;font-size:14px; line-height:26px; color:#666;}	
.tlineshowtxt .tlticons{transform:rotate(0deg) translateY(4px);transition:0.1s;}
.tlineshowtxt + .tlinescong{ display:block;}
.msgitemH1{word-break: break-all; word-wrap: break-word;width: 270px; }