#main-drop{height:100%}.menu,.menu ul{list-style:none;margin:0;padding:0}.menu{height:100%}.menu .topLi{height:100%;margin:0 3px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu .topLi,.titleUl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.titleUl{background-color:var(--main-bg-tw);border-radius:60px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5),0 0 5px hsla(0,0%,100%,.5);box-shadow:inset 0 0 5px #00000080,0 0 5px #ffffff80;color:var(--color-text);font-weight:500;height:85%;width:100%}.titleUl .elIcon{height:100%;margin-left:80%;position:absolute;width:30px}.titleUl:hover{background-color:var(--color-background-vk)}.menu>li{display:block;float:left;position:relative}.menu>li:first-child{border-radius:5px 0 0}.menu a{border-left:3px solid rgba(0,0,0,0);color:gray;display:block;font-size:18px;line-height:54px;padding:0 25px;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.topUl{position:fixed;width:300px;z-index:999}.topUl .submenu{position:relative;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:999}.topUl .submenu,.topUl .submenu .subSon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.topUl .submenu .subSon{background-color:var(--main-bg-tw);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5),0 0 5px hsla(0,0%,100%,.5);box-shadow:inset 0 0 5px #00000080,0 0 5px #ffffff80;height:1rem;text-align:center}.topUl .submenu .subSon:hover{background-color:var(--color-background-vk)}.topUl .submenu div{border-radius:60px;color:var(--color-text);display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;margin:5px;opacity:0;text-align:center;width:46%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;font-size:15px;font-weight:500;justify-content:space-evenly;-webkit-transform:rotateY(190deg);-ms-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:opacity .4s,-webkit-transform .5s;transition:opacity .4s,-webkit-transform .5s;transition:opacity .4s,transform .5s;transition:opacity .4s,transform .5s,-webkit-transform .5s;white-space:nowrap}.topUl .submenu .isColor{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5),0 0 5px hsla(0,0%,100%,.5);box-shadow:inset 0 0 5px #00000080,0 0 5px #ffffff80;height:30px;width:30px}.topUl .textarea-ratio{background-color:var(--col-bg-nt);border-radius:30px;-webkit-box-shadow:0 0 20px var(--color-text);box-shadow:0 0 20px var(--color-text);font-weight:500;height:1.7rem;padding:0 .2rem;white-space:nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.topUl .textarea-ratio,.topUl .textarea-ratio .textarea-ratio-col{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topUl .textarea-ratio .textarea-ratio-col label:first-child{font-size:.25rem}.topUl .textarea-ratio .textarea-ratio-col label:nth-child(2){font-size:.4rem;padding:0 .1rem}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1 textarea{background-color:var(--main-bg-tw);border:1px dashed var(--color-text);border-radius:30px;color:var(--color-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.23rem;font-weight:500;height:.5rem;outline:none;text-align:center;width:45%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.7;resize:none}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1 textarea::-webkit-input-placeholder{text-align:center}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1 textarea::-moz-placeholder{text-align:center}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1 textarea:-ms-input-placeholder{text-align:center}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1 textarea::-ms-input-placeholder{text-align:center}.topUl .textarea-ratio .textarea-ratio-col .textarea-ratio-son1 textarea::placeholder{text-align:center}.topUl .textarea-ratio .prompt{color:var(--color-cale-text);font-size:.24rem}.menu>div:focus .submenu div,.menu>div:hover .submenu div{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.isClickMenu div{opacity:1!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.submenu div:first-child{-webkit-transition-delay:.35s;transition-delay:.35s}.submenu div:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.submenu div:nth-child(3){-webkit-transition-delay:.25s;transition-delay:.25s}.submenu div:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.submenu div:nth-child(5){-webkit-transition-delay:.15s;transition-delay:.15s}.submenu div:nth-child(6){-webkit-transition-delay:.1s;transition-delay:.1s}.submenu div:nth-child(7){-webkit-transition-delay:50ms;transition-delay:50ms}.submenu div:nth-child(8){-webkit-transition-delay:0s;transition-delay:0s}