body, input, select, button {/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 for PC端 */ } body {font-size: 12px; line-height: 166.6%; } /*pc端常设置字体大小及间距*/ h1 {font-size: 18px; /* 18px / 12px = 1.5 */ } h2 {font-size: 16px; } h3 {font-size: 14px; } h4, h5, h6 {font-size: 100%; } address, cite, dfn, em, var {font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt {font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small {font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td {margin: 0; padding: 0; } input, button, select, img {margin: 0; line-height: normal } select {padding: 1px } ul, ol {list-style: none } select, input, button, button img, label {vertical-align: middle } header, footer, section, aside, nav, hgroup, figure, figcaption {display: block; margin: 0; padding: 0; border: none; } /*HTML5标签变块级*/ a {text-decoration: none; } /*重置链接下划线*/ img {border: none; } /* 浮动及边常用边距  */ .fL {float: left; } .fR {float: right; } .mL10 {margin-left: 10px; } .mB10 {margin-bottom: 10px; } /*清除浮动*/ .clear {clear: both; } .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix {display: inline-block } * html .clearfix {height: 1% } /* Hides from IE-mac \*/ .clearfix {display: block } /* End hide from IE-mac */ * {box-sizing: border-box; } #app {background-color: #f4f4f4; } .main-body-page {background-color: white; width: 80%; margin: 5px auto 10px auto; overflow: auto; } .user-info-view {padding: 10px 10px; } .edit-btn, .edit-btn-blue, .edit-btn-dtl {display: inline-block; } .edit-btn span, .edit-btn-blue span, .edit-btn-dtl span {padding: 5px 15px; line-height: 40px; cursor: pointer; white-space: nowrap; } .edit-btn span {color: #EB676A; border: 1px solid #EB676A; } .edit-btn-blue span {color: #2D8CF0; border: 1px solid #2D8CF0; } .edit-btn-dtl span:hover {background-color: #515a6e; color: white; } .edit-btn-blue span:hover {background-color: #2D8CF0; border: 1px solid #2D8CF0; color: white; } .edit-btn span:hover {background-color: #EB676A; border: 1px solid #EB676A; color: white; } .item-head {background-color: #f1f1f1; padding: 10px; margin-bottom: 20px; font-weight: 600; font-size: 16px; } .sub-title {font-size: 12px; color: #BAB6BE; } .has-main-height {min-height: 450px; } div.flex-center {display: flex; align-items: center; justify-content: center; margin: 0 auto; } /*@media screen and (min-height:700px) {.has-main-height {min-height: 450px; } }*/ @media screen and (min-height:900px) {.has-main-height {min-height: 600px; } } .cart-item {font-size: 13px; width: 100%; margin: 0 auto; border: 1px solid #eeeeee; margin-bottom: 10px; } .cart-item .img-warp {display: inline-block; width: 100px; height: 100px; vertical-align: top; } .cart-item .img-warp img {width: 100%; max-height: 100%; } .cart-item .center {border-right: 1px solid #f5f5f5; display: flex; align-items: center; justify-content: center; } .cart-item .cart-item-head {background-color: #f1f1f1; padding: 10px 20px; } .cart-item .cart-head-time {color: #2D2D2B; font-weight: 600; padding-right: 20px; } .cart-item .cart-order {font-size: 16px; font-weight: 600; color: rgb(222, 1, 68) } .cart-item .order-price {color: #e20300; font-size: 16px; } .cart-item .order-price::before {content: "￥"; font-size: 12px; } .cart-item .order-decoration-price {text-decoration: line-through; } .cart-item .order-status {line-height: 30px; font-size: 14px; } .cart-item .cart-order-dtl {font-size: 12px; color: #2D8CF0; cursor: pointer; } .tab-warp .ivu-table.ivu-table-default th {text-align: center; } .tab-warp .ivu-table-header th, .tab-warp .ivu-table-header td {text-align: center; } .classify>.ivu-table-cell {padding: 0px; } .li-img-warp {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .li-img-warp img {display: inline-block; width: 100%; } .form-warp {width: 80%; display: inline-block; margin: 10px 8% 10px 12%; text-align: center; } .form-warp .ipt-warp {margin: 10px auto; height: 40px; vertical-align: middle; width: 680px; text-align: left; } .must:before {color: red; content: "*"; font-size: 12px; padding-right: 5px; } .form-warp input[type=] {height: 100%; font-size: 18px; padding-left: 10px; border: 1px solid #e0e0e0; width: 55%; color: #757575; vertical-align: middle; } .ipt-warp .ipt-msg {display: inline-block; width: 15%; min-width: 120px; text-align: center; height: 100%; vertical-align: top; line-height: 40px; font-size: 14px; color: #342f26; text-align: right; padding-right: 10px; } .ipt-warp .msg {display: inline-block; width: 30%; text-align: left; padding-left: 20px; font-size: 16px; color: #999999; vertical-align: middle; } .ipt-warp {display: inline-block; width: 100%; margin-bottom: 20px; box-sizing: border-box; height: 40px; } .ipt {background: white; border: 1px solid #cccccc; width: 100%; height: 40px; line-height: 40px; padding-left: 10px; box-sizing: border-box; font-size: 18px; } .btn {display: inline-block; width: 100%; height: 40px; line-height: 40px; font-size: 20px; text-align: center; cursor: pointer; } .btn-blue {display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; background: #4983E7; background: -webkit-linear-gradient(#4983E7, #2E63BE); background: -o-linear-gradient(#4983E7, #2E63BE); background: -moz-linear-gradient(#4983E7, #2E63BE); background: linear-gradient(#4983E7, #2E63BE); color: white; font-size: 18px; border-radius: 5px; } .form-warp .check-box {display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; } ::-webkit-input-placeholder {/* WebKit browsers */ color: #757575; } :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #757575; } ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #757575; } :-ms-input-placeholder {/* Internet Explorer 10+ */ color: #757575; } .search-warp {padding: 10px; } .search-warp .ipt-search {display: inline-block; width: 160px; margin-left: 20px; } .search-warp .search-btn {display: inline-block; margin-left: 20px; width: 60px; background-color: #2655b6; color: white; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; cursor: pointer; } .del-choose {background-color: #fff8e1; } .choose-back{background-color: rgb(253,180,114); } .choose-back .sub-title{color: black !important; } .order-dtl {display: inline-block; cursor: pointer; font-size: 12px; color: rgb(45, 140, 240); vertical-align: middle; width: 100%; padding:0 10px; } .tab-warp .ivu-table-row-highlight td, .tab-warp .ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td, .tab-warp .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td, .tab-warp tr.ivu-table-row-highlight.ivu-table-row-hover td {background-color: rgb(253,180,114); /* rgb(253,180,114); */ color: white; } .tab-warp .ivu-table-row-highlight:hover td, .tab-warp .ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n):hover td, .tab-warp .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n):hover td, .tab-warp tr.ivu-table-row-highlight.ivu-table-row-hover:hover td {background-color: rgb(253,180,114); /* #EB676A; */ color: white; } .tab-warp .ivu-table-row-highlight td span, .tab-warp .ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td span, .tab-warp .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td span, .tab-warp tr.ivu-table-row-highlight.ivu-table-row-hover td span {color: white; border-color: white; }.pub-width-head{min-width: 1100px;max-width: 1200px;}