|
...
|
...
|
@@ -26,28 +26,122 @@ |
|
|
|
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.myAccount {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 100px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
#WXname,
|
|
|
|
#Pnumber {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: right;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wxSty1 {
|
|
|
|
height: 40px;
|
|
|
|
width: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wxsty {
|
|
|
|
margin-left: 16px;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wxall {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalInfo {
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalInfo p {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
padding-bottom: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalInfo input {
|
|
|
|
height: 34px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#head-img {
|
|
|
|
width: 106px;
|
|
|
|
height: 104px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fullName {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 32px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 48px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-right11 {
|
|
|
|
padding: 30px 110px;
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
.closes {
|
|
|
|
width: 70px;
|
|
|
|
height: 70px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalCenter-header-left-imgLogo {
|
|
|
|
background: #323232;
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.header-img11 {
|
|
|
|
width: 210px;
|
|
|
|
height: 30px;
|
|
|
|
margin: 50px 0 95px 70px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-header-txt1 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personalCenter-left-all {
|
|
|
|
display: flex;
|
|
|
|
background-color: #323232;
|
|
|
|
padding: 0 70px;
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personalCenter-right-all {
|
|
|
|
background-color: #66CA94;
|
|
|
|
padding: 5%;
|
|
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personalConter-left-headLine {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
...
|
...
|
@@ -55,50 +149,45 @@ |
|
|
|
margin-right: 80px;
|
|
|
|
width: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#head-img {
|
|
|
|
width: 100px;
|
|
|
|
height: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-all {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-input-all {
|
|
|
|
width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-zhanghao {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-huiyuan {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
margin-top: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.per-zhanghao-img {
|
|
|
|
margin-right: 10px;
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.per-weixin-bind {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
margin-top: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-wxh {
|
|
|
|
display: flex;
|
|
|
|
width: 30%;
|
|
|
|
place-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#WXunbind {
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: #66ca94;
|
|
...
|
...
|
@@ -108,7 +197,7 @@ |
|
|
|
height: 50px;
|
|
|
|
width: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#Punbind {
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: #66ca94;
|
|
...
|
...
|
@@ -118,17 +207,17 @@ |
|
|
|
height: 50px;
|
|
|
|
width: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#meau_nav {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-basic {
|
|
|
|
width: 130%;
|
|
|
|
margin-right: 5%;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info {
|
|
|
|
background-color: #66CA94;
|
|
|
|
display: flex;
|
|
...
|
...
|
@@ -136,23 +225,23 @@ |
|
|
|
padding: 5%;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info p {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info a {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-standard {
|
|
|
|
width: 130%;
|
|
|
|
margin-right: 5%;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info1 {
|
|
|
|
background-color: #ff8000;
|
|
|
|
display: flex;
|
|
...
|
...
|
@@ -160,17 +249,17 @@ |
|
|
|
padding: 5%;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info1 p {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info1 a {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-ol {
|
|
|
|
color: #333;
|
|
|
|
font-size: 0.8em;
|
|
...
|
...
|
@@ -180,11 +269,11 @@ |
|
|
|
place-items: center;
|
|
|
|
padding-inline-start: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-super {
|
|
|
|
width: 130%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info2 {
|
|
|
|
background-color: #6F1C0B;
|
|
|
|
display: flex;
|
|
...
|
...
|
@@ -192,82 +281,82 @@ |
|
|
|
padding: 5%;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info2 p {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-vip-info2 a {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay {
|
|
|
|
display: flex;
|
|
|
|
margin: 35px 0 25px;
|
|
|
|
place-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-zhifubao {
|
|
|
|
display: flex;
|
|
|
|
padding-right: 5%;
|
|
|
|
place-items: center;
|
|
|
|
width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-wx {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-zhifubao-input {
|
|
|
|
margin-right: 4%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-wx-input {
|
|
|
|
margin-right: 4%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-zhifubao-img {
|
|
|
|
height: 20px;
|
|
|
|
width: 20px;
|
|
|
|
margin-right: 2%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-wx-img {
|
|
|
|
height: 20px;
|
|
|
|
width: 20px;
|
|
|
|
margin-right: 2%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.personal-pay-button {
|
|
|
|
display: flex;
|
|
|
|
place-content: center;
|
|
|
|
padding-bottom: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.login-footer-all {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.per2-date {
|
|
|
|
padding-bottom: 2%;
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#vip-info {
|
|
|
|
color: #fff;
|
|
|
|
padding-top: 3%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.per2-date-a {
|
|
|
|
display: flex;
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.per2-date-a a {
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -277,15 +366,19 @@ |
|
|
|
line-height: 20px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.per2-vip-list {
|
|
|
|
background-color: #fff;
|
|
|
|
padding-left: 2%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.per2-vip-list p {
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
padding: 2%;
|
|
|
|
padding: 20px;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
...
|
...
|
@@ -294,28 +387,89 @@ |
|
|
|
line-height: 24px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.zhanghao {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 32px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 48px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lijiPay {
|
|
|
|
border: 1px solid #66ca94;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 16px;
|
|
|
|
width: 110px;
|
|
|
|
height: 36px;
|
|
|
|
opacity: 1;
|
|
|
|
background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
|
|
|
|
border-radius: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
.per2-vip-list p {
|
|
|
|
border-bottom: 1px solid #eaeaea;
|
|
|
|
padding: 20px;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wxsty {
|
|
|
|
margin-left: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wxSty1 {
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.zhanghao {
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-header-txt1 {
|
|
|
|
display: flex;
|
|
|
|
margin: 25px 20px;
|
|
|
|
place-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-img1 {
|
|
|
|
width: 28%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-right-btn {
|
|
|
|
margin-right: 0px;
|
|
|
|
bottom: 0px
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-right-yuan {
|
|
|
|
width: 35px;
|
|
|
|
height: 35px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-txt11 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalCenter-left-all {
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
...
|
...
|
@@ -323,14 +477,17 @@ |
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalCenter-right-all {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalConter-left-headLine {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
width: 300px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalConter-left-headLine h4 {
|
|
|
|
font-size: 24px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -340,30 +497,37 @@ |
|
|
|
line-height: 36px;
|
|
|
|
padding-left: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#head-img {
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-all {
|
|
|
|
background: #323232;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-input-all {
|
|
|
|
padding-top: 35px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-input-all p {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.per-zhanghao-img {
|
|
|
|
margin-right: 8px;
|
|
|
|
width: 23px;
|
|
|
|
height: 23px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-zhanghao h4 {
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -372,16 +536,19 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-huiyuan {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.per-huiyuan-img {
|
|
|
|
margin-right: 8px;
|
|
|
|
width: 23px;
|
|
|
|
height: 23px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-huiyuan h4 {
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -390,19 +557,23 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.per-weixin-bind {
|
|
|
|
margin-top: 29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#WXunbind {
|
|
|
|
width: 29px;
|
|
|
|
height: 29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-wxh {
|
|
|
|
display: flex;
|
|
|
|
width: 50%;
|
|
|
|
place-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
#WXunbind {
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: #66ca94;
|
|
...
|
...
|
@@ -415,6 +586,7 @@ |
|
|
|
font-weight: 500;
|
|
|
|
color: #323232;
|
|
|
|
}
|
|
|
|
|
|
|
|
#Punbind {
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: #66ca94;
|
|
...
|
...
|
@@ -427,11 +599,13 @@ |
|
|
|
font-weight: 500;
|
|
|
|
color: #323232;
|
|
|
|
}
|
|
|
|
|
|
|
|
#meau_nav {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-basic {
|
|
|
|
width: 200px;
|
|
|
|
margin-top: 35px;
|
|
...
|
...
|
@@ -439,9 +613,11 @@ |
|
|
|
border-radius: 4px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info {
|
|
|
|
padding: 24px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info p {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
...
|
...
|
@@ -449,6 +625,7 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info a {
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -456,15 +633,18 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 21px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-standard {
|
|
|
|
width: 200px;
|
|
|
|
margin-right: 0px;
|
|
|
|
border-radius: 4px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info1 {
|
|
|
|
padding: 24px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info1 p {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
...
|
...
|
@@ -472,6 +652,7 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info1 a {
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -479,15 +660,18 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 21px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-super {
|
|
|
|
width: 200px;
|
|
|
|
margin-right: 0px;
|
|
|
|
border-radius: 4px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info2 {
|
|
|
|
padding: 24px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info2 p {
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
...
|
...
|
@@ -495,6 +679,7 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-vip-info2 a {
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -502,32 +687,39 @@ |
|
|
|
color: #ffffff;
|
|
|
|
line-height: 21px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-pay {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column-reverse;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-pay-zhifubao {
|
|
|
|
display: flex;
|
|
|
|
padding-right: 0px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-pay-wx {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-pay-zhifubao-input {
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-pay-wx-input {
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personal-pay-button {
|
|
|
|
display: flex;
|
|
|
|
place-content: center;
|
|
|
|
padding-bottom: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-footer-all {
|
|
|
|
display: flex;
|
|
|
|
background: #323232;
|
|
...
|
...
|
@@ -535,15 +727,19 @@ |
|
|
|
place-items: center;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
#vip-info {
|
|
|
|
color: #fff;
|
|
|
|
padding: 26px 0 8px 16px;
|
|
|
|
font-size: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.per2-date {
|
|
|
|
padding: 0 0 26px 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.per2-date-a {}
|
|
|
|
|
|
|
|
.per2-date-a a {
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
...
|
...
|
@@ -553,6 +749,23 @@ |
|
|
|
line-height: 20px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalInfo {
|
|
|
|
margin-top: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalInfo p {
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
|
font-weight: Normal;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.personalInfo input {
|
|
|
|
height: 24px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
...
|
...
|
@@ -564,22 +777,16 @@ |
|
|
|
<div class="header-txt11">
|
|
|
|
<div class='personalCenter-header-left-imgLogo'>
|
|
|
|
<div class="header-img11">
|
|
|
|
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style='width:100%'>
|
|
|
|
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'"
|
|
|
|
style='width:100%'>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="background: #66CA94;width: 25%;">
|
|
|
|
<div class="header-right11">
|
|
|
|
|
|
|
|
<!-- <div class="header-btnL">
|
|
|
|
<a href="aboutUs.html">
|
|
|
|
<div class="header-loginBtn">加入我们</div>
|
|
|
|
<div class="closes">
|
|
|
|
<a href="javascript:history.go(-1)">
|
|
|
|
<img src="./img/portfolio/Y9.png" style="width: 100%;">
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</div> -->
|
|
|
|
<div>
|
|
|
|
<!-- <a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a> -->
|
|
|
|
<a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -591,7 +798,8 @@ |
|
|
|
<div class="personal-all">
|
|
|
|
<div class="personal-header-txt1">
|
|
|
|
<div class="header-img1">
|
|
|
|
<img src="./img/portfolio/whiteLogo.png" style="width: 100%;" onclick="window.location.href='index.html'">
|
|
|
|
<img src="./img/portfolio/whiteLogo.png" style="width: 100%;"
|
|
|
|
onclick="window.location.href='index.html'">
|
|
|
|
</div>
|
|
|
|
<div class="header-right1" style="place-items: center;">
|
|
|
|
<a href="aboutUs.html" style="color: #fff;margin-right: 15px;
|
|
...
|
...
|
@@ -600,7 +808,6 @@ |
|
|
|
<a class="header-right-btn" href="javascript:history.go(-1)">
|
|
|
|
<img src="./img/portfolio/Y9.png" class="header-right-yuan">
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="personalCenter-left-all">
|
|
...
|
...
|
@@ -608,73 +815,77 @@ |
|
|
|
<!-- 头像 -->
|
|
|
|
<div id="head-img">
|
|
|
|
</div>
|
|
|
|
<h4 style="color: #fff;" id="fullName"></h4>
|
|
|
|
<div style="color: #fff;" id="fullName"></div>
|
|
|
|
</div>
|
|
|
|
<div class="personal-input-all">
|
|
|
|
<div class="personal-zhanghao">
|
|
|
|
<div class="per-zhanghao-img">
|
|
|
|
<img src="./img/portfolio/Y1.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<h4 style="color: #fff;">账号</h4>
|
|
|
|
<div class="zhanghao">账号</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p style="color: #fff;">姓</p>
|
|
|
|
<div class="personalInfo">
|
|
|
|
<p>姓</p>
|
|
|
|
<input placeholder="请输入姓" id="surname"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p style="color: #fff;">名</p>
|
|
|
|
<div class="personalInfo">
|
|
|
|
<p>名</p>
|
|
|
|
<input placeholder="请输入名" id="userName"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p style="color: #fff;">学校</p>
|
|
|
|
<div class="personalInfo">
|
|
|
|
<p>学校</p>
|
|
|
|
<input placeholder="请输入学校" id="school"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p style="color: #fff;">专业</p>
|
|
|
|
<div class="personalInfo">
|
|
|
|
<p>专业</p>
|
|
|
|
<input placeholder="请输入专业" id="specialty"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p style="color: #fff;">手机号</p>
|
|
|
|
<div class="personalInfo">
|
|
|
|
<p>手机号</p>
|
|
|
|
<input placeholder="请输入手机号" id="phone"></input>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p style="color: #fff;">邮箱号</p>
|
|
|
|
<div class="personalInfo">
|
|
|
|
<p>邮箱号</p>
|
|
|
|
<input placeholder="请输入邮箱号" id="emailAddress"></input>
|
|
|
|
</div>
|
|
|
|
<div style="text-align: center;padding: 5%;" class="btnSave">
|
|
|
|
<button style="color: #fff;background:linear-gradient(226deg,#77e77f 8%, #39aa6d 96%);border-radius: 10em;padding: 0.5% 2%;border: 1px solid #70D09D;padding: 0.5% 5%;">保存</button>
|
|
|
|
<button class="lijiPay">保存</button>
|
|
|
|
</div>
|
|
|
|
<div class="personal-zhanghao">
|
|
|
|
<div class="per-zhanghao-img">
|
|
|
|
<img src="./img/portfolio/Y2.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<h4 style="color: #fff;">账户绑定与解绑</h4>
|
|
|
|
<div class="zhanghao">账户绑定与解绑</div>
|
|
|
|
</div>
|
|
|
|
<div class="per-weixin-bind">
|
|
|
|
<div style="display: flex;place-items: center;width: 20%;">
|
|
|
|
<img src="./img/portfolio/Y3.png" style="margin-right: 4px;">
|
|
|
|
<a style="color: #fff;">微信</a>
|
|
|
|
<div class="wxall">
|
|
|
|
<div class="wxSty1">
|
|
|
|
<img src="./img/portfolio/Y3.png" style="width: 100%;height: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="wxsty">微信</div>
|
|
|
|
</div>
|
|
|
|
<div class="personal-wxh">
|
|
|
|
<div id="WXname" style="color: #fff;">111111</div>
|
|
|
|
<div id="WXname" style="color: #fff;"></div>
|
|
|
|
<button id='WXunbind'>解绑</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="display: flex;justify-content: space-between;margin-top: 5%;">
|
|
|
|
<div style="display: flex;place-items: center;width: 20%;">
|
|
|
|
<img src="./img/portfolio/Y4.png" style="margin-right: 5%;">
|
|
|
|
<a style="color: #fff;">手机</a>
|
|
|
|
<div class="per-weixin-bind">
|
|
|
|
<div class="wxall">
|
|
|
|
<div class="wxSty1">
|
|
|
|
<img src="./img/portfolio/Y4.png" style="width: 100%;height: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="wxsty">手机</div>
|
|
|
|
</div>
|
|
|
|
<div class="personal-wxh">
|
|
|
|
<a id='Pnumber' style="color: #fff;"></a>
|
|
|
|
<div id='Pnumber' style="color: #fff;"></div>
|
|
|
|
<button id="Punbind">解绑</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="personal-huiyuan">
|
|
|
|
<div class="per-huiyuan-img">
|
|
|
|
<div class="per-zhanghao-img">
|
|
|
|
<img src="./img/portfolio/Y5.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<h4 style="color: #fff;">会员权益</h4>
|
|
|
|
<div class="zhanghao">会员权益</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div id="meau_nav">
|
|
|
|
<div onclick="clickVIPone()" class="personal-vip-basic">
|
|
...
|
...
|
@@ -701,7 +912,8 @@ |
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<div style="margin-bottom: 50px;">
|
|
|
|
<div style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;">
|
|
|
|
<div
|
|
|
|
style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;">
|
|
|
|
<h3 id="vip-info"></h3>
|
|
|
|
<div class="per2-date">
|
|
|
|
<img src="./img/portfolio/Y11.png" style="width: 15px;height: 15px;">
|
|
...
|
...
|
@@ -759,12 +971,9 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class='personalCenter-right-all'>
|
|
|
|
<a href="personalCenter2.html">
|
|
|
|
<h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
|
|
|
|
</a>
|
|
|
|
<a onclick="ifVIP()" style="cursor: pointer;">
|
|
|
|
<h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
|
|
|
|
</a>
|
|
|
|
<div class="myAccount" onclick="myAcc()">我的账号</div>
|
|
|
|
<!-- <div class="myAccount" onclick="ifVIP()">联系我们</div> -->
|
|
|
|
<div class="myAccount" onclick="aboutUs()">联系我们</div>
|
|
|
|
</div>
|
|
|
|
<div class="login-footer-all">
|
|
|
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
|
|
...
|
...
|
@@ -774,7 +983,9 @@ |
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div>
|
|
|
|
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div>
|
|
|
|
<div
|
|
|
|
style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
|
|
|
|
关注Start-Line</div>
|
|
|
|
<div style="width: 25%;margin-bottom: 200px;">
|
|
|
|
<img src="img/portfolio/EWM.png" width="100%">
|
|
|
|
</div>
|
|
...
|
...
|
@@ -803,7 +1014,7 @@ |
|
|
|
<!-- carousel -->
|
|
|
|
<script src="owl-carousel/owl.carousel.js"></script>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function() {
|
|
|
|
$(document).ready(function () {
|
|
|
|
$("#owl-brand").owlCarousel({
|
|
|
|
autoPlay: 3000,
|
|
|
|
items: 1,
|
...
|
...
|
|
