.layout-right-lin-new{
    cursor: pointer;
}

.feedback-right-view .ant-input:focus{
    box-shadow: none !important;
    border: none;
    box-shadow: none !important;
}

.feedback-right-view .ant-input{
    border: none;
}

.feedback-right-view .feedback-error{
    margin-top: 40px !important;
}
/*绑定手机号弹窗*/
.global-phone-wrapper {
    width: 440px;
    height: 432px;
    background: #FFFFFF;
    border-radius: 16px;
    padding-top: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}

.global-phone-wrapper-title{
    padding-left: 30px;
}

.global-phone-wrapper-title h5{
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.global-phone-wrapper-title span{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}


.global-phone-wrapper .phoneBgc-tip{
    width: 146px;
    height: auto;
    position: absolute;
    top: -20px;
    right: 20px;
}


.mobile-phone-binding {
    width: 380px;
    margin: 0 auto;
    margin-top: 45px;
}

.mobile-phone-binding .phone,
.mobile-phone-binding .slide{
    height: 42px;
    margin-bottom: 24px;
}

.mobile-phone-binding .code{
    height: 48px;
    margin-bottom: 24px;
}

.mobile-phone-binding .phone {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    color: #FFFFFF;
}

.mobile-phone-binding .phone input::placeholder{
    color: #999;
}

.mobile-phone-binding .phone i,
.mobile-phone-binding .phone input {
    display: block;
    height: 100%;
}

.mobile-phone-binding .phone i {
    width: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #999;
    float: left;
}

.mobile-phone-binding .phone input {
    float: left;
    color: #333;
    width: 280px;
    height: 100%;
    background: none;
}

/*滑动验证*/
.phone-slide-wrapper {
    position: relative;
}

#phone-slide-wrapper-enter {
    width: 380px;
    height: 42px;
    position: absolute;
    right: 0;
    overflow: hidden;
}

.phone-slide-wrapper .nc-container .nc_wrapper {
    width: 380px !important;
    height: 42px !important;
    line-height: 42px !important;
}

.phone-slide-wrapper .nc_scale {
    width: auto;
    height: 42px;
    background: #F2F2F2;
    position: relative;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #F2F2F2;
}

.phone-slide-wrapper .nc-container .nc_scale span {
    font-size: 14px;
}

.phone-slide-wrapper .nc-container .nc_scale .btn_slide {
    height: 42px;
    line-height: 40px;
    border-radius: 8px;
    background: #fff;
    border-color: #F2F2F2;
    margin: -1px;
    font-size: 18px;
    color: #999;
}

.phone-slide-wrapper .nc-container .nc_scale .btn_ok {
    height: 42px;
    line-height: 40px;
    border-radius: 0 8px 8px 0;
    font-size: 18px;
    color: #ffb311;
    background: #fff;
    border-color: #F2F2F2;
    margin: -1px;
}

.phone-slide-wrapper .nc-container .nc_scale .scale_text span {
    line-height: 40px;
    padding-left: 38px;
}

.phone-slide-wrapper .nc-container .nc_scale .scale_text2 span.nc-lang-cnt {
    padding-left: 0;
}

.phone-slide-wrapper .nc-container .nc_scale .nc_bg {
    border-radius: 8px 0 0 8px;
    background: #ffb311;
}

.phone-slide-wrapper .nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="SLIDE"] {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(0.4, #333), color-stop(0.5, #333), color-stop(0.6, #333), color-stop(1, #333));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slidetounlock 3s infinite;
    -webkit-text-size-adjust: none;
}

/*发送验证码*/
.global-phone-wrapper .code {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.global-phone-wrapper > .text {
    display: block;
    text-align: center;
}

.global-phone-wrapper .code-wrapper {
    width: 220px;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #EBEBEB;
}

.global-phone-wrapper .a-code-button {
    display: block;
    width: 140px;
    height: 100%;
    line-height: 48px;
    border-radius: 8px;
    text-align: center;
    color: #613C14;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    transition: all 0.2s;
}

.global-phone-wrapper .code-wrapper i {
    width: 42px;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #999;
    float: left;
}

.global-phone-wrapper .code-wrapper input {
    float: left;
    color: #333;
    width: 160px;
    height: 100%;
    background: none;
}
.global-phone-wrapper .code-wrapper input::placeholder{
    color: #999;
}

.global-phone-wrapper .finish-button {
    display: block;
    width: 180px;
    height: 42px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 21px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    color: #613C14;
    transition: all 0.2s;
    text-align: center;
    line-height: 42px;
}

.a-code-button:hover,
.finish-button:hover {
    opacity: 0.9;
}

.global-phone-wrapper-btns{
    margin-top: 47px;
    display: flex;
    justify-content: center;
}
.stepOne{
    position: fixed;
    left: 20px;
    bottom: 200px;
    width: 313px;
    height: 219px;
    border-radius: 10px;
    background-image: url('//js.ibaotu.com/revision/img/plus/advice/question-one.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 90;
    overflow: hidden;
    transition: all .3s;
}

.stepOne-Content{
    position: relative;
    overflow: hidden;
    padding: 25px 31px;
    width: 100%;
    height: auto;
}

.step-close{
    position: absolute;
    top: 39px;
    right: 28px;
    cursor: pointer;
}

.step-close img{
    width: 14px;
    height: 14px;
}

.stepOne-title{
    display: block;
    margin-top: 80px;
    width: 100%;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
}

.Material p{
    margin-bottom: 0em;
}

.stepOne-title p{
    margin-bottom: 0em;
    margin-bottom: 8px;
}

.score{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 11px;
}
.score span{
    cursor: pointer;
}

.score span img{
    width: 26px;
    height: 29px;
}

.selectedColor{
    background-color: rgba(255, 200, 108, 1);
    border: 1px solid rgba(255, 200, 108, 1) !important;
}

.scoreSpan{
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
}

.degree{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 4px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
}

.stepTwo{
    position: fixed;
    right: 20px;
    bottom: 53px;
    width: 313px;
    height: 377px;
    background-image: url('//js.ibaotu.com/revision/img/plus/advice/question-two.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 91;
    transition: all .3s;
    overflow: hidden;
}

.stepTwo-Content{
    padding: 0 32px;
    padding-top: 8px;
    overflow: hidden;
}

.stepTwo-title{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
}

.stepTwo .ant-input{
    margin-top: 6px;
    width: 247px;
    height: 37px;
    border: 1px solid rgba(255, 215, 151, 1);
    border-radius: 8px;
    resize:none;  /* 取消拖拽 */
    font-size: 14px;
    font-family: PingFang SC;
    color: rgba(51, 51, 51, 1);
}


.stepTwo textarea::placeholder {
    font-size: 12px;
    font-family: PingFang SC;
    color: #AAAAAA;
    line-height: 28px;
}

.stepTwo .ant-input:focus, .ant-input-focused{
    box-shadow: 0 0 0 1px rgba(255, 215, 151, 1);
}

.buttonContent{
    width: auto;
    display: flex;
    justify-content: center;
    margin-top: 23px;
}

.material-sumbit{
    cursor: pointer;
    text-align: center;
    line-height: 31px;
    width: 141px;
    height: 31px;
    background: #FFD797;
    border: 1px solid #FFBD54;
    border-radius: 8px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #613C14;
}

 /*控制颜色的改变*/
   .getColor{
    color: rgba(249, 159, 78, 1);
   }


.step-finish{
    z-index: 83;
    overflow: hidden;
    width: 313px;
    height: 299px;
    position: fixed;
    right: 20px;
    bottom: 121px;
    background-image: url('//js.ibaotu.com/revision/img/plus/advice/finish-gbc.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.step-finish .finish-img{
    padding: 4px 0px 25px 0;
}

.step-finish-content{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    overflow: hidden;
}
.step-finish-content p{
    margin-top: 51px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
}

.colse-btn{
    text-align: center;
    line-height: 31px;
    width: 141px;
    height: 31px;
    background: #FFD797;
    border: 1px solid #FFBD54;
    border-radius: 8px;
    cursor: pointer;
}

/* 禁用页面滚动的样式 */
body.no-scroll {
    overflow: hidden;
}

/*企业组弹窗样式*/
/*选择企业弹窗*/
.ChooseFirm-popUp{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.ChooseFirm{
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 460px;
    height: auto;
    /*transform: translateY(-50%);*/
}

.activate-card-role-img{
    width: 176px;
    position: absolute;
    right: 20px;
    top: -46px;
    z-index: 999;
}

.ChooseFirm-title{
    position: relative;
    padding-top: 25px;
    width: 250px;
    height: 75px;
    font-size: 20px;
    font-weight: 600;
    color: #FFB311;
    padding-left: 35px;
}

.ChooseFirm-title::after{
    content: '';
    position: absolute;
    left: 0;
    top: 43%;
    width: 4px;
    height: 20px;
    background: #FFB311;
}

.activate-card-small-one-Content{
    position: absolute;
    right: -358px;
    top: -22px;
    width: 378px;
    height: 183px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/activate-card-small-one-2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding:14px 0px 0 84px;
    overflow: hidden;
}

.activate-card-small-two-Content{
    position: absolute;
    right: -358px;
    bottom: 283px;
    width: 323px;
    height: 202px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/activate-card-small-two-2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding:14px 0px 0 30px;
    overflow: hidden;
}

.activate-card-title{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFB311;
    width: 188px;
    height: 52px;
    border-bottom:1px solid #F2F2F2;
    padding-top: 15px;
    animation: shine 2s infinite; /* 应用闪光动画 */
}

@keyframes shine {
    0% {
        /*background-color: #FFB311;*/
        text-shadow: 0 0 10px rgba(247, 211, 148, 0.8);
    }
    50% {
        /*background-color: #FFD700; !* 闪光时的颜色 *!*/
        text-shadow: 0 0 20px rgba(255, 215, 0, 0.9);
    }
    100% {
        /*background-color: #FFB311;*/
        text-shadow: 0 0 10px rgba(247, 211, 148, 0.8);
    }
}

.activate-card-title h5{
    margin-bottom: 0px;
    color: #FFB311;
}

/*base code*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
/*the animation definition*/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}


.activate-card-title::before{
    content: '';
    position: absolute;
    left: -14px;
    width: 6px;
    height: 6px;
    background: #FFB311;
    border-radius: 50%;
}

.ChooseFirm-btns button:disabled{
    cursor: not-allowed;
}

.activate-card-small-one-Content p,
.activate-card-small-two-Content p{
    margin-bottom: 0;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}

.activate-card-small-one-Content p span,
.activate-card-small-two-Content p span{
    color: #FFB311;
}

.activate-card-text p:nth-child(1){
    margin-top: 12px;
}

.activate-card-text p:nth-child(2){
    margin-top: 11px;
}

.activate-card-small-two-Content em{
    font-weight: 400;
    padding-left: 64px;
}
.ChooseFirm-FirmList{
    width: 100%;
    height: 348px;
}

.ChooseFirm-FirmList-item{
    position: relative;
    padding-left: 34px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    /*border-left: 4px solid #FFB311;*/
    border-left: 4px solid transparent;
    color: #333333;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400
}

.ChooseFirm-addBtn{
    position: relative;
    padding-left: 34px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    /*border-left: 4px solid #FFB311;*/
    border-left: 4px solid transparent;
    color: #333333;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400
}

.ChooseFirm-FirmList-item i,
.ChooseFirm-addBtn i{
    font-size: 21px;
    margin-right: 20px;
}


.ChooseFirm-FirmList-item span.plus-icon-weixianqiye{
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/weixianqiye_not.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.ChooseFirm-FirmList-item:hover span.plus-icon-weixianqiye{
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/weixianqiye_ye.png');
}

.ChooseFirm-FirmList-item.active,
.ChooseFirm-FirmList-item:hover{
    background: #F9FAFB;
    color: #FFB311;
    border-left: 4px solid #FFB311;
}

.ChooseFirm-addBtn.active,
.ChooseFirm-addBtn:hover{
    background: #F9FAFB;
    color: #FFB311;
    /*border-left: 4px solid #FFB311;*/
}
.ChooseFirm-FirmList-item-text{
    position: relative;
    max-width: 63%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ChooseFirm-FirmList-item-text-tips{
    position: absolute;
}

.ChooseFirm-FirmList-item-text.active{
    max-width: 53%;
    transition: all 0.2s ease;
}

.ChooseFirm-FirmList-VIP-identification .item{
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-left: 5px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ChooseFirm-FirmList-VIP-identification .VIP-identification-1{
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/VIP-identification-1.png?v=20231127');
}


.ChooseFirm-FirmList-VIP-identification.active .VIP-identification-1{
    width: 100px;
    transition: all 0.1s ease;
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/VIP-identification-expired-1.png?v=20231127');
}

.ChooseFirm-FirmList-VIP-identification .VIP-identification-2{
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/VIP-identification-2.png?v=20231127');
}


.ChooseFirm-FirmList-VIP-identification.active .VIP-identification-2{
    width: 90px;
    transition: all 0.1s ease;
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/VIP-identification-expired-2.png?v=20231127');
}

.ChooseFirm-FirmList-VIP-identification .VIP-identification-3{
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/VIP-identification-3.png?v=20231127');
}


.ChooseFirm-FirmList-VIP-identification.active .VIP-identification-3{
    width: 80px;
    transition: all 0.1s ease;
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/VIP-identification-expired-3.png');
}

.ChooseFirm-FirmList-VIP-identification{
    height: 34px;
    align-items: center;
    display: flex;
}

.ChooseFirm-FirmList-item-rightTips{
    right: 10px;
    position: absolute;
    display: flex;
    align-items: center;
}

.ChooseFirm-FirmList-item-choosed{
}

.ChooseFirm-FirmList-item-FillNow{
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    color: #613C14;
    width: 60px;
    height: 22px;
    line-height: 22px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 100%);
    border-radius: 4px;
    margin-right: 5px;
    z-index: 10;
    transition: all 0.2s ease;
}

.ChooseFirm-FirmList-item-FillNow:hover{
    opacity: 0.9;
}

.ChooseFirm-FirmList-item-choosed i{
    font-size: 26px;
}

.ChooseFirm-FirmList-item-vip{
    margin-left: 10px;

}
.ChooseFirm-FirmList-item-vip i{
    font-size: 28px;
    color: #FFB311;;
}


.ChooseFirm-btns{
    width: 83%;
    height: 110px;
    display: flex;
    justify-content: center;
    border-top: 2px solid rgba(255, 255, 255, 0.05);
    padding-top: 20px;
    margin: 0 auto;
}

.ChooseFirm-btns button{
    width: 185px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    transition: all 0.3s;
}

.ChooseFirm-btns button:nth-child(1){
    background: #F2F2F2;
    color: #333;
}

.ChooseFirm-btns button:nth-child(2){
    margin-left: 25px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 100%);
    color: #613C14;
}

.ChooseFirm-btns button:hover{
    opacity: 0.9;
}

/*创建企业信息弹窗*/
.Plus-AddFirm{
    width: 100%;
    height: auto;
    background: #fff;
    /* box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.3); */
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    background-image: url("//js.ibaotu.com/revision/plus/img/activate/frimbGC-2.png?v=20241012");
    background-size: 100% auto; /* 背景图片宽度占满盒子宽度，高度自适应 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    /*background-position: center; !* 背景图片居中显示 *!*/
}

.Plus-chooseFirm{
    height: auto;
    background: #fff;
    /* box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.3); */
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    background-image: url("//js.ibaotu.com/revision/plus/img/activate/frimbGC-2.png");
    background-size: 100% auto; /* 背景图片宽度占满盒子宽度，高度自适应 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    /*background-position: center; !* 背景图片居中显示 *!*/
}

.Plus-chooseFirm.empty{
    background-image:none;
}

.Plus-AddFirm-title{
    flex: 0 0 auto; /* 不伸缩，基于内容的高度 */
    width: 100%;
    padding-top: 33px;
}

.Plus-AddFirm-title h5{
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #FFB311;
    margin-bottom: 21px;
    position: relative;
    padding-left: 34px;
}

.Plus-AddFirm-title h5::after{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 20px;
    background: #FFB311;
}

.Plus-AddFirm-title p{
    font-weight: 400;
    font-size: 16px;
    color: #333;
    padding-left: 31px;
}

.Plus-AddFirm-title-steps{
    display: flex;
    align-items: center;
}

.Plus-AddFirm-title-steps img{
    width: 32px;
    margin-right: 10px;
}

.Plus-AddFirm-title-step{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
}

.Plus-AddFirm-title-step_one{
    color: #FFB311;
}

.Plus-AddFirm-title-step.active{
    color: #FFB311;
}

.Plus-AddFirm-title-steps .Plus-AddFirm-title-step_line{
    width: 125px;
    height: 2px;
    background: #3F404B;
    border-radius: 1px;
    margin: 0 10px;
    position: relative;
}

.Plus-AddFirm-Types{
    display: flex;
}

.AddFirm-TissueContent{
    flex: 1;
}

.Plus-AddFirm-Types p{
    margin-bottom: 0;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 10px;
    margin-right: 13px;
}

.Plus-AddFirm-typeItem{
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: space-evenly;*/
    width: 80px;
    height: 86px;
    background: #40414D;
    border-radius: 10px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #CCCCCC;
    margin-right: 39px;
    padding-top: 10px;
    border: 1px solid transparent;
    /*line-height: 17px;*/
    transition: all 0.3s;
}

.Plus-AddFirm-typeItem i{
    font-size: 25px;
    font-weight: 400;
}

.Plus-AddFirm-typeItem .icon-qiye1{
    font-size: 28px;
}

.Plus-AddFirm-typeItem .icon-icon_xinyong_xianxing_jijin-154{
    font-size: 26px;
}

.Plus-AddFirm-typeItem-text-two{
    line-height: 17px;
    margin-top: 5px;
}

.Plus-AddFirm-typeItem-text-three{
    margin-top: 8px;
}

.Plus-AddFirm-typeItem.active{
    color: #FFB311;
    border: 1px solid #FFB311;
    box-shadow: 0px 0px 8px 0px rgba(247,211,147,0.32);
}

.Plus-AddFirm-typeItem:hover{
    color: #FFB311;
    border: 1px solid #FFB311;
}


.Plus-AddFirm-typeItem {
    z-index: 1;
    position: relative;
    font-size: inherit;
    font-family: inherit;
    color: white;
    outline: none;
    overflow: hidden;
    cursor: pointer;
}

.Plus-AddFirm-typeItem::after {
    content: '';
    z-index: -1;
    background-color: hsla(0, 0%, 100%, 0.2);
    position: absolute;
    top: -50%;
    bottom: -50%;
    width: 1.25em;
    transform: translate3d(-525%, 0, 0) rotate(35deg);
}

.Plus-AddFirm-typeItem:hover::after {
    transition: transform 0.5s ease-in-out;
    transform: translate3d(500%, 0, 0) rotate(35deg);
}

.AddFirm-Tissue-use p{
    display: block;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 19px;
    margin-bottom: 0;
}

.AddFirm-Tissue-use{
    display: flex;
    margin-top: 60px;
}

.AddFirm-Tissue-use-options{
    width: 75%;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}

.AddFirm-Tissue-use-options .ant-radio-wrapper{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 24px;
}
.AddFirm-Tissue-use-options .ant-radio-inner{
    background-color: transparent;
    border-color: #FFFFFF;
}

.AddFirm-Tissue-use-options .ant-radio-input:focus + .ant-radio-inner{
    box-shadow: none;
}

.AddFirm-Tissue-use-options .ant-radio-wrapper:hover .ant-radio,
.AddFirm-Tissue-use-options .ant-radio:hover .ant-radio-inner,
.AddFirm-Tissue-use-options .ant-radio-input:focus + .ant-radio-inner{
    border-color: #FFB311;
}

.AddFirm-Tissue-use-options  .ant-radio-inner::after{
    background-color: #FFB311;
}

.AddFirm-Tissue-use-options .ant-radio-checked .ant-radio-inner{
    border-color: #FFB311;
}

.Plus-AddFirm-btn{
    width: 88%;
    border-top: 2px solid rgba(255, 255, 255, 0.05);
    padding-top: 20px;
    margin: 0 auto;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 33px;
}

.Plus-AddFirm-btn button{
    width: 185px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 400;
    background: #F2F2F2;
    border-radius: 25px;
    transition: all 0.3s;
    text-align: center;
}


.Plus-AddFirm-btn button:hover{
    opacity: 0.9;
}
.Plus-AddFirm-btn button:nth-child(1){
    color: #333;
    background: #F2F2F2;
    margin-right: 30px;
}

.Plus-AddFirm-btn button:nth-child(2){
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 100%);
    color: #613C14;
}


.Plus-AddFirm-btn button.nextStepAvailable-not{
    background: #F7F7F7;
    color: rgba(153, 153, 153, 1);
    border-radius: 25px;
    cursor: not-allowed;
}

.Plus-AddFirm-btn button.Plus-AddFirm-btn-left{
    color: #333;
    background: #F2F2F2;
    margin-right: 30px;
}

.Plus-AddFirm-btn .Plus-AddFirm-btn-rightContent button{
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 100%);
    color: #613C14;
    margin-right: 0;
}


.Plus-AddFirm-title-step_line.active::before {
    content: ' ';
    position: absolute;
    background: #FFB311;
    width: 0; /* 设置初始宽度为 0 */
    height: 100%;
    animation: underline-animated 0.5s ease-in forwards;
    z-index: 2;
}


@keyframes underline-animated {
    0%   {width: 0;}
    100% {width: 100%;}
}

.AddFirm-TissueContent.not{
    position: absolute;
    right: 0;
    animation: transRight-animated 0.5s ease-in forwards;
    opacity: 1; /* 设置初始透明度 */
    transform-origin: center center; /* 设置变换的原点为中心 */
}


@keyframes transRight-animated {
    0% {
        opacity: 1;
        transform: translateX(0) ; /* 初始位置和大小 */
    }
    50% {
        opacity: 0;
        transform: translateX(-50%); /* 平移到右边并逐渐消失 */
    }
    100% {
        opacity: 0;
        transform: translateX(-100%); /* 平移到右边并逐渐消失 */
    }
}

.AddFirm-fill-information-choseContent{
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.AddFirm-fill-information-items{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.AddFirm-fill-information-items_v2{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}

.AddFirm-fill-information-items_v2 p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.AddFirm-fill-information-items_v2 span.information-span{
    position: relative;
    width: 314px;
    height: 32px;
    padding-left: 10px;
    padding-right: 25px;
    line-height: 32px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #EBEBEB;
    cursor: not-allowed;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    overflow: hidden;
    white-space:nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow:ellipsis;
}

.AddFirm-fill-radioGroups-content{
    width: 77%;
    display: flex;
    justify-content: space-around;
}


.AddFirm-fill-information-items_v2.radioGroups label{
    cursor: pointer;
    display: flex;
    align-items: center;
}

.AddFirm-fill-information-items_v2.radioGroups input[type='radio']{
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #333333;
    margin-right: 3px;
    cursor: pointer;
}

.AddFirm-fill-information-items_v2.radioGroups input[type="radio"]:checked {
    position: relative;
    width: 16px;
    height: 16px;
    background-color:transparent;
    /*box-shadow: inset 0 0 5px rgba(247, 211, 148, 0.5);*/
    border: 1px solid #FFB311;
}
.AddFirm-fill-information-items_v2.radioGroups input[type="radio"]:checked::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFB311;
    z-index: 2;
}

.AddFirm-fill-information{
    /*padding: 10px 0px 0 33px;*/
    /*overflow: hidden;*/
}

.AddFirm-fill-information-choseContent{
    padding: 10px 0px 0 33px;
}

.AddFirm-fill-information-items .ant-input,
.AddFirm-fill-information-items .ant-select{
    position: relative;
    width: 341px;
    height: 32px;
    background: #34353E;
    border: 1px solid #999999;
    border-radius: 6px;
    /*overflow: hidden;*/
}

.AddFirm-fill-information-items  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
    width: 341px;
    height: 32px;
    border-radius: 6px;
    border: none;
    background-color: transparent;
}

.AddFirm-fill-information-popup.ant-select-dropdown{
    color: #999999 !important;
    background-color: rgb(61, 61, 70);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.AddFirm-fill-information-popup .ant-select-dropdown{
    color: #999999 !important;
    background-color: rgb(61, 61, 70);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

.AddFirm-fill-information-items-scale .ant-select-dropdown{
    color: #999999 !important;
    background-color: rgb(61, 61, 70);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}



.AddFirm-fill-information-items-scale .AddFirm-fill-information-popup.ant-select-dropdown{
    /*height: 160px;*/
}
.AddFirm-fill-information-popup-regProvince{
    /*height: 140px;*/
}

.AddFirm-fill-information-popup .ant-select-item-empty,
.AddFirm-fill-information-popup .ant-select-item-option-content{
    color: #999999;
}

.AddFirm-fill-information-popup .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.AddFirm-fill-information-popup .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: rgba(72, 72, 82, 1);
}

.AddFirm-fill-information-items .ant-select-arrow{
    color: rgba(153, 153, 153, 1);
}

.AddFirm-fill-information-items .ant-input{
    color: #FFFFFF;
}

.AddFirm-fill-information .Plus-AddFirm-btn{
    margin-top: 29px;
}

.AddFirm-fill-information-items .ant-input:focus,
.AddFirm-fill-information-items .ant-input-focused{
    box-shadow: 0 0 0 2px rgba(153, 153, 153, 0.2);
}

.AddFirm-fill-information-items .ant-select-selection-item{
    color: rgb(255, 255, 255);
}

.AddFirm-fill-information-popup .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.AddFirm-fill-information-popup .ant-cascader-menu-item-loading-icon{
    color: rgba(153, 153, 153, 1);
}

.AddFirm-fill-information-popup .ant-cascader-menu-item:hover {
    background: rgba(72, 72, 82, 1);
}

.AddFirm-fill-information-popup  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.AddFirm-fill-information-popup  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{
    background-color: rgba(72, 72, 82, 1);
}

.AddFirm-fill-information-popup .ant-cascader-menu {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.Plus-Application-authorization{
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
}


.Plus-Application-authorization .activate-shouquan-not{
    width: 295px;
}
.Plus-Application-authorization p{
    text-align: center;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFB311;
    margin-bottom: 12px;
}

.Plus-Application-authorization button{
    position: relative;
    z-index: 1;
    width: 240px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 100%);
    border-radius: 30px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #613C14;
    margin-top: 76px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.Plus-Application-authorization button::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 100%;
    right: 100%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ECBC75;
    transform-origin: center;
    transform: translate3d(50%, -50%, 0) scale3d(0, 0, 0);
    transition: transform 0.45s ease-in-out;
}

.Plus-Application-authorization button:hover {
    cursor: pointer;
    color: #161616;
}

.Plus-Application-authorization button:hover::before {
    transform: translate3d(50%, -50%, 0) scale3d(15, 15, 15);
}

.AddFirm-fill-information-items.active .ant-input,
.AddFirm-fill-information-items.active .ant-select{
    border: 1px solid #dc2c2c;

}

.AddFirm-fill-information-items.active .ant-input::placeholder,
.AddFirm-fill-information-items.active .ant-select::placeholder,
.AddFirm-fill-information-items.active .ant-select-selection-placeholder{
    color: #dc2c2c;
}

.ChooseFirm-FirmList-loading-content{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 78px;
}

.ChooseFirm-FirmList-loading{
    position: relative;
    width: 150px;
    height: 150px;
    background: linear-gradient(120deg, #34e0f0 0%, #b400ff 100%);
    opacity: .8;
    border-radius: 35%;
    animation: rotateMain 8s linear infinite;
    margin-bottom: 120px;
}

.ChooseFirm-FirmList-loading::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #35a0f0 0%, #b233f0 100%);
    opacity: .8;
    box-shadow: 5px 5px 90px rgba(10, 102, 255, 0.5);
    border-radius: 35%;
    animation: rotateMain 8s linear 2s infinite;
}

.ChooseFirm-FirmList-loading::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(60deg, #33580f 0%, #b7ee6d 100%);
    opacity: .8;
    box-shadow: 5px 5px 60px rgba(20, 102, 255, 0.3);
    border-radius: 35%;
    animation: rotateMain 8s linear 4s infinite;
    z-index: -1;
}

.ChooseFirm-FirmList-contents{
    max-height: 280px;
    overflow-y: auto;
}

.ChooseFirm-FirmList-contents::-webkit-scrollbar {
    width: 8px; /* 滚动条宽度 */
}

.ChooseFirm-FirmList-contents::-webkit-scrollbar-thumb {
    background-color: rgba(119, 119, 119, 0.3); /* 滚动条拖动部分的背景色 */
    border-radius: 4px; /* 滚动条拖动部分的圆角 */
}

.ChooseFirm-FirmList-contents::-webkit-scrollbar-track {
    background-color: transparent; /* 滚动条轨道部分的背景色 */
}


.ChooseFirm-FirmList .ChooseFirm-FirmList-contents-not{
    position: absolute;
    width: 230px;
    height: auto;
}

.ChooseFirm-FirmList.not{
    position: relative;
    width: 100%;
    /*padding: 0 40px;*/
    height: 458px;
}

.ChooseFirm-FirmList-not-text{
    width: 100%;
    height: 358px;
    display: flex;
    justify-content: center;
}

.ChooseFirm-FirmList-not-text p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.ChooseFirm-FirmList-not-text p .CreateFirm-text{
    cursor: pointer;
    font-size: 16px;
    font-family: PingFang SC;
    color: #FFB311;
    margin-top: 17px;
    transition: all .3s;
}

.ChooseFirm-FirmList-not-text p .CreateFirm-text:hover{
    opacity: 0.9;
}

.ChooseFirm-FirmList-not-text p{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
}

.ChooseFirm-FirmList-not-text p .CreateFirm-text em{
    font-weight: 500;
    text-decoration: underline;
}

.ChooseFirm-FirmList-not-text p .CreateFirm-text i{
    font-size: 16px;
    margin-left: 3px;
}

.Plus-AddFirm-btn button:disabled,
.ChooseFirm-btns button:disabled{
    cursor: not-allowed;
}

.Plus-AddFirm-btn .icon-loading1,
.ChooseFirm-btns .icon-loading1{
    display: inline-block;
    animation: turn 1s linear infinite;
    margin-right: 10px;
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

/* 针对滚动条轨道 */
.AddFirm-fill-information-popup::-webkit-scrollbar-track {
    background-color: transparent; /* 背景颜色 */
}

/* 针对滚动条 */
.AddFirm-fill-information-popup::-webkit-scrollbar {
    width: 8px; /* 宽度 */
    background-color: transparent; /* 背景颜色 */
}

/* 针对滚动条滑块 */
.AddFirm-fill-information-popup::-webkit-scrollbar-thumb {
    background-color: #999999; /* 滑块颜色 */
}

.AddFirm-fill-information-items .ant-select-selection-item,
.AddFirm-fill-information-items .ant-select-selection-placeholder{
    line-height: 32px !important;
}

.AddFirm-fill-information-items .ant-input:focus,
.AddFirm-fill-information-items .ant-input-focused,
.AddFirm-fill-information-items .ant-input:hover{
    border: 1px solid #999999 !important;
}


.AddFirm-Tissue-use-options input[type='radio']{
    width: 16px;
    height: 16px;
    margin-right: 6px;
    cursor: pointer;
}

.AddFirm-Tissue-use-options label{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    cursor: pointer;
}


.AddFirm-Tissue-use-options label input[type="radio"] {
    position: relative;
    margin-right: 8px;
    vertical-align: middle;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    outline: none;
}

.AddFirm-Tissue-use-options label input[type="radio"]:checked {
    border-color: #FFB311;
    display: flex;
    align-items: center;
    justify-content: center;
}

.AddFirm-Tissue-use-options label input[type="radio"]:checked::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 10px;
    height: 10px;
    background-color: #FFB311;
    border-radius: 50%;
}

.AddFirm-fill-information-popup .ant-select-item{
    /*height: 32px;*/
    /*line-height: 22px;*/
}

.AddFirm-fill-information-items .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
    background-color: transparent;
    box-shadow: none;
    position: relative;
}



@keyframes rotateMain {
    50% {
        transform: rotateZ(180deg);
        border-radius: 50%;
    }
    100% {
        transform: rotateZ(360deg);
        border-radius: 35%;
    }
}

.Plus-Application-authorization i{
    display: inline-block;
    animation: turn 1s linear infinite;
    margin-right: 10px;
}

.plus-enterprise-FullName {
    position: relative;
    display: flex;
    /*margin-top: 33px;*/
    align-items: center;
    margin-left: 30px;
}

.plus-enterprise-FullName p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 13px;
}

.plus-enterprise-FullName input{
    width: 400px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #EBEBEB;
    color: #333;
    padding: 0 10px;
    transition: all 0.2s ease;
}

.plus-enterprise-FullName input:focus{
    border: 1px solid #FFB311;
    background: #fff;
}

.plus-enterprise-FullName .ant-input{
    color: #333;
}

.plus-enterprise-FullName .ant-input:focus,
.plus-enterprise-FullName .ant-input-focused{
    box-shadow: none;
     border: 1px solid #FFB311;
}

.plus-enterprise-FullName .ant-input:focus,
.plus-enterprise-FullName .ant-input-focused,
.plus-enterprise-FullName .ant-input:hover{
    border: 1px solid #FFB311;
}

.plus-enterprise-FullName-associate{
    position: absolute;
    top: 38px;
    left: 46%;
    transform: translateX(-50%);
    width: 400px;
    height: 133px;
    background: #fff;
    border: 1px solid #EBEBEB;
    border-radius: 7px;
    padding-left: 6px;
}

.plus-enterprise-FullName-associate.not{
    height: 35px;
    background: transparent;
    border: none;
}


.plus-enterprise-FullName-associate-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.plus-enterprise-FullName-associate-container span.item:last-child{
    margin-bottom: 34px;
}

.plus-enterprise-FullName-associate-container::-webkit-scrollbar {
    width: 0px; /* 滚动条宽度 */
}

.plus-enterprise-FullName-associate-container::-webkit-scrollbar-thumb {
    background-color: rgba(119, 119, 119, 0.3); /* 滚动条拖动部分的背景色 */
    border-radius: 4px; /* 滚动条拖动部分的圆角 */
}

.plus-enterprise-FullName-associate-container::-webkit-scrollbar-track {
    background-color: transparent; /* 滚动条轨道部分的背景色 */
}

.plus-enterprise-FullName-associate span.item{
    display: block;
    width: 98%;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    padding-left: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
}

.plus-enterprise-FullName-associate span.item.active,
.plus-enterprise-FullName-associate span.item:hover{
    background: #F9FAFB;
    color: #333333;
}

.plus-enterprise-FullName-associate-tips{
    position: absolute;
    bottom: -1px;
    left:0;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: #F9FAFB;
    border: 1px solid #EBEBEB;
    border-radius: 0px 0px 6px 6px;
    font-size: 14px;
    font-weight: 400;
    color: #613C14;
    padding-left: 16px;
}

.plus-enterprise-FullName-associate-tips em{
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}

.AddFirm-fill-information-items_v2 .icon-xiala{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(153, 153, 153, 1);
}

.Plus-AddFirm-btn-rightContent{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Plus-AddFirm-btn-rightContent .Plus-AddFirm-btn-rightContent-tips{
    width: 108px;
    height: 13px;
    font-size: 12px;
    font-weight: 400;
    color: #613C14;
    margin-bottom: -12px;
    margin-top: 12px;
}

.Plus-AddFirm-btn-rightContent .Plus-AddFirm-btn-rightContent-tips em{
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
    color: #613C14;
    transition: all 0.2s ease;
}
.Plus-AddFirm-btn-rightContent .Plus-AddFirm-btn-rightContent-tips em:hover{
    opacity: 0.9;
}


.Plus-AddFirm-btn-last.Plus-AddFirm-btn{
    align-items: start;
    padding-top: 23px;
    margin-bottom: 30px;
}

.plus-enterprise-FullName-associate.loadingConetnt .plus-enterprise-FullName-associate-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.plus-enterprise-FullName-associate-container .loading-dots{
    width: 4em;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.plus-enterprise-FullName-associate-container .loading-dots div {
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background-color: #FFB311;
}
.plus-enterprise-FullName-associate-container .loading-dots div:nth-of-type(1) {
    transform: translateX(-100%);
    animation: left-swing 0.5s ease-in alternate infinite;
}

.plus-enterprise-FullName-associate-container .loading-dots div:nth-of-type(3) {
    transform: translateX(-95%);
    animation: right-swing 0.5s ease-out alternate infinite;
}

.Plus-Application-authorization-content{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 278px;
    margin-top: 40px;
    margin-bottom: -9px;
}

.Plus-Application-authorization-content img{
    width: 248px;
}

.Plus-Application-authorization-content div{
    margin-right: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Plus-Application-authorization-content div:last-child{
    margin-right: 0;
}

.Plus-Application-authorization-content p{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 0;
}




@keyframes left-swing {
    50%,
    100% {
        transform: translateX(95%);
    }
}

@keyframes right-swing {
    50% {
        transform: translateX(-95%);
    }
    100% {
        transform: translateX(100%);
    }
}


@media screen and (max-width: 1440px) {
    .ChooseFirm{
        top: 11%;
        transform: scale(0.95);
    }
}
/*header占位骨架屏*/
.plus-layout-header-Pop{
    background-color: rgba(0, 0, 0, 0);
    backdrop-filter: blur(20px);
    width: 100%;
    height: 84px;
    position: fixed;
    top: 0;
    z-index: 102;
    box-shadow: 0px 0px 10px #333333;
}

/* style.css*/
@keyframes zoomIn {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

.animate {
    animation-duration: 800ms;
}

/*动画效果合集*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

/*base code*/
.animated-quick {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated-quick.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated-quick.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

/*the animation definition*/
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

/*the animation definition*/
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

/*the animation definition*/
@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce:hover {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

/*the animation definition*/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

/*the animation definition*/
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

/*the animation definition*/
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

/*the animation definition*/
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

/*the animation definition*/
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}





/*头部引导css*/

.plus-header-guideContent{
    position: relative;
}

.plus-header-Guided_missile.active{
    z-index: 20;
    top: 26px;
    opacity: 1;
    visibility: visible;
}

.plus-header-Guided_missile{
    opacity: 0;
    visibility: hidden;
    z-index: -10;
    width: 330px;
    height: 200px;
    position: absolute;
    top: 6px;
    right: -59px;
    background-image: url('//js.ibaotu.com/revision/plus/img/public/pic/Guided_missile.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.2s;
}

.plus-header-Guided_missile_buttons{
    position: absolute;
    bottom: 40px;
    right: 0;
    padding-right: 40px;
}

.plus-header-Guided_missile_buttons button{
    width: 86px;
    height: 27px;
    line-height: 27px;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.2s;
}

.plus-header-Guided_missile_buttons button:hover{
    opacity: 0.9;
}

.plus-header-Guided_missile_buttons button:nth-child(1){
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 8px 0px rgba(174,77,0,0.26);
    font-size: 14px;
    font-weight: 500;
    color: #613C14;
}

.plus-header-Guided_missile_buttons button:nth-child(2){
    border: 1px solid #FFD797;
    background: linear-gradient(90deg, #FFD797 0%, #F8AB48 100%);
    box-shadow: 0px 0px 8px 0px rgba(174,77,0,0.22);
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #613C14;
}

.plus-header-Guided_missile::after{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 230, 189, 1);
    top: 3px;
    right: 71px;
    animation: guideHalo 3s linear infinite;
    z-index: 2;
}
.plus-header-Guided_missile::before{
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgba(255, 230, 189, 0.4);
    top: 0px;
    right: 68px;
    animation: guideHalo 3s linear infinite;
    z-index: 1;
}

.authorize-Entrance-content{
    position: relative;
}

@keyframes guideHalo {
    0% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.video-play{
    display: flex;
    justify-content: center;
}

.video-play .plus-video-showImage{
    width: auto;
    height: 101%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    z-index: 2;
}

.plus-video-showImage{
    display: none;
}