.me-gift-page { .me-gift .me-content { min-height: 370px; } .tabs li.add-gift { margin-top: -5px; background-image: none; background-color: #000; float: right; a { color: #fff; } } .me-gift-table, .me-gift-info-table { display: table; width: 775px; text-align: center; border: 1px solid #e6e6e6; margin: 0 10px 30px; .me-gift-header { display: table-row; background-color: #efefef; div { height: 30px; display: table-cell; vertical-align: middle; font-size: 13px; width: 120px; &:first-child { width: 174px; } } } .me-gift-tr { display: table-row; &:first-child div { border-top: none; } div { display: table-cell; height: 50px; vertical-align: middle; font-size: 13px; border-top: 1px solid #e6e6e6; } div.info-list { color: #4a90e2; cursor: pointer; } } } .me-gift-info-table { margin-bottom: 0; } .me-gift-info-table .me-gift-tr div { width: auto; height: 40px; } .cart-list-empty { background: resolve("home/gift.png") no-repeat center; background-size: 110px 132px; width: 775px; height: 300px; display: table-caption; caption-side: bottom; border: 1px solid #e6e6e6; border-top: none; } .refund { color: #86bf4a; } .consume { color: #d0021b; } div.content { padding: 0 !important; } } .me-gift-alert { width: 350px; .content { color: #444; padding: 62px 0; font-size: 18px; p { margin-top: 10px; } } .btns { margin-bottom: 10px; } .btn { width: 160px; height: 30px; line-height: 30px; } } .me-gift-confirm { color: #444; .title, .info-title { font-size: 18px; padding-bottom: 25px; margin: 0 20px; } .info-title { border-bottom: 1px solid #e6e6e6; } .gift-group { margin-top: 10px; overflow: hidden; } .left { float: left; } .right { float: right; } .verify-input { font-size: 14px; input { height: 30px; line-height: 30px; padding: 0 5px; font-size: 14px; color: #444; border: 1px solid #e6e6e6; outline: none; box-sizing: border-box; } .email-btn, .mobile-btn { border: 1px solid #e6e6e6; font-size: 13px; background-color: #444; color: #fff; height: 30px; cursor: pointer; width: 110px; line-height: 30px; } .email-code { margin-left: 35px; } .email-btn { margin-left: 20px; } .int-timer { background-color: #b0b0b0 !important; } } input.mobile { width: 260px; border-left: none; } .mobile-area { width: 70px; line-height: 26px; height: 30px; text-align: center; border: 1px solid #e6e6e6; outline: none; box-sizing: border-box; border-right: none; background-color: #fff; cursor: pointer; } .ul-list { position: absolute; width: 130px; margin-left: -25px; background-color: #fff; margin-top: -3px; border: 1px solid #e6e6e6; display: none; cursor: pointer; z-index: 1; li { border-bottom: 1px solid #e6e6e6; height: 30px; line-height: 30px; &:hover { color: #4a90e2; } } } input.mobile-code { width: 200px; } .card-code, .card-pwd { width: 330px; } .border-top-info { border-top: 1px solid #e6e6e6; } .info-gift-header { width: 777px; text-align: center; margin: 25px 10px 15px; font-size: 14px; .text-left { text-align: left; } .text-right { text-align: right; } td { height: 25px; } .validity-time { width: 330px; } } .gift-type { background: resolve("home/gift-filter.png") no-repeat center; background-size: 69px 21px; width: 69px; height: 21px; line-height: 21px; display: inline-block; cursor: pointer; } .gift-filter .ul-list { width: 69px; margin-left: 52px; margin-top: 0; } .img-check-main .img-check-tip { top: 115px; } .detail-gift-list { width: 797px; min-height: 500px; .me-pager { width: 755px; margin: 0 10px; border: 1px solid #e6e6e6; border-top: none; } } div.content { padding: 10px 30px; } .btns { margin-bottom: 10px; } .btn { min-width: 100px; height: 30px; line-height: 30px; } .confirm-sure { margin-left: 65px; } .alert-sure { width: 160px; } .activate-input-last { margin-top: 30px; } .activate-center { padding-bottom: 30px; } .bind-mobile-input { margin: 30px 0 50px; } } .me-gift-confirm.me-page { width: auto !important; }