@charset "utf-8";
/* CSS Document */
.flex{display: flex !important;}
.flex-ac{display: flex !important; align-items: center;}
.static{position: static !important;}
.banner-ad{padding: 10px 20px;}
.banner-ad img{height: 80px;width: auto; margin: 0 auto;}
.javaex-skeleton{padding: 0 20px;}
.root{top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; position: absolute;}
.jss4{top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; position: absolute;}
.jss6{width: 100%; height: 100%; display: flex; position: relative;}
.jss8{width: 100%; height: 100%; padding: 0; overflow: auto; position: relative; flex-grow: 1; margin-top: 0;}
.jss65{height: 100%; display: flex; z-index: 1; overflow: hidden; position: relative; flex-grow: 1; flex-direction: column;}
.jss67{height: 100%; display: flex; position: relative; flex-grow: 1;}
.jss1750{width: 60px; position: relative; flex-shrink: 0;}
.jss1754{width: 100%; height: 100%;}
.jss1755{top: 0; left: 0; bottom: 0; z-index: 200; position: absolute; background-color: #272f40;}
.MuiPaper-root{color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #fff;}
.MuiDrawer-docked{flex: 0 0 auto;}
.MuiPaper-elevation0{box-shadow: none;}
.MuiDrawer-paper{top: 0; flex: 1 0 auto; height: 100%; display: flex; outline: 0; z-index: 1200; position: fixed; overflow-y: auto; flex-direction: column; -webkit-overflow-scrolling: touch;}
.MuiDrawer-paperAnchorLeft{left: 0; right: auto;}
.MuiDrawer-paperAnchorDockedLeft{border-right: 1px solid rgba(0, 0, 0, 0.12);}
.jss1757{width: 240px; height: 100%; display: flex; z-index: 100; overflow: hidden; position: relative; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; flex-direction: column; background-color: transparent;}
.jss1759{width: 60px; transition: width 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;}
.jss1763{height: 32px; display: flex; padding: 0 14px; box-shadow: none; margin-top: 24px; align-items: center; margin-bottom: 56px;}
.MuiAvatar-root{width: 40px; height: 40px; display: flex; overflow: hidden; position: relative; font-size: 1.25rem; align-items: center; flex-shrink: 0; user-select: none; border-radius: 50%; justify-content: center;}
.MuiAvatar-img{width: 100%; height: 100%; object-fit: cover; text-align: center;}
.jss1764{color: #ffffff; margin-left: 24px;}
.jss1801{display: inline-block;}
.jss184{line-height: 0; margin-left: 16px; margin-right: 0;}
.jss186{margin-left: 0;}
.MuiButtonBase-root{color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent;}
.MuiButton-root{padding: 6px 16px; font-size: 0.875rem; min-width: 64px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-weight: 500; line-height: 1.75; border-radius: 4px; letter-spacing: 0.02857em; text-transform: none;}
.MuiButton-text{padding: 6px 8px;}
.jss193{color: inherit; padding: 0; min-width: 0; min-height: inherit;}
.jss203{color: #448aff;}
.jss1803{min-width: auto;}
.jss1765{color: #ffffff;}
.MuiButton-label{width: 100%; display: inherit; align-items: inherit; line-height: 1.4; justify-content: inherit;}
.jss1814{max-width: calc(100% - 20px);}
.jss1766{max-width: 136px;}
.MuiTypography-noWrap{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jss1614{align-self: center; word-break: break-word;}
.jss1622{color: #505f79; font-size: 12px; font-weight: 400; line-height: 1.6;}
.jss1629{color: #fff;}
.MuiSvgIcon-root{fill: currentColor; width: 20px; height: 20px; display: inline-block; font-size: 15px; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none;}
svg:not(:root){overflow-clip-margin: content-box; overflow: hidden;}
.jss1793{flex-grow: 1; flex-shrink: 1;}
.MuiList-root{margin: 0; outline: none; padding: 0; position: relative; list-style: none;}
.MuiList-padding{padding-top: 4px; padding-bottom: 4px;}
.jss1774{padding: 0;}
.MuiListItem-root{width: 100%; height: 40px; display: flex; position: relative; box-sizing: border-box; text-align: left; transition: none; align-items: center; padding-top: 0; margin-bottom: 0; padding-bottom: 0; justify-content: flex-start; text-decoration: none;}
.MuiListItem-button{transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.jss1777{color: #ffffff; height: 56px; transition: none; margin-bottom: 0; padding-right: 16px;}
.MuiListItemText-root{flex: 1 1 auto; width: 100%; padding: 0; min-width: 0; margin-top: 4px; margin-bottom: 4px;}
.jss1787{padding: 0; overflow: hidden; margin-left: 30px; white-space: nowrap; text-overflow: ellipsis;}
.MuiTypography-root{margin: 0;}
.MuiTypography-body1{font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0.00938em;}
.MuiListItemText-primary{color: #0b1a33; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jss1785{color: inherit; overflow: hidden; font-weight: 300; white-space: nowrap; text-overflow: ellipsis;}
.jss1777:hover{color: #ffffff; background-color: #162134;}
.jss1777.active{color: #ffffff; background-color: #0b1a33;}
.MuiListItemIcon-root{color: rgba(0, 0, 0, 0.54); display: inline-flex; min-width: unset; flex-shrink: 0; margin-right: 0;}
.jss119{color: inherit; width: 16px; display: flex; justify-content: center;}
.jss120{color: inherit; width: 16px; height: 16px; margin: 0;}
.otherSendMessage .chat-msg-event_wrap{width: fit-content;max-width: 100%;}
.javaex-page-wrap .javaex-page-content .javaex-page-footer {margin: 0;}
/**个人问答*/
.MuiDrawer-docked{flex: 0 0 auto;}
.personal-qa{display: flex; flex-direction: column;}
.jss305{width: 240px; height: 100%; z-index: inherit; overflow: visible; position: relative; flex-grow: 1; transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms; border-right: 1px solid #e6e9ed; background-color: #ffffff;}
.jss307{width: 100%; height: 100%; display: flex; flex-grow: 1; flex-direction: column;}
.jss353{height: auto; padding: 0; margin-top: 24px; margin-left: 32px; margin-right: 32px; border-bottom: none; margin-bottom: 24px;}
.jss354{box-shadow: 1px 1.7px 10px 0px rgb(28 99 220 / 15%);}
.MuiBadge-root{display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle;}
.jss415{width: 100%; display: flex;}
.jss182{margin: 0 8px; display: inline-block; position: relative; line-height: 1;}
.jss416{width: 100%; display: flex; align-items: center;}
.jss187{margin-right: 0;}
.jss186{margin-left: 0;}
.MuiButton-contained{color: rgba(0, 0, 0, 0.87); box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 20%); background-color: #e0e0e0;}
.MuiButton-contained:hover{opacity: 0.8; filter: alpha(opacity = 80);}
.jss414{min-width: auto; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.jss190{margin: 0; min-height: 32px; line-height: 1;}
.jss202{color: #ffffff; background-color: #00cc4c;}
.jss418{flex-grow: 1;}
.jss420{flex-grow: 1; text-align: left;}
.jss390{margin-right: 10px;}
.jss231{color: #172b4d; font-size: 14px; font-weight: 400; line-height: 1.6;}
.jss363{color: #a7afbc; padding: 10px 16px 10px 32px; overflow: hidden; align-self: auto; white-space: nowrap; text-overflow: ellipsis;}
.jss351{display: flex; position: relative; flex-grow: 1;}
.jss352{position: relative; width: 100%; height: auto; flex-grow: 1;}
.jss380{color: #172b4d; text-decoration: none; background-color: #f4f6f9;}
.jss369{color: #cb90fd;}
.jss382{color: inherit; width: 16px; height: 16px; margin-right: 8px;}
.jss358{top: 50%; color: inherit; right: 16px; width: 14px; height: 14px; position: absolute; margin-top: -8px;}
.jss370{color: #88b5ff;}
.jss371{color: #88b5ff;}
.jss372{color: #88b5ff;}
.MuiListItem-button:hover{text-decoration: none; background-color: rgba(80, 95, 121, 0.08);}
.MuiListItem-button:active{background-color: rgba(80, 95, 121, 0.08);}
.MuiCollapse-container{height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.MuiCollapse-entered{height: auto; overflow: visible;}
.MuiBadge-badge{height: 20px; display: flex; padding: 0 6px; z-index: 1; position: absolute; flex-wrap: wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-weight: 500; line-height: 1; align-content: center; border-radius: 10px; flex-direction: row; justify-content: center;}
.jss383{color: #ffffff; font-weight: normal; background-color: #F04B3D;}
.jss385{height: 26px; padding: 0 6px; font-size: 20px; transform: scale(0.5) translate(50%, -50%); border-radius: 4px;}
.jss386{top: 6px; left: -7px; color: #F04B3D; width: 9px; height: 12.7px; overflow: hidden; position: absolute;}
.jss387{top: 0; left: 0; right: 0; bottom: 0; position: absolute; transform: rotate(45deg); background-color: currentColor; transform-origin: 0 100%;}
.jss375{top: 4px; right: -30px;}
/*个人问答记录*/
.chat-record-container{width: 320px; display: flex; position: relative; flex-shrink: 0; border-right: 1px solid #e6e9ed; flex-direction: column; background-color: #f4f6f9;}
.chat-record-search-container{height: 80px; display: flex; box-sizing: border-box; align-items: center; border-bottom: 1px solid #e6e9ed;justify-content: center;}
.jss484{display: flex; position: relative; align-items: center;}
.jss476{width: 100%; border: none; padding: 0 12px; box-sizing: border-box; border-radius: 3px; background-color: transparent;}
.jss476:hover{background-color: #ffffff;}
.jss485{color: #172b4d; width: 20px; height: 20px;}
.MuiFormControl-root{border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top;}
.jss491{margin: 0;}
.jss487{color: #172b4d;}
.jss477{font-size: 14px; background-color: transparent;}
.MuiInput-root{position: relative;}
.jss494{padding: 0; font-size: 14px; box-sizing: border-box;}
.MuiInputBase-input{font: 14px; color: currentColor; width: 100%; border: 0 !important; height: 1.1875em; margin: 0; display: block; padding: 6px 0 7px; min-width: 0; background: none; box-sizing: content-box; -webkit-tap-highlight-color: transparent;}
.jss497{height: auto; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding-top: 5px; border-color: transparent; border-style: solid; border-width: 1px; padding-left: 7px; border-radius: 4px; padding-right: 7px; padding-bottom: 5px; background-color: #ffffff; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
.jss497:hover, .jss497:focus{border-color: transparent; background-color: #e8f2ff;}
.jss498{line-height: 1.3;}
.jss488{background-color: transparent;}
.jss488:hover, .jss488:focus{background-color: transparent;}
.chat-record-count-container{width: 100%; height: 42px; display: flex; box-sizing: border-box; align-items: center; flex-shrink: 0; padding-left: 20px; border-bottom: 1px solid #e6e9ed; padding-right: 10px;}
.jss225{align-self: center; word-break: break-word;}
.jss231{color: #172b4d; font-size: 14px; font-weight: 400; line-height: 1.6;}
.chat-record-list-container{display: flex; flex-grow: 1; flex-direction: column;}
.chat-record-list-box{position: relative;overflow: auto;width: 100%;height: 100%;flex-grow: 1;}
.chat-record-list-box::-webkit-scrollbar{-webkit-appearance: none; width: 8px;}
.chat-record-list-box::-webkit-scrollbar-thumb{background-color: #C1C1C1; -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);}
.chat-record-list-box::-webkit-scrollbar-thumb{border-radius: 4px;}
.chat-active{background-color: #fff;}
.MuiList-root{margin: 0; outline: none; padding: 0; position: relative; list-style: none;}
.MuiList-padding{padding-top: 4px; padding-bottom: 4px;}
.jss575{margin: 0; padding: 0;}
.jss552{background-color: #f4f6f9;}
.MuiListItem-gutters{padding-left: 32px; padding-right: 16px;}
.jss1242{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.jss1243{background-color: transparent;}
.jss554{height: auto; padding: 0;}
.fc-list-table-cell-container{height: 100%; display: flex; box-sizing: border-box;width: calc(((100% - 0px) / 1) * 1); overflow: hidden;}
.jss225{align-self: center; word-break: break-word;}
.jss231{color: #172b4d; font-size: 14px; font-weight: 400; line-height: 1.6;}
.jss1246{width: 100%; flex-grow: 1; word-break: break-word; margin-left: 16px;}
.jss1246:first-child{margin-left: 0;}
.jss1262{width: 100%; cursor: pointer; height: 100%; padding: 0; margin-right: 0; border-bottom: 1px solid; margin-bottom: 0; border-bottom-color: #e6e9ed;}
.jss1263{height: auto;}
.jss1267{width: 100%; height: 100%; padding: 20px; box-sizing: border-box;}
.jss1271{overflow: hidden; flex-grow: 1; flex-shrink: 1; white-space: nowrap; text-overflow: ellipsis;}
.jss1273{height: 22px; display: flex; flex-wrap: nowrap; align-items: center;}
.jss225{align-self: center; word-break: break-word;}
.jss231{color: #172b4d; font-size: 14px; font-weight: 400; line-height: 1.6;}
.jss1274{flex-grow: 1; flex-shrink: 1;}
.jss1275{flex-shrink: 0;}
.jss225{align-self: center; word-break: break-word;}
.jss234{color: #a7afbc; font-size: 12px; font-weight: 400; line-height: 1.6;}
.jss1282{flex-shrink: 0; margin-right: 8px;}
.chat-del{opacity: 0;}
.jss554:hover{background-color: rgba(80, 95, 121, 0.08);}
.jss554:hover .chat-del{opacity: 1;}
.jss188{font-size: 14px;box-shadow: none;font-weight: 400;white-space: nowrap;}
.jss188:active{box-shadow: none;}
.jss192{margin: 0;padding: 4px;min-width: auto;min-height: auto;}
.jss220{background-color: transparent;}
.jss216{color: #ef403a;}
.jss216:hover{color: #ef403a;background-color: #e6e9ed;}
.jss216:active{color: #ef403a;background-color: #e6e9ed;}
.jss730{width: 16px; height: 16px;}
/*聊天内容*/
.chat-container{display: flex; padding: 0; flex-grow: 1; min-width: 0; flex-direction: column;}
.jss605{height: 100%; display: flex; position: relative; flex-grow: 1; flex-direction: column; background-color: #ffffff;}
.MuiAppBar-root{width: 100%; display: flex; z-index: 1100; box-sizing: border-box; flex-shrink: 0; flex-direction: column;}
.MuiAppBar-colorDefault{color: rgba(0, 0, 0, 0.87); background-color: #f5f5f5;}
.jss612{box-shadow: none; background-color: inherit;}
.MuiToolbar-root{display: flex; position: relative; align-items: center;}
.chat-content-container{width: 90%; max-width: 1600px; display: flex; position: relative; flex-grow: 1; background-color: #fff;margin: 0 auto;}
.javaex-page-wrap .javaex-page-header{padding: unset;}
.javaex-page-body::-webkit-scrollbar{-webkit-appearance: none; width: 8px;}
.javaex-page-body::-webkit-scrollbar-thumb{background-color: #C1C1C1; -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);}
.javaex-page-body::-webkit-scrollbar-thumb{border-radius: 4px;}
.message-list{background-size: 100%; background-color: #fff;width: 100%; padding-bottom: 40px; padding-top: 20px;}
.message-list p{margin-bottom:12px; line-height: 1.6;}
.whitespace-pre-wrap{white-space: pre-wrap;}
.chat-message{display: flex; flex-flow: row nowrap; padding: 20px;overflow: hidden;}
.chat-message .chat-message-main{flex: 1; display: flex; flex-direction: column; padding: 6px 15px 6px 15px; max-width: 90%; position: relative;}
.box-self .chat-message-main .chat-message-content_wrap{display: inline-flex;}
.box-people .chat-message-content_wrap{flex-flow: row;}
.box-people .arrow:after{content: ""; display: inline-block; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; border-width: 0 0 10px 10px; border-style: solid; border-color: inherit; background-color: inherit; transform: translate(-50%) rotate(45deg);}
.chat-message .chat-message-main .chat-message-content{align-items: center; position: relative; padding: 12px 16px; border-radius: 5px; font-size: 15px; word-break: break-all; flex-wrap: wrap; border: 1px solid transparent; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; background: #F0F0EF; color: rgb(60, 60, 60);}
.quick-answer{display: block; width: 100%; background-color: #F66C6A; padding: 8px; border-radius: 4px;}
.message-inner-list{width: 100%;}
.message-inner-list p{margin-bottom: 12px;}
.message-inner-list .quick-answer{margin-top: 8px;}
.quick-answer span{color: #fff;font-size: 14px;}
.box-self, .row-reverse{flex-direction: row-reverse;}
.box-self{padding-right: 10px;}
.box-self .chat-message-content_wrap{flex-flow: row-reverse;}
.box-self .chat-message-content{background-color: #9eea6a !important;border-bottom-color: #9eea6a !important;}
.box-self .arrow:after{content: ""; display: inline-block; position: absolute; top: 10px; right: 0; border-width: 10px 10px 0 0; border-style: solid; border-color: inherit; background-color: inherit; transform: translate(50%) rotate(45deg); width: 10px; height: 10px;}
.javaex-avatar{height: 50px;width: 50px;line-height: 50px;background-color: transparent;}
.x-tip{font-size:13px;color:#666;line-height:14px;}
.javaex-unset ul>li{list-style: disc; margin-left: 40px;}
.chat-message-content p:last-child{margin-bottom: 0;}
.chat-message-content img{max-width: 600px;}
.javaex-comment{width: 90%;max-width: 1600px; margin: 0 auto;}
.javaex-comment .javaex-comment-form{border: 1px solid #e8e8e8;}
.javaex-comment .javaex-comment-form:hover{border: 1px solid #00cc4c;}
.javaex-comment .javaex-btn.javaex-comment-submit{width: auto;background-image: linear-gradient(90deg,#00cc4c,#00d099);height: 32px;}
.javaex-comment .javaex-comment-form{margin-left: 0;}
.javaex-comment .javaex-comment-form{margin-bottom: 10px;}

.javaex-select {
    border-radius: 3px;
}

.javaex-select-ul-item.javaex-select-ul-item-selected {
    color: #00cc36;
}

.javaex-select-ul-item:hover {
    color: #00cc36;
    background-color: #edfff2;
}
input.javaex-select:hover {
    border: 1px solid #00cc36;
}
.javaex-hint{margin-bottom: 0;}
.s-yellow{color: #fec75c;}
.s-green{color: #00cc4c;}
.javaex-skeleton-avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 16px;
}
/*初始化界面*/
.init{width: 100%;max-width: 1600px;margin-top: 40px;display: flex;flex-direction: column;}
.init strong{display: block;color: #05073b;font-size: 26px;font-weight: 600;letter-spacing: 0;line-height: 36px;margin-bottom: 10px;}
.init span{color: #676c90;font-size: 14px;font-weight: 400;letter-spacing: 0;text-align: justify;}
.V3uEheiz{background: #f6f8fd;border-radius: 0 0 8px 8px;display: flex;flex-direction: column;margin-top: 14px;padding: 16px;}
.V3uEheiz .qvWxBOKN{color: #4955f5;font-size: 14px;font-weight: 600;letter-spacing: 0;line-height: 20px;margin-bottom: 7px;}
.V3uEheiz .gyRfA8wl{color: #676c90;font-size: 14px;font-weight: 400;letter-spacing: 0;line-height: 24px;text-align: justify;}
.uGhWNYu8{bottom: 180px;display: flex;flex-direction: column;position: fixed;padding-left: 0;padding-right: 0;}
.cZqE_b9R{color: #676c90;font-size: 14px;font-weight: 400;letter-spacing: 0;line-height: 26px;text-align: justify;}
.LE4fQCi1{display: flex;flex-wrap: wrap;margin-bottom: 30px;margin-top: 8px;max-width: 1260px;}
.q409gL1b{background-color: rgb(241, 242, 246);border-radius: 6px;box-shadow: 0 16px 20px 0 rgba(174,167,223,.06);color: #676c90;cursor: pointer;font-size: 13px;font-weight: 400;letter-spacing: 0;line-height: 24px;margin-bottom: 12px;margin-right: 18px;padding: 8px 16px;position: relative;text-align: justify;}
.q409gL1b:hover{background-color: rgba(217,217,227,1);}
.flex{display: flex;}
.items-start{align-items: flex-start;}
.text-center{text-align: center;}
.flex-col{flex-direction: column;}
.flex-1{flex: 1 1 0%;}
.w-full{width: 100%;}
.flex-row{flex-direction: row;}
.h-full{height: 100%;}
.justify-center{justify-content: center;}
.semi-image{border-radius: 4px; position: relative; display: inline-block; overflow: hidden;}
.semi-image-img-preview{cursor: zoom-in;}
.semi-image-img{vertical-align: middle; border-radius: inherit; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.font-normal{font-weight: 400;}
.text-lg{font-size: 16px; line-height: 32px;}
.gap-3\.5{gap: 10px;}
.logined:hover .MuiPaper-root{opacity: 1 !important;}
audio{display: none;}
.javaex-dialog .javaex-dialog-content{width: 640px; height: 640px;}
.message-inner-list .quick-answer{margin-top: 8px; margin-right: 8px; width: 40px;}
.message-inner-list{text-align: center; display: flex;}
#bikan-d p {margin-bottom: 10px;}
#bikan-d .javaex-dialog-content{height: auto;}

/*设置私有key*/
.settings .title{margin-top: 0;margin-bottom: 20px;text-align: left;}
.settings .title h2{color: #172b4d;font-size: 16px;font-weight: 600;line-height: 1.3;}
.settings .settings-content{display: flex;flex-direction: column;gap: 16px;font-size: 14px;line-height: 20;margin-top: 20px;}
.settings .set-key-item{display: flex;min-height: 71px;align-items: center;gap: 16px;border-radius: 6px;background-color: rgba(247,247,248,1);padding: 16px;}
.settings .set-key-item-left{width: 40px;text-align: center;font-size: 24px;line-height: 32px;}
.settings .set-key-item-right{flex: 1 1 0%;line-height: 20px;}
.settings .you-key{position: relative;display: flex;padding-left: 16px;padding-bottom: 12px;padding-top: 12px;box-shadow: 0 0 10px rgba(0,0,0,.1);background-color: rgba(255,255,255,1);border-color: rgba(0,0,0,.1);border-width: 1px;border-radius: 6px;flex-direction: column;flex-grow: 1;}
.settings .you-key .javaex-text{padding: 0;padding-left: 0;padding-right: 28px;background-color: transparent;border-width: 0;resize: none;margin: 0;height: 24px;line-height: 24px;}
.settings .javaex-btn{height: 36px;border-radius: 4px;border-color: rgba(0,0,0,.1);}
.settings .javaex-btn.default:hover{background-color: rgba(236,236,241,1);}

/*TreeSelect 分类选择*/
.javaex-tab-select{position: relative; display: flex; font-size: 14px;}
.javaex-tab-select .javaex-tab-select-nav{max-width: 190px; padding-top: 40px; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.javaex-tab-select .javaex-tab-select-nav .javaex-sidebar-item{position: relative; display: block; box-sizing: border-box; padding: 0px 16px; overflow: hidden; font-size: 14px; line-height: 40px; cursor: pointer; user-select: none;height: 40px;}
.javaex-tab-select .javaex-tab-select-nav .javaex-sidebar-item-text{word-break: break-all; position: relative; display: inline-block;}
.javaex-tab-select .javaex-tab-select-nav .javaex-badge{display: inline-block; box-sizing: border-box; min-width: 16px; padding: 0 3px; font-weight: 500; font-size: 12px; line-height: 1.2; text-align: center;position: absolute; transform-origin: 100%;top: 0; right: 0; transform: translate(50%,-50%);}
.javaex-tab-select .javaex-tab-select-content{flex: 3; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.javaex-tab-select .javaex-tabpane{width: 100%;height: 100%; -ms-flex-negative: 0; flex-shrink: 0; display: block; padding: 40px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; word-break: break-all;}
.javaex-tab-select .javaex-tab-select-nav{background-color: #f4f6f9;}
.javaex-tab-select .javaex-tab-select-nav .javaex-sidebar-item{color: #172b4d;background-color: #f7f8fa;}
.javaex-tab-select .javaex-tab-select-nav .javaex-sidebar-item-select{background-color: rgba(0, 0, 0, 0.14);color: #172b4d;}
.javaex-tab-select .javaex-tab-select-nav .javaex-sidebar-item:hover{background-color: #e6e9ed;}
.javaex-tab-select .javaex-tab-select-nav .javaex-sidebar-item-select:before{position: absolute;top: 50%;left: 0;width: 0.04rem;height: 0.16rem;background-color: #1b9aee;transform: translateY(-50%);content: "";}
.javaex-tab-select .javaex-tab-select-nav .javaex-badge{color: #fff;background-color: #fa2c19;border: 0.01rem solid #fff;border-radius: 10rem;}
.javaex-tab-select .javaex-tab-select-content{background: #fff;}
.javaex-tab-select .javaex-tabpane{background-color: #fff;}
.MuiBackdrop-root{top: 0;left: 0;right: 0;bottom: 0;display: flex;z-index: -1;position: fixed;align-items: center;touch-action: none;justify-content: center;background-color: rgba(0, 0, 0, 0.5);-webkit-tap-highlight-color: transparent;}
.MuiDialog-scrollPaper{display: flex;align-items: center;justify-content: center;}
.MuiDialog-container{height: 100%;outline: 0;}
.MuiPaper-rounded{border-radius: 4px;}
.MuiPaper-elevation24{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.MuiDialog-paper{position: relative;overflow-y: auto;}
.MuiDialog-paperScrollPaper{display: flex;max-height: calc(100% - 96px);flex-direction: column;}
.jss45{max-width: 720px;min-width: 720px;}
.jss276{height: calc(100% - 200px);min-height: calc(100% - 200px);}
.jss37{height: 100%;padding: 0;}
.jss37:first-child{padding-top: 0;}
.MuiGrid-container{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.jss39{height: 100%;}
.MuiGrid-item{margin: 0;box-sizing: border-box;}
.MuiGrid-grid-xs-12{flex-grow: 0;max-width: 100%;flex-basis: 100%;}
.jss40{min-height: 100%;}
.jss274{height: 100%;}
.jss3415{padding: 0;margin-top: 8px;margin-left: 0;margin-right: 0;margin-bottom: 0;}
.jss3415:first-child{margin-top: 0;}
.jss266{height: 100%;margin: 0;display: flex;padding: 0;flex-wrap: nowrap;}
.jss262{color: #88b5ff;width: 18px;height: 18px;}
.ml-5{margin-left: 5px;}
.setting-dialog{opacity: 0;}
.setting-dialog-show{opacity: 1;position: fixed;z-index: 1300;inset: 0px;}
.buyvip-dialog{opacity: 0;}
.buyvip-dialog-show{opacity: 1;position: fixed;z-index: 1300;inset: 0px;}
.jss4187{margin-top: 0;padding-top: 0;margin-bottom: 32px;padding-bottom: 0;}
.jss4594{margin: 0;display: flex;padding: 0;align-items: center;}
.jss225{align-self: center;word-break: break-word;}
.jss229{color: #a7afbc;font-size: 14px;font-weight: 400;line-height: 1.6;}
.jss4183{padding: 0;margin-top: 8px;margin-left: 0;margin-right: 0;margin-bottom: 0;}
.jss4581{display: flex;flex-wrap: wrap;align-items: center;}

/*markdown*/
.markdown_views table{border-collapse: collapse; display: table; width: 100%; text-align: center; margin-bottom: 24px;}
.markdown_views table{background-color: transparent; border-spacing: 0;}
.markdown_views table tr{border: 0; border-top: 1px solid #ddd; background-color: #fff;}
.markdown_views table tr th{font-weight: 700; background-color: #eff3f5;}
.markdown_views td, .markdown_views th{border-right: 1px solid #dcdcdc; padding: 8px 12px;}
.markdown_views table tr td, .markdown_views table tr th{font-size: 14px; color: #4f4f4f; line-height: 22px; border: 1px solid #ddd; padding: 8px; word-break: normal!important; vertical-align: middle;}
.markdown_views tbody{border: 0;}
.markdown_views table tr:nth-child(2n){background-color: #f7f7f7;}
/*代码*/
.markdown_views pre table tr:nth-child(2n){background-color: unset;}
.markdown_views pre table tr{border: unset; border-top: unset; background-color: unset;}
.markdown_views pre table tr td, .markdown_views pre table tr th{font-size: unset; color: unset; line-height: unset; border: unset; padding: unset; word-break: unset; vertical-align: unset;}
.markdown_views pre table{border-collapse: unset; display: unset; width: unset; text-align: unset; margin-bottom: unset;background-color: unset; border-spacing: unset;}
.javaex-unset pre{background-color: #282c34;}
.javaex-unset pre code{background-color: #282c34;color: #f8f8f2;}
.javaex-unset .hljs{color: #abb2bf;}
.javaex-unset .hljs-ln-numbers{color: #abb2bf;}
.javaex-unset code{background: #fff;color: rgb(233, 105, 0);}
td.hljs-ln-line.hljs-ln-numbers{border-right: 1px solid #CCC;}
.javaex-unset pre .hljs {overflow-x: unset;}

@keyframes pending-loader-circles {
    0% {
        opacity: .3
    }

    100% {
        opacity: 1
    }
}
.submit-button__pending--2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.submit-button__pending--2.js-active {
    transition-property: all;
    transition-duration: .1s;
    transition-timing-function: linear;
    transition-delay: .3s;
    opacity: 1;
    visibility: visible;
}
.submit-button__pending--2:before, .submit-button__pending--2:after, .submit-button__pending--2 span {
    position: relative;
    display: block;
    margin-right: 5px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    opacity: .3;
}
.submit-button__pending--2:before, .submit-button__pending--2:after {
    content: "";
}
.submit-button__pending--2.js-active:before {
    animation: pending-loader-circles .8s linear infinite alternate;
}
.submit-button__pending--2.js-active span {
    animation: pending-loader-circles .8s linear .4s infinite alternate;
}
.submit-button__pending--2.js-active:after {
    animation: pending-loader-circles .8s linear .8s infinite alternate;
}
.javaex-btn.disabled {
  pointer-events: none;
}
.javaex-select-close {
    top: 12px;
}
.javaex-noticebar-right-icon {
    position: absolute;
    right: 2px;
    top: 6px;
    color: red;
    font-size: 18px;
    cursor: pointer;
}