body{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.logo{background-color:#d6edff;display:inline-block;vertical-align:middle}nav ul{background-color:#369ae6;color:#fff;text-align:left}nav ul li,nav ul li a{color:#fff;display:inline-block}nav ul li a{border-radius:.3rem;font-size:.92rem;margin-left:.618rem;padding:.5rem;text-align:center}nav ul li a:active,nav ul li a:hover{background-color:#d6edff;color:#369ae6}nav ul li a:active{transform:translateY(2px)}#logo-link{font-size:.8rem;margin:0;padding:0 .618rem 0 0}#headimg-box{border-radius:.3rem;margin:.5rem 0;position:absolute;right:.233rem}a{color:#369ae6;text-decoration:none}a:hover{color:red;font-weight:700}.li-item{list-style:none;margin:0 1rem;padding:.618rem}#icon-home{color:#777}#icon-home:hover{color:#999}::-webkit-scrollbar{background-color:#f5f6f7;width:8px}::-webkit-scrollbar-track{border-radius:6px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px #369ae6}#nav-top{background-color:#369ae6;border-radius:.25rem;-webkit-box-shadow:0 0 8px #c7c7c7;-moz-box-shadow:0 0 8px #c7c7c7;box-shadow:0 0 8px #c7c7c7;margin:.712rem 0}#nav-light{background-color:#f5f6f7;text-align:left}.app-item,.nav-item{color:#fff;display:inline-block;padding:1rem;text-decoration:none}.nav-item{font-size:.899rem;padding:.518rem .818rem}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}.valign-bottom{display:inline-block;vertical-align:bottom}.img-index{height:100%;object-fit:cover;width:100%}.tencent-cloud img{width:100%}.tencent-cloud img:hover{opacity:.6}.copyright{margin:1.6rem 0}svg{margin:auto}#button{cursor:pointer}.graphe_container{-moz-transform-origin:160px 160px;-ms-transform-origin:160px 160px;-o-transform-origin:160px 160px;-webkit-transform-origin:160px 160px;transform-origin:160px 160px}circle,rect{user-select:none;-webkit-user-select:none;-moz-user-select:none}.color-helper h2{font-size:1.2rem}.span-blue{border:none;border-radius:.1rem;color:#369ae6;font-size:.8rem;margin:0 .5rem;padding:.1rem .2rem;width:5.5rem}.span-blue:hover{font-weight:700}.span-blue:active{font-weight:700;opacity:.6rem}.breadcrumb{display:inline-block;font-size:1rem;font-weight:400}#color-board{margin-top:1rem}#color-demo{border-radius:1rem;color:#fff;display:block;font-size:.8rem;font-weight:700;height:1.5rem;line-height:1.4rem;margin-left:8.4%;width:82%}.warning{font-size:.8rem;height:2.33rem;line-height:1.5rem;width:100%}.format{font-family:Arial,Helvetica,sans-serif;padding:1rem}.format span{display:inline-block;padding:.2rem 0;width:4rem}.format .button{background-color:#369ae6;border:none;border-radius:.1rem;-webkit-box-shadow:0 0 8px #c7c7c7;-moz-box-shadow:0 0 8px #c7c7c7;box-shadow:0 0 8px #c7c7c7;color:#fff;font-size:.8rem;margin:0 .5rem;padding:.2rem;width:5.5rem}.format .button:hover{border:none;font-weight:400;opacity:.9}.format .button:active{border:none;font-weight:400;opacity:.6}.color-input{border:1px solid #000;border-radius:.3rem;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;letter-spacing:.1px;padding:.2rem .5rem}.coler-helper-doc{margin-left:8.8%;text-align:left;width:80%}.coler-helper-doc img{max-width:36rem;width:100%}#color tr td:nth-of-type(2),#color tr td:nth-of-type(3){display:none}.txt-copyright{word-wrap:break-word;font-size:.92rem;margin:3.33rem .33rem 1.2rem;padding:.33rem 1rem;text-align:center;word-break:break-all}.txt-copyright span{min-width:6.33rem}@media (min-width:488px){#color-demo{border-radius:1rem;display:inline-block;height:7rem;line-height:1.55rem;margin-left:0;padding:.5rem .5rem 0;width:1rem}#color tr td:nth-of-type(2),#color tr td:nth-of-type(3){display:table-cell}}#color_code{user-select:all;-webkit-user-select:all;-moz-user-select:all}