@charset "utf-8";html,body,div,span,i,p,label,a,input,select,ul,li{margin:0;padding:0}html,body{width:100%;height:100%;font-family:Microsoft YaHei;font-size:16px;font-weight:400;text-align:left;color:#1f1f1f;box-sizing:border-box}a{text-decoration:none}li{list-style:none}i{font-style:normal}input{outline:none}h3{margin:10px 20px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.container{width:100%;height:100%;overflow:hidden}.leftContent{width:700px;height:100%;float:left}.rightContent{width:calc(100% - 700px);height:100%;float:left}.demoView{width:540px;padding:10px 20px;height:30px;line-height:30px}.demoTitle{width:330px;text-align:right;padding-right:10px;float:left}.selectSearchArea{width:170px;height:100%;float:left;position:relative}.multiFunctionSelect{width:100%;height:100%;border:1px solid #e2e2e2;border-radius:4px;padding-left:10px;padding-right:30px;box-sizing:border-box}.multiFunctionSelect:hover{border:1px solid #5a8ab7}.selectSearchArea>i{position:absolute;right:10px;top:0;color:#c1c1c1}.selectSearchArea>.multiFunctionSelectList{position:absolute;width:100%;max-height:180px;top:30px;left:0;overflow:auto;border:1px solid #e2e2e2;box-sizing:border-box;font-size:.875rem;z-index:2;background-color:#fff}.selectSearchArea>.multiFunctionSelectList>li{padding:0 10px;cursor:pointer;overflow:hidden;height:30px;text-overflow:ellipsis;white-space:nowrap}.selectSearchArea>.multiFunctionSelectList>li:hover{background-color:#2da5e6;color:#fff}.selectSearchArea>.multiFunctionSelectList>li.active{background-color:#2da5e6;color:#fff}.selectSearchArea>.maskLayer{width:100%;position:absolute;left:0;background-color:#eceff3;opacity:.8;z-index:10;display:flex;justify-content:center;align-items:center;font-size:14px;color:#1194ff}.selectSearchArea>.maskLayer>.loadingImg{font-size:26px;color:#1194ff;background-color:#eceff3;animation:rotateImg 3s linear infinite;-webkit-animation:rotateImg 3s linear infinite}@keyframes rotateImg{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotateImg{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}