187 lines
2.8 KiB
CSS
Executable File
187 lines
2.8 KiB
CSS
Executable File
.my{
|
|
width: 100%;
|
|
height: 180px;
|
|
background: url(../img/my_bg.png) no-repeat center top;
|
|
background-size: 100% 100%;
|
|
position: relative;
|
|
}
|
|
.header{
|
|
padding-top: 18px;
|
|
}
|
|
.seeting{
|
|
font-size: 14.4px;
|
|
color: #ffffff;
|
|
margin-top: 15px;
|
|
margin-left: 9px;
|
|
float: left;
|
|
}
|
|
.con{
|
|
position: absolute;
|
|
top: 75px;
|
|
left: 15px;
|
|
width: 93%;
|
|
}
|
|
.con img{
|
|
width: 78px;
|
|
height: 78px;
|
|
border-radius: 50%;
|
|
border: 3px solid #fff;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 11;
|
|
}
|
|
.con p{
|
|
position: absolute;
|
|
font-size: 14.4px;
|
|
color: #fff;
|
|
left: 93px;
|
|
top: 35px;
|
|
width: 180px;
|
|
}
|
|
.hyz{
|
|
width: 102px;
|
|
height: 26.4px;
|
|
font-size: 13.2px;
|
|
line-height: 29px;
|
|
text-indent: 27px;
|
|
color: #fff;
|
|
background: url(../img/hyz_bg.png) no-repeat center top;
|
|
background-size: 100%;
|
|
right: 0;
|
|
position: absolute;
|
|
top: 111px;
|
|
}
|
|
.nav {
|
|
width: 100%;
|
|
height: 81px;
|
|
background: white;
|
|
border-bottom: 9px solid #ebebeb;
|
|
}
|
|
.nblock{
|
|
width: 33.3%;
|
|
height: 72px;
|
|
text-align: center;
|
|
float: left;
|
|
padding-top: 10px;
|
|
}
|
|
.nblock p{
|
|
color: #525252;
|
|
font-size: 13.2px;
|
|
margin-top: 3px;
|
|
|
|
}
|
|
.order_title{
|
|
width: 100%;
|
|
height: 37px;
|
|
background: white;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.order_title p{
|
|
font-size: 13.2px;
|
|
color: black;
|
|
float: left;
|
|
margin: 0;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.order_title .order_more{
|
|
color: #909090;
|
|
font-size: 12px;
|
|
float: right;
|
|
margin: 0;
|
|
margin-right: 12px;
|
|
|
|
}
|
|
|
|
.order_con{
|
|
background: white;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
.order_cb{
|
|
width: 20%;
|
|
height: 90px;
|
|
text-align: center;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.order_cb img{
|
|
width: 28.8px;
|
|
margin-top: 24px;
|
|
}
|
|
.order_cb p{
|
|
margin-top: 3px;
|
|
color: #525252;
|
|
font-size: 12px;
|
|
}
|
|
.logistics{
|
|
height: 96px;
|
|
background: white;
|
|
}
|
|
.num{
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background: red;
|
|
color: white;
|
|
font-size: 10.8px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
top: 10px;
|
|
left: 60%;
|
|
}
|
|
.con .login{
|
|
width: 78px;
|
|
height: 78px;
|
|
border-radius: 50%;
|
|
border: 3px solid #ebebeb;
|
|
color: white;
|
|
text-align: center;
|
|
line-height: 72px;
|
|
/*margin: 0 auto;*/
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 0;
|
|
}
|
|
.myMoney{
|
|
width: 100%;
|
|
background: white;
|
|
|
|
}
|
|
.moneycon_{
|
|
width: 33.3%;
|
|
float: left;
|
|
height: 81px;
|
|
position: relative;
|
|
}
|
|
.moneycon_ img{
|
|
text-align: center;
|
|
width: 40.8px;
|
|
height: 40.8px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
top:10px;
|
|
}
|
|
.moneycon_ p{
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
color: #E51329;
|
|
font-size: 14.4px;
|
|
}
|
|
.share{
|
|
font-size: 14.4px;
|
|
color: #ffffff;
|
|
margin-top: 15px;
|
|
margin-right: 9px;
|
|
float: right;
|
|
}
|