huaxia/css/logshoppingcar/tobepaid.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;
}