@charset "utf-8";
/*
   * wx: c5h865 *
   * qq: 465320335
   * time: 2022,01,26 *
*/ 
.right {
   height: 90%;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}
.user_box {
   width: 43%;
   background-color: #fff;
   border-top: 3px solid #b100d2;
   padding: 3.8% 4% 5%;
   border-radius: 3px;
   box-shadow: 0 0 12px rgba(0,0,0,0.02);
   position: relative;
}
.user_box h2 {
   text-align: center;
   font-size: 25px;
   letter-spacing: 1px;
   color: #353535;
}
.user_box ul {
   padding-top: 3%;
}
.user_box li {
   position: relative;
}
.user_box li input {
   width: 100%;
   border: none;
   border-bottom: 1px solid #eee;
   display: block;
   padding: 20px 10px;
   color: #888;
}
.user_box li img {
   display: block;
   position: absolute;
   right: 0;
   top: 5px;
   z-index: 9;
   cursor: pointer;
}
.user_box li.btn {
   padding-top: 35px;
}
.user_box li button {
   border: none;
   cursor: pointer;
   transition: 0.5s;
}
.user_box li button,
.user_box li a {
   background-color: #b100d2;
   color: #fff;
   padding: 0 40px;
   margin: 0 8px;
   border-radius: 30px;
   font-size: 15px;
   display: inline-block;
   vertical-align: top;
   line-height: 40px;
   overflow: hidden;
}
.user_box li a {
   background-color: #ccc;
}
.user_box li button:hover,
.user_box li a:hover {
   opacity: 0.8;
   box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
}
.user_box .get_xg {
   position: absolute;
   bottom: 16px;
   right: 8%;
}
.user_box .get_xg a {
   color: #ccc;
}
.user_box .get_xg a:hover {
   color: #b100d2;
}
.user_box .yz_acc {
   display: block;
}
.user_box .yz_pass {
   display: none;
}
.user_cen li input {
   padding: 18px 10px;
}
.user_cen li a {
   background-color: #b100d2;
}

.user_diy li {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #eee;
}
.user_diy li label {
   display: block;
   width: 23%;
   font-size: 14px;
   color: #aeaeae;
}
.user_diy li input {
   width: 77%;
   border: none;
   padding: 20px 0;
}
.user_diy li:last-child {
   border: 0;
   justify-content: center;
}