body{background:#f8f9fc}textarea{font-family:var(--content-font-family)}@media (min-width:720px){.page-1{margin:64px auto 160px;width:1008px}.page-1 .page_header{font-weight:700;font-size:24px;color:#2d2d2d}.page-1 .card{padding:0 40px;background:#fff;border-radius:12px}.page-1 .card_1{margin-top:32px;padding-top:24px;padding-bottom:64px}.page-1 .card_1 .group_form{display:flex;justify-content:space-between}.page-1 .card_1 .group_form .form{width:440px}.page-1 .card_2{margin-top:40px;padding-top:32px;padding-bottom:48px}.page-1 .form .form_header{font-weight:700;font-size:18px;color:#2d2d2d;padding-bottom:24px;border-bottom:1px solid #edeff2}.page-1 .form .wrapper_btn{margin-top:40px;display:flex;justify-content:center}.page-1 .form .wrapper_btn button{outline:0;border:0;height:48px;line-height:48px;min-width:180px;padding:0 24px;text-align:center;background-image:linear-gradient(135deg,#ffeb00,#ffd200);border-radius:24px;font-weight:700;font-size:14px;color:#2d2d2d}.page-1 .form .wrapper_btn button[disabled]{opacity:.6;cursor:not-allowed}.page-1 .form .list_form_item{margin:8px -5px 0;display:flex;flex-wrap:wrap}.page-1 .form .list_form_item .form_item{flex:none;margin:24px 5px 0;width:calc(100% - 10px)}.page-1 .form .list_form_item .form_item.sm{width:calc(50% - 10px)}.page-1 .form .list_form_item .form_item .tip-error{margin-top:4px;font-size:12px;color:#f13649}.page-1 .form .form_label{font-weight:700;font-size:14px;color:#2d2d2d;margin-bottom:10px}.page-1 .form .form_label .symbol{color:#f13649}.page-1 .form .input,.page-1 .form .textarea{outline:none;width:100%;padding:13px;border:1px solid #e1e3e6;border-radius:6px;font-size:14px;line-height:20px;color:#2d2d2d;transition:border .2s}.page-1 .form .input.error,.page-1 .form .textarea.error{border-color:#f13649}.page-1 .form .input:focus,.page-1 .form .textarea:focus{border-color:#ffd200}.page-1 .form .input::-moz-placeholder,.page-1 .form .textarea::-moz-placeholder{color:#afb1b4}.page-1 .form .input:-ms-input-placeholder,.page-1 .form .textarea:-ms-input-placeholder{color:#afb1b4}.page-1 .form .input::placeholder,.page-1 .form .textarea::placeholder{color:#afb1b4}.page-1 .form .input_wrapper{display:flex;flex-direction:column;align-items:flex-end}.page-1 .form .input_wrapper .input_count{margin-top:8px;font-size:12px;font-weight:400;color:#76767f}.page-1 .form .textarea{resize:none;height:360px}.page-1 .form .radio{display:flex;margin:0 -5px}.page-1 .form .radio .option{flex:none;margin:0 5px;width:calc(50% - 10px);padding:13px;border:1px solid #e1e3e6;border-radius:6px;font-size:14px;line-height:20px;color:#2d2d2d;text-align:center;cursor:pointer;transition:border .2s}.page-1 .form .radio .option.selected{border-color:#ffd200}.page-1 .flex_box{display:flex;margin:0 -5px}.page-1 .flex_box .item_none{flex:none;width:90px;margin:0 5px}.page-1 .flex_box .item_auto{flex:auto;margin:0 5px}.page-1 .grid_box{display:flex;flex-wrap:wrap;margin:-10px -5px 0}.page-1 .grid_box .item_sm{flex:none;margin:10px 5px 0;width:calc(50% - 10px)}.page-1 .grid_box .item_lg{flex:auto;margin:10px 5px 0;width:calc(100% - 10px)}.page-1 .dropdown .trigger{position:relative;cursor:pointer}.page-1 .dropdown .trigger .icon{position:absolute;right:14px;top:14px;width:20px}.page-1 .dropdown .trigger .input{padding-right:48px}.page-1 .dropdown .trigger.open .input{border-color:#ffd200}.page-1 .dropdown .trigger.open .icon{transform:rotate(180deg)}.page-1 .dropdown .options{background-color:#fff;padding:8px;border:1px solid #e1e3e6;border-radius:6px}.page-1 .dropdown .options .scroller{overflow:auto;max-height:260px}.page-1 .dropdown .options .scroller::-webkit-scrollbar{-webkit-appearance:none;width:5px}.page-1 .dropdown .options .scroller::-webkit-scrollbar-track{background:transparent}.page-1 .dropdown .options .scroller::-webkit-scrollbar-thumb{background:#e1e3e6;border-radius:3px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}.page-1 .dropdown .options .option{font-size:14px;line-height:20px;color:#2d2d2d;padding:10px;border-radius:4px;cursor:pointer;transition:background .2s}.page-1 .dropdown .options .option:not(:first-child){margin-top:4px}.page-1 .dropdown .options .option.selected,.page-1 .dropdown .options .option:hover{background:#f8f9fc}.page-1 .cascader{max-width:440px}.page-1 .cascader .trigger{position:relative}.page-1 .cascader .trigger .icon-delete,.page-1 .cascader .trigger .icon-down{position:absolute;right:14px;top:14px;width:20px;cursor:pointer}.page-1 .cascader .trigger .icon-delete{display:none}.page-1 .cascader .trigger.open .input-multi{border-color:#ffd200}.page-1 .cascader .trigger.open .icon-down{transform:rotate(180deg)}.page-1 .cascader .trigger:hover .icon-delete{display:block}.page-1 .cascader .options{background:#fff;border:1px solid #e1e3e6;border-radius:6px;display:flex}.page-1 .cascader .options .level{padding:8px;width:200px;max-height:280px;overflow-y:scroll}.page-1 .cascader .options .level:not(:first-child){border-left:1px solid #e1e3e6}.page-1 .cascader .options .level::-webkit-scrollbar-thumb{background:#e1e3e6}.page-1 .cascader .options .level::-webkit-scrollbar{width:2px}.page-1 .cascader .options .level .option{position:relative;font-size:14px;line-height:20px;color:#2d2d2d;padding:10px 32px;border-radius:4px;cursor:pointer;transition:background .2s}.page-1 .cascader .options .level .option:not(:first-child){margin-top:4px}.page-1 .cascader .options .level .option.selected,.page-1 .cascader .options .level .option:hover{background:#f8f9fc}.page-1 .cascader .options .level .option .icon-state{position:absolute;left:4px;top:8px;width:24px}.page-1 .cascader .options .level .option .icon-arrow{position:absolute;right:6px;top:10px;width:20px}.page-1 .input-multi{width:100%;padding:7px 44px 7px 7px;border:1px solid #e1e3e6;border-radius:6px;display:flex;transition:border .2s}.page-1 .input-multi .tag{padding:6px;background:#f1f2f5;border-radius:4px;font-size:13px;line-height:20px;color:#afb1b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-1 .input-multi .tag:not(:first-child){flex:none;margin-left:4px}.page-1 .input-multi .placeholder{padding:6px;font-size:14px;line-height:20px;color:#afb1b4}.page-1 .input-multi.error{border-color:#f13649}.page-1 .input-multi.focus{border-color:#ffd200}.page-2{margin:64px auto 300px;width:800px}.page-2 .card{background:#fff;border-radius:12px;height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 160px}.page-2 .card .icon{height:48px}.page-2 .card .text-1{margin-top:16px;font-weight:700;font-size:24px;color:#2d2d2d;text-align:center}.page-2 .card .text-2{margin-top:24px;font-size:14px;color:#2d2d2d;text-align:center}.page-2 .card .text-2 a{color:#4795e9;text-decoration:underline}.page-2 .card .btn{outline:0;border:0;margin-top:64px;background-image:linear-gradient(135deg,#ffeb00,#ffd200);border-radius:24px;min-width:180px;padding:0 24px;text-align:center;height:48px;line-height:48px;font-weight:700;font-size:14px;color:#2d2d2d}.cascader{display:block}.cascader-m{display:none}}@media (max-width:719px){.page-1{margin:24px auto 0}.page-1 .page_header{padding:0 16px;font-weight:700;font-size:20px;color:#2d2d2d}.page-1 .card_1,.page-1 .card_1 .group_form .form:not(:first-child),.page-1 .card_2{margin-top:18px}.page-1 .card_2 .form{padding-bottom:40px}.page-1 .form{padding:28px 16px;background-color:#fff}.page-1 .form .form_header{font-weight:700;font-size:18px;color:#2d2d2d;padding-bottom:24px;border-bottom:1px solid #edeff2}.page-1 .form .wrapper_btn{margin-top:30px;display:flex;justify-content:center}.page-1 .form .wrapper_btn button{outline:0;border:0;height:48px;line-height:48px;min-width:180px;padding:0 24px;text-align:center;background-image:linear-gradient(135deg,#ffeb00,#ffd200);border-radius:24px;font-weight:700;font-size:14px;color:#2d2d2d}.page-1 .form .wrapper_btn button[disabled]{opacity:.6;cursor:not-allowed}.page-1 .form .list_form_item{margin:8px -5px 0;display:flex;flex-wrap:wrap}.page-1 .form .list_form_item .form_item{flex:none;margin:24px 5px 0;width:calc(100% - 10px)}.page-1 .form .list_form_item .form_item.sm{width:calc(50% - 10px)}.page-1 .form .list_form_item .form_item .tip-error{margin-top:4px;font-size:12px;color:#f13649}.page-1 .form .form_label{font-weight:700;font-size:14px;color:#2d2d2d;margin-bottom:10px}.page-1 .form .form_label .symbol{color:#f13649}.page-1 .form .input,.page-1 .form .textarea{outline:none;width:100%;padding:13px;border:1px solid #e1e3e6;border-radius:6px;font-size:14px;line-height:20px;color:#2d2d2d;transition:border .2s}.page-1 .form .input.error,.page-1 .form .textarea.error{border-color:#f13649}.page-1 .form .input:focus,.page-1 .form .textarea:focus{border-color:#ffd200}.page-1 .form .input::-moz-placeholder,.page-1 .form .textarea::-moz-placeholder{color:#afb1b4}.page-1 .form .input:-ms-input-placeholder,.page-1 .form .textarea:-ms-input-placeholder{color:#afb1b4}.page-1 .form .input::placeholder,.page-1 .form .textarea::placeholder{color:#afb1b4}.page-1 .form .input_wrapper{display:flex;flex-direction:column;align-items:flex-end}.page-1 .form .input_wrapper .input_count{margin-top:8px;font-size:12px;font-weight:400;color:#76767f}.page-1 .form .textarea{resize:none;height:360px}.page-1 .form .radio{display:flex;margin:0 -5px}.page-1 .form .radio .option{flex:none;margin:0 5px;width:calc(50% - 10px);padding:13px;border:1px solid #e1e3e6;border-radius:6px;font-size:14px;line-height:20px;color:#2d2d2d;text-align:center;cursor:pointer;transition:border .2s}.page-1 .form .radio .option.selected{border-color:#ffd200}.page-1 .flex_box{display:flex;margin:0 -5px}.page-1 .flex_box .item_none{flex:none;width:90px;margin:0 5px}.page-1 .flex_box .item_auto{flex:auto;margin:0 5px}.page-1 .grid_box{display:flex;flex-wrap:wrap;margin:-10px -5px 0}.page-1 .grid_box .item_sm{flex:none;margin:10px 5px 0;width:calc(50% - 10px)}.page-1 .grid_box .item_lg{flex:auto;margin:10px 5px 0;width:calc(100% - 10px)}.page-1 .dropdown .trigger{position:relative;cursor:pointer}.page-1 .dropdown .trigger .icon{position:absolute;right:14px;top:14px;width:20px}.page-1 .dropdown .trigger.open .input{border-color:#ffd200}.page-1 .dropdown .trigger.open .icon{transform:rotate(180deg)}.page-1 .dropdown .options{background-color:#fff;padding:8px;border:1px solid #e1e3e6;border-radius:6px}.page-1 .dropdown .options .scroller{overflow:auto;max-height:260px}.page-1 .dropdown .options .scroller::-webkit-scrollbar{-webkit-appearance:none;width:5px}.page-1 .dropdown .options .scroller::-webkit-scrollbar-track{background:transparent}.page-1 .dropdown .options .scroller::-webkit-scrollbar-thumb{background:#e1e3e6;border-radius:3px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}.page-1 .dropdown .options .option{font-size:14px;line-height:20px;color:#2d2d2d;padding:10px;border-radius:4px;cursor:pointer;transition:background .2s}.page-1 .dropdown .options .option:not(:first-child){margin-top:4px}.page-1 .dropdown .options .option.selected,.page-1 .dropdown .options .option:hover{background:#f8f9fc}.page-1 .cascader-m{max-width:440px}.page-1 .cascader-m .trigger{position:relative}.page-1 .cascader-m .trigger .icon-delete,.page-1 .cascader-m .trigger .icon-down{position:absolute;right:14px;top:14px;width:20px;cursor:pointer}.page-1 .cascader-m .trigger .icon-delete{display:none}.page-1 .cascader-m .trigger.open .input-multi{border-color:#ffd200}.page-1 .cascader-m .trigger.open .icon-down{transform:rotate(180deg)}.page-1 .cascader-m .trigger.open .icon-delete{display:block}.page-1 .cascader-m .options{background:#fff;border:1px solid #e1e3e6;border-radius:6px;padding:8px}.page-1 .cascader-m .options .scroller{overflow:auto;max-height:260px}.page-1 .cascader-m .options .scroller::-webkit-scrollbar{-webkit-appearance:none;width:5px}.page-1 .cascader-m .options .scroller::-webkit-scrollbar-track{background:transparent}.page-1 .cascader-m .options .scroller::-webkit-scrollbar-thumb{background:#e1e3e6;border-radius:3px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}.page-1 .cascader-m .options .level .option{position:relative;font-size:14px;line-height:20px;color:#2d2d2d;padding:10px 32px;border-radius:4px;cursor:pointer;transition:background .2s}.page-1 .cascader-m .options .level .option:not(:first-child){margin-top:4px}.page-1 .cascader-m .options .level .option.selected,.page-1 .cascader-m .options .level .option:hover{background:#f8f9fc}.page-1 .cascader-m .options .level .option .icon-state{position:absolute;left:4px;top:8px;width:24px}.page-1 .cascader-m .options .level .option .icon-arrow{position:absolute;right:6px;top:10px;width:20px}.page-1 .input-multi{width:100%;padding:7px 44px 7px 7px;border:1px solid #e1e3e6;border-radius:6px;display:flex;transition:border .2s}.page-1 .input-multi .tag{padding:6px;background:#f1f2f5;border-radius:4px;font-size:13px;line-height:20px;color:#afb1b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-1 .input-multi .tag:not(:first-child){flex:none;margin-left:4px}.page-1 .input-multi .placeholder{padding:6px;font-size:13px;line-height:20px;color:#afb1b4}.page-1 .input-multi.error{border-color:#f13649}.page-1 .input-multi.focus{border-color:#ffd200}.page-2{margin:24px auto 120px}.page-2 .card{background:#fff;border-radius:12px;height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 16px}.page-2 .card .icon{height:48px}.page-2 .card .text-1{margin-top:16px;font-weight:700;font-size:24px;color:#2d2d2d;text-align:center}.page-2 .card .text-2{margin-top:24px;font-size:14px;color:#2d2d2d;text-align:center}.page-2 .card .text-2 a{color:#4795e9;text-decoration:underline}.page-2 .card .btn{outline:0;border:0;margin-top:64px;background-image:linear-gradient(135deg,#ffeb00,#ffd200);border-radius:24px;min-width:180px;padding:0 24px;text-align:center;height:48px;line-height:48px;font-weight:700;font-size:14px;color:#2d2d2d}.cascader{display:none}.cascader-m{display:block}}