body,html{font-size:14px;background-color:#f3f1f7;height:100%}
textarea{resize:none}
.containBox{background-color:#f3f1f7}
.rInvalid{border:1px solid #fb7373;background-color:#fac9c9}
.panel-header{font-weight:normal}
.rfooter{height:40px;width:100%;background:#181818;}
.rfooter_cnt{margin:auto;line-height:40px;color:#a3a2a4}
.rfooter_cnt a{color:#a3a2a4;text-decoration:none}
.bx{box-sizing:border-box}
.shadow{box-shadow:0 0 6px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.12)}
.flex{display:flex}
.flex-col{display:flex;flex-direction:column}
.flex-center{justify-content:center}
.flex_autowidth{width:100%;flex-grow:1;flex-shrink:1;min-width:0}
.flex_fixed{flex-grow:0;flex-shrink:0;box-sizing:border-box;}
.m_auto{margin:auto}
.t{color:#8a8a8a}
.txt_center{text-align:center}
.txt_right{text-align:right}
.mainbody{width:calc(100% - 20px);max-width:1500px;margin:auto;padding-bottom:30px;padding-top:70px}

.lding{padding:15px;color:#8a8a8a}
.rshadow{box-shadow:0 0 7px #ddd;}
.width_50{width:50px}
.width_50{width:50px}
.width_100{width:100px}
.width_150{width:150px}
.width_200{width:200px}
.width_250{width:250px}
.width_300{width:300px}
.width_400{width:400px}
.width_500{width:500px}
.width_50p{width:50% !important}
.width_100p{width:100% !important}
.micon{color:#0094ff}
.breakword{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.bot-list-box{border-radius:6px;background:rgba(76,99,140,0.5);padding:15px;min-height:300px;backdrop-filter:blur(2px)}
.bot-list-box .title{color:#fff;font-weight:bold;font-size:22px}
.bot-item-outer{padding:10px;width:25%;}
.bot-item{border-radius:6px;background:rgba(255,255,255,1);padding:10px;transition:all 0.5s;cursor:pointer}
.bot-item:hover{background:#F7EEDD;transform:scale(1.05)}
@media screen and (max-width:1600px){
    .bot-item-outer{width:33.33%}
}
@media screen and (max-width:1024px){
    .bot-item-outer{width:50%}
}
@media screen and (max-width:767px){
    .mainbody{padding-left:8px;padding-right:8px;width:100%;}
    .bot-item-outer{width:100%;padding-left:0;padding-right:0}
}

#particle-canvas {
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
display:block;
z-index:0;
opacity:0.4
}