@font-face {
  font-family: RobotoMedium;
  src: url('../font/RobotoMedium.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*{margin: 0;padding: 0;}
li{list-style:none;}
i{font-style:normal;}
button,input,select{cursor: pointer;outline: none;border: none;padding: 0;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
::-webkit-input-placeholder{color: #ADADAD;}
:-moz-placeholder{color: #ADADAD;opacity: 1;}
::-moz-placeholder{color: #ADADAD;opacity: 1;}
:-ms-input-placeholder{ color: #ADADAD;}
body{font-size: 0;overflow-x: hidden;line-height: 0;font-family: Arial,sans-serif;}
img{vertical-align: middle;max-width: 100%;}
.main{width: 15rem;margin: 0 auto;padding-bottom: 2.56rem;background-color: #F2691D;}
.main .bottom_fixed{position: fixed;width: 100%;bottom: 0;left:0;display: none;}
.main .form_box{background-color: #F2691D;text-align: center;}
.main .form_box .content{padding-top: 1rem;border-radius: 1.04rem;background-color: #FFFFFF;width: 90%;margin: 0 auto;}
.main .form_box .content .title{display: flex;justify-content: center;}
.main .form_box .content .title img:first-child{width: 0.2rem;height: 0.2rem;margin: 0.34rem 0.32rem 0 0;}
.main .form_box .content .title span{font-size: 0.64rem;font-weight: bold;line-height: 0.88rem;color: #472A0E;font-family: RobotoMedium;position: relative;z-index: 1;}
.main .form_box .content .title span::before{position: absolute;content: '';height: 0.28rem;width: 100%;bottom: 0.08rem;border-radius: 0.14rem;background-color: #FFB547;z-index: -1;}
.main .form_box .content .title img:last-child{width: 0.32rem;height: 0.32rem;margin: 0 0 auto 0.28rem;}
.main .form_box .content .box_main{padding: 0.76rem 1.08rem 0;}
.main .form_box .content .box_main .ipt{font-size: 0.52rem;color: #332F2E;line-height: 1.8rem;border: 1px solid #E3E5E8;box-sizing: border-box;border-radius: 0.4rem;display: block;width: 100%;padding-left: 1.36rem;background: url('../img/index17.png') 0.36rem center/0.68rem 0.68rem no-repeat;}
.main .form_box .content .box_main .mar_top{margin-top: 0.68rem;}
.main .form_box .content .box_main .btnlist{display: flex;justify-content: center;}
.main .form_box .content .box_main .btnlist li{font-size: 0.6rem;color: #2E3237;transition: color .3s;line-height: 0.68rem;position: relative;}
.main .form_box .content .box_main .btnlist li:last-child{margin-left: 30%;}
.main .form_box .content .box_main .btnlist li::before{content: '';position: absolute;width: 1.04rem;height: 0.16rem;left: 0.04rem;bottom: -0.4rem;border-radius: 0.08rem;transition: background .4s;}
.main .form_box .content .box_main .btnlist li.btnte{font-weight: bold;}
.main .form_box .content .box_main .btnlist li.btnte::before{background-color: #FF6422;}
.main .form_box .content .box_main .tab{margin-top: 1.6rem;}
.main .form_box .content .box_main .tab .tablist{display: none;}
.main .form_box .content .box_main .tab .mobile_box{display: flex;position: relative;}
.main .form_box .content .box_main .tab .mobile_box .select_box{display: flex;border: 1px solid #E3E5E8;color: #333333;align-items: center;width: 3.72rem;justify-content: center;border-radius: 0.4rem 0 0 0.4rem;}
.main .form_box .content .box_main .tab .mobile_box .select_box span{font-size: 0.56rem;line-height: 1;}
.main .form_box .content .box_main .tab .mobile_box .select_box img{width: 0.96rem;height: 0.96rem;transition: transform .3s;}
.main .form_box .content .box_main .tab .mobile_box .select_box.active img{transform: rotate(180deg);}
.main .form_box .content .box_main .tab .mobile_box .mobile_ipt_box{flex: 1;}
.main .form_box .content .box_main .tab .mobile_box .mobile_ipt_box .ipt{border-radius: 0 0.4rem 0.4rem 0;border-left: none;background-image: none;padding-left: 0.4rem;}
.main .form_box .content .box_main .tab .mobile_box .select_drop{position: absolute;width: 100%;top: 100%;background-color: #FFFFFF;z-index: 2;box-shadow: 0 0.08rem 0.4rem 0 rgb(0 0 0 / 7%);border: 1px solid #E0E0E0;display: none;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .search_box{position: relative;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .search_box .ipt{background-image: none;padding-left: 0.4rem;border-radius: 0;border-color: transparent;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .search_box img{position: absolute;width: 0.96rem;right: 0.4rem;top: 0.46rem;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .letter_box{display: flex;padding: 0.2rem;border-bottom: 1px solid #F1F1F1;flex-wrap: wrap;border-top: 1px solid #E3E5E8;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .letter_box li{font-size: 0.56rem;line-height: 0.72rem;color: #B8B8B8;padding: 0.12rem;width: 0.72rem;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .letter_box li.active{color: #FFB190;background-color: rgba(255,177,144,.6);border-radius: 2px;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .select_list{max-height: 8rem;overflow-y: auto;padding: 0.2rem 0 0.4rem;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .select_list li{display: flex;justify-content: space-between;padding: 0.16rem 0.4rem;font-size: 0.64rem;line-height: 0.8rem;color: #999999;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .select_list li.no_data{justify-content: center;}
.main .form_box .content .box_main .tab .mobile_box .select_drop .select_list li.active{color: #212121;background-color: rgba(255,177,144,.6);}
.main .form_box .content .box_main .tab .mobile_box .select_drop .select_list li span:first-child{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 60%;}
.main .form_box .content .box_main .code_box{display: flex;}
.main .form_box .content .box_main .code_box .ipt{flex: 1;background-image: url('../img/index18.png');}
.main .form_box .content .box_main .code_box i{font-size: 0.52rem;line-height: 1.8rem;color: #F85415;width: 4.48rem;border: 1px solid #FA9872;border-radius: 0.4rem;margin-left: 0.36rem;}
.main .form_box .content .box_main .pass_box{position: relative;}
.main .form_box .content .box_main .pass_box .ipt{background-image: url('../img/index19.png');}
.main .form_box .content .box_main .pass_box i{position: absolute;width: 1.88rem;height: 100%;right: 0;top: 0;background: url('../img/index20.png') center/0.8rem 0.56rem no-repeat;}
.main .form_box .content .box_main .pass_box i.active{background-image: url('../img/index21.png');}
.main .form_box .content .box_main .hide_box{display: none;}
.main .form_box .content .box_main .invite_box .ipt{background-image: url('../img/index22.png');}
.main .form_box .content .box_main .agreement_box{margin-top: 0.68rem;display: flex;align-items: center;}
.main .form_box .content .box_main .agreement_box .check_box{width: 0.6rem;height: 0.6rem;border-radius: 50%;border: 1px solid #CFD3D8;display: flex;align-items: center;justify-content: center;margin-right: 0.2rem;box-sizing: border-box;position: relative;}
.main .form_box .content .box_main .agreement_box .check_box.active{border-color: #F85415;background-color: #F85415;}
.main .form_box .content .box_main .agreement_box .check_box img{width: 0.4rem;height: 0.24rem;}
.main .form_box .content .box_main .agreement_box .check_box .check_ipt{display: block;position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
.main .form_box .content .box_main .agreement_box span{font-size: 0.48rem;line-height: 1;color: #332F2E;}
.main .form_box .content .box_main .agreement_box span:last-child{color: #FF6422;margin-left: 0.08rem;text-decoration: underline;}
.main .form_box .content .submit_box{padding: 0 0.32rem 0;position: relative;box-sizing: border-box;height: 3.36rem;margin-top: 0.48rem;}
.main .form_box .content .submit_box img{width: 100%;height: 100%;}
.main .form_box .content .submit_box span{font-size: 0.6rem;line-height: 3.08rem;color: #FFFFFF;position: absolute;width: 100%;left: 0;top: 0;font-family: RobotoMedium;}
.fixed_shade{display: none;}
.shade_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);display: flex;justify-content: center;align-items: center;z-index: 10;}
.shade_box .agreement_main{width: 14.24rem;padding: 0.76rem;border-radius: 0.76rem;box-sizing: border-box;background-color: #FFFFFF;position: relative;}
.shade_box .agreement_main .agreement_close{position: absolute;top: 0.36rem;padding: 0.26rem;right: 0.36rem;z-index: 1;}
.shade_box .agreement_main .agreement_close img{width: 0.6rem;height: 0.6rem;}
.shade_box .agreement_main .title{font-size: 0.68rem;font-weight: bold;position: relative;line-height: 0.8rem;text-align: center;padding: 0.76rem 0;}
.shade_box .agreement_main .title::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);border-radius: 0.2rem;background-color: #FF6422;width: 0.6rem;height: 0.16rem;top: 0;}
.shade_box .agreement_main .content{height: 15rem;overflow-y: auto;font-size: 0.52rem;line-height: 0.72rem;padding: 0 5%;}
.shade_box .agreement_main .content h3{font-size: 1.12rem;line-height: 1.56rem;text-align: center;}
.shade_box .agreement_main .agreement_btn{background-color: #F85415;display: block;width: 6.4rem;text-align: center;font-size: 0.6rem;line-height: 1.5rem;color: #FFFFFF;margin: 0.76rem auto 0;border-radius: 0.32rem;}