123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- .setbox {
- position: relative;
- display: flex;
- flex-direction: column;
- width: 427px;
- border-radius: 16px;
- background: #fff;
- overflow: hidden;
- }
- .head {
- position: relative;
- line-height: 53px;
- height: 60px;
- text-align: center;
- background: #F5F6FA;
- color: #131415;
- font-weight: 600;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 16px;
- flex-shrink: 0;
- .close {
- position: absolute;
- top: 50%;
- right: 20px;
- transform: translateY(-50%);
- }
- }
- .form {
- padding: 26px;
- :global {
- .n-form-item .n-form-item-feedback-wrapper{
- --n-feedback-height: 26px;
- }
- .n-form-item.n-form-item--left-labelled:last-child {
- .n-form-item-feedback-wrapper {
- display: none;
- }
- }
- .n-form-item .n-form-item-label{
- color: #666;
- }
- .n-form-item-label.n-form-item-label--right-mark{
- min-height: 46px;
- }
- .n-base-selection{
- --n-height: 46px;
- }
- }
- .checkbox {
- :global {
- .n-button {
- border-radius: 6px;
- width: 73px;
- }
- .n-button--default-type {
- background: #F5F6FA;
- ;
- }
- .n-button--primary-type {
- background: #198CFE;
- color: #fff;
- }
- }
- }
- }
- .btns {
- padding-bottom: 26px;
- display: flex;
- align-items: center;
- justify-content: center;
- :global {
- .n-button {
- width: 135px;
- height: 41px;
- border-radius: 20px;
- border-color: #AAAAAA;
- margin: 0 8px;
- }
- .n-button--loading{
- opacity: .6;
- }
- }
- }
- .productIframe{
- position: fixed;
- width: 1000px;
- height: 80vh;
- border: none;
- z-index: -100;
- pointer-events: none;
- opacity: 0;
- }
|