.zbkv{width: 100%;position: relative;}
.userpdbox{width: 68%;position: absolute;top: 45.27%;left: 16.14%;}
.userinfo{width: 100%;position: absolute;bottom: 105%;left: 0;}
.userinfot1{font-size: 1.5625vw;font-weight: bold;color: #fff;padding-left: 9.8%;}
.userinfot2{font-size: 1.7708vw;font-weight: bold;color: #fff;padding-left: 9.8%;}
.userpdtit{width: 100%;height: 100%; position: absolute;top: 0%;left: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;    align-content: center;}
.userpdtitt1{font-size: 24px;font-weight: bold;color: #2e2e2e;letter-spacing: 1.5px; padding-left: 9.8%;width: 100%;}
.userpdtitt2{font-size: 18px;font-weight: bold;color: #2e2e2e;padding-left: 9.8%;width: 100%;}
.userpdcon{width: 60%;height: 100%;overflow-x: auto; position: absolute;top: 0%;left: 35%;display: flex;justify-content: left;align-items: center;}
.userpdcon1{width: 9.375vw;    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;margin-right: 6.5vw;color: #2e2e2e;text-align: center;font-size: 18px;font-weight: bold;}
.userpdconpic{margin-bottom: 10px;}
.userpdcontext{font-size: 16px;white-space: normal;}
.userpdcontext2{font-size: 14px;}

.useryybox{width: 68%;position: absolute;top: 76%;left: 16.14%;}
.useryytit{width: 100%;height: 100%; position: absolute;top: 0%;left: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;    align-content: center;}
.useryytitt1{font-size: 24px;font-weight: bold;color: #2e2e2e;letter-spacing: 1.5px; padding-left: 9.8%;width: 100%;}
.useryytitt2{font-size: 18px;font-weight: bold;color: #2e2e2e;padding-left: 9.8%;width: 100%;}
.useryyinfo{width: 50%;height: 100%; position: absolute;top: 0%;left: 35%;display: flex;align-items: center;flex-wrap: wrap;justify-content: left;    align-content: center;}
.useryyinfotext{font-size: 18px;font-weight: bold;color: #2e2e2e;margin-right: 30px;}
.useryyinfobtn{font-size: 18px;font-weight: bold;letter-spacing: 1.5px; color: #2e2e2e;padding: 0.9375vw 3.02vw;border: 1px solid #2e2e2e;cursor: pointer;}

::-webkit-scrollbar {
  width: 1px;
   background-color: #fff; 
}
::-webkit-scrollbar-thumb {
   background-color: #ece8e5; 
  border-radius: 1px;
}


/* wap端 */
@media screen and (max-width:1024px){
    .main{background: #000;}

    .login {width: 80%;left: 10%;top: 19.81%;position: fixed;z-index: 30;display: none;}

    .userinfo{width: 100%;position: absolute;top: 4.26rem; bottom: 0;left: 0;pointer-events: none;}
    .userinfot1{font-size: 0.38rem;font-weight: bold;color: #fff;padding-left: 0.57rem;}
    .userinfot2{font-size: 0.38rem;font-weight: bold;color: #fff;padding-left: 0.57rem;}

    .userpdbox{width: 90%;position: absolute;top: 9.55rem;left: 5%;height: auto;}

    .userpdtit{width: 100%;height: auto;padding-top: 0.3rem;padding-bottom: 0.3rem; position: relative;top: 0%;left: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;    align-content: center;background: #fff;}
    .userpdtitt1{font-size: 0.28rem;font-weight: bold;color: #2e2e2e;letter-spacing: 1.5px; padding-left: 0.3rem;width: 100%;}
    .userpdtitt2{font-size: 0.22rem;font-weight: bold;color: #2e2e2e;padding-left: 0.3rem;width: 100%;}
    .userpdcon{width: 100%;height: auto;overflow-x: auto; position: relative;top: 0%;left: 0%;display: flex;justify-content: left;align-items: center;background: #fff;padding: 0 5%;box-sizing: border-box;padding-bottom: 0.2rem;}
    .userpdcon1{width: 45%;    display: flex;justify-content: center;align-content: center;align-items: center;flex-wrap: wrap;margin-right: 5%;color: #2e2e2e;text-align: center;font-size: 0.18rem;font-weight: bold;}
    .userpdconpic{margin-bottom: 0px;}

    .useryybox{width: 100%;position: relative;top: 0%;left: 0%;margin-top: 0.4rem;padding-top: 0.3rem;padding-bottom: 0.3rem;background: #fff;}
    .useryytit{width: 100%;height: 100%; position: relative;top: 0%;left: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;    align-content: center;}
    .useryytitt1{font-size: 0.28rem;font-weight: bold;color: #2e2e2e;letter-spacing: 1.5px; padding-left: 0.3rem;width: 100%;}
    .useryytitt2{font-size: 0.22rem;font-weight: bold;color: #2e2e2e;padding-left: 0.3rem;width: 100%;}
    .useryyinfo{width: 90%;height: auto; position: relative;top: 0%;left: 5%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;    align-content: center;padding-top: 0.3rem;padding-bottom: 0.1rem;}
    .useryyinfotext{font-size: 0.24rem;font-weight: bold;color: #2e2e2e;margin-right: 30px;}
    .useryyinfobtn{font-size: 0.24rem;font-weight: bold;letter-spacing: 1px; color: #2e2e2e;padding: 0.1rem 0.15rem;border: 1px solid #2e2e2e;cursor: pointer;}

    .login .phone input, .login .yzm input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    font-size: 0.18rem;
    text-indent: 2px;
    color: #fff;
    font-weight: normal;
    line-height: 100%;
    box-sizing: border-box;
    background: 0;
}

.login .yzmbtnt {
    width: 100%;
    padding: 3px 0 2px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.18rem;
    color: #c5c5c5;
    text-align: center;
    border: 1px solid #959595;
}

.userpdcontext{font-size: 0.16rem;white-space: nowrap;display: block;width: 100%;}
.userpdcontext2{font-size: 0.14rem;display: block;width: 100%;}

}