html{
width: 100%;
margin: 0 auto;
}
body{
font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
border: 0px;
margin: 0 auto;
}
.Hello {
margin-top: 100px;
margin-left: 30px;
height: 60px;
color: #1c253a;
font-family: "PingFang SC Regular";
font-size: 35px;
font-weight: 500;
line-height: 60px;
letter-spacing: 1px;
}
.underline{
width: 80%;
margin-top: 50px;
margin-left: 30px;
border:1px solid #9a9a9a;
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE:solid;
}
.tel{
margin-bottom: 20px;
}
.tel li{
font-size: 18px;
list-style: none;
margin-left: 30px;
margin-top: 50px;
}
.tel img{
width: 10px;
}
#telphone{
height: 38px;
float: left;
margin-left: 75px;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
outline: none;
margin-top: -30px;
font-size: 18px;
}
#know{
color: #b2b2b2;
font-size: 14px;
list-style: none;
margin-top: 8px;
margin-left: 30px;
margin-bottom: 10px;
}
.btn1 button{
width: 100%;
height: 40px;
border-radius: 22px;
background: #ED4444;
font-size: 18px;
color: #ffffff;
font-family: "PingFang SC Regular";
line-height: 24px;
text-align: center;
border: #ED4444;
}
.btn1{
width: 90%;
margin: 0 auto;
}
.passLogin{
font-size: 18px;
color: #525252;
font-family: "PingFang SC Regular";
margin-left: 30px;
margin-top: 30px;
list-style: none;
}
.forgetPass{
float: right;
font-size: 18px;
color: #525252;
font-family: "PingFang SC Regular";
margin-right: 30px;
margin-top: -25px;
list-style: none;
}
.totel {
font-size: 18px;
margin-left: 30px;
margin-top: 30px;
}
.code {
padding-right: 10px;
padding-top: 10px;
margin-left: 30px;
width: 80%;
}
.heading-2 {
color: #333333;
}
.v-code {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.v-code input {
position: absolute;
opacity:0;
}
.v-code .line {
position: relative;
width: 60px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
}
.v-code .line::after {
display: block;
position: absolute;
content: '';
left: 0;
width: 100%;
bottom: 0;
height: 1px;
background-color: #333333;
transform: scaleY(.5);
transform-origin: 0 100%;
}
.v-code .line.animated::before {
display: block;
position: absolute;
left: 50%;
top: 20%;
width: 1px;
height: 60%;
content: '';
background-color: #333333;
animation-name: coruscate;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-fill-mode: both;
}
@keyframes coruscate {
0% {
opacity: 0
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 1
}
to {
opacity: 0
}
}
#getcode{
margin-left: 30px;
margin-top: 80px;
font-size: 14px;
color: #333333;
}
#getcodeagain{
margin-left: 30px;
margin-top: -20px;
visibility: hidden;
font-size: 14px;
color: #3986F6;
}
#top img{
width: 20px;
margin-left: 20px;
margin-top: 30px;
}
.icon img{
width: 60px;
height: 60px;
margin-left: 14px;
border-radius: 70px;
}
.nametel li{
list-style: none;
font-size: 16px;
font-weight: 500;
margin-left: 90px;
color: white;
}
.nametel{
margin-top: -50px;
}
.information li{
float: right;
font-size: 40px;
color: white;
list-style: none;
margin-top: -5%;
margin-right: 50px;
}
.toptwo{
float: left;
width: 96%;
height: 90px;
margin-top: -20px;
margin-left: 2%;
border-radius: 20px;
background-color: white;
}
.coupon{
float: left;
width: 25%;
margin-top: 10px;
text-align: center;
}
.coupon img{
width: 35px;
}
.coupon li{
list-style: none;
font-size: 14px;
font-weight: 400;
}
.like{
float: left;
width: 25%;
margin-top: 10px;
text-align: center;
}
.like img{
width: 35px;
}
.like li{
list-style: none;
font-size: 14px;
font-weight: 400;
}
.history{
float: left;
width: 25%;
margin-top: 10px;
text-align: center;
}
.history img{
width: 30px;
margin-bottom: 5px;
}
.history li{
list-style: none;
font-size: 14px;
font-weight: 400;
margin-left: -10px;
}
.message{
float: left;
width: 25%;
margin-top: 10px;
text-align: center;
}
.message img{
width: 35px;
}
.message li{
list-style: none;
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
margin-left: 5px;
}
.topthree{
float: left;
margin-left: 2%;
height: 140px;
margin-top: 10px;
border-radius: 20px;
width: 96%;
background-color: white;
}
.myorder li{
list-style: none;
margin-left:35px;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
margin-top: 10px;
}
.allorder li{
list-style: none;
font-size: 14 px;
font-weight: 400;
margin-bottom: 20px;
float: right;
margin-top: -40px;
margin-right: 60px;
}
.allorder img{
width: 12px;
float: right;
margin-top: -35px;
margin-right: 40px;
}
.underline{
width: 80%;
margin-top: -1px;
margin-left: 10%;
margin-bottom: 10px;
border:1px solid #ececec;
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE:solid;
}
.unpay{
float: left;
width: 25%;
text-align: center;
}
.unpay img{
width: 30px;
margin-bottom: 5px;
}
.unpay li{
list-style: none;
font-size: 14px;
font-weight: 500;
margin-bottom: 30px;
}
.unused{
float: left;
width: 25%;
text-align: center;
}
.unused img{
width: 30px;
margin-bottom: 5px;
}
.unused li{
list-style: none;
font-size: 14px;
font-weight: 400;
margin-bottom: 30px;
}
.confirmed{
float: left;
width: 25%;
text-align: center;
}
.confirmed img{
width: 30px;
margin-bottom: 5px;
}
.confirmed li{
list-style: none;
font-size: 14px;
font-weight: 400;
margin-bottom: 30px;
}
.refund{
float: left;
width: 25%;
text-align: center;
}
.refund img{
width: 30px;
margin-bottom: 5px;
}
.refund li{
list-style: none;
margin-left: -15px;
font-size: 14px;
font-weight: 400;
margin-bottom: 30px;
}
.toplist{
float: left;
margin-left:2% ;
margin-top: 15px;
border-radius: 20px;
height: 250px;
width: 96%;
background-color: white;
padding-left: 35px;
}
.address{
float: left;
margin-top: 10px;
width: 90%;
height: 50px;
margin-bottom: 10px;
border:1px solid #ececec;
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE:solid;
}
.address img{
width: 30px;
margin-top: 10px;
}
.address li{
list-style: none;
font-size: 14px;
margin-left: 40px;
margin-top: -25px;
margin-bottom: 20px;
font-weight: 400;
}
.feedback{
float: left;
width: 90%;
height: 50px;
margin-bottom: 10px;
border:1px solid #ececec;
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE:solid;
}
.feedback img{
width: 30px;
margin-top: 10px;
}
.feedback li{
list-style: none;
font-size: 14px;
margin-left: 40px;
margin-top: -25px;
margin-bottom: 20px;
font-weight: 400;
}
.clause{
float: left;
width: 90%;
height: 50px;
margin-bottom: 10px;
border:1px solid #ececec;
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE:solid;
}
.clause img{
width: 30px;
margin-top: 5px;
}
.clause li{
list-style: none;
font-size: 14px;
margin-left: 40px;
margin-top: -25px;
margin-bottom: 20px;
font-weight: 400;
}
.about{
float: left;
width: 90%;
height: 50px;
margin-bottom: 10px;
border:1px solid #ececec;
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE:solid;
}
.about img{
width: 35px;
margin-top: 5px;
}
.about li{
list-style: none;
font-size: 14px;
margin-left: 40px;
margin-top: -25px;
margin-bottom: 20px;
font-weight: 400;
}
.icon{
padding-top: 50px;
}
.occupy{
width: 100%;
height: 70px;
}
.bottom{
width: 100%;
position:fixed;
bottom: 0;
background-color: white;
padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
border: 2px solid #F6F6F6;
--safe-area-inset-bottom: env(safe-area-inset-bottom);
height: calc(49px + var(--safe-area-inset-bottom));
}
.bottom img{
width: 25px;
}
.bottom li{
float: left;
width: 25%;
text-align: center;
font-size: 12px;
font-weight: 500;
}
.bottom ul{
width: 100%;
margin: 5px auto;
}
.bottom a{
color: #41464B;
margin-top: -10px;
}
li{
font-weight: 300;
}
.checkedli{
background-color: #41464B;
}
.shoppinglog{
text-align: center;
margin-top: 30%;
}
.shoppinglog img{
width: 50px;
text-align: center;
margin-bottom: 30px;
}
.shoppinglog li{
list-style: none;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
color: #000000;
}
.carousel-inner{
position: relative;
width: 100%;
height: 180px;
overflow: hidden;
background-image: url(http://jialjia.com/img/backimg1.png);
background-size: 100% 180px;
}
.carousel-item{
position: relative;
padding-left: 12px;
padding-right: 12px;
display: none;
float: left;
width: 100%;
height: 180px;
margin-right: -100%;
backface-visibility: hidden;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}
.carousel-item img{
border-radius: 8px;
}
.nav-tabs
{
list-style: none;
text-align: center;
height: 40px;
line-height: 40px;
}
.carousel-inner>.active{
left: 0;
display: block;
}
.mybackground{
background-size: 100%;
background-color: #ED4444;
height: 170px;
margin: 0;
width: 100%;
}
.exitaccount{
float: left;
width: 96%;
margin-left: 2%;
height: 40px;
margin-bottom: 80px;
margin-top: 10px;
}
.carousel-inner img {
width: 100%;
height: 100%;
}
.topsearch{
top: 0;
width: 100%;
height: 60px;
float: left;
background-color:#ED4444 ;
}
.searchtext{
margin-top: 5px;
border-radius: 14px;
border-color: #ED4444;
margin-left: 12px;
outline: none;
margin-top: 10px;
margin-bottom: 10px;
height: 40px;
width: 76%;
padding-left: 30px;
float: left;
}
.searchimg img{
width: 20px;
margin-top: 10px;
}
.searchimg{
float: left;
margin-top: -49px;
margin-left: 23px;
}
.topclass{
width: 80%;
float: left;
height: 30px;
}
.smalltopclass{
float: left;
text-align: center;
width: 20%;
height: 30px;
font-size: 16px;
color: white;
font-weight: 500;
border: none;
background-color: #ED4444;
}
#topsearchall{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
}
.contenttitle{
width: 100%;
height: 70px;
background-color: #FFFFFF;
border-bottom:2px solid #F6F6F6;
z-index:999;
}
.smallcontenttit{
float: left;
width:33%;
font-size: 18px;
font-weight: 500;
text-align: center;
height: 50px;
padding-top: 10px;
}
.wrap{
width: 80%;
overflow: hidden;
height: 30px;
margin-top: 60px;
background-color: #ED4444;
padding-left: 12px;
}
.cont{
height: 30px;
overflow-x: auto;
overflow-y:hidden ;
position: relative;
}
.state {
left: -38px;
top: 0px;
position: absolute;
height: 30px;
background-color: #ED4444;
overflow-x: auto;
white-space: nowrap;
display: flex;
}
.state li{
display: inline-block;
float: left;
font-size: 16px;
text-decoration: none;
color: white;
padding-right: 20px;
border-bottom: 2px solid #ED4444;
font-weight: 500;
}
.smallclass{
width: 20%;
float: right;
margin-top: -30px;
padding-right: 12px;
height: 30px;
background-color: #ED4444;
font-size: 16px;
color: white;
font-weight: 500;
}
.smallclass li{
list-style: none;
margin-top: -25px;
margin-left: 28px;
}
.smallclass img{
width: 30px;
margin-top: -5px;
}
.topsearch img{
float: right;
width: 25px;
margin-top: 20px;
margin-right: 45px;
}
.topsearch li{
float: right;
list-style: none;
font-weight: 500;
font-size: 16px;
color: white;
margin-top: -20px;
margin-right: 12px;
}
.productcontent{
padding-bottom: 70px;
width: 100%;
position:relative;
}
.item-content{
display: flex;
flex-direction: column;
justify-content: center;
padding: 5px;
height: 14px;
font-size: 14px;
font-weight: 400;
box-sizing: border-box;
margin-top: 15px;
}
.item-img img{
width:100%;
}
.item {
position: absolute;
width: calc(50% - 8px);
margin-left: 12px;
border: none;
background-color: white;
}
.item-tag{
margin-top: 5px;
padding: 5px;
color: #686868;
font-size: 12px;
}
.item-tag li{
float: left;
list-style: none;
margin-right: 10px;
}
.item-price{
color: #db4f47;
margin-top: 15px;
margin-left: 5px;
font-size: 16px;
padding-bottom: 16px;
}
.productprice{
width: 100%;
height: 50px;
background-color: #FFFFFF;
padding-left: 14px;
color: red;
float: left;
margin-top: 2px;
border-top: 2px solid #F6F6F6;
}
.productprice li {
margin-top: 5px;
list-style: none;
float: left;
font-size: 28px;
font-weight: 500;
}
#priceicon{
float: left;
font-size: 16px;
margin-top: 17px;
margin-right: 10px;
}
.productsales{
float: right;
margin-top:-30px;
margin-right: 16px;
}
.productsales li{
list-style: none;
font-size: 12px;
float: left;
}
.productTitle{
width: 100%;
background-color: #FFFFFF;
padding-left: 14px;
padding-right: 14px;
}
.productTitle li{
list-style: none;
font-size: 18px;
font-weight: 500;
}
.productremark{
width: 100%;
background-color: #FFFFFF;
padding-left: 14px;
padding-right: 14px;
padding-top: 8px;
padding-bottom: 14px;
color: #909090;
}
.productremark li{
font-size: 12px;
list-style: none;
font-weight: 500;
letter-spacing: 2px;
}
.productdetilinfo{
float: left;
padding-left: 14px;
padding-right: 14px;
border-radius: 8px;
margin-top: 10px;
width: 100%;
background-color: #FFFFFF;
}
.detailtitle{
margin-bottom: 20px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
}
.detailtitle img{
width: 12px;
}
.productimgdetail img{
width: 100%;
}
.productimgdetail {
padding-bottom: 200px;
}
.top{
width:100%;
height:50px;
background-color:rgba(251, 51, 52,0);
position:fixed;
top: 0;
line-height: 50px;
z-index: 998;
}
.productbottom{
width: 100%;
position:fixed;
bottom: 0;
background-color:#FFFFFF;
padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
--safe-area-inset-bottom: env(safe-area-inset-bottom);
height: calc(49px + var(--safe-area-inset-bottom));
padding-right: 14px;
}
.productbottom img{
width: 25px;
}
.productbottom li{
float: left;
width: calc(50%/3);
text-align: center;
font-size: 12px;
font-weight: 500;
}
.productbottom ul{
width: 100%;
margin: 5px auto;
}
.productbottom a{
color: #41464B;
margin-top: -10px;
}
#shoppingcarbtn{
width: 25%;
}
#shoppingcarbtn button{
border: none;
background-color: #f96e2d;
color: #FFFFFF;
border-radius: 20px;
}
.productbottom button{
width: 98%;
height: 40px;
}
#buybtn{
width: 25%;
}
#buybtn button{
border: none;
background-color: #fb3334;
color: #FFFFFF;
border-radius: 20px;
}
.productallocation{
margin-top: 10px;
width: 100%;
height: auto;
background-color: #FFFFFF;
border-radius: 10px;
min-height: 150px;
float: left;
}
.productspecification{
float: left;
min-height: 50px;
height: auto;
width: 100%;
padding-top: 10px;
border-bottom: 2px solid #F6F6F6;
padding-bottom: 5px;
}
.productallocation li{
font-size: 14px;
font-weight: 400;
padding-right: 14px;
margin-left: 60px;
list-style: none;
}
#specificationtit{
margin-left: 14px;
font-size: 16px;
font-weight: 500;
float: left;
}
.productclaselectimg{
width: 100px;
height: 100px;
margin-left:14px;
margin-top: 10px;
border-radius: 8px;
float: left;
}
.productclaselectimg img{
float: left;
width: 100px;
height: 100px;
border-radius: 8px;
}
.classprice{
float: left;
margin-left: 14px;
}
.classprice li {
float: left;
list-style: none;
font-size: 25px;
font-weight: 500;
color: red;
margin-top: 80px;
}
.producttopimg{
width: 100%;
height: 130px;
}
.typetitle{
font-size: 14px;
font-weight: 500;
margin-left: 14px;
}
.typecont{
margin-top: 20px;
}
.productclasstype{
float: left;
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
}
.smalltypecont{
background-color: #f1f1f1;
font-size: 14px;
float: left;
text-align: center;
padding:20px;
border-radius: 15px;
margin-left: 14px;
margin-right: 14px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 10px;
}
.smalltypecont1{
margin-top: 10px;
font-size: 14px;
float: left;
text-align: center;
padding:20px;
border-radius: 15px;
margin-left: 14px;
margin-right: 14px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #f7edeb;
color: #d6574f;
font-size: 14px;
}
#modalOuter{
opacity: 0.5;
position: fixed;
top: 0;
left: 0;
width:100%;
height: 100%;
z-index: 100;
background-color: #000;
display: none;
overflow: auto;
}
.productcount{
float: right;
margin-right: 14px;
margin-top: -14px;
padding-bottom: 200px;
}
.productcount li{
list-style: none;
float: left;
width: 30px;
height: 30px;
background-color: #F1F1F1;
border: 2px solid #f6f6f6;
text-align: center;
font-size: 18px;
}
.productcount img{
margin-left: 2px;
margin-top: 2px;
float: left;
width: 20px;
}
.productshowbtn{
width: 100%;
position:fixed;
bottom: 0;
background-color: white;
padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
--safe-area-inset-bottom: env(safe-area-inset-bottom);
height: calc(49px + var(--safe-area-inset-bottom));
}
.productshowbtn li{
float: left;
list-style: none;
}
.productshowbtn button{
margin-left: 5%;
width: 90%;
height: 40px;
}
.table caption{
font-size: 14px;
color: #000000;
}
.table img{
width: 12px;
}
.tdname{
width: 80px;
}
tr{
color: #8C8C8C;
font-size: 14px;
}
td{
}
.inforetrun {
float: left;
top: 0;
position: fixed;
z-index: 999;
background-color:rgba(73, 73, 73,100);
width: 30px;
height: 30px;
margin-left: 14px;
margin-top: 10px;
border-radius: 20px;
}
.inforetrun img{
float: left;
width: 20px;
margin-left: 2px;
margin-top: 5px;
opacity:1;
}
.productinfotitle{
font-size: 14px;
margin-bottom: 5px;
}
.productinfotitle img{
width: 12px;
}
.productshoppinglist{
background-color: #FFFFFF;
margin-bottom: 10px;
float: left;
}
.productshoppingtitle img{
width: 20px;
margin-right: 5px;
}
.productshoppingtitle{
font-size: 16px;
}
#classallcheck {
margin-left: 14px;
}
.productlist{
float: left;
background-color: #FFFFFF;
width: 100%;
}
#check {
float: left;
margin-left: 14px;
margin-top: 50px;
}
.shopingcarprotit{
font-size: 16px;
margin-top: 10px;
padding-right: 20px;
height: 45px;
margin-bottom: 10px;
}
.shoppingcartype{
background-color: #F6F6F6;
color: #686868;
font-size: 12px;
margin-top: 10px;
padding: 5px;
border-radius: 8px;
display:inline;
}
.shoppingcarprice{
margin-top: 10px;
font-size: 18px;
}
.shoppingcarprice li {
list-style: none;
font-weight: 400;
float: left;
}
input[type="checkbox"] {
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 18px;
margin-right: 10px;
position: relative;
border-radius: 10px;
-webkit-apearance : none; //去掉复选框的默认背景样式
}
input[type="checkbox"]::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 100%;
border-radius: 10px;
}
input[type="checkbox"]:checked::before {
content: "\2713";
background-color:#ED4444;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius:10px;
color: #FFFFFF;
font-size: 16px;
font-family: arial;
font-weight: bold;
border: none;
}
.allcheck{
width: 100%;
height: 70px;
background-color: #FFFFFF;
bottom: 65px;
position: fixed;
border: 2px solid #F6F6F6;
padding-right: 30px;
}
#allcheck1{
float: left;
margin-top: 15px;
margin-left: 30px;
}
.allcheck li{
list-style: none;
float: left;
margin-top: 15px;
font-weight: 400;
}
#price{
color: red;
}
.allprice{
float: right;
}
.allprice button{
margin-top: -5px;
margin-left: 5px;
width: 80px;
border: #ED4444;
background-color: #ED4444;
color: #FFFFFF;
border-radius: 14px;
height: 30px;
}
.bottomnonediv{
height: 140px;
bottom: 0;
float: left;
}
.smallprice{
margin-left: 5px;
}
.orderdetailretrun{
width: 100%;
height: 50px;
top: 0;
position: fixed;
background-color: #ED4444;
}
.orderdetailretrun img{
width: 20px;
float: left;
margin-top: 15px;
margin-left: 14px;
}
.orderaddress{
margin-top: 50px;
list-style: none;
width: 100%;
height: 80px;
background-color: #FFFFFF;
padding-top: 10px;
border-bottom: 2px dashed #ED4444;
}
.orderaddress li{
padding-left: 14px;
}
#typecont{
float: right;
margin-right: 14px;
}
.orderallprice{
margin-left: 14px;
margin-top: 5px;
}
.orderallprice li{
list-style: none;
font-size: 22px;
font-weight: 500;
color: red;
width: auto;
}
.buyorderbtn{
float: right;
}
#buy {
border: #ED4444;
background-color: #ED4444;
color: #FFFFFF;
height: 38px;
width: 120px;
text-align: center;
border-radius: 16px;
}
.nav-s{
overflow-y: scroll;
height: 700px;
padding-bottom: 70px;
}
.span2{
padding-top: 60px;
position: absolute;
background-color:#f6f6f6;
}
.span2 li{
font-size: 14px;
font-weight: 400;
}
.span2 a{
color:#000000;
}
.containerpaging{
float: right;
width: 100%;
height:700px;
padding-top: 60px;
padding-left:100px;
}
.productclass_tit{
font-weight: 500;
margin-left: 14px;
font-size: 16px;
margin-top: 5px;
}
.productclass-cont{
width: calc(100% / 3);
text-align: center;
list-style: none;
padding: 14px;
float: left;
font-size: 12px;
}
.productclass-cont img{
float: left;
width: 100%;
margin-bottom: 10px;
}
.conttype{
float: left;
width: 100%;
}
.item-address{
margin-top:50px;
}
.address-city{
font-size: 14px;
margin-top:5px;
margin-bottom: 5px;
color: #909090;
font-weight: 400;
}
.item-address ul{
padding-left:0px;
padding-top: 5px;
list-style: none;
}
.address-detail{
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.address-name{
float: left;
color: #909090;
font-weight: 400;
}
.address-tel{
float: left;
margin-left: 50px;
margin-bottom: 5px;
color: #909090;
font-weight: 400;
}
.item-ul{
border-bottom: 1px solid #EEEEEE;
float: left;
width: calc(100% - 28px) ;
margin-bottom: 0;
margin-left: 14px;
margin-right: 14px;
}
.bottom input[type=button]{
width: 100%;
height: 40px;
float: left;
border: 1px solid #ED4444;
background-color: #ED4444;
border-radius: 18px;
color: #FFFFFF;
}
.address-img{
float: right;
margin-top: -20px;
}
.address-img img{
width: 15px;
margin-right: 14px;
}
.orderdetailretrun p{
text-align: center;
margin-top: 20px;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
margin-right: 20px;
}
.label{
color: #000000;
width: auto;
font-size: 14px;
}
.content-block input[type="button"]{
width: 100%;
height: 50px;
background-color: #ED4444;
float: left;
color: #FFFFFF;
border: 1px solid #ED4444;
margin-bottom: 10px;
border-radius: 8px;
}
.color-red{
color: red;
}
.item-input input[type="tel"]{
font-size: 14px;
}
.item-input input[type="text"]{
font-size: 14px;
}
.picker-modal-inner{
background-color: #FFFFFF;
}
.orderdetailretrun{
z-index: 999;
float: left;
}
.toolbar-inner a{
color: #0062CC;
}
.page{
margin-top: 10px;
}
.list-block{
padding-right: 14px;
background-color: #FFFFFF;
}
.orderdetailretrun p{
text-align: center;
margin-top: 20px;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
margin-right: 20px;
}
.deladdress {
float: right;
margin-top: -30px;
color: #ffffff;
pointer-events: none;
font-size: 14px;
margin-right: 14px;
}
.box-main{
background-color: #FFFFFF;
margin:50px auto;
width:80%;
padding:10px;
border:1px solid #e8e8e8
}
.box-main h3.title{
height:40px;
font-size:18px;
line-height:40px;
text-indent:18px;
color:#1c81e5;
text-align:left;
background:#F7F7F7;
margin-bottom:18px
}
.package-box{
overflow:hidden;
margin:0 auto;
width:780px;
}
.package-box:before{
content:" ";
background-color:#fff;
display:block;
position:absolute;
top:-4px;
left:20px;
width:10px;
height:4px
}
.package-box .supply{
margin-top:20px;
padding-right:10px;
border-top:1px solid #e8e8e8;
line-height:28px;color:#959595;
text-align:right
}
.package-detail{
margin:-9px 0 0 12px;
padding:0 0 0 10px;
list-style:none;
line-height:30px;
font-size:12px;
overflow:hidden
}
.package-detail li{
border-left:1px solid #d9d9d9
}
.package-detail li:before{
content:'';
background:#d9d9d9;
display:inline-block;
width:5px;
height:5px;
border-radius:5px;
margin-left:-3px;
margin-right:10px
}
.package-detail .date{
font-weight:700;
margin-right:8px;
font-family:arial;
display:inline-block
}
.package-detail .text{
width:580px;
display:inline-block;
vertical-align:text-top;
line-height:1.3em
}
.package-detail .latest:before{
background:#fe4300;
border-color:#f8e9e4
}
.LogisticsNum-cont li{
font-size: 12px;
float: left;
}
.LogisticsNum-cont{
margin-top: 10px;
margin-bottom: 40px;
}
#LogisticsNum{
margin-left: 5px;
}
#copy{
float: right;
margin-right: 14px;
}
.elselogin{
margin: 50px auto;
text-align: center;
}
.elselogin li{
list-style: none;
color: #929292;
font-size: 12px;
margin-bottom: 30px;
}
.wxlogin img{
width: 30px;
}