.web-page .content-box .content{display:flex;justify-content:space-between;margin-top:calc(100vw*20/1915)}.web-page .content-box .content .content-left .tools-wrapper{display:flex;justify-content:space-between}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper .password-value-top{display:flex;align-items:center;justify-content:space-between}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper .password-value-top p{font-size:calc(100vw*16 / 1915);font-family:HarmonyOS-Medium,Arial,Helvetica,sans-serif}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper .password-value-top .btn-group{display:flex;align-items:center}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper .password-value-top button{width:calc(100vw*24 / 1915);height:calc(100vw*24 / 1915);border:none;background:none;border-radius:calc(100vw*4 / 1915);margin-left:calc(100vw*5 / 1915);font-size:0;cursor:pointer}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper .password-value-top button img{width:calc(100vw*16 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper input{width:100%;font-size:calc(100vw*15/1915);border:1px #C1BADA solid;padding:0 calc(100vw*15 / 1915);height:calc(100vw*38 / 1915);border-radius:calc(100vw*4 / 1915);outline:none;margin-top:calc(100vw*20/1915)}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper .password-strength{font-size:calc(100vw*13/1915);display:inline-block;padding:calc(100vw*3/1915) calc(100vw*5/1915);color:#fff;margin-top:calc(100vw*10/1915);border-radius:calc(100vw*2/1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper p{font-size:calc(100vw*16 / 1915);font-family:HarmonyOS-Medium,Arial,Helvetica,sans-serif}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper{display:flex;align-items:center;justify-content:space-between;margin-top:calc(100vw*30/1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .password-length{font-size:calc(100vw*15/1915);display:flex;align-items:center;width:calc(100vw*140 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .length-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:5%}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .length-wrapper button{background:#6f43ff;border:none;color:#fff;width:calc(100vw*28 / 1915);height:calc(100vw*28 / 1915);border-radius:calc(100vw*15 / 1915);cursor:pointer;display:flex;align-items:center;justify-content:center}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .length-wrapper button img{width:calc(100vw*12 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .length-wrapper .length-block{position:relative;width:70%;height:calc(100vw*10 / 1915);background:#f8f5ff;border-radius:calc(100vw*10 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .length-wrapper .length-block .length-bar{position:absolute;height:100%;background-color:#6f43ff;border-radius:calc(100vw*10 / 1915);width:0;z-index:1}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .password-length-wrapper .length-wrapper .length-block .slider{position:absolute;width:calc(100vw*20 / 1915);height:calc(100vw*20 / 1915);background:#fff;border:2px solid #6F43FF;border-radius:50%;cursor:pointer;z-index:2;top:calc(100vw*-5 / 1915);margin-left:calc(100vw*-5 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper{margin-top:calc(100vw*25 / 1915);display:flex;align-items:center}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .combination-rule-title{font-size:calc(100vw*15/1915);display:flex;align-items:center;width:calc(100vw*140 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .checkbox-group-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:5%}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .checkbox-group-wrapper div{display:flex;align-items:center}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .checkbox-group-wrapper div input[type=checkbox]{width:calc(100vw*20 / 1915);height:calc(100vw*20 / 1915);line-height:calc(100vw*18 / 1915);background:#fff;border:1px solid #c9c9c9;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;border-radius:calc(100vw*2 / 1915);margin-right:calc(100vw*8 / 1915)}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .checkbox-group-wrapper div input[type=checkbox]:after{content:"✔";color:transparent}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .checkbox-group-wrapper div input[type=checkbox]:checked:after{color:#fff;background:#6f43ff;width:100%;height:100%;display:inline-block;font-size:calc(100vw*15/1915);border:1px solid #6F43FF}.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper .combination-rule-wrapper .checkbox-group-wrapper div label{font-size:calc(100vw*15/1915)}.web-page .content-box .content .content-left .tools-wrapper .password-value-wrapper,.web-page .content-box .content .content-left .tools-wrapper .password-rule-wrapper{background:#fff;width:49%;padding:calc(100vw*20/1915)}.web-page .content-box .content .content-left .base-explain-wrapper{margin-top:calc(100vw*40/1915);width:100%}.web-page .content-box .content .content-left .base-explain-wrapper .base-explain{background:#fff;border-radius:calc(100vw*6/1915);padding:calc(100vw*20/1915);margin-top:calc(100vw*20/1915);box-shadow:0 0 calc(100vw*10/1915) calc(100vw*4/1915) #c1bada1a}.web-page .content-box .content .content-left .base-explain-wrapper .base-explain div{line-height:calc(100vw*28/1915);margin-bottom:calc(100vw*15/1915);font-size:calc(100vw*15/1915)}.web-page .content-box .content .content-left .base-explain-wrapper .base-explain div:last-child{margin-bottom:0}.web-page .content-box .content .content-left .base-explain-wrapper .base-explain span{font-family:HarmonyOS-Bold,Arial,Helvetica,sans-serif;font-size:calc(100vw*15/1915)}.web-page .content-box .content .content-left .base-explain-wrapper .base-explain ul{margin-left:calc(100vw*30/1915);list-style:disc;margin-top:calc(100vw*10/1915)}