@keyframes ai-opacity-0{from{opacity:1}to{opacity:0}}@keyframes ai-opacity-1{from{opacity:0}to{opacity:1}}@media screen and (min-width: 769px){.ai-button{display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;background-color:rgba(112,112,112,.1);padding-left:22px;padding-right:22px;border-radius:12px;outline:none;border:none;height:48px;font:normal normal normal 20px/20px Titillium Web;color:#2a2a2a;gap:8px;transition:background-color .3s ease-out}.ai-button:hover{background-color:rgba(18,100,252,.1)}.ai-button.ai-button--icon{padding-left:13px;padding-right:13px}.ai-button__icon{width:22px;height:22px;display:inline-block}.ai-button__text{display:inline-block}.ai-button.ai-button--primary{background-color:#1264fc}.ai-button.ai-button--primary .ai-button__text{color:#fff}.ai-button.ai-button--primary:hover{background-color:#3078ff}.ai-select{position:relative}.ai-select__icon{width:22px;height:22px;object-fit:contain}.ai-select__label{transition:color .3s ease-out;font:normal normal normal 20px/20px Titillium Web;color:#2a2a2a}.ai-select__status{width:14px;height:14px;background:url(/tpl/tools/img/common/icon_arrow_down.svg) no-repeat center center;background-size:contain;margin-left:auto;visibility:hidden}.ai-select__trigger,.ai-select__option{display:flex;align-items:center;cursor:pointer;user-select:none;transition:background-color .3s ease-out;padding-left:20px;padding-right:20px;gap:8px}.ai-select__trigger{background-color:rgba(112,112,112,.1);height:48px;border-radius:12px}.ai-select__trigger:hover{background-color:rgba(18,100,252,.1)}.ai-select__trigger:hover .ai-select__label{color:#1264fc}.ai-select__trigger .ai-select__status{visibility:visible;transition:transform .2s ease-out;transform:rotate(0deg)}.ai-select .ai-select__trigger[aria-expanded=true] .ai-select__status{transform:rotate(180deg)}.ai-select__option{background-color:#fff;border-radius:8px;height:44px}.ai-select__option:hover{background-color:rgba(18,100,252,.1)}.ai-select__option .ai-select__label{font:normal normal normal 16px/16px Titillium Web}.ai-select__option .ai-select__status{visibility:hidden;width:20px;height:14px;background:url(/tpl/tools/img/common/icon_checked.svg) no-repeat center center}.ai-select__option.is-active{background-color:rgba(18,100,252,.1)}.ai-select__option.is-active .ai-select__status{visibility:visible}.ai-select__dropdown{display:none;background-color:#fff;padding:4px;border-radius:12px;border:1px solid rgba(112,112,112,.5019607843)}.ai-select__list{display:grid;row-gap:4px}.ai-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;user-select:none;pointer-events:none;max-width:70vw;z-index:99999;opacity:0;padding-left:24px;padding-right:24px;padding-top:9px;padding-bottom:9px;gap:10px;border-radius:12px;min-height:36px;font:normal normal normal 16px/20px Titillium Web;color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2;overflow-wrap:break-word}.ai-toast__icon{display:inline-block;width:26px;height:26px;object-fit:contain;flex-shrink:0}.ai-toast.is-active{opacity:1}.ai-toast.is-info{color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2}.ai-toast.is-error{color:#e94949;background-color:#ffe8e8;border:1px solid #cb2020}.ai-toast.is-warning{color:#c9802e;background-color:#fff8ef;border:1px solid #c9802e}.ai-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:20000;display:none}.ai-modal *{margin:0;box-sizing:border-box}.ai-modal__mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:20001;opacity:0}.ai-modal__content{position:relative;width:600px;min-height:328px;background-color:#fff;border-radius:16px;z-index:20002;padding-left:46px;padding-right:46px;padding-top:53px;padding-bottom:26px;display:flex;flex-direction:column;align-items:center}.ai-modal__footer{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:45px}.ai-modal__icon{display:inline-block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.ai-modal__title{margin-top:16px;text-align:center;font:normal normal bold 20px/31px Titillium Web;color:#2a2a2a}.ai-modal__desc{font:normal normal normal 16px/22px Titillium Web;color:#707070;margin-top:9px;text-align:center}.ai-modal .ai-button{width:156px;height:56px}.ai-modal .ai-button.modal-cancel{background-color:rgba(42,42,42,.08)}.ai-modal .ai-button.modal-cancel:hover{background-color:rgba(42,42,42,.15)}.ai-modal.is-active{display:flex}.ai-modal.is-active .ai-modal__mask{animation:ai-opacity-1 .2s ease-out forwards}.ai-modal.is-leave{display:flex}.ai-modal.is-leave .ai-modal__content,.ai-modal.is-leave .ai-modal__mask{animation:ai-opacity-0 .2s ease-out forwards}.ai-modal-close{width:30px;height:30px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;right:15px}.ai-modal-close svg{width:20px;height:20px;pointer-events:none}.ai-modal-close svg .css-flag{transition:all .3s ease-out;stroke:rgba(42,42,42,.4980392157)}.ai-modal-close:hover svg .css-flag{stroke:#2a2a2a}.ai-image-viewer{background-color:rgba(0,0,0,.7) !important}.ai-image-viewer .viewer-close{position:absolute;top:32px;right:32px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:rgba(42,42,42,.6);border-radius:8px;cursor:pointer;transition:background-color .3s ease-out}.ai-image-viewer .viewer-close:hover{background-color:#2a2a2a !important}.ai-image-viewer .viewer-close:focus{background-color:rgba(0,0,0,0) !important;box-shadow:none !important}.ai-image-viewer .viewer-close::before{width:18px;height:18px;position:static;background:url(/tpl/tools/img/common/icon_close_white.svg) no-repeat center center;background-size:contain}}@media screen and (max-width: 768px){.ai-button{display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;background-color:rgba(112,112,112,.1);padding-left:22px;padding-right:22px;border-radius:12px;outline:none;border:none;height:48px;font:normal normal normal 16px/16px Titillium Web;color:#2a2a2a;gap:8px;transition:background-color .3s ease-out}.ai-button.ai-button--icon{padding-left:0;padding-right:0;width:48px}.ai-button__icon{width:22px;height:22px;display:inline-block}.ai-button__text{display:inline-block}.ai-button.ai-button--primary{background-color:#1264fc}.ai-button.ai-button--primary .ai-button__text{color:#fff}.ai-select{position:relative}.ai-select__icon{width:22px;height:22px;object-fit:contain}.ai-select__label{transition:color .3s ease-out;font:normal normal normal 16px/16px Titillium Web;color:#2a2a2a}.ai-select__status{width:14px;height:14px;background:url(/tpl/tools/img/common/icon_arrow_down.svg) no-repeat center center;background-size:contain;margin-left:auto;visibility:hidden}.ai-select__trigger,.ai-select__option{display:flex;align-items:center;cursor:pointer;user-select:none;transition:background-color .3s ease-out;padding-left:12px;padding-right:12px;gap:8px}.ai-select__trigger{background-color:rgba(112,112,112,.1);height:48px;border-radius:12px}.ai-select__trigger .ai-select__status{visibility:visible;transition:transform .2s ease-out;transform:rotate(0deg)}.ai-select .ai-select__trigger[aria-expanded=true] .ai-select__status{transform:rotate(180deg)}.ai-select__option{background-color:#fff;border-radius:8px;height:44px}.ai-select__option:active{background-color:rgba(18,100,252,.1)}.ai-select__option .ai-select__label{font:normal normal normal 14px/14px Titillium Web}.ai-select__option .ai-select__status{visibility:hidden;width:20px;height:14px;background:url(/tpl/tools/img/common/icon_checked.svg) no-repeat center center;background-size:contain}.ai-select__option.is-active{background-color:rgba(18,100,252,.1)}.ai-select__option.is-active .ai-select__status{visibility:visible}.ai-select__dropdown{display:none;background-color:#fff;padding:4px;border-radius:12px;border:1px solid rgba(112,112,112,.5019607843)}.ai-select__list{display:grid;row-gap:4px}.ai-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:flex-start;align-items:center;user-select:none;pointer-events:none;width:calc(100vw - 32px);z-index:99999;opacity:0;padding-left:16px;padding-right:16px;padding-top:9px;padding-bottom:9px;gap:10px;border-radius:12px;min-height:40px;font:normal normal normal 16px/20px Titillium Web;color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2;overflow-wrap:break-word;box-sizing:border-box}.ai-toast__icon{display:inline-block;width:26px;height:26px;object-fit:contain;flex-shrink:0}.ai-toast.is-active{opacity:1}.ai-toast.is-info{color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2}.ai-toast.is-error{color:#e94949;background-color:#ffe8e8;border:1px solid #cb2020}.ai-toast.is-warning{color:#c9802e;background-color:#fff8ef;border:1px solid #c9802e}.ai-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:20000;display:none;padding-left:22px;padding-right:22px}.ai-modal *{margin:0;box-sizing:border-box}.ai-modal__mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:20001;opacity:0}.ai-modal__content{position:relative;background-color:#fff;border-radius:16px;z-index:20002;padding-left:14px;padding-right:14px;padding-top:73px;padding-bottom:14px;display:flex;flex-direction:column;align-items:center;width:100%}.ai-modal__footer{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:33px;width:100%}.ai-modal__icon{display:inline-block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.ai-modal__title{margin-top:16px;text-align:center;font:normal normal bold 20px/20px Titillium Web;color:#2a2a2a}.ai-modal__desc{font:normal normal normal 16px/20px Titillium Web;color:#707070;margin-top:9px;text-align:center}.ai-modal .ai-modal-close{right:10px}.ai-modal .ai-button{flex-grow:1;height:56px}.ai-modal .ai-button.modal-cancel{background-color:rgba(42,42,42,.08)}.ai-modal.is-active{display:flex}.ai-modal.is-active .ai-modal__mask{animation:ai-opacity-1 .2s ease-out forwards}.ai-modal.is-leave{display:flex}.ai-modal.is-leave .ai-modal__content,.ai-modal.is-leave .ai-modal__mask{animation:ai-opacity-0 .2s ease-out forwards}.ai-modal-close{width:30px;height:30px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;right:15px}.ai-modal-close svg{width:20px;height:20px;pointer-events:none}.ai-modal-close svg .css-flag{transition:all .3s ease-out;stroke:rgba(42,42,42,.4980392157)}.ai-image-viewer{background-color:rgba(0,0,0,.7) !important}.ai-image-viewer .viewer-close{position:absolute;top:76px;right:16px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:rgba(42,42,42,.6);border-radius:8px;cursor:pointer;transition:background-color .3s ease-out}.ai-image-viewer .viewer-close:focus{background-color:rgba(0,0,0,0) !important;box-shadow:none !important}.ai-image-viewer .viewer-close:hover{background-color:rgba(42,42,42,.6)}.ai-image-viewer .viewer-close::before{width:18px;height:18px;position:static;background:url(/tpl/tools/img/common/icon_close_white.svg) no-repeat center center;background-size:contain}}html,body{min-height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@supports(-moz-appearance: none){*{scrollbar-width:thin;scrollbar-color:unset}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:rgba(31,31,41,.2);border-radius:5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb:hover{background-color:rgba(31,31,41,.5)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrapper{display:flex;flex-direction:column;align-items:center}.wrapper,.wrapper *{margin:0;padding:0;box-sizing:border-box}@media screen and (max-width: 768px){.wrapper{padding-top:60px}}@keyframes dropDownOpen{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}.power-supply-calculator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;width:100%}@media screen and (min-width: 769px){.is-mobile{display:none !important}.power-supply-calculator{width:100%;height:100%;background-image:url("/tpl/tools/img/power-supply-calculator/calculator_bg.png");background-repeat:no-repeat;background-size:cover;background-position:center}.calculator-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:38px 10px 198px}.calculator-wrapper .title{color:#2a2a2a;font:normal normal 700 40px/61px Titillium Web;text-align:center}.calculator-wrapper .description{color:#707070;font:normal normal 400 16px/24px Titillium Web;padding:6px 0 16px;text-align:center}.calculator-wrapper .configuration-wrapper{max-width:1064px;width:100%;padding:13px 13px 0 20px;border-radius:20px;border:1px solid #a5c5ff;box-shadow:0px 10px 10px rgba(18,100,252,.1019607843);background-color:#fcfdff}.calculator-wrapper .configuration-wrapper .header-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0}.calculator-wrapper .configuration-wrapper .header-wrapper .header-title{color:#707070;font:normal normal 400 16px/24px Titillium Web}.calculator-wrapper .configuration-wrapper .header-wrapper .reset-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;height:44px;padding:0 18px 0 15px;border-radius:8px;border:1px solid #d9d9d9;background-color:#fff}.calculator-wrapper .configuration-wrapper .header-wrapper .reset-btn:hover{background-color:#f3f7ff;cursor:pointer}.calculator-wrapper .configuration-wrapper .header-wrapper .reset-btn .reset-icon{width:16px;height:16px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_reset.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .header-wrapper .reset-btn .reset-txt{color:#2a2a2a;font:normal normal 400 14px/21px Titillium Web}.calculator-wrapper .configuration-wrapper .content-wrapper{padding:9px 12px 12px 12px}.calculator-wrapper .configuration-wrapper .content-wrapper.first{margin-top:-3px}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;padding-bottom:8px}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-cpu{width:20px;height:20px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_cpu.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-gpu{width:24px;height:22px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_gpu.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-motheboard{width:20px;height:20px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_motheboard.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-memory{width:21px;height:15px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_memory.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-optional{width:24px;height:24px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_optional.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .name{color:#2a2a2a;font:normal normal 700 18px/27px Titillium Web}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .tip{color:#707070;font:normal normal 400 14px/21px Titillium Web;padding-left:4px}.calculator-wrapper .configuration-wrapper .content-wrapper .specific-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.calculator-wrapper .configuration-wrapper .footer-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:0;margin:30px -13px 0 -20px;padding:15px 25px 17px;height:88px;border-radius:0 0 20px 20px;background-color:#e7efff}.calculator-wrapper .configuration-wrapper .footer-wrapper .calculate-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;height:56px;padding:0 56px;border-radius:10px;background-color:#125ae4}.calculator-wrapper .configuration-wrapper .footer-wrapper .calculate-btn:hover{background-color:#3178ff;cursor:pointer}.calculator-wrapper .configuration-wrapper .footer-wrapper .calculate-btn .btn-txt{color:#fff;font:normal normal 700 20px/31px Titillium Web}.calculated-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;max-width:1064px;width:100%;padding:24px 10px 80px}.calculated-wrapper .back-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 22px;margin-bottom:15px;border-radius:8px;border:2px solid #e9ecf6;cursor:pointer}.calculated-wrapper .back-wrapper .icon-back{width:7px;height:14px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_back.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculated-wrapper .back-wrapper .back-txt{color:#000;font:normal normal 400 16px/24px Titillium Web}.calculated-wrapper .recommend-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px;width:100%;padding:52px 10px;border-radius:20px;border:1px solid #a5c5ff;box-shadow:0px 10px 10px rgba(18,100,252,.1019607843);background-color:#fff}.calculated-wrapper .recommend-wrapper .recommend-txt{color:#2a2a2a;font:normal normal 400 16px/24px Titillium Web}.calculated-wrapper .recommend-wrapper .watts{color:#3178ff;font:normal normal 700 44px/67px Titillium Web}.calculated-wrapper .banner{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:46px;width:100%;height:148px;background-image:url("/tpl/tools/img/power-supply-calculator/banner_bg.png");background-repeat:no-repeat;background-size:cover;background-position:left center;padding:0 26px;border-radius:20px}.calculated-wrapper .banner .banner-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3px;max-width:488px}.calculated-wrapper .banner .banner-content .banner-title{color:#fff;font:normal normal 700 24px/36px Titillium Web;width:100%}.calculated-wrapper .banner .banner-content .banner-desc{color:#dedede;font:normal normal 400 16px/20px Titillium Web}.calculated-wrapper .banner .banner-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;flex-shrink:0;height:42px;padding:0 41px;border-radius:10px;background:linear-gradient(270deg, #24b2ed 0%, #1adeab 100%)}.calculated-wrapper .banner .banner-btn:hover{background:linear-gradient(270deg, #40c2f8 0%, #3bf8c7 100%);cursor:pointer}.calculated-wrapper .banner .banner-btn .banner-btn-txt{color:#fff;font:normal normal 700 16px/24px Titillium Web}.calculated-wrapper .configuration-wrapper__calculated{width:100%;padding:33px 30px 40px 44px;border-radius:20px;border:1px solid #a5c5ff;box-shadow:0px 10px 10px rgba(18,100,252,.1019607843);background-color:#fff}.calculated-wrapper .configuration-wrapper__calculated .configuration-title{color:#2c374f;font:normal normal 700 28px/43px Titillium Web;text-align:center}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;height:48px;padding-right:15px;border-bottom:1px solid #e8e8e8}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item .configuration-item-name{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;color:#2a2a2a;font:normal normal 400 15px/23px Titillium Web}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item .configuration-item-name::before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#1264fc}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item .configuration-item-value{color:#2a2a2a;font:normal normal 700 15px/23px Titillium Web}.select-wrapper{flex:1 1 0;min-width:0;max-width:none}.select-wrapper.max{flex:1 1 100%}.select-wrapper.min{flex:0 0 78px;max-width:78px;margin-left:-9px}.select-wrapper .select-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:3px;position:relative}.select-wrapper .select-content .select-title{color:#2a2a2a;font:normal normal 700 14px/21px Titillium Web;height:21px}.select-wrapper .select-content .select-input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;position:relative;width:100%;height:44px;padding:0 11px 0 17px;border-radius:8px;border:1px solid #d9d9d9;background-color:#f0f0f0;cursor:pointer;transition:border .3s ease, background-color .3s ease}.select-wrapper .select-content .select-input-wrapper:hover{border:1px solid #1064fc;background-color:#edf2fc}.select-wrapper .select-content .select-input-wrapper.is-disabled{cursor:not-allowed}.select-wrapper .select-content .select-input-wrapper.is-active{border:1px solid #1064fc;background-color:#edf2fc}.select-wrapper .select-content .select-input-wrapper.is-active .icon-down{transform:rotate(180deg)}.select-wrapper .select-content .select-input-wrapper .select-input{color:#2a2a2a;font:normal normal 400 14px/21px Titillium Web;flex:1;width:0;height:100%;padding:0;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer}.select-wrapper .select-content .select-input-wrapper .select-input.is-hidden{position:absolute;z-index:-1;opacity:0}.select-wrapper .select-content .select-input-wrapper .selected-value{color:#2a2a2a;font:normal normal 400 14px/21px Titillium Web;flex:1;width:0;user-select:none}.select-wrapper .select-content .select-input-wrapper .icon-down{width:20px;height:20px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_down.svg");background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .3s ease}.select-wrapper .select-content .select-popup{position:absolute;top:calc(100% + 2px);left:0;min-width:100%;padding:6px;border:1px solid #d4e0f8;border-radius:10px;background-color:#fff;z-index:99;transform-origin:center top;opacity:0;transform:scaleY(0)}.select-wrapper .select-content .select-popup.is-up{transform-origin:center bottom;top:auto;bottom:calc(100% - 21px)}.select-wrapper .select-content .select-popup.is-right{left:auto;right:0}.select-wrapper .select-content .select-popup.open{animation:dropDownOpen .3s forwards}.select-wrapper .select-content .select-popup .select-list{max-height:240px;padding-right:6px;overflow-y:auto}.select-wrapper .select-content .select-popup .select-list .option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;height:40px;padding:0 18px;border-radius:8px}.select-wrapper .select-content .select-popup .select-list .option:hover{background-color:#e7efff;cursor:pointer}.select-wrapper .select-content .select-popup .select-list .option .option-name{color:#2a2a2a;font:normal normal 400 14px/21px Titillium Web;white-space:nowrap}.select-wrapper .select-content .select-popup .select-list .option .selected-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:24px;height:24px;flex-shrink:0}.select-wrapper .select-content .select-popup .select-list .option .selected-wrapper .selected-icon{width:24px;height:24px;background-image:url("/tpl/tools/img/power-supply-calculator/icon_selected.svg");background-repeat:no-repeat;background-size:contain;background-position:center}}@media screen and (max-width: 768px){.is-pc{display:none !important}.power-supply-calculator{width:100%;height:100%;background-image:url("/tpl/tools/img/power-supply-calculator/calculator_bg_mobile.png");background-repeat:no-repeat;background-size:cover;background-position:center}.calculator-wrapper{padding:2.667vw 5.333vw 25.333vw}.calculator-wrapper .title{color:#2a2a2a;font:normal normal 700 9.333vw/11.2vw Titillium Web;padding:0 0 2.667vw 1.067vw}.calculator-wrapper .configuration-wrapper{width:100%;padding:2.133vw 2.4vw 0 2.4vw;border-radius:4vw;border:1px solid #a5c5ff;box-shadow:0px 1.333vw 1.333vw rgba(18,100,252,.1019607843);background-color:#fcfdff}.calculator-wrapper .configuration-wrapper .header-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4.267vw;padding-bottom:2.533vw}.calculator-wrapper .configuration-wrapper .header-wrapper .header-title{color:#707070;font:normal normal 400 4.533vw/6.933vw Titillium Web}.calculator-wrapper .configuration-wrapper .header-wrapper .reset-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;height:9.333vw;padding:2.667vw;border-radius:2.133vw;border:1px solid #d9d9d9;background-color:#fff}.calculator-wrapper .configuration-wrapper .header-wrapper .reset-btn .reset-icon{width:4vw;height:4vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_reset.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper{margin-bottom:6.933vw}.calculator-wrapper .configuration-wrapper .content-wrapper:last-child{margin-bottom:0}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.467vw;padding-bottom:2.133vw}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-cpu{width:5.333vw;height:5.333vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_cpu.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-gpu{width:6.133vw;height:5.733vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_gpu.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-motheboard{width:5.2vw;height:5.2vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_motheboard.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-memory{width:6.267vw;height:3.333vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_memory.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .icon-optional{width:5.6vw;height:5.6vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_optional.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .name{color:#2a2a2a;font:normal normal 700 5.067vw/7.733vw Titillium Web}.calculator-wrapper .configuration-wrapper .content-wrapper .content-header .tip{color:#707070;font:normal normal 400 3.733vw/5.733vw Titillium Web;padding-left:.533vw}.calculator-wrapper .configuration-wrapper .content-wrapper .specific-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4.4vw 2.133vw;flex-wrap:wrap}.calculator-wrapper .configuration-wrapper .footer-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;margin:8.933vw -2.4vw 0;padding:6.4vw 4.533vw;border-radius:0 0 4vw 4vw;background-color:#e7efff}.calculator-wrapper .configuration-wrapper .footer-wrapper .calculate-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:100%;height:14.133vw;border-radius:2.667vw;background-color:#125ae4}.calculator-wrapper .configuration-wrapper .footer-wrapper .calculate-btn .btn-txt{color:#fff;font:normal normal 700 5.067vw/7.733vw Titillium Web}.calculated-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4.8vw;width:100%;padding:3.867vw 5.333vw 12.933vw}.calculated-wrapper .back-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.067vw;height:10vw;padding:0 5.067vw;border-radius:1.867vw;border:2px solid #e9ecf6;cursor:pointer}.calculated-wrapper .back-wrapper .icon-back{width:1.467vw;height:2.933vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_back.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.calculated-wrapper .back-wrapper .back-txt{color:#000;font:normal normal 400 3.733vw/5.733vw Titillium Web}.calculated-wrapper .recommend-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.067vw;width:100%;padding:10.667vw 3.467vw 10.133vw;border-radius:4vw;border:1px solid #a5c5ff;box-shadow:0 1.333vw 1.333vw rgba(18,100,252,.1019607843);background-color:#fff}.calculated-wrapper .recommend-wrapper .recommend-txt{color:#2a2a2a;font:normal normal 400 4.267vw/6.4vw Titillium Web}.calculated-wrapper .recommend-wrapper .watts{color:#3178ff;font:normal normal 700 8.8vw/13.467vw Titillium Web}.calculated-wrapper .banner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;width:100%;height:69.333vw;background-image:url("/tpl/tools/img/power-supply-calculator/banner_bg_mobile.png");background-repeat:no-repeat;background-size:cover;background-position:center;padding:5.467vw 4.8vw 3.2vw;border-radius:4vw}.calculated-wrapper .banner .banner-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.067vw}.calculated-wrapper .banner .banner-content .banner-title{color:#fff;font:normal normal 700 4.533vw/6.933vw Titillium Web;text-align:center}.calculated-wrapper .banner .banner-content .banner-desc{color:#dedede;font:normal normal 400 3.733vw/4.267vw Titillium Web;text-align:center}.calculated-wrapper .banner .banner-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:100%;height:13.333vw;border-radius:2.667vw;background:linear-gradient(270deg, #24b2ed 0%, #1adeab 100%)}.calculated-wrapper .banner .banner-btn .banner-btn-txt{color:#fff;font:normal normal 700 5.067vw/7.733vw Titillium Web}.calculated-wrapper .configuration-wrapper__calculated{width:100%;padding:7.2vw 3.2vw 8.267vw;border-radius:4vw;border:1px solid #a5c5ff;box-shadow:0 1.333vw 1.333vw rgba(18,100,252,.1019607843);background-color:#fff}.calculated-wrapper .configuration-wrapper__calculated .configuration-title{color:#2c374f;font:normal normal 700 5.067vw/7.733vw Titillium Web;padding-bottom:4.667vw;text-align:center}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;height:9.333vw;padding-right:.4vw;border-bottom:1px solid #e8e8e8}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item .configuration-item-name{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.867vw;color:#2a2a2a;font:normal normal 400 3.2vw/4.8vw Titillium Web}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item .configuration-item-name::before{content:"";display:block;width:2.267vw;height:2.267vw;border-radius:50%;background-color:#1264fc}.calculated-wrapper .configuration-wrapper__calculated .configuration-list .configuration-item .configuration-item-value{color:#2a2a2a;font:normal normal 700 3.2vw/4.8vw Titillium Web}.select-wrapper{flex:1 1 calc((100% - 2.133vw)/2);min-width:0}.select-wrapper.max{flex:0 0 100%}.select-wrapper.min{flex:0 0 21.333vw;max-width:21.333vw}.select-wrapper .select-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.8vw;position:relative}.select-wrapper .select-content .select-title{color:#2a2a2a;font:normal normal 700 3.467vw/5.2vw Titillium Web;height:5.2vw}.select-wrapper .select-content .select-input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;position:relative;width:100%;height:10.133vw;padding:0 1.6vw 0 3.867vw;border-radius:1.867vw;border:1px solid #d9d9d9;background-color:#f0f0f0;cursor:pointer;transition:border .3s ease, background-color .3s ease}.select-wrapper .select-content .select-input-wrapper.is-disabled{cursor:not-allowed}.select-wrapper .select-content .select-input-wrapper.is-active{border:1px solid #1064fc;background-color:#edf2fc}.select-wrapper .select-content .select-input-wrapper.is-active .icon-down{transform:rotate(180deg)}.select-wrapper .select-content .select-input-wrapper .select-input{color:#2a2a2a;font:normal normal 400 3.467vw/5.2vw Titillium Web;flex:1;width:0;height:100%;padding:0;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer}.select-wrapper .select-content .select-input-wrapper .select-input.is-hidden{position:absolute;z-index:-1;opacity:0}.select-wrapper .select-content .select-input-wrapper .selected-value{color:#2a2a2a;font:normal normal 400 3.467vw/5.2vw Titillium Web;flex:1;width:0;user-select:none}.select-wrapper .select-content .select-input-wrapper .icon-down{width:5.333vw;height:5.333vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_down.svg");background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .3s ease}.select-wrapper .select-content .select-popup{position:absolute;top:calc(100% + .533vw);left:0;min-width:100%;padding:1.6vw;border:1px solid #d4e0f8;border-radius:1.867vw;background-color:#fff;z-index:99;transform-origin:center top;opacity:0;transform:scaleY(0)}.select-wrapper .select-content .select-popup.is-up{transform-origin:center bottom;top:auto;bottom:calc(100% - 5.2vw)}.select-wrapper .select-content .select-popup.is-right{left:auto;right:0}.select-wrapper .select-content .select-popup.open{animation:dropDownOpen .3s forwards}.select-wrapper .select-content .select-popup .select-list{max-height:64vw;padding-right:1.6vw;overflow-y:auto}.select-wrapper .select-content .select-popup .select-list .option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2.133vw;width:100%;height:10.133vw;padding:0 5.067vw 0 4.533vw;border-radius:1.867vw}.select-wrapper .select-content .select-popup .select-list .option:hover{background-color:#e7efff;cursor:pointer}.select-wrapper .select-content .select-popup .select-list .option .option-name{color:#2a2a2a;font:normal normal 400 3.467vw/5.2vw Titillium Web;white-space:nowrap}.select-wrapper .select-content .select-popup .select-list .option .selected-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:6.133vw;height:6.133vw;flex-shrink:0}.select-wrapper .select-content .select-popup .select-list .option .selected-wrapper .selected-icon{width:6.133vw;height:6.133vw;background-image:url("/tpl/tools/img/power-supply-calculator/icon_selected.svg");background-repeat:no-repeat;background-size:contain;background-position:center}}