.page-window{width:100%;height:100%;margin-top:4px}.credit-card-purchase{width:1027px;min-height:800px;margin:0 auto;padding:60px 50px;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}.credit-card-purchase .icon-change{width:17px;height:15px}.credit-card-purchase .flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.credit-card-purchase .side-tip{padding:2px 8px;font-size:12px;margin-left:10px;border-radius:2px;line-height:14px}.credit-card-purchase dl .title{font-size:24px;font-weight:500}.credit-card-purchase dl .record{font-size:14px;float:right;cursor:pointer}.credit-card-purchase dl .record span{margin-left:4px}.credit-card-purchase dl dt{margin-bottom:28px}.credit-card-purchase .step-one{margin-bottom:66px}.credit-card-purchase .step-one dt{margin-bottom:28px}.credit-card-purchase .content,.credit-card-purchase .step-one dd{display:-webkit-box;display:-ms-flexbox;display:flex}.credit-card-purchase .content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.credit-card-purchase .content dl{width:auto}.credit-card-purchase .content dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.credit-card-purchase .content .count-down{cursor:pointer;margin-left:10px;font-size:12px}.credit-card-purchase .content .count-down .icon{vertical-align:-.2em}.credit-card-purchase .step-tow{width:480px}.credit-card-purchase .step-tow .noProvider{margin-top:190px}.credit-card-purchase .step-tow ul li{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;margin-bottom:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 20px;border-radius:4px;border:1px solid transparent;position:relative;font-size:16px;cursor:pointer}.credit-card-purchase .step-tow ul li .icon-select{position:absolute;top:-1px;right:0}.credit-card-purchase .step-tow ul li .payment-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.credit-card-purchase .step-tow ul li .channel-warp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px}.credit-card-purchase .step-tow ul li .channel-warp .pay-type{height:16px;margin-right:8px}.credit-card-purchase .step-tow ul li .common-redio{margin-right:20px}.credit-card-purchase .step-tow ul li .payment-icon{width:auto;height:16px;margin-right:8px}.credit-card-purchase .step-tow ul li .payment-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.credit-card-purchase .step-tow ul li .channel-warp .channel{width:28px;height:18px;border-radius:2px;margin-right:10px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.credit-card-purchase .step-tow ul li .payment-rate{font-size:14px}.credit-card-purchase .step-three{width:440px}.credit-card-purchase .step-three .detail_msg{height:190px;position:relative}.credit-card-purchase .step-three .detail_msg .common-loading,.credit-card-purchase .step-three .noProvider{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.credit-card-purchase .step-three .noProvider{margin-top:0}.credit-card-purchase .step-three .noProvider span{white-space:nowrap}.credit-card-purchase .step-three .single-limit{margin-bottom:25px}.credit-card-purchase .step-three ul{border-bottom-width:1px;border-bottom-style:solid;margin-bottom:20px}.credit-card-purchase .step-three ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;line-height:14px}.credit-card-purchase .step-three ul li .des-icon{position:relative}.credit-card-purchase .step-three ul li .des-icon div{position:absolute;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,.28);box-shadow:0 3px 4px 1px rgba(0,0,0,.28);border-radius:2px;padding:8px 12px;left:26px;top:0;display:none;z-index:1;max-width:295px}.credit-card-purchase .step-three ul li .des-icon:hover div{display:block}.credit-card-purchase .step-three ul li .details-key{font-size:12px}.credit-card-purchase .step-three ul li .details-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.credit-card-purchase .step-three ul li .details-value img{width:auto;height:14px;border-radius:4px;margin-right:10px}.credit-card-purchase .step-three ul li .details-value-extra{font-size:10px;font-weight:400}.credit-card-purchase .step-three ul li .gas-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.credit-card-purchase .step-three .disclaimer{font-size:16px;font-weight:500;margin-bottom:8px}.credit-card-purchase .step-three .clause{font-size:12px;font-weight:400;line-height:18px}.credit-card-purchase .step-three .confirm-warp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:16px}.credit-card-purchase .step-three .confirm-warp .agree-protocol{cursor:pointer;margin-bottom:8px;line-height:normal}.credit-card-purchase .common-problem{margin-top:60px}.credit-card-purchase .common-problem .title{line-height:40px;font-size:22px;font-weight:500;padding-bottom:12px}.credit-card-purchase .common-problem ul{padding-bottom:60px}.credit-card-purchase .common-problem ul li{padding:16px 0;font-size:12px;line-height:18px;font-weight:400;border-bottom:1px solid transparent}.credit-card-purchase .common-problem ul li .questions{font-weight:400;font-size:16px;line-height:22px;margin-bottom:4px}.credit-card-purchase .noProvider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-center:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:100px}.credit-card-purchase .noProvider span{margin-top:20px;font-family:HarmonyOS-Regular}.credit-card-purchase .step{border-radius:50%;display:inline-block;width:26px;height:26px;text-align:center;line-height:26px;margin-right:16px;font-size:16px!important}.credit-card-purchase .step span{vertical-align:middle;margin-top:1px}.credit-card-purchase .direction-change{width:38px;height:38px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:26px 12px 0 12px;cursor:pointer}.credit-card-purchase .input-title{font-size:14px;margin-bottom:8px}input:-webkit-autofill+*,input:-webkit-autofill:active+*,input:-webkit-autofill:focus+*,input:-webkit-autofill:hover+*{cursor:auto;font-size:12px!important;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-webkit-transform-origin:top left;transform-origin:top left}.select-input-line-content{position:relative}.select-input-line-content .input-line-baseStance{height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.select-input-line-content .input-line-baseStance .camouflage{position:absolute;width:0;height:0;overflow:hidden}.select-input-line-content .input-line-baseStance .input_line_inp{position:absolute;bottom:0;width:100%;border:0;font-size:14px;height:44px;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.select-input-line-content .input-line-baseStance .input_line_inp .input{height:44px;width:100%;font-size:14px;display:block;padding-right:160px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:12px;border-radius:4px;border:1px solid transparent}.select-input-line-content .input-line-baseStance .input_line_inp .input-line-slot{float:left;display:inline-block;position:absolute;height:auto;right:0;bottom:0}.select-input-line-content .input-line-baseStance .input-line-prompt{display:block;cursor:text;z-index:1;position:absolute;height:44px;line-height:44px;bottom:0;left:0;font-size:12px;-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:top left;transform-origin:top left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-input-line-content .input-line-baseStance .input-line-prompt-active{display:none}.select-input-line-content .input-line-baseStance .input-line-activeLine{position:absolute;z-index:3;bottom:-2px;height:2px;width:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;animation-delay:.5s;-webkit-animation-delay:.5s;-ms-animation-delay:.5s}.select-input-line-content .input-line-baseStance-disabled{border-bottom-width:2px;border-bottom-style:dotted}.select-input-line-content .input-line-baseStance-disabled .input-line-prompt-active,.select-input-line-content .input-line-baseStance-disabled input{cursor:no-drop}.select-input-line-content .input-line-baseStance-error .input-line-prompt{-webkit-animation:shakes .6s cubic-bezier(.25,.8,.5,1);animation:shakes .6s cubic-bezier(.25,.8,.5,1)}.select-input-line-content .input-line-errorStence{position:relative;margin-top:4px}.select-input-line-content .input-line-errorStence p{position:absolute;top:4px;margin:0;font-size:14px;line-height:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-input-line-content .flex-content,.select-input-line-content .selct_content{display:-webkit-box;display:-ms-flexbox;display:flex}.select-input-line-content .selct_content{margin-left:-170px;width:170px;cursor:pointer;font-size:14px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select-input-line-content .selct_content span{margin-right:30px}.select-input-line-content .selct_content .coin-icon{border-radius:100%;font-size:12px;display:inline-block;margin:10px 4px 10px 12px;line-height:20px;text-align:center;width:20px;height:20px}.select-input-line-content .selct_content .icon-triangle{position:absolute;right:12px;top:16px}.select-input-line-content .selct_content .icon-clear-btn{position:absolute;right:0;bottom:0;text-align:center;width:20px;line-height:44px;cursor:pointer;display:none}.select-input-line-content .select-options-box{position:absolute;-webkit-transform-origin:center top 0;transform-origin:center top 0;top:50px;left:0;right:0;z-index:9;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.1);box-shadow:0 4px 10px 0 rgba(0,0,0,.1);border-radius:4px;font-size:14px;padding:4px 0}.select-input-line-content .select-options-box .select-option-list .select-option-item-icon{font-size:14px;height:40px;padding:0 20px;cursor:pointer}.select-input-line-content .select-options-box .select-option-list .select-option-item-icon,.select-input-line-content .select-options-box .select-option-list .select-option-item-icon .icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select-input-line-content .select-options-box .select-option-list .select-option-item-icon .coin-icon{padding:3px;border-radius:100%;font-size:16px;display:inline-block;margin-right:10px;line-height:20px;text-align:center;width:20px;height:20px}.select-input-line-content .select-options-box .not_option{font-size:12px;line-height:40px;padding:0 20px}.select-input-line-content .search-content input{padding:8px 16px 8px 40px;width:calc(100% - 32px);margin:8px 16px;height:32px;border-radius:16px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.select-input-line-content .search-content .icon{position:absolute;top:20px;left:32px}.select-input-line-content.select-visible .icon-triangle-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-input-line-content .center-text{vertical-align:middle;margin-top:1px}@-webkit-keyframes shakes{59%{margin-left:0}60%,80%{margin-left:2px}70%,90%{margin-left:-2px}}@keyframes shakes{59%{margin-left:0}60%,80%{margin-left:2px}70%,90%{margin-left:-2px}}.common-select{position:relative;cursor:pointer;min-width:180px}.common-select .input_line_content{height:44px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:44px;padding:0 36px 0 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent}.common-select .input_line_content img{width:16px;height:16px;margin-right:4px}.common-select .input_line_inp{z-index:2;width:100%;border:0;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;display:inline-block;cursor:pointer}.common-select .input_line_inp,.common-select .input_line_prompt{position:absolute;bottom:0;font-size:14px;height:30px;-webkit-transition:.3s;transition:.3s}.common-select .input_line_prompt{z-index:1;line-height:30px;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.common-select .input_line_activeLine{position:absolute;z-index:3;bottom:-2px;height:2px;width:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;animation-delay:.5s;-webkit-animation-delay:.5s;-ms-animation-delay:.5s}.common-select .input_line_errorStence{height:24px;position:relative}.common-select .input_line_errorStence .input_line_error{position:absolute;bottom:0;margin:0;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.common-select .icon-triangle{position:absolute;right:18px;top:16px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.common-select .icon-clear-btn{position:absolute;right:0;bottom:0;text-align:center;width:20px;line-height:30px;cursor:pointer;display:none}.common-select .search-content input{padding:8px 16px 8px 40px;width:calc(100% - 24px);margin:8px 12px;height:32px;border-radius:16px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}.common-select .search-content .icon{position:absolute;top:20px;left:32px}.common-select .select-options-box{position:absolute;-webkit-transform-origin:center top 0;transform-origin:center top 0;top:46px;left:0;right:0;z-index:9;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.1);box-shadow:0 4px 10px 0 rgba(0,0,0,.1);border-radius:4px;font-size:14px;padding:4px 0}.common-select .select-options-box .select-option-list .select-option-item-icon{line-height:40px;font-size:14px;height:40px;padding-left:10px;cursor:pointer}.common-select .select-options-box .select-option-list .select-option-item-icon,.common-select .select-options-box .select-option-list .select-option-item-icon .icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-select .select-options-box .select-option-list .select-option-item-icon .icon-wrap img{width:22px;height:22px;margin-right:10px}.common-select .select-options-box .not_option{font-size:12px;line-height:40px;padding:0 20px}.common-select .input_line_inp:valid+.input_line_prompt,.common-select.select-value .input_line_prompt,.common-select.select-visible .input_line_prompt{font-size:12px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.common-select .input_line_content:hover .input_line_activeLine,.common-select .input_line_inp:valid+.input_line_prompt,.common-select.select-visible .input_line_activeLine{width:100%}.common-select.select-error .input_line_activeLine{width:100%;background:#eb4d5c}.common-select.select-error .input_line_prompt{color:#eb4d5c;-webkit-animation:shake .6s cubic-bezier(.25,.8,.5,1);animation:shake .6s cubic-bezier(.25,.8,.5,1)}.common-select.select-visible .icon-triangle-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.common-select:hover .icon-clear-btn{z-index:9;background-color:#000;display:inline-block}.common-select .slideInDown-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}.common-select .slideInDown-leave-active{-webkit-transition:all .3s cubic-bezier(1,.5,.8,1);transition:all .3s cubic-bezier(1,.5,.8,1)}.common-select .slideInDown-enter,.common-select .slideInDown-leave-to{-webkit-transform:translateY(-15px);transform:translateY(-15px);opacity:0}@-webkit-keyframes shake{59%{margin-left:0}60%,80%{margin-left:2px}70%,90%{margin-left:-2px}}@keyframes shake{59%{margin-left:0}60%,80%{margin-left:2px}70%,90%{margin-left:-2px}}.coin-icon{border-radius:100%;font-size:12px;display:inline-block;margin-right:10px;line-height:16px;text-align:center;width:16px;height:16px}.center-text{vertical-align:middle;margin-top:1px}