*{margin:0;padding:0}#app{overflow-x:hidden;position:relative}li{list-style-type:none}a{text-decoration:none}h3{text-align:center;margin:10px 0;font-size:20px}.common-title{display:flex;flex-direction:row;margin:10px 0;align-items:center;justify-content:space-between}.main{position:relative;height:340px;background-color:#f4f4f4;overflow:visible}.maincontent{width:100%;height:100%;border:0;outline:none;padding:10px;box-sizing:border-box;font-size:14px;position:absolute}.maincontent:empty:before{content:attr(data-placeholder);color:#9f9f9f}.digtext{display:flex;flex-direction:row;position:absolute;z-index:2;top:0;left:0;margin:5px}.digtext .child{background-color:#fff;padding:10px 20px;font-size:14px;border-radius:3px 0 0 3px;border:0;outline:none;line-height:1.5;word-break:break-all;max-width:100%}.digtext .clear{background-color:#d7d7d7;padding:10px;border-radius:0 3px 3px 0;cursor:pointer}select{max-width:300px;background-color:#d2d2d2;border:0;padding:10px 0;box-sizing:border-box}option,select{width:100%;text-align:center}.submit{background-color:#3684ca;color:#fff;cursor:pointer;padding:10px 0;text-align:center;width:200px;border-radius:4px;margin-left:auto;margin-right:auto;margin-top:20px}.transbody{padding:0 8px;margin-top:30px}.result,.transbody{box-sizing:border-box}.result{padding:20px 10px;width:100%;font-size:18px}.navbar{width:100%;position:relative;height:62px}.navbar ul{display:flex;flex-direction:row;align-items:center}.navbar ul li{cursor:pointer;flex:1;height:100%;text-align:center;line-height:60px}.edge{width:100%}.edge ul{display:flex;flex-direction:row}.edge ul li{flex:1;height:2px}.edge ul .active{background-color:#3684ca}.setting{text-align:right;width:100%;font-size:13px}.langlist{padding:20px 10px;box-sizing:border-box}.langlist .lannav span{color:#3684ca;cursor:pointer}.lan-selected-list{margin:10px 0}.lan-selected-list li{display:inline-block;font-size:14px;font-weight:700;margin-right:10px}.CheckBox{width:100%;display:flex;flex-wrap:wrap;margin:50px auto;margin-bottom:20px}.CheckItem{margin:0 30px 30px 0}.CheckItem,.select{display:flex;align-items:center}.select{width:15px;height:15px;border-radius:2px;border:1px solid #ccc;justify-content:center;cursor:pointer;margin-right:10px}.selectActv:before{display:block;content:"";width:5px;height:12px;border-bottom:2px solid #aaa;border-right:2px solid #aaa;transform:rotate(45deg)}.selectAll{display:flex}.content,.lanselection{width:100%;margin-top:20px}.lanselection{display:flex;flex-direction:row;justify-content:center;align-items:center}.lanselection span{display:block;margin-right:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.notification{background:rgba(54,132,202,.91);padding:15px 20px;font-size:16px;border-radius:5px;z-index:10;color:#fff;font-weight:700}#loading-container,.notification{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}@-webkit-keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg);-ms-transform:rotate(1turn)}}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg);-ms-transform:rotate(1turn)}}#loading-container .spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}#loading-container .spinner .path{stroke-dasharray:187;stroke-dashoffset:50;transform-origin:center;stroke:#3684ca;-webkit-animation:dash 1.4s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter{transform:translateX(100%)}.slide-leave-to{transform:translateX(-100%)}