body,html{
    height:100%;
    padding: 0;margin: 0;color: #4a4a4a;font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    background: #444;
    transition: background 1s cubic-bezier(.075,.82,.165,1);
}
a{text-decoration: none;}
.swx_main{width: 1198px;height:100%;margin: 0 auto;background: #fff;}
.swx_left{
    width: 90px;
    height: 100%;
    float: left;
    background: #333844;
    position: relative;
}
.swx_logo{width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.swx_logo a{font-size: 20px;color:#fff;}
.swx_logo a:hover{color:#ccc}
.swx_bottom{position: absolute; width: 100%;text-align: center;bottom: 50px;}
.swx_bottom a{display: block;width: 100%;height: 70px;}
.swx_left2{
    width: 179px;
    height: 100%;
    float: left;
    background: #f9fafd;
    position: relative;
    border-right: 1px solid #e8e8e8;
}
h3{margin: 0;}
.swx_left2 .swx_title{
    width: 100%;float: left;height: 70px;line-height: 70px;
    text-indent: 20px;
    font-size: 16px;
}
.swx_left2 ul,.swx_left2 li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.swx_left2 li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-indent: 20px;
}
.swx_left2 li a{display: block;width: 100%;color: #393026;font-size: 15px;}
.swx_left2 .swx_hig,.swx_left2 li:hover{background: #4a99ff;}
.swx_left2 .swx_hig a,.swx_left2 li:hover>a{color: #fff;}


.swx_left3{
    width: 529px;
    height: 100%;
    float: left;
    background: #f9fafd;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    border-right: 1px solid #e8e8e8;
}
.swx_tag{
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    font-size: 16px;
    color: #797979;
    font-weight: 700;
}
.swx_left3 .swx_content{
    width: 488px; margin: 20px;margin-top: 0px;background: #fff;float: left;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    height: 100%;
}
.swx_left3::-webkit-scrollbar,#message::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}
.swx_left3::-webkit-scrollbar-thumb,#message::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}
.swx_left3:hover::-webkit-scrollbar-thumb,#message:hover::-webkit-scrollbar-thumb{background-color:#348dfe}
.swx_line{
    width: 100%;
    float: left;
    /* height: 50px; */
    line-height: 45px;
    text-indent: 20px;
    font-size: 14.5px;
    color: #333;
}
.swx_line .lt{width: 105px;float: left;text-align: right;}
.swx_line .lt span{color: red; margin-right: 5px;}
.swx_line .rt{width: 380px;float: left;text-align: left;}
select,input,textarea{ width: 345px; padding: 0 0 0 10px; height: 28px; border: 1px solid #d4d4d4;border-radius: 5px;font-size: 15px;}
textarea{padding: 10px;height: 70px; width: 88.2%;}
.swx_line select{height: 30px;}
.swx_btn{float: right;margin-right: 10px;padding: 3px 15px;cursor: pointer;background: none; border-radius: 5px; font-size: 14px;}
.btn_send{width: 100%; ; margin: 0;padding: 8px 15px;color: #fff; background:#0170fe;border: 0;}
.btn_red{color: #f56c6c;border:2px solid #f56c6c; }
.btn_blue{color: #0170fe;border:2px solid #0170fe; }
.btn_red:hover{color: #ffa6a6;border:2px solid #ffa6a6;}
.btn_blue:hover{color: #67aaff;border:2px solid #67aaff;}
.btn_send:hover,.btn_send:disabled{background:#67aaff;}
button,select,input,textarea{outline:none;margin: 0;}
input[type="checkbox"]{ width: 15px;margin-top: -10px;}


.swx_left4{
    width: 357px;
    height: 100%;
    float: left;
    background: #fdfdfd;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #e8e8e8;
    padding: 0 20px;
}
.swx_tab{float: left;display:flex;margin-right: 15px;font-size: 15px;color: #777;}
.swx_tab input{margin-top: -4px;margin-right: 5px;}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.text-primary{color:#007bff!important}
a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}
.text-secondary{color:#6c757d!important}
a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}
.text-success{color:#28a745!important}
a.text-success:focus,a.text-success:hover{color:#1e7e34!important}
.text-info{color:#17a2b8!important}
a.text-info:focus,a.text-info:hover{color:#117a8b!important}
.text-warning{color:#ffc107!important}
a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}
.text-danger{color:#dc3545!important}
a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}
.text-light{color:#f8f9fa!important}
a.text-light:focus,a.text-light:hover{color:#dae0e5!important}
.text-dark{color:#343a40!important}
a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}
pre {
    font-family: monospace;
}
pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}
code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
pre{
    white-space: pre-wrap!important;
    word-wrap: break-word!important;
    *white-space:normal!important;
}
#message{height: calc(100% - 95px);overflow-y: auto;}