bab-icon/public/home/css/style/edit.css

/*登录页面样式*/
.lg-logo{ width: 38%; margin: 65px auto; margin-bottom: 50px;}
.lg-logo img{ width: 100%;}

.edit-list{ width: 100%; margin: 15px auto;}
.edit-list li{ width: 100%; margin-bottom: 10px;}
.edit-list-con{ width: calc(100% - 30px); height: 42px; border-bottom: 1px solid #e8e8e8; margin: 0 auto;}
.edit-list-con label{ display: block; width: 30px; height: 42px; line-height: 41px; font-size: 14px; float: left; margin-right: 10px;}
.edit-list-inp{ position: relative; width: calc(100% - 40px); height: 41px; float: left;}
.edit-list-inp input{ display: block; width: 100%; height: 21px; border: 0; padding: 0; font-size: 14px; float: left; margin: 10px 0;}
.edit-list-inp input.active{ color: #FF6600;}
.edit-list-icon input{ width: calc(100% - 42px);}
.edit-list-icon i{ display: block; width: 40px; height: 41px; line-height: 41px; text-align: right; font-size: 24px; color: #C9C9C9; float: right;}
.edit-list-msg input{ width: calc(100% - 100px);}
.edit-list-btn{ max-width: 90px; height: 41px; line-height: 41px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right;}

.edit-list-3 label{ width: 45px;}
.edit-list-3 .edit-list-inp{ width: calc(100% - 55px);}
.edit-list-4 label{ width: 60px;}
.edit-list-4 .edit-list-inp{ width: calc(100% - 70px);}
.edit-list-5 label{ width: 75px;}
.edit-list-5 .edit-list-inp{ width: calc(100% - 85px);}
.edit-list-6 label{ width: 90px;}
.edit-list-6 .edit-list-inp{ width: calc(100% - 100px);}

.edit-link{ width: 100%; line-height: 22px; padding: 0 6%; margin: 15px auto;}
.edit-link-con, .edit-link-r, .edit-link-l{ display: block; line-height: 22px; float: left;}
.edit-link-r, .edit-link-r .edit-link-con, .edit-link-l .edit-link-con{ float: right;}
.edit-link-r, .edit-link-l{ color: #C9C9C9;}

/*实名认证页面添加样式*/
.edit-hd{ width: 100%; padding: 15px; font-size: 13px; line-height: 18px; text-align: justify; color: #FF1D3E; background: #fdf7e7;}

/*忘记密码页面添加样式*/
.edit-link-login{ width: 100%; height: 22px; line-height: 22px; text-align: center; padding: 0;}

/*同意支付页面样式*/
.provison-hd{ position: fixed; left: 0; top: 0; width: 100%; height: 120px; padding: 1px 0; z-index: 10;}
.shop-bar-nav~.provison-hd{ top: 43px;}
.provison-hd~.mui-content{ padding-top: 120px;}
.shop-bar-nav~.provison-hd~.mui-content{ padding-top: 163px;}
.provison-ft~.mui-content{ padding-bottom: 115px;}

.provison-hd-bg{ position: absolute; right: 4%; bottom: 0; width: 120px;}
.provison-hd-con{ width: calc(97% - 120px); padding-left: 15px; margin-top: 20px;}
.provison-hd-nm, .provison-hd-price{ width: 100%; height: 45px; line-height: 50px; font-size: 20px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.provison-hd-price{ height: 30px; line-height: 25px; font-size: 14px;}

.provison-ft{ position: fixed; left: 0; bottom: 0; width: 100%; padding: 15px 0; background: #FFFFFF; z-index: 10; box-shadow: 0px 0px 6px rgba(153,153,153,0.2);}
.provison-ft-choice{ width: 100%; padding: 0 6%; margin-bottom: 15px; color: #C9C9C9;}
input.art-icon{ display: inline-block; position: relative; width: 22px; height: 22px; vertical-align: middle; margin-top: -1px; appearance: none; outline: 0!important; background: transparent; -webkit-appearance: none;}
input.art-icon:before{ position: absolute; left: 2px; top: 1px; width: 18px; height: 18px; border-radius: 50%; background: #C9C9C9; content: "";}
input.art-icon[type=checkbox]:checked:before, input.art-icon[type=radio]:checked:before{ left: 0; width: 22px; height: 22px; line-height: 18px; font-size: 22px; background: transparent; color: #FF6600; content: "\e923";}
input.art-icon[type=checkbox]:checked~label{ color: #FF6600;}

.provison-con{ width: 100%; padding: 30px 6%; overflow: hidden;}

.provison-tit{ font-size: 16px; color: #333333; margin-bottom: 20px;}

/*支付成功页面样式*/
.payend-con{ width: 100%; padding: 0 15px; margin: 60px auto;}
.payend-con img{ display: block; width: 36%; margin: 0 auto; margin-bottom: 15px;}
.payend-con-intro{ width: 100%; line-height: 24px; text-align: center;}

/*tt转账页面添加样式*/
.edit-intro{ width: 100%; padding: 0 15px; text-align: justify; font-size: 12px; color: #FF1D3E;}

/*安全设置页面样式*/
.edit-list-tit{ width: calc(100% - 22px); height: 42px; line-height: 42px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.edit-list-con .mui-icon-arrowright{ display: block; height: 42px; line-height: 42px; color: #999999; font-size: 18px; float: right;}
.edit-list-tit span{ display: block; max-width: 80px; height: 100%; color: #999999; float: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}