.common-select{position:relative;width:104px}.common-select .select-dropdown{position:absolute;transform:translateY(calc(-100% - 40px));transition:all .3s;width:100%;z-index:99}.common-select .select-dropdown .select-dropdown-list{background-color:#ededff;border-radius:10px;position:relative}.common-select .select-dropdown .select-dropdown-list:after{background:linear-gradient(180deg,#5258f6,#e34ff7);border-radius:10px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}.common-select .select-dropdown .select-dropdown-list ul{padding:18px 0;position:relative;z-index:100}.common-select .select-dropdown .select-dropdown-list ul li{color:#777778;font-size:14px;height:32px;line-height:32px;padding:0 12px}.common-select .select-dropdown .select-dropdown-list ul li.active{background-color:#d6d6ff;color:#001948;font-weight:600;margin:0 2px;width:calc(100% - 4px)}.select-wrapper{align-items:center;background-color:#eef;border-radius:10px;cursor:pointer;display:flex;height:36px;padding:0 28px 0 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-wrapper.open:after{background:linear-gradient(180deg,#5258f6,#e34ff7);border-radius:10px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}.select-wrapper:hover:after{border-radius:10px}.select-wrapper.open svg{color:#001948;transform:translateY(-50%) rotate(-90deg)}.select-wrapper .selet-content{color:#777778;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-wrapper.open .selet-content{color:#001948}.select-wrapper svg{color:#777778;position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(90deg);transition:transform .3s}