.intro *{font-weight:800;}

.intro .container{width:1270px;margin:0 auto;padding:100px 0 90px;}
.intro .ttit{display:flex;flex-direction: column;flex-wrap: wrap;align-content: center;align-items: flex-start;}
.intro .ttit span{display:block;}
.intro .ttit .clr-gre{font-size:53px;background: linear-gradient(to right, #4ea247 0%, #008e3c 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.intro .ttit .clr-gradient{font-size:75px;background: linear-gradient(to right, #028e3d 0%, #f05270 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.intro-jump{margin-top:55px;display:flex;gap:255px;justify-content: center;}
.intro-jump > div{position:relative;display:flex;align-items:center;}
.intro-jump > div:first-child::before{display:none;}
.intro-jump > div::before{position:relative;content:'';position:absolute;top:0;left:-118px;width:4px;height:224px;border-left:4px dashed #cccccc;}
.intro-jump .jumps{margin-left:30px;}
.intro-jump .jumps .point{display:block;width:264px;height:68px;line-height:72px;font-size:24px;background-repeat:no-repeat;background-position:right 40px center;padding:0  62px 0 38px;border-radius:30px;}
.intro-jump .jumps .point + .point{margin-top:20px;}
.intro-jump .jumps .point.style1{color:#999999;background-image:url("../images/main/ico_arrow02.png");background-color:#fff;}
.intro-jump .jumps .point.style2{color:#ffffff;background-image:url("../images/main/ico_arrow01.png");background-color:#065813;}
.intro-jump .jumps .point.style3{color:#ffffff;background-image:url("../images/main/ico_arrow01.png");background-color:#f05270;}
.intro .login-box{margin:75px auto 0;border-radius:25px;background:#ffffffd4;box-shadow: 0 0 20px 3px rgb(0 0 0 / 10%);position:relative;width:712px;z-index: 1;padding:65px 45px 57px  62px;}
.intro .login-box .login-t{display:flex;gap:20px;}
.intro .login-box .input-part-box{flex: 1 0 auto;border-radius:10px ;background:#fff;border:1px solid #cccccc;}
.intro .login-box .input-part-box > span{display:block;border-top:1px solid #cccccc;padding:0 65px 0 82px;position:relative;}
.intro .login-box .input-part-box > span:first-child{border-top:none;}
.intro .login-box .input-part-box input{width:100%;-webkit-appearance: none;background: transparent;cursor: pointer;border: none;padding:0 4px;font-size:18px;color:#444444;height:67px;}
.intro .login-box .input-part-box input::placeholder{font-size:18px;color:#888888;}
.intro .login-box .input-part-box .i-id::before,
.intro .login-box .input-part-box .i-password::before{content:'';position:absolute;top: 50%; transform: translateY(-50%);left:48px;width:22px;height:22px;background-repeat:no-repeat}
.intro .login-box .input-part-box .i-id::before{background-image:url("../images/main/icon_id.png") ;}
.intro .login-box .input-part-box .i-password::before{background-image:url("../images/main/icon_password.png");}
.intro .login-box .input-part-box .toggle-btn{position:absolute;background:url("../images/main/icon_password_hide.png") no-repeat center;width:24px;height: 100%;right:40px;top:0;cursor:pointer;}
.intro .login-box .btn-login{display:block;width:136px;height:137px;line-height:137px;flex:0 0 auto;text-align:center;font-size:22px;color:#ffffff;border-radius:10px;background:#196ec6;}
.intro .login-box .func-part{margin-top:18px;display:flex;justify-content: space-between;}
.intro .login-box .func-part .func-l input[type="checkbox"]{visibility:hidden; position:absolute;z-index:1;}
.intro .login-box .func-part .func-l label{position:relative;padding-left: 30px;cursor:pointer;font-size:16px;color:#444444;}
.intro .login-box .func-part .func-l label::before{content:"";width:19px;height:19px;display:inline-block;position:absolute;vertical-align:middle;border:1px solid #d2d2d1;left: 1px;top:-2px;background:#fff;}
.intro .login-box .func-part .func-l input[type="checkbox"]:checked + label::after{content:"";display:inline-block;width:19px;height:19px;background:url("../images/main/icon_checked.png") no-repeat center;position:absolute;left:2px;top:-1px;}
.intro .login-box .func-part .func-r ul{margin-left:-38px;}
.intro .login-box .func-part .func-r ul li{float:left;margin-left:38px;position:relative;}
.intro .login-box .func-part .func-r ul li::before{content:'';position:absolute;top:0;left:-18px;width:1px;height:16px;background:#bbbbbb;}
.intro .login-box .func-part .func-r ul li:first-child::before{display:none;}
.intro .login-box .func-part .func-r ul li a{display:block;font-size:16px;color:#444444;}
.intro .tips{margin-top:18px;}
.intro .tips > ul{display: flex;flex-direction: column;align-items: flex-start;flex-wrap: wrap;align-content: center;}
.intro .tips > ul > li{position:relative;padding-left: 20px;padding-top: 14px;font-size: 15px;color:#666666;}
.intro .tips > ul  > li::before{content: "";position: absolute;display:block;left: 3px;top: 18px;width: 6px;height: 5px;background: #444444;border-radius:25px;}