.p_frame{    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    z-index: 1000;  background-color:rgba(0,0,0,0.7);}
.p_frame.hide{ display:none;}
 .p_frame .frame_content{width: 90%;
    max-width: 460px;
    background-color: rgb(255, 255, 255);
    padding: 41px 20px 36px;border-radius: 20px;
    box-sizing: border-box;text-align: center;}
.p_frame .frame_content .pic{ text-align: center;}
.p_frame .frame_content .pic img{max-width: 120px;
    max-height: 80px;}
.p_frame .frame_content .title{font-size: 28px;
    font-weight: bold;
    text-align: center; margin-top: 53px;
    white-space: pre-wrap; line-height: 1.15;}
.p_frame .frame_content .desc{ font-size: 15px; margin-top: 14px; margin-bottom: 29px;} 
.p_frame .frame_content .refer{ display: flex; align-items: stretch; justify-content: space-between;}
.p_frame .frame_content .refer .sumbit{ flex:1;border:1px rgba(17, 17, 17, 0.4) solid;
    color: rgb(17, 17, 17); background-color: #fff;
    font-size: 15px;border-radius: 5px;  transition: .3s ease top; padding: 12px; font-weight:bold; cursor: pointer; position: relative;}
.p_frame .frame_content .refer .sumbit.active{    color: rgb(29, 33, 41);
    font-size: 15px;border:1px rgb(255, 235, 0) solid;background-color: rgb(255, 235, 0); margin-right:4%;}
 .p_frame .frame_content .refer .sumbit:hover{top: -2px;}
 .p_frame .frame_content .lab{ font-size: 10px;color: rgb(42, 42, 42); margin-top: 20px;}