376 lines
6.0 KiB
CSS
376 lines
6.0 KiB
CSS
body:after {
|
|
content: "";
|
|
position: fixed;
|
|
/*top: -10px;*/
|
|
bottom: -10px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 10px;
|
|
box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1);
|
|
/*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
|
-moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
|
-o-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
|
-ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/
|
|
z-index: 100;
|
|
}
|
|
|
|
.my{
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.mui-scroll{
|
|
/* background: url(../img/my_bg.png) no-repeat center top; */
|
|
background-size: 100% ;
|
|
}
|
|
|
|
|
|
.con{
|
|
position: absolute;
|
|
top: 35px;
|
|
left: 15px;
|
|
width: 93%;
|
|
/* height: 70px; */
|
|
|
|
}
|
|
.con .login{
|
|
width: 78px;
|
|
height:78px;
|
|
border-radius: 100px;
|
|
border: 3px solid #ebebeb;
|
|
color: white;
|
|
text-align: center;
|
|
line-height: 72px;
|
|
/*margin: 0 auto;*/
|
|
position: absolute;
|
|
top: -20px;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 0;
|
|
margin:0px auto;
|
|
/* font-size: 22px; */
|
|
background: white;
|
|
color: black;
|
|
}
|
|
.con1{
|
|
margin-top: 30px;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items:center;
|
|
padding: 10px;
|
|
height:120px ;
|
|
}
|
|
.con1 img{
|
|
display: inline-block;
|
|
width: 78px;
|
|
height: 78px;
|
|
border-radius: 100px;
|
|
border: 3px solid #fff;
|
|
margin-right: 20px;
|
|
/* left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
z-index: 11;
|
|
position: absolute; */
|
|
}
|
|
.con1 .left {
|
|
width: 60%;
|
|
height: 80px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
.con1 p{
|
|
display: inline-block;
|
|
/* position: absolute; */
|
|
font-size: 19px;
|
|
color: #fff;
|
|
font-weight:300;
|
|
/* width: 60%; */
|
|
|
|
/* left: 0; */
|
|
/* top: 85px; */
|
|
/* right: 0; */
|
|
/* margin: 0 auto; */
|
|
/* width: 100%; */
|
|
/* text-align: center; */
|
|
}
|
|
.con1 .left p span {
|
|
padding-right: 10px;
|
|
font-size: 14px
|
|
}
|
|
.seeting{
|
|
font-size: 22px;
|
|
color: #fff;
|
|
/* margin-top: 15px;
|
|
margin-left: 9px;
|
|
float: left; */
|
|
width: 10%;
|
|
}
|
|
.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: 96%;
|
|
height: 122px;
|
|
background: white;
|
|
/* margin-bottom: 9px; */
|
|
margin: 0 2%;
|
|
padding-top: 58px;
|
|
margin-top: 30px;
|
|
}
|
|
.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, .myMoney, .myYouhuiquan, .mydata, .shenqingcon{
|
|
margin: 6px 2%;
|
|
width: 96%;
|
|
}
|
|
/* 优惠券 */
|
|
.myYouhuiquan{
|
|
/* height: 150px; */
|
|
width: 98%;
|
|
margin: 5px auto 0px;
|
|
/* padding-top: 30px; */
|
|
/* display: none; */
|
|
}
|
|
.myYouhuiquan_con{
|
|
/* position: absolute; */
|
|
height: 100px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
background: white;
|
|
box-sizing: border-box;
|
|
border: 1px solid #FFFFFF;
|
|
border-radius: 5px;
|
|
/* border-bottom: 1px solid #e6e6e6; */
|
|
}
|
|
.myYouhuiquan_con1{
|
|
width: 90%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
/* padding-top: 111px; */
|
|
/* background: #000000; */
|
|
margin: 15px auto 2px;
|
|
}
|
|
.myYouhuiquan_cb{
|
|
width:33.333%;
|
|
height: 50px;
|
|
padding: 4px auto;
|
|
text-align: center;
|
|
/* float: left; */
|
|
/* position: relative; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
/* align-items: center; */
|
|
justify-content: center;
|
|
border-bottom: 1px solid #c0c0c0;
|
|
/* border: 1px solid #C0C0C0; */
|
|
}
|
|
|
|
.myYouhuiquan_cb:nth-child(5),
|
|
.myYouhuiquan_cb:nth-child(2) {
|
|
border-left: 1px solid gray;
|
|
border-right: 1px solid gray;
|
|
}
|
|
|
|
.myYouhuiquan_cb p{
|
|
color: #525252;
|
|
font-size: 18px;
|
|
}
|
|
.myYouhuiquan_cb .orange{
|
|
color:#FC773F;
|
|
font-size: 18px;
|
|
}
|
|
/* 订单 */
|
|
|
|
.order_title{
|
|
width: 100%;
|
|
height: 43px;
|
|
background: white;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
line-height: 43px;
|
|
|
|
}
|
|
|
|
.order_title p{
|
|
font-size: 18px;
|
|
color: black;
|
|
float: left;
|
|
margin: 0;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.order_title .order_more{
|
|
color: #909090;
|
|
font-size: 17px;
|
|
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;
|
|
}
|
|
.orderimg{
|
|
width: 30px;
|
|
/* height: 30px; */
|
|
margin: 10px auto;
|
|
}
|
|
.orderimg img{
|
|
width:100%;
|
|
/* margin-top: 15px; */
|
|
}
|
|
.order_cb p{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
/* margin-top: 3px; */
|
|
/* color: #525252; */
|
|
color: #909090;
|
|
font-size: 18px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.logistics{
|
|
height: 96px;
|
|
background: white;
|
|
}
|
|
.waitReceive{
|
|
position: relative;
|
|
}
|
|
.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: 5px;
|
|
left: 70%;
|
|
}
|
|
|
|
.myMoney{
|
|
width: 96%;
|
|
background: white;
|
|
|
|
}
|
|
.moneycon_{
|
|
width: 25%;
|
|
float: left;
|
|
height: 100px;
|
|
position: relative;
|
|
}
|
|
.moneycon_ img{
|
|
text-align: center;
|
|
width: 61px;
|
|
height: 61px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
top:5px;
|
|
}
|
|
.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;
|
|
}
|
|
.mydata .mydata-content{
|
|
background: #fff;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.mydata .mydata-content .mydata-table-view-cell{
|
|
width: 25%;
|
|
text-align: center;
|
|
padding: 5px 0px;
|
|
border-right: 1px solid #ECECEC;
|
|
border-bottom: 1px solid #ECECEC;
|
|
|
|
}
|
|
.mydata .mydata-content .mydata-table-view-cell a {
|
|
color:#525252 ;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.mydata .mydata-content .mydata-table-view-cell p {
|
|
font-size: 18px;
|
|
}
|
|
.mydata .mydata-content .mydata-table-view-cell .mydata-media-body {
|
|
font-size: 13px;
|
|
|
|
}
|
|
.shenqingcon {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.shenqingcon .shenqingcon_{
|
|
width: 24%;
|
|
text-align: center;
|
|
}
|
|
.shenqingcon .shenqingcon_ img{
|
|
text-align: center;
|
|
width: 61px;
|
|
height: 61px;
|
|
/* position: absolute;
|
|
left: 0;
|
|
right: 0; */
|
|
margin: 0 auto;
|
|
top:5px;
|
|
}
|