.logo{width: 100%;height: 2.4rem;display: flex;justify-content: center;align-items: center;flex-direction:column}
/* .logo .logo-top{width: 100%;height: 2.4rem;} */
.logo img{width: 75px;height: 75px;}
.logo div{color: #333;padding-top: 20px;}
.userphone{width: 84%; margin: .1rem auto;}
.userphone .title{color: #333333;line-height: 28px}
.userphone .input-bg{margin-top: 10px;background: rgba(0, 89, 177, 0.15);border-radius: 2px;
    display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;height: 40px;background-color: #F6F6F6;}
.userphone .input-bg .input{-webkit-box-align: center;align-items: center;display: -webkit-flex;padding: 0 5px;-webkit-box-flex: 1;flex: 1;height: 100%;font-size: 14px;font-family: "";
    color: white;}  
.userphone .input-bg .input input{height: 99%;background-color: #F6F6F6;color: #333333;}      
.userphone .input-bg  .code-bg{height: 100%;-webkit-box-align: center;align-items: center;display: -webkit-flex;width: 110px;} 
.line{width: 0.5px;height: 55%;background-color: #333333;}
.code{width: calc(100% - 0.5px);-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;display: -webkit-flex;font-family: "";
    font-size: 14px;color: #3065E2;}
.yz-btn{-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;display: -webkit-flex;
    background-image: linear-gradient(6deg, #1593FC 0%, #347AFF 100%);border-radius: 2px;height: 40px;font-size: 14px;color: #ffffff;
    line-height: 14px;width: 84%; margin: .4rem auto;}    
.postion{top: 50%;}

.download_logo{width: 100%;height: 400px;}
.download_logo img{width: 100%;height: 400px;}
.download_logo_new_box{width: 100%;height: 90px;margin-top: -45px;}
.download_logo_new_box .download_logo_new{width: 90px;height: 90px;margin: 0 auto;}
.download_logo_new_box .download_logo_new img{width: 90px;height: 90px;}
.download_title{width: 100%;line-height: 30px;font-size: 18px;color: #333;text-align: center;font-weight: bold;}
.download_btn_android{width: 190px;height: 40px;background: #3B99F5;border-radius: 4px;margin: 20px auto;overflow:hidden}
.download_btn_android .btn_main{width: 100%;height: 30px;margin-top: 5px;display: flex;}
.download_btn_android .btn_main .btn_main_lfet{width: 30%;border-right: 1px solid rgba(223, 223, 223, 0.5);}
.download_btn_android .btn_main .btn_main_lfet .left_img{width: 30px;height: 30px;margin: 0 auto;}
.download_btn_android .btn_main .btn_main_lfet .left_img img{width: 30px;height: 30px;}
.download_btn_android .btn_main .btn_main_right{width: 70%;line-height: 30px;text-align: center;font-size: 16px;color: #ffffff;}
.download_btn_apple{width: 190px;height: 40px;background: #ffffff;border-radius: 4px;margin: 20px auto;overflow:hidden;border: 1px solid #3B99F5;}
.download_btn_apple .btn_main{width: 100%;height: 30px;margin-top: 5px;display: flex;}
.download_btn_apple .btn_main .btn_main_lfet{width: 30%;border-right: 1px solid rgba(59, 153, 245, 0.5);}
.download_btn_apple .btn_main .btn_main_lfet .left_img{width: 30px;height: 30px;margin: 0 auto;}
.download_btn_apple .btn_main .btn_main_lfet .left_img img{width: 30px;height: 30px;}
.download_btn_apple .btn_main .btn_main_right{width: 70%;line-height: 30px;text-align: center;font-size: 16px;color: #3B99F5;}
.download_sfb_logo{width: 160px;height: 56px;margin: -8px auto;}    
.download_sfb_logo img{width: 160px;height: 56px;}


.b-top{width: 100%;height: 266px;background-image:url(../image/SFB_group.jpg);background-repeat: no-repeat;background-size: cover;}
.b-main{width: 100%;height: 100%;background-color: #ffffff;border-radius: 40px 40px 2px 2px;margin-top: -40px;}
.b-main .b_main_title{line-height: 140px;text-align: center;font-size: 18px;color: black;}
.b-main .b_main_input{width: 90%;height: 40px; margin: 0 auto; background-color: #F6F6F6;display: flex;}
.b-main .b_main_input_left{width: 20%;display: flex;align-items:center;justify-content: center;} 
.b-main .b_main_input_left .left_img{width: 24px; height: 24px; background-color: #F6F6F6;justify-content: center; align-items: center;}
.b-main .b_main_input_left .left_img img{width: 24px;height: 24px;}
.b-main .b_main_input_right{width: 80%;}
.b-main .b_main_input_right input{width: 100%;height: 99%;border: none;background-color:#F6F6F6}
.b-main .b_btn{width: 90%;height: 40px;line-height:40px;background-image:linear-gradient(6deg, #1593FC 0%, #347AFF 100%);margin: 40px auto;
    text-align: center;}
.b-main .b_sfb_logo{width: 160px;height: 56px;margin: 30px auto;}    
.b-main .b_sfb_logo img{width: 160px;height: 56px;}

.userAgreement_main{font-size: 14px;color: #333333;text-align: justify;width: 98%;margin: 0 auto;}


.v-bg{width: 100%;height: calc(100vh);min-height: 100%;background: linear-gradient(to bottom, #1A43FF,#3673FF,#334FF0);overflow: hidden;}
.v-bg .v-bg-main{width: 90%; margin: 30px auto;height: 440px;background: url(../image/visitior_bg.png?v=20200926) no-repeat;background-size: 100% 100%; position: relative;}
.v-bg .v-bg-main .v-title{line-height: 80px;text-align: center;font-size: 20px;font-weight: 600;border-bottom: 1px solid #E8E8E8;color: #000;margin-bottom: 40px;}
.v-bg .v-bg-main .v-list{line-height: 35px;width: 86%; margin: 0 auto;display: flex;color: #000;font-size: 14px;justify-content: space-between;}
.v-list .v-list-left{color: rgba(51, 51, 51, .6);}
.v-list .v-list-right{}
.v-line{height: 1px;background-color: #E8E8E8;width: 86%; margin: 12px auto;}
.v-bottom{width: 86%; margin-left: 7%; color: #000;position: absolute;bottom: 10px;}