/*注册页*/
#signup_index #main{background-color:#ff924f;}
#signup_index #main .signup_box{padding:90px 0 140px;display: flex;justify-content: space-between;align-items: center;gap:90px;width:100%;margin: 0 auto;}
#signup_index #main .signup_box .form_box{width:100%;padding:68px 36px 46px;background-color: #fff;border-radius: 6px;}
#signup_index #main .signup_box .form_box .box_input{border: 1px solid #d5d5d5;}
#signup_index #main .signup_box .form_box .title_box{color: #313131;text-align: center;}
#signup_index #main .signup_box .form_box .title{font-size: 40px;line-height: 40px;font-weight: bold;}
#signup_index #main .signup_box .form_box .sub_title{font-size: 16px;line-height: 16px;margin-top:26px;}
#signup_index #main .signup_box .form_box .input_box{margin-top:30px;}
#signup_index #main .signup_box .form_box .btn_box{margin-top:30px;}
#signup_index #main .signup_box .form_box .btn_box button{width: 100%;background-color:#161616;border:none;padding:24px 20px;font-size:14px;line-height:14px;font-weight:bold;color:#ffffff;border-radius: 6px;}
#signup_index #main .signup_box .form_box input[name='sCode']{display: none;}
#signup_index #main .signup_box .form_box .tip_box{margin-top:22px;text-align: center;}
#signup_index #main .signup_box .form_box .explain{margin-top:30px;}
#signup_index #main .signup_box .form_box .explain a{color: blue;}
#signup_index #main .signup_box .form_box .login{color: var(--primaryColor);}
#signup_index #main .signup_box .form_box .google_button{margin-bottom: 15px;height: 50px;line-height: 50px;position: relative;overflow: hidden;}
#signup_index #main .signup_box .form_box .google_button .g_id_signin{width: 400px;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);opacity: 0;z-index: 2;}
#signup_index #main .signup_box .form_box .google_button .replace{width: 100%;height: 100%;border: 1px solid #d5d5d5;border-radius: 5px; position: absolute;top: 0;left: 0;z-index: 1;text-align: center;}
#signup_index #main .signup_box .form_box .google_button .replace img{margin-right: 15px;}
#signup_index #main .signup_box .form_box .google_line{text-align: center;position: relative;margin-top: 25px;margin-bottom: 15px;}
#signup_index #main .signup_box .form_box .google_line span{display: inline-block;line-height: 25px;background-color: #fff;padding: 0 30px;position: relative;z-index: 2;color: #d7d7d7;font-style: italic;}
#signup_index #main .signup_box .form_box .google_line::after{content: '';width: 100%;height: 1px;background-color: #eee;position: absolute;top: 13px;left: 0;z-index: 1;}
#signup_index #main .signup_box .img_box{width: 100%;position: relative;}
#signup_index #main .signup_box .img_box img{min-width: 535px;}
#signup_index #main .signup_box .img_box .tips_box{position: absolute;top:0;padding: 85px 200px 80px 95px;}
#signup_index #main .signup_box .img_box .tips_box .title{font-size: 18px;line-height:30px;color: #fff;}
#signup_index #main .signup_box .img_box .tips_box .title span{color: #e2f41b;font-style: italic;font-size: 14px;line-height: 14px;}
#signup_index #main .signup_box .img_box .tips_box .item{margin-top:50px;display: grid;grid-template-columns: repeat(1,1fr);gap: 16px;}
#signup_index #main .signup_box .img_box .tips_box .item div{color: #333333;font-size: 16px;line-height: 16px;}
#signup_index #main .signup_box .img_box .tips_box .item .mark {display: inline-block;position: relative;width: 23px;height: 12px;background: none;}
#signup_index #main .signup_box .img_box .tips_box .item .mark::before {content: '';position: absolute;top:6px;left:7px;width: 9px;height: 3px;background: #ff7038;transform: rotate(40deg);transform-origin: left top;}
#signup_index #main .signup_box .img_box .tips_box .item .mark::after {content: '';position: absolute;top:12px;left:11px;width: 15px;height: 3px;background: #ff7038;transform: rotate(-55deg);transform-origin: left top;}
#signup_index #main .signup_box .img_box .tips_box .item span{margin-left:10px;}
@media (max-width: 768px) {
    #signup_index #main .signup_box{padding:25px 0 50px;}
    #signup_index #main .signup_box .form_box{border-radius: 3px;padding:38px 20px 35px;}
    #signup_index #main .signup_box .form_box .title{font-size: 28px;line-height: 28px;}
    #signup_index #main .signup_box .form_box .sub_title{font-size: 12px;line-height: 12px;margin-top:20px;}
    #signup_index #main .signup_box .form_box .input_box{margin-top:20px;}
    #signup_index #main .signup_box .form_box .btn_box{margin-top:40px;}
    #signup_index #main .signup_box .form_box .btn_box button{padding:15px 20px;border-radius: 3px;font-size: 12px;line-height: 12px;}
    #signup_index #main .signup_box .form_box .tip_box{margin-top:20px;font-size: 12px;line-height: 12px;}
    #signup_index #main .signup_box .form_box .tip_box .tip{display: block;}
    #signup_index #main .signup_box .form_box .explain{line-height: normal;}
    #signup_index #main .signup_box .form_box .tip_box .login{display: block;margin-top:12px;}
    #signup_index #main .signup_box .img_box{display: none;}
}
@media (max-width: 1040px) {
    #signup_index #main .signup_box .img_box{display: none;}
}