259 lines
4.6 KiB
CSS
259 lines
4.6 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
section {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
section .whole {
|
|
padding: 0px 320px;
|
|
}
|
|
|
|
section .whole .whole-1 {
|
|
padding: 25px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
section .whole .whole-1 .all {
|
|
display: inline-block;
|
|
}
|
|
|
|
section .whole .whole-1 .all h2 {
|
|
font-weight: 600;
|
|
float: left;
|
|
padding-bottom: 10px;
|
|
}
|
|
/* 买家 */
|
|
section .whole .whole-1 .Buyers {
|
|
padding: 25px;
|
|
}
|
|
|
|
section .whole .whole-1 .toggle,
|
|
section .whole .whole-1 .commodity {
|
|
padding: 20px 0 0 0;
|
|
}
|
|
|
|
section .whole .whole-1 .Subtitle {
|
|
font-weight: 800;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers {
|
|
border-top: 2px solid #cb1919;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
background-color: #fff;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container span:nth-child(2) {
|
|
float: right;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container span:nth-child(2) a {
|
|
color: #066ee2;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap {
|
|
overflow: hidden;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .address {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .address .name {
|
|
display: inline-block;
|
|
padding: 10px 50px;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .address .na-1 {
|
|
border: solid 2px #cb1919;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .address .na-2 {
|
|
margin-top: 10px;
|
|
border: solid 2px #d1d1d1;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .address p {
|
|
margin: 0px 15px;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .address-2 a {
|
|
color: #066ee2;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #wrap .stop {
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
section .whole .whole-1 .Buyers #container #read-more {
|
|
margin-top: 20px;
|
|
}
|
|
/* 送货清单 */
|
|
section .whole .whole-1 .opt {
|
|
padding: 15px 0 0 0;
|
|
margin-bottom: 20px;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
}
|
|
|
|
section .whole .whole-1 .opt ul .optall table {
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
section .whole .whole-1 .opt ul .optall #checkall {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
section .whole .whole-1 .opt ul .optall th {
|
|
height: 50px;
|
|
}
|
|
|
|
section .whole .whole-1 .opt ul .optall th span {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
section .whole .whole-1 .opt .checklist .among table {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
/* 使用优惠券 */
|
|
section .whole .whole-1 .coupon {
|
|
width: 100%;
|
|
display: inline-flex;
|
|
padding-bottom: 40px;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .yh {
|
|
width: 262px;
|
|
height: 130px;
|
|
margin-right: 25px;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .yh h1,
|
|
section .whole .whole-1 .coupon .yh h3,
|
|
section .whole .whole-1 .coupon .yh span {
|
|
color: #fff;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .yh h1 {
|
|
font-size: 50px;
|
|
position: relative;
|
|
left: 30px;
|
|
top: 20px;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .yh h3 {
|
|
font-size: 17px;
|
|
position: relative;
|
|
left: 91px;
|
|
top: -32px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .yh span {
|
|
position: relative;
|
|
left: 91px;
|
|
top: -32px;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .yh p {
|
|
color: #cb1919;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
/* 优惠卷的背景 */
|
|
section .whole .whole-1 .coupon .coupon-1 {
|
|
background: url("../../img/images/coupon-1.png");
|
|
margin-left: 50px;
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .coupon-2 {
|
|
background: url("../../img/images/coupon-2.png");
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .coupon-3 {
|
|
background: url("../../img/images/coupon-3.png");
|
|
}
|
|
|
|
section .whole .whole-1 .coupon .coupon-3 p {
|
|
color: #d2d2d2;
|
|
}
|
|
/* 备注 */
|
|
section .whole .whole-1 .remarks {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
section .whole .whole-1 .remarks .layui-textarea {
|
|
background-color: #fcfcfc;
|
|
}
|
|
/* 提交订单 */
|
|
section .whole .setall {
|
|
margin: 20px auto;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
section .whole .setall .seta li {
|
|
margin-bottom: 20px;
|
|
display: block;
|
|
position: relative;
|
|
left: 815px;
|
|
text-align: center;
|
|
width: 380px;
|
|
}
|
|
|
|
section .whole .setall .seta li span {
|
|
float: right;
|
|
}
|
|
/* 送货地址 */
|
|
section .whole .setall .total {
|
|
border-top: 1px solid #e0e0e0;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
}
|
|
|
|
section .whole .setall .total li {
|
|
display: block;
|
|
position: relative;
|
|
left: 752px;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
width: 445px;
|
|
}
|
|
|
|
section .whole .setall .total li span {
|
|
color: #cb1919;
|
|
font-size: 26px;
|
|
font-weight: 800;
|
|
float: right;
|
|
}
|
|
|
|
section .whole .setall .total li p {
|
|
color: #ababab;
|
|
}
|
|
/* 提交按钮 */
|
|
section .whole .setall .subore {
|
|
padding: 30px 0px;
|
|
height: 20px;
|
|
}
|
|
|
|
section .whole .setall .subore li {
|
|
padding: 15px 35px;
|
|
background-color: #cb1919;
|
|
color: #fff;
|
|
float: right;
|
|
}
|