#root,body,html{height:100%;background-color:#fff}#root{padding:.25rem;margin-top:-.15rem}.referrer-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#f7f6ff;margin:0 atuo}.referrer-logo{width:.98rem;height:.19rem;margin-top:.2rem}.referrer-title{font-size:.2rem;font-weight:700;color:#f5a623;line-height:.28rem;margin-top:.56rem}.referrer-content{margin-top:.16rem}.referrer-text{font-size:.16rem;line-height:.3rem;color:#857dd1;text-align:center}.referrer-input-container{display:flex;padding-top:.5rem}.referrer-input{width:1.72rem;height:.36rem;outline:none;border:1px solid silver;font-size:.14rem;padding:.09rem 0 .09rem .16rem;color:#4a4a4a;display:block;border-top-right-radius:.22rem;border-bottom-right-radius:.22rem;background-color:transparent;transition:background .3s;box-shadow:none;border-top-left-radius:0;border-bottom-left-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.referrer-input:focus{background-color:#fff;transition:background .3s}.referrer-input::-webkit-input-placeholder{color:silver}.referrer-input::-ms-input-placeholder{color:silver}.referrer-input::-moz-placeholder{color:silver}.referrer-submit{color:#fff;width:2.66rem;height:.4rem;background-image:linear-gradient(270deg,#9f7bd7,#6e60c2);border-radius:.22rem;display:block;font-size:.16rem;margin-top:.24rem;border:none}.referrer-submit:disabled{background-image:none;background-color:#d8d8d8;color:#aaa}.referrer-submit:focus{outline:none}.referrer-select{border:none;padding:.09rem 0 .09rem .12rem;width:.94rem;height:.36rem;border-top-left-radius:.22rem;border-bottom-left-radius:.22rem;border:1px solid silver;color:#4a4a4a;font-size:.14rem;outline:none;background-color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;transition:background .3s}.referrer-select:focus{outline:none;background-color:#fff;transition:background .3s}