257 lines
		
	
	
		
			5.0 KiB
		
	
	
	
		
			CSS
		
	
	
			
		
		
	
	
			257 lines
		
	
	
		
			5.0 KiB
		
	
	
	
		
			CSS
		
	
	
| .list_title .time_msg {
 | |
|   margin-left: 10px;
 | |
|   font-size: 14px;
 | |
|   color: #d84848;
 | |
| }
 | |
| .winning_the_bid {
 | |
|   width: 880px;
 | |
|   margin: 30px auto;
 | |
| }
 | |
| .winning_the_bid .bid_row {
 | |
|   display: flex;
 | |
|   flex-wrap: nowrap;
 | |
|   justify-content: flex-start;
 | |
|   flex-direction: row;
 | |
|   text-align: center;
 | |
| }
 | |
| .winning_the_bid .bid_row > div {
 | |
|   display: table-cell;
 | |
|   font-size: 14px;
 | |
| }
 | |
| .winning_the_bid .bid_row .w1 {
 | |
|   width: 140px;
 | |
|   line-height: 100px;
 | |
|   border: 1px solid #e4e4e4;
 | |
| }
 | |
| .winning_the_bid .bid_row .w2 {
 | |
|   width: 150px;
 | |
|   line-height: 100px;
 | |
|   border: 1px solid #e4e4e4;
 | |
| }
 | |
| .winning_the_bid .bid_row .w3 {
 | |
|   width: 230px;
 | |
|   line-height: 100px;
 | |
|   border: 1px solid #e4e4e4;
 | |
| }
 | |
| .winning_the_bid .bid_row .w4 {
 | |
|   width: 60px;
 | |
|   font-size: 18px;
 | |
|   line-height: 100px;
 | |
|   border: 1px solid #e4e4e4;
 | |
| }
 | |
| .winning_the_bid .title div {
 | |
|   background: #ededed;
 | |
|   line-height: 50px !important;
 | |
| }
 | |
| .winning_the_bid .bid_row .money {
 | |
|   font-size: 24px;
 | |
|   line-height: 50px;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
|   color: #a42b2b;
 | |
|   word-break: break-all;
 | |
|   word-wrap: break-word;
 | |
| }
 | |
| .winning_the_bid .bid_row .time {
 | |
|   font-size: 28px;
 | |
|   line-height: 50px;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
|   color: #a42b2b;
 | |
|   word-break: break-all;
 | |
|   word-wrap: break-word;
 | |
| }
 | |
| .winning_the_bid .bid_row .w3 p {
 | |
|   line-height: 2;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
| }
 | |
| .winning_the_bid .product_img {
 | |
|   width: 80px;
 | |
| }
 | |
| .winning_the_bid .state {
 | |
|   font-size: 14px;
 | |
| }
 | |
| .winning_the_bid .zzjj {
 | |
|   color: #d84848;
 | |
| }
 | |
| .winning_the_bid .offer_btn {
 | |
|   width: 90px;
 | |
|   height: 30px;
 | |
|   line-height: 30px;
 | |
|   text-align: center;
 | |
|   font-size: 14px;
 | |
|   color: #333333;
 | |
|   border: 1px solid #e8e8e8;
 | |
|   border-radius: 5px;
 | |
|   background: #ededed;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
| }
 | |
| .goods_number {
 | |
|   width: auto;
 | |
|   position: relative;
 | |
|   padding: 0 20px;
 | |
|   overflow: hidden;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
| }
 | |
| .goods_number .num_reduce {
 | |
|   width: 20px;
 | |
|   height: 25px;
 | |
|   line-height: 25px;
 | |
|   text-align: center;
 | |
|   font-size: 14px;
 | |
|   position: absolute;
 | |
|   left: 0;
 | |
|   top: 0;
 | |
|   border: 1px solid #333333;
 | |
| }
 | |
| .goods_number .num_plus {
 | |
|   width: 20px;
 | |
|   height: 25px;
 | |
|   line-height: 25px;
 | |
|   text-align: center;
 | |
|   font-size: 14px;
 | |
|   position: absolute;
 | |
|   right: 0;
 | |
|   top: 0;
 | |
|   border: 1px solid #333333;
 | |
| }
 | |
| .goods_number .number {
 | |
|   width: auto;
 | |
|   height: 25px;
 | |
|   line-height: 25px;
 | |
|   text-align: center;
 | |
|   font-size: 14px;
 | |
|   margin: auto 10px;
 | |
|   padding: 0 10px;
 | |
|   border: 1px solid #333333;
 | |
| }
 | |
| input[type="radio"],
 | |
| input[type="checkbox"] {
 | |
|   display: none;
 | |
| }
 | |
| input[type="radio"] + span,
 | |
| input[type="checkbox"] + span {
 | |
|   width: 15px;
 | |
|   height: 15px;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
|   background: url("/static/images/personal/login_03.jpg");
 | |
|   background-repeat: no-repeat;
 | |
|   background-size: 100% 100%;
 | |
| }
 | |
| input[type="radio"]:checked + span,
 | |
| input[type="checkbox"]:checked + span {
 | |
|   background: url("/static/images/personal/login_03_2.jpg");
 | |
|   background-repeat: no-repeat;
 | |
|   background-size: 100% 100%;
 | |
| }
 | |
| .total_row {
 | |
|   width: 880px;
 | |
|   height: 50px;
 | |
|   margin: 30px auto;
 | |
|   text-align: right;
 | |
| }
 | |
| .total_row .delete {
 | |
|   color: #d84848;
 | |
|   margin: auto 15px;
 | |
| }
 | |
| .total_row .product_count,
 | |
| .total_row .total_money {
 | |
|   font-size: 22px;
 | |
|   color: #d84848;
 | |
| }
 | |
| .total_row .pay_btn {
 | |
|   width: 150px;
 | |
|   height: 60px;
 | |
|   line-height: 60px;
 | |
|   text-align: center;
 | |
|   font-size: 20px;
 | |
|   background: #d84848;
 | |
|   color: white;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
|   margin-left: 20px;
 | |
| }
 | |
| .reorder_container {
 | |
|   width: 880px;
 | |
|   padding: 20px 0;
 | |
|   margin: 30px auto;
 | |
| }
 | |
| .reorder_container .reorder_msg {
 | |
|   font-size: 18px;
 | |
|   color: #d84848;
 | |
|   font-weight: bold;
 | |
| }
 | |
| .producr_list_row {
 | |
|   width: 880px;
 | |
|   padding: 0;
 | |
|   margin: 30px auto;
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   flex-wrap: wrap;
 | |
|   justify-content: space-between;
 | |
| }
 | |
| .producr_list_row .product {
 | |
|   width: 430px;
 | |
|   height: 230px;
 | |
|   background: white;
 | |
|   border-radius: 5px;
 | |
| }
 | |
| .producr_list_row .product .p_border_div {
 | |
|   width: 430px;
 | |
|   height: 150px;
 | |
|   padding: 40px 0;
 | |
|   transition: 0.5s all;
 | |
| }
 | |
| .producr_list_row .product .product_img {
 | |
|   width: 120px;
 | |
|   height: 150px;
 | |
|   line-height: 150px;
 | |
|   text-align: center;
 | |
|   float: left;
 | |
| }
 | |
| .producr_list_row .product .product_img img {
 | |
|   width: auto;
 | |
|   height: auto;
 | |
|   max-width: 100px;
 | |
|   max-height: 100%;
 | |
|   display: inline-block;
 | |
|   vertical-align: middle;
 | |
|   margin: auto;
 | |
| }
 | |
| .producr_list_row .product .product_name {
 | |
|   width: 280px;
 | |
|   padding: 10px;
 | |
|   float: right;
 | |
| }
 | |
| .producr_list_row .product .product_name .name {
 | |
|   font-size: 18px;
 | |
|   overflow: hidden;
 | |
|   text-overflow: ellipsis;
 | |
|   display: -webkit-box;
 | |
|   -webkit-line-clamp: 1;
 | |
|   -webkit-box-orient: vertical;
 | |
| }
 | |
| .producr_list_row .product .value {
 | |
|   width: 300px;
 | |
|   height: 40px;
 | |
|   line-height: 40px;
 | |
|   margin-top: 10px;
 | |
|   font-size: 22px;
 | |
|   color: #a42b2b;
 | |
| }
 | |
| .producr_list_row .product .reorder_btn {
 | |
|   width: 120px;
 | |
|   height: 35px;
 | |
|   line-height: 35px;
 | |
|   margin-top: 10px;
 | |
|   font-size: 18px;
 | |
|   color: #d84848;
 | |
|   border: 1px solid #d84848;
 | |
|   text-align: center;
 | |
|   border-radius: 20px;
 | |
| }
 | |
| /*# sourceMappingURL=shopping_cart.css.map */ |