You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
371 lines
6.6 KiB
371 lines
6.6 KiB
/*
|
|
账户管理样式
|
|
*/
|
|
|
|
|
|
/* 面包屑样式 */
|
|
|
|
.rumbs {
|
|
width: 100%;
|
|
height: 60px;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.rumbs .rumbs_box {
|
|
width: 1200px;
|
|
margin: 0px auto;
|
|
line-height: 60px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.rumbs .rumbs_box .rumbs_title {
|
|
float: left;
|
|
}
|
|
|
|
.rumbs .rumbs_box .rumbs_name {
|
|
float: left;
|
|
}
|
|
|
|
|
|
/* 验证按钮样式 */
|
|
|
|
.code {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 35px;
|
|
width: 100px;
|
|
line-height: 25px;
|
|
background-color: #d7d7d7;
|
|
border-radius: 5px;
|
|
padding: 3px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.authbtn {
|
|
right: 5px;
|
|
top: 5px;
|
|
}
|
|
|
|
button[disabled] {
|
|
color: #838383;
|
|
cursor: text !important;
|
|
}
|
|
|
|
|
|
/* 内容样式 */
|
|
|
|
.wraper .account_left {
|
|
float: left;
|
|
width: 180px;
|
|
background: #FFFFFF;
|
|
height: 520px;
|
|
}
|
|
|
|
.wraper .account_left ul li {
|
|
text-align: center;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.wraper .account_left ul li a {
|
|
text-decoration: none;
|
|
color: #444444;
|
|
}
|
|
|
|
.wraper .account_left ul li .active {
|
|
color: #4689C6;
|
|
}
|
|
|
|
|
|
/* 右侧内容样式 */
|
|
|
|
.wraper .account_right {
|
|
float: left;
|
|
width: 980px;
|
|
background: #FFFFFF;
|
|
padding: 20px;
|
|
min-height: 520px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.wraper .account_right .right_title {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.wraper .account_right .right_register {
|
|
margin-top: 35px;
|
|
}
|
|
|
|
.wraper .account_right .right_change {
|
|
margin-top: 35px;
|
|
}
|
|
|
|
.wraper .account_right .right_change button:nth-child(2) {
|
|
margin-left: 35px;
|
|
}
|
|
|
|
.wraper .account_right .oper_log {
|
|
margin-top: 80px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.wraper .account_right .oper_log::before {
|
|
content: "|";
|
|
width: 2px;
|
|
color: #11749B;
|
|
background: #11749B;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
/* 修改表头颜色 */
|
|
|
|
.wraper .account_right .table>thead {
|
|
background: #F1F1F1;
|
|
}
|
|
|
|
|
|
/* 步骤条样式 */
|
|
|
|
.step {
|
|
position: relative;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
margin: 20px 50px 20px 80px;
|
|
}
|
|
|
|
.step-head {
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
color: #333;
|
|
font-size: 14px;
|
|
border: 2px solid #D9D9D9;
|
|
z-index: 10000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.step-main {
|
|
font-size: 12px;
|
|
color: #48576a;
|
|
margin-top: 15px;
|
|
font-size: 14px;
|
|
color: #444444;
|
|
}
|
|
|
|
.step-line {
|
|
position: absolute;
|
|
top: 15px;
|
|
height: 2px;
|
|
left: 30px;
|
|
right: -134px;
|
|
display: inline-block;
|
|
background-color: #bfcbd9;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.step-circle {
|
|
margin: 4px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background-color: #bfcbd9;
|
|
}
|
|
|
|
.is-sucess>.step-head {
|
|
border-color: #60B34F;
|
|
background: #60B34F;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.is-sucess>.step-head .step-circle {
|
|
background-color: #2f318e;
|
|
}
|
|
|
|
.is-sucess>.step-head>.step-line {
|
|
background-color: #60B34F;
|
|
}
|
|
|
|
.last-sucess>.step-head {
|
|
color: #ffffff;
|
|
border-color: #60B34F;
|
|
background: #60B34F;
|
|
}
|
|
|
|
.last-sucess>.step-head .step-circle {
|
|
background-color: #2f318e;
|
|
}
|
|
|
|
|
|
/* 模态框样式
|
|
更换手机号，身份认证
|
|
*/
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 {
|
|
display: block;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 .step1_icon {
|
|
width: 46px;
|
|
height: 46px;
|
|
background: url('../images/step1.svg') no-repeat;
|
|
margin-left: 255px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 .right_register {
|
|
margin-left: 195px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code {
|
|
position: relative;
|
|
width: 300px;
|
|
margin-left: 140px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code input {
|
|
border: 1px solid #DDDDDD;
|
|
width: 300px;
|
|
height: 40px;
|
|
margin-top: 30px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code a {
|
|
width: 82px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
background: #E6E6E6;
|
|
color: #444444;
|
|
position: absolute;
|
|
text-decoration: none;
|
|
top: 35px;
|
|
right: 5px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code p {
|
|
color: red;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_submit {
|
|
background: #4E9BFF;
|
|
color: #ffffff;
|
|
width: 300px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
margin-left: 140px;
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
margin-bottom: 40px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* 设置操作 */
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 {
|
|
display: none;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_title {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
margin-left: 140px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_phone {
|
|
margin-top: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_phone input {
|
|
border: 1px solid #DDDDDD;
|
|
width: 300px;
|
|
height: 40px;
|
|
margin-left: 140px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code {
|
|
width: 300px;
|
|
height: 40px;
|
|
margin-top: 15px;
|
|
margin-left: 140px;
|
|
position: relative;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code input {
|
|
border: 1px solid #DDDDDD;
|
|
width: 300px;
|
|
height: 40px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code a {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
width: 82px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
background: #CCCCCC;
|
|
border-radius: 3px;
|
|
color: #444444;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/* 完成 */
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_3 .step3_succes {
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-size: 16px;
|
|
margin-top: 70px;
|
|
margin-bottom: 100px;
|
|
margin-left: 225px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .step_3 {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* 修改密码
|
|
模态框样式
|
|
*/
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .modalOldPwd {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .modalOldPwd:nth-child(1) {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .modalOldPwd input {
|
|
border: 1px solid #DDDDDD;
|
|
width: 340px;
|
|
height: 30px;
|
|
padding-left: 10px;
|
|
margin-left: 120px;
|
|
}
|
|
|
|
.modal .modal-dialog .modal-content .modal-body .modalButton input {
|
|
width: 340px;
|
|
height: 30px;
|
|
padding-left: 10px;
|
|
margin-bottom: 20px;
|
|
background: #242E4B;
|
|
color: #ffffff;
|
|
margin-left: 120px;
|
|
}
|