html {
	--dark-bg: 45, 47, 53;
	--light-bg: 255, 255, 255;
	--dark-text: 255, 255, 255;
	--light-text: 0, 0, 0;
}


::-webkit-scrollbar {width: 4px;height: 8px;}
::-webkit-scrollbar-thumb {
	background-color: rgba(100, 100, 100, 0.6);
	height: 50px;width: 8px;
	outline-offset: -2px;outline: 0px solid #fff;border: 0px solid #fff;border-radius: 3px;
}
input[type=range] {-webkit-appearance: none;height: 8px;border-radius: 4px;background-color:#DCE3F9;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none; /*清除默认样式*/
    height:16px;width:8px;border-radius: 3px;
    background:#00B3FF;
    margin-top:-4px; /*使用position的话会导致滑块不滑动,但是绑定的value是改变的,所以这里使用margin-top去做定位*/
}
input[type=range]::-webkit-slider-runnable-track{height:8px;}
.ly-input-range {font-size:15px;}
.ly-input-range .tip-range {position:absolute;top:-5px;}
body {
	transition: all 0.2s ease-in-out;
	background-repeat: no-repeat;background-attachment: fixed;background-size: cover;
}
.gi {display: inline-block;transition: all 0.3s ease;position: relative;}
.code-box {color: var(--bc12);}
.click,.ly-click {cursor: pointer;}


table {color: var(--bc12);}
.tab-fluid {width:100%;}

.t-aqua {color:#8be9fd;}
.t-yellow {color:#fff400;}
.t-red {color:#ff2400;}
.ly-right {position: absolute;right: 10px;display: flex;align-items: center;height: 100%;}
.ly-right a {display: inherit;color: inherit;}
.ly-space {margin:0 6px 0 6px;}
.ly-tip {font-size:16px !important;}
.center-tip {padding:8px 18px;border-radius: 6px;text-align: center;background: rgba(0,0,0,0.5);color:#fff;}
.ly-date {font-size:12px !important;padding:3px 0 !important;}
.ly-date .gi {font-size: 14px;}
.ly-mask {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
.ly-padding {display: block;padding:8px 0px;}
.flex-center {display: flex;align-items: center;justify-content: center;}

.menu-RC {
	display: none;position: absolute;width: 200px;margin: 0;padding: 0;
	background: #fff;border-radius: 5px;list-style: none;box-shadow: 0 15px 35px rgba(50,50,90,0.1), 0 5px 15px rgba(0,0,0,0.07);
	overflow: hidden;z-index: 20020222;font-size: 15px;
}
.menu-RC li {border-left: 3px solid transparent;transition: all 0.2s ease;position: relative;}
.menu-RC li .cell {display: block;padding: 10px;color: #B0BEC5;text-decoration: none;transition: all 0.2s ease;cursor:pointer;}
.menu-RC li:hover {background: #293949;border-left: 3px solid #000;}
.menu-RC li:hover .cell {color: #fff;}

.alert {color: #fff;padding: 1rem 1.25rem;border: none;border-radius: 0px;overflow: hidden;}
.alert-success {background-color: #00c853;}
.alert-info {background-color: #00b0ff;}
.alert-error {background-color: #d73727;}

/* 下拉单 */
.gl-dropdown {position: relative;display: inline-block;}
.gl-dropdown:hover > .dropdown-content {display:block;z-index:9;}
.gl-dropdown > .dropdown-content {
	display: none;position: absolute;min-width: 142px;
	transition: all 0.3s ease;overflow:hidden;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.gl-dropdown > .dropdown-content a {
	display: block;padding: 10px 16px;text-decoration: none;
	font-size:15px;transition: all 0.25s ease;
	background-color: var(--bg-seco);color: var(--bc13);
}
.gl-dropdown > .dropdown-content a:hover {
	background-color: var(--bg-thri);
}



.tool-nav-bar {
	height:60px;width:calc(100% - 300px);border-radius: 6px;
	background: rgba(40,40,40,0.7);backdrop-filter: blur(16px);
    box-shadow: 0px 6px 10px rgb(0 0 0 / 20%);
	position: fixed;bottom:12px;left:50%;z-index: 9999;
	transform: translateX(-50%);
	overflow-x: auto;overflow-y: hidden;transition:all 0.5s ease;
	user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
}
.tool-nav-bar ul {
	line-height: 60px;margin:0 0;padding: 0;
	display: flex;justify-content: space-around;
}
.tool-nav-bar ul li {
	font-size:16px;color:white;padding: 0 16px;
	transition: all 0.25s ease;
}
.tool-nav-bar ul li.break {
	display: block;width: 1px;height: 40px;
    padding: 0;margin: 10px 0;
    background-color: rgba(255,255,255,0.35);
}
.tool-nav-bar ul li .gi {font-size: 22px;transition: all 0.25s ease;}
.tool-nav-bar ul li:hover {color:rgb(230,230,230);}
.tool-nav-bar ul li:hover .gi {transform: scale(1.1);}
.tool-nav-bar ul img.icon {
	width: 18px;height: 18px;margin-right: 6px;
}
.tool-nav-bar ul li .item-name {display: none;}
.nav-tiper {
	position: absolute;top: 0px;left: 0px;z-index: 99;
    display: block;width: auto;height: auto;
    padding: 4px 12px;font-size: 12px;color: #fff;
    border-radius: 6px;overflow: hidden;
    background: rgba(40,40,40,0.8);backdrop-filter: blur(16px);
}
.more-tool-hidden,.more-JC-hidden {
	width:100%;height:0px;
	overflow: hidden;transition:all 0.5s ease;
	background-color: rgba(0,0,0,0.2);
}



.ly-board-area {position: absolute;width: 100%;height: 100%;}
.ly-board {
	display:none;width:720px;overflow: hidden;
	position:absolute;left:120px;top:50px;background: var(--bg-seco);
	-webkit-box-shadow: 0 0 30px 0.3em rgba(0,0,0,0.2);box-shadow: 0 0 30px 0.3em rgba(0,0,0,0.2);
	transition: width 0.3s ease-in-out;
}
.ly-board.board-output {display:block;width:420px;top:8px;}
.ly-board.gmct-mit-gift {display:block;width:420px;top:8px;left:50%;}
.ly-board.board-cache {display:block;width:660px;top:8px;left:auto;right:80px;}
.ly-board.board-update {
	display:block;width:520px;left: calc(50% - 260px);top: calc(50% - 280px);
}

.ly-board.board-output .ly-body {background-color:#293949;}
.ly-board.board-lock {z-index: 999990 !important;}

.ly-board .ly-content {}
.ly-board > .ly-head {
	height: 40px;width: 100%;display: flex;align-items: center;position: relative;cursor: move;
	user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
}
.ly-board .ly-head .ly-title {margin-left:12px;}
.ly-board .ly-head .board-ops {
	position: absolute;right: 0;padding: 8px 6px;font-size: 16px;
}
.board-ops .op .gi {padding: 2px 6px;cursor: pointer;}
.ly-board > .ly-content > .ly-body {width: 100%;height:450px;padding:20px 12px;overflow-x:hidden;overflow-y:auto;}
.ly-board.gmct-board-info > .ly-content > .ly-body {padding:20px;width: 100%;}
.ly-board .ly-foot {
	height:30px;width: 100%;display: flex;align-items: center;
	position: relative;background: var(--bc2);
}
.ly-board .ly-foot .ly-text {font-size:14px;padding-left:12px;}
.ly-board .ly-foot .gl-label {margin-left: 12px;}

.gmct-skill .ly-line {margin-bottom:20px;}
.ly-line > .ly-head {height: 40px;width: 100%;display: flex;align-items: center;position: relative;}
.ly-line > .ly-head .ly-title {}
.overhide {overflow: hidden;}
.ly-line > .ly-content {
	background: var(--bg-seco);color:var(--bc12);padding:20px 12px;
}
.skill-line-item li,#list-g-skill li.add-skill-2,.g-choose-s-event li,.skill-container.activated .skill-e-add-2 {cursor:pointer;}
.skill-line-item li:before,#list-g-skill li.add-skill-2:before,li.event-chose:before,.skill-container.activated .skill-e-add-2:before {content: '➤ ';font-weight: 600;transition: all 0.2s ease;opacity: 0;position: relative;left: -30px;}
.skill-line-item li:hover:before,#list-g-skill li.add-skill-2:hover:before,li.event-chose:before,.skill-container.activated .skill-e-add-2:hover:before {opacity: 1;left: 0px;}
.skill-line-item li:hover:after {content: '加入事件池' !important;}
#list-g-skill li.add-skill-2:after {content: '添加事件';}
li.event-chose:after {content: '已选择' !important;}
.skill-line-item li:after,#list-g-skill li.add-skill-2:after,li.event-chose:after {font-size: 15px;display: inline-block;float: right;transition: all 0.3s ease;opacity: 0;}
.skill-line-item li:hover:after,#list-g-skill li.add-skill-2:hover:after,li.event-chose:after {opacity: 1;}
.lisy-g-skill-1 .list-g-skill-2 {margin-left:20px;}
.list-g-skill-1,.skill-container {position: relative;}
.list-g-skill-1 .skill-remove,.skill-container.activated .skill-remove {position: absolute;top:2px;right:0px;opacity: 0;}
.list-g-skill-1:hover > .skill-remove,.skill-container.activated:hover .skill-remove {opacity: 1;}
.list-g-skill-1 .add-skill-2,.skill-container.activated > li {transition: all 0.25s ease;}
.list-g-skill-1:hover .add-skill-2,.skill-container.activated:hover > li {margin-right: 66px;}
.skill-container.activated .ly-tab {margin:20px 0px;}

.ly-cell {margin-bottom:20px;padding: 0 16px;}
.ly-cell .ly-title {font-size:1.5rem;font-weight:600;}
.ly-cell .ly-date {color:#888;float: right;}
.ly-cell ul {padding:12px 0px;}
.ly-cell ul li {padding:4px 0px;line-height:20px;}
.ly-cell.api-cell ul a {font-size:14px;}
.ly-hlight {padding: 2px 6px;border-radius: 3px;font-size: 12px;font-weight: 600;vertical-align: middle;}

.gmct-output {}
.gmct-output li {margin-bottom: 16px;padding-bottom: 16px;border-bottom: dashed 2px white;color:#fff;}
.gmct-output li:last-child {border-bottom: none;}
.gmct-output li pre {
	white-space: pre-wrap;word-wrap: break-word;word-break: break-word;
	font-size: 14px;line-height: 17px;font-weight: 500;font-family:"Consolas","Courier New";color:#fff;outline: none;
}


textarea.input {width: 100%;padding: 4px 8px;}
.gmct-color textarea {font-size: 17px;line-height: 1.5;color: inherit;}
.stage .input {width: 100%;font-size: 15px;}

label {display: inline-block;margin-bottom: 8px;color: inherit;font-weight: 400;font-size: 15px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
input[id^=checkbox-],input[id^=cb-] {display:none;}
input[id^=checkbox-]+label,input[id^=cb-]+label {
	display: inline-block;position: relative;padding: 8px 16px;margin:0;
	transition: all 0.2s ease;text-transform: uppercase;
	font-weight: 700;font-size: 14px;text-shadow: 0 1px 0 rgba(0,0,0,.2);
	border-radius: 3px;cursor:pointer;
}
@media screen and (max-width:560px){
	input[id^=checkbox-]+label,input[id^=cb-]+label {padding: 4px 10px;font-size: 12px;font-weight: 500;}
}
input[id^=checkbox-]:not(:checked)+label,input[id^=cb-]:not(:checked)+label {background: transparent;border: 1px solid #888;color: inherit;}
input[id^=checkbox-]:checked+label,input[id^=cb-]:checked+label {border: 1px solid transparent;}
.bg-teal {background-color: #00b5ad;color: #fff;}

.ly-select-box {
	width:165px;height:34px;cursor:pointer;overflow: hidden;
	word-break: break-all;line-height: 32px;
}
.ly-select-box .item-img {width:20px;height:20px;vertical-align: middle;margin-right:4px;}
.input-short {width:52px !important;}
.input-long {width:320px !important;}

.ly-btn {
	display: inline-block;position: relative;padding: 7px 15px;margin:0;
	transition: all 0.2s ease;text-transform: uppercase;
	font-weight: 700;font-size: 13px;text-shadow: 0 1px 0 rgba(0,0,0,.2);
	border-radius: 3px;cursor:pointer;
	line-height: normal;-webkit-appearance: initial;border: none;
}
.ly-tab-line {display: block !important;padding: 6px;border-radius: 5px;margin-bottom:18px;}
.ly-tab-line tr td {
	font-size:inherit;padding: 0px 10px 0px 0px;
	position:relative;vertical-align: middle;
}
.ly-tab tr td {
	font-size:inherit;padding: 0px 10px 6px 0px;position:relative;
	vertical-align: top;
}
.tab-lit tr td {font-size:15px;padding: 0px 10px 6px 0px;position:relative;}
.ly-tab .ops .gi {font-size:17px;margin-right:5px;}
.ly-tab .ops {font-size:12px;}
.ly-tab .ly-title {font-size:20px;font-weight:600;}
#gmct-caches .ly-tab {margin-left: 12px;width: calc(100% - 12px);}
#gmct-caches .ly-tab tr td {
	text-align: center;vertical-align: middle;
}
#gmct-caches .ly-content {padding:20px 0px !important;}

.ly-list li {display: block;padding: 8px;border-radius: 5px;margin-bottom: 5px;}
.ly-list li[data-line-vip]:after {content:"[VIP]";opacity: 1;font-weight: 600;font-size: 15px;display: inline-block;float: right;}
.guessList {
	width: 100%;max-height: 260px;overflow-y: auto;position: absolute;
	box-shadow: 0 15px 35px rgba(50,50,90,0.1), 0 5px 15px rgba(0,0,0,0.07);
	z-index: 9999;
	background-color:var(--bg-seco);color:var(--bc12);
}
.guessList li {
	font-size:15px;padding:4px 0px 4px 10px;
	transition:all 0.2s ease-in-out;cursor:pointer;
}
.guessList li:hover {background-color: var(--bg-seco);}
.UI-dark .guessList li:hover {background-color:rgba(var(--dark-text), .1);}
.guessList img,.item-img {display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:4px;}
.item-img.effect {height: 18px;width: 18px;}
.entitiespos {
	display: inline-block;vertical-align: middle;height: 16px;width: 16px;
	background-image: url('../lib/entities114.png');
	background-repeat: no-repeat;margin:8px 4px 8px 0px;
}
.effectsImg {
	display: inline-block;vertical-align: middle;height: 18px;width: 18px;margin:4px 4px 4px 0px;
	background-image: url('../lib/effects.png');
}
.itemspos {
	display: inline-block;vertical-align: middle;height: 16px;width: 16px;
	background-image: url('../lib/items116.png');
	background-repeat: no-repeat;margin:8px 4px 8px 0px;
}

.bg-green {background-color: #1fa67a;color: white;}

#imgUploadFlex {
	position: fixed;width: 100%;height: 100%;z-index: 99999;
	background: rgba(0,0,0,0.9);color: #fff;
}
#imgUploadFlex .flex-gmct {display:none;margin-bottom:20px;}
#imgUploadFlex .flex-gmct img {display:inline-block;height:64px;width:64px;vertical-align:middle;}
#imgUploadFlex .flex-gmct .text {font-size:28px;color:white;margin-left:16px;vertical-align:middle;}
.progress {
	margin: 32px auto 0 auto;position: relative;
	height: 10px;width:520px;background: #333;
	border-radius: 0;box-shadow: none;
	margin-bottom: 30px;overflow: visible;
}
.progress .progress-bar {
	position: relative;
	float: left;width: 0;height: 100%;
	font-size: 12px;line-height: 20px;text-align: center;
	background-color: #97c513;color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;
}
.progress .progress-value {
	display: block;position: absolute;top: -30px;right: -25px;
	font-size: 16px;font-weight: 600;color: #888;
}
.progress .progress-bar:after {
	content: "";display: inline-block;width: 9px;
	position: absolute;top: -10px;bottom: -10px;right: -2px;z-index: 1;
	background: #fff;transform: rotate(35deg);
}

.bg-mc-sign {
	display: block;height: 128px;width: 256px;
	background-size: 100% 100%;background-image: url(../img/sign.png);background-color: #C0C0C0;
}
.bg-mc-sign .sign-text {
	background: transparent;border: none;
	display: block;width: 256px;
	font-size: 20px;line-height: 32px;color: #000;text-align: center;
}

.colorfulBox {
	display:block;width:auto;padding:10px;
	background-color: var(--bg-seco);text-align:left;
}
.UI-dark .colorfulBox {background-color:rgba(var(--light-bg), 0.2);}
.colorfulBox p {margin-bottom: 8px;}
.colorSet {display:inline-flex;align-items:center;justify-content:space-around;width:25px;height:25px;border-radius:4px;cursor:pointer;margin:0px 5px 0 5px;vertical-align: middle;position: relative;}
.colorfulBox .blackColor {background-color:#262626;color:white;text-align:center;}
.colorfulBox .s-bold:before {content: 'B';width: 100%;font-weight:bold;}
.colorfulBox .s-delline:before {content: '—';width: 100%;}
.colorfulBox .s-underline:before {content: '___';width: 100%;font-size:15px;}
.colorfulBox .s-italic:before {content: 'I';width: 100%;font-style:italic;margin-left:-3px;}
.colorfulBox .s-reset:before {content: 'RE';width: 100%;font-size:15px;}
.colorfulBox .s-random:before {content: attr(data-beforeData);width: 100%;font-size:15px;}

hr {position: relative;margin: 10px auto;border: none;}
.g-colorPicker {
	width: 160px;background-color: #00B3FF;color:#fff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.gxz-gmct-ads {
	display: block;width:320px;height:220px;background: #333;
	position: absolute;top:unset;left:unset;bottom:0;right:0;
	overflow: hidden;
}
.gxz-gmct-ads .ly-content {padding:20px;}
.gxz-gmct-ads .gxz-logo-con {display: flex;align-items: center;justify-content: center;font-size: 13px;width: 100%;color:#fff;}
.gxz-gmct-ads .gxz-logo-con .gxz-logo {width: 50px;height: 50px;display: inline-block;}
.gxz-gmct-ads .gxz-logo-con .gxz-logo-t {
	color: #fff;font-weight: 800;letter-spacing: 5px;font-size:20px;
	display: inline-block;margin-right: 4px;line-height: inherit;white-space: nowrap;
}
.g-m-bottom-12 {margin-bottom:12px;}
.t-center {text-align: center;}
.t-white {color:#fff;}
.t-large {font-size:1.4em;}

svg#gmct-aide {position: fixed;bottom: 6px;right: 6px;height: 64px;width: 64px;cursor:pointer;z-index: 999999;}
svg#gmct-aide > * {display: none;}
svg.fine #fine-emotion {display: block;}
svg.happy #happy-emotion {display: block;}
svg.sad #sad-emotion {display: block;}

svg.fine .face-container{-webkit-animation:rotateLeftToRight 3s infinite;animation:rotateLeftToRight 3s infinite}
svg.fine .face-upAndDown{-webkit-animation:fineUpAndDown 3s infinite;animation:fineUpAndDown 3s infinite}
svg.fine .left-eye,svg.fine .right-eye{opacity:1;-webkit-transform-origin:0 1px;transform-origin:0 1px;-webkit-animation:blink 3s linear infinite,blinkSqueeze 3s linear infinite;animation:blink 3s linear infinite,blinkSqueeze 3s linear infinite}

svg.happy .face{-webkit-animation:upAndDown .8s ease infinite;animation:upAndDown .8s ease infinite}
svg.happy .scaleFace{-webkit-transform-origin:35px 20px;transform-origin:35px 20px;-webkit-transform:rotate(12deg);transform:rotate(12deg)}

svg.sad{width:10em;height:10em}
svg.sad .face{-webkit-animation:leftToRight .4s linear infinite alternate-reverse;animation:leftToRight .4s linear infinite alternate-reverse}
svg.sad .left-eye,svg.sad .right-eye{opacity:1;-webkit-transform-origin:0 1px;transform-origin:0 1px;-webkit-animation:blink 3s linear infinite,blinkSqueeze 3s linear infinite;animation:blink 3s linear infinite,blinkSqueeze 3s linear infinite}
svg.sad .mouth{padding-top:20px}

@-webkit-keyframes leftToRight {
	0% { -webkit-transform: translate(-1px, 4px); transform: translate(-1px, 4px); }
	100% { -webkit-transform: translate(1px, 4px); transform: translate(1px, 4px); }
}
@keyframes leftToRight {
	0% { -webkit-transform: translate(-1px, 4px); transform: translate(-1px, 4px); }
	100% { -webkit-transform: translate(1px, 4px); transform: translate(1px, 4px); }
}

@-webkit-keyframes rotateLeftToRight{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}100%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
}@keyframes rotateLeftToRight{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}100%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
}

@-webkit-keyframes fineUpAndDown{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
75%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}@keyframes fineUpAndDown{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
75%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}

@-webkit-keyframes upAndDown{0%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
50%{-webkit-transform:translate(0,2px);transform:translate(0,2px)}100%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
}@keyframes upAndDown{0%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
50%{-webkit-transform:translate(0,2px);transform:translate(0,2px)}100%{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
}

@-webkit-keyframes blink{0%{opacity:1}45%{opacity:1}50%{opacity:0}55%{opacity:1}100%{opacity:1}
}@keyframes blink{0{opacity:1}45%{opacity:1}50%{opacity:0}55%{opacity:1}100%{opacity:1}
}@-webkit-keyframes blinkSqueeze{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
45%{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform:scale(1,0);transform:scale(1,0)}
55%{-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
}@keyframes blinkSqueeze{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}45%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{-webkit-transform:scale(1,0);transform:scale(1,0)}55%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}

#aide-dialog {
	display: inline-block;max-width: 420px;height: auto;
	position: fixed;bottom: 82px;right: 20px;z-index: 999999;
	padding: 8px;border-radius: 8px;color: #fff;
    font-size: 17px;text-align: left;line-height: 25px;
	background: #06c;filter: drop-shadow(2px 2px 2px rgba(0,0,0,.8));
}
#aide-dialog::after {
	content: '';position: absolute;bottom: 1px;right: 3px;
	display: block;width: 0;height: 0;margin-left: 0px;
	transform: translateY(20px);border: 10px solid transparent;border-top-color: #06c;
}

#aide-dialog .container {width: 100%;}
#aide-dialog .ly-board {display: block;position: relative;top:0;left:0;}
#aide-dialog .ly-head {height: 40px;width: 100%;display: flex;align-items: center;}
#aide-dialog .ly-body {height:450px;padding:20px 0px;overflow-x:hidden;overflow-y:auto;}
#aide-dialog .ly-docs {color:rgba(var(--light-text),0.9);}
.UI-dark #aide-dialog .ly-docs {color:rgba(var(--dark-text),0.9);}
#aide-dialog .ly-docs p {margin-left: 12px;color: #fff;}
#aide-dialog .dialog-qqinfo {display: block;font-size: 14px;margin-top:6px;text-align: right;}

.image_detail {flex-wrap: nowrap !important;}
#gmct-tip {
	display: block;z-index: 999999;padding: 8px 16px;font-size: 16px;border-radius: 3px;
	word-break: all;max-width: 420px;
	background: var(--bg);color: var(--bc3);
	box-shadow: 0 1px 10px rgba(20, 20, 20, 0.4);
}

.ga-zoomIn {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomIn {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoomIn {from {transform:scale(0)}to {transform:scale(1)}}



.bg-white{background-color:#fff;color:#000}.bg-black{background-color:#000;color:#fff}
.bg-green{background-color:#29c75f;color:#fff}.bg-lit-green{background-color:#25dbaf;color:#fff}
.bg-red{background-color:#ff5722;color:#fff}.bg-dark-red{background-color:#dc3103;color:#fff}
.bg-yellow{background-color:#ffdf00;color:#fff}.bg-gold{background-color:#fbba00;color:#fff}
.bg-aqua{background-color:#00b3ff;color:#fff}.bg-blue{background-color:#4080ff;color:#fff}
.bg-teal{background-color:#00b5ad;color:#fff}.bg-purple{background-color:#7b64c0;color:#fff}
.bg-pink{background-color:#ffc0cb;color:#fff}.bg-gray{background-color:#b4b4b4;color:#fff}
.bg-dark-gray{background-color:#505050;color:#fff}.bg-aqua-blue{background:linear-gradient(90deg,#00b3ff,#4080ff);color:#fff}
.bg-yellow-gold{background:linear-gradient(90deg,#e8c217,#f99500);color:#fff}.bg-blue-purple{background:linear-gradient(-30deg,#7b64c0,#4080ff);color:#fff}
.bg-green-purple{background-image:linear-gradient(30deg,rgba(121,110,255,0.95),rgba(33,200,122,0.95));color:#fff}


code,kbd,.code-box,.code-list .code{font-size:80%;word-break:break-all;white-space:pre-wrap;background-color:var(--base-14);border-radius:3px;font-family:"Monaco","Courier New",sans-serif}
.code{font-family:"Monaco","Courier New",sans-serif}
code{padding:2px 6px;color:#e82424}.code-box{display:block;padding:.5em 1em}kbd{padding:2px 4px;word-break:break-word;color:var(--base-16);background-color:var(--base-2)}

.gl-label{--py:4px;--px:12px;--fs:13px;padding:var(--py) var(--px);font-size:var(--fs);line-height:var(--fs);display:inline-block;border-radius:2px}
.gl-label.sm{--py:2px;--px:6px;--fs:12px}.gl-label.lg{--py:8px;--px:24px;--fs:16px}
.gl-label.line{border:1px solid var(--base-5)}