coupon-admin/public/static/css/personal/personal_center.css

277 lines
5.0 KiB
CSS

.user_head {
width: 1102px;
padding: 30px 35px;
margin: 50px auto;
border: 14px solid #dedddd;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
flex-direction: row;
}
.user_head .head_img {
width: 130px;
height: 95px;
position: relative;
float: left;
}
.user_head .head_img img {
display: block;
width: 80px;
height: 80px;
border-radius: 100%;
margin: auto;
}
.user_head .head_img .rz {
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
color: white;
font-size: 18px;
position: absolute;
bottom: 0;
left: 25px;
background: #dedddd;
border-radius: 5px;
margin: auto;
}
.user_head .nick_row {
width: 260px;
height: 75px;
padding: 10px 20px;
line-height: 37px;
color: #333333;
border-right: 1px solid #dedddd;
}
.user_head .nick_row .real_name {
padding: 5px 5px;
border-radius: 5px;
background: #d84848;
color: white;
}
.user_head .bond,
.user_head .dtc,
.user_head .edit {
width: 233px;
height: 95px;
line-height: 95px;
text-align: center;
border-right: 1px solid #dedddd;
}
.user_head .bond .bond_p {
height: 25px;
line-height: 25px;
font-size: 14px;
color: #333333;
}
.user_head .bond .bond_value {
height: 25px;
line-height: 25px;
font-size: 20px;
color: #d84848;
font-weight: bold;
margin: 5px auto;
}
.user_head .bond .give_bond {
width: 120px;
line-height: 20px;
display: block;
margin: auto;
padding: 5px 5px;
border-radius: 5px;
background: #d84848;
color: white;
}
.user_head .dtc .dtc_ico {
height: 60px;
line-height: 90px;
font-size: 20px;
font-weight: bold;
color: #d84848;
}
.user_head .dtc .pj {
height: 20px;
line-height: 20px;
font-size: 14px;
color: #333333;
}
.user_head .edit .edit_btn {
width: 90px;
height: 80px;
display: inline-block;
vertical-align: middle;
line-height: 20px;
background: #d84848;
color: white;
}
.user_head .edit {
border: none;
}
.user_head .edit .edit_btn img {
display: block;
margin: 10px auto;
width: 28px;
height: 28px;
font-size: 18px;
}
.border_container {
width: 1172px;
margin: 50px auto;
padding: 20px 0;
border: 14px solid #dedddd;
}
.border_container .list_title {
width: 1100px;
height: 20px;
line-height: 20px;
border-left: 5px solid #d84848;
font-size: 18px;
text-indent: 20px;
margin: 20px auto;
}
.border_container .hr {
width: 1100px;
margin: auto;
}
.border_container .list_title .more {
height: 20px;
line-height: 20px;
float: right;
color: #999999;
}
.border_container .border_div {
border-bottom: 14px solid #dedddd;
}
.order {
margin: 20px auto;
line-height: 20px;
}
.order .order_row {
width: 50px;
margin: auto 30px;
float: left;
position: relative;
}
.order .order_row:hover > p {
color: #d84848;
}
.order .order_row p {
text-align: center;
font-size: 16px;
color: #666666;
margin: 10px auto;
}
.order .order_row .number {
display: inline;
min-width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
text-align: center;
background: #d84848;
border-radius: 10px;
color: white;
position: absolute;
top: -5px;
right: -5px;
max-width: 100%;
}
.winning_the_bid {
width: 1100px;
margin: 30px auto;
}
.winning_the_bid .title div {
background: #ededed;
}
.winning_the_bid .bid_row {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
flex-direction: row;
text-align: center;
}
.winning_the_bid .bid_row > div {
display: table-cell;
font-size: 14px;
word-break: break-all;
word-wrap: break-word;
}
.winning_the_bid .bid_row .w1 {
width: 110px;
line-height: 50px;
border: 1px solid #e4e4e4;
}
.winning_the_bid .bid_row .w2 {
width: 150px;
line-height: 50px;
border: 1px solid #e4e4e4;
}
.winning_the_bid .bid_row .w3 {
width: 230px;
line-height: 30px;
border: 1px solid #e4e4e4;
}
.winning_the_bid .bid_row .w3 p {
line-height: 2;
}
.winning_the_bid .state {
font-size: 14px;
}
.winning_the_bid .zzjj {
color: #d84848;
}
.winning_the_bid .offer_btn {
width: 90%;
height: 30px;
line-height: 30px;
margin: 5px 0;
text-align: center;
font-size: 14px;
color: #333333;
border: 1px solid #e8e8e8;
border-radius: 5px;
background: #ededed;
display: inline-block;
vertical-align: middle;
}
.goods_number {
width: auto;
position: relative;
padding: 0 20px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.goods_number .num_reduce {
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 14px;
position: absolute;
left: 0;
top: 0;
border: 1px solid #333333;
}
.goods_number .num_plus {
width: 20px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 14px;
position: absolute;
right: 0;
top: 0;
border: 1px solid #333333;
}
.goods_number .number {
width: auto;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 14px;
margin: auto 10px;
padding: 0 10px;
border: 1px solid #333333;
}
/*# sourceMappingURL=personal_center.css.map */