.filter-content .filter-tab .filter-item { text-align: center; display: inline-block; margin: 0 5px; cursor: pointer; padding: 0 8px; height: 30px; line-height: 28px; color: #117af7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid transparent; } .Filtrate_params .filter-warp .filter-box .filter-flex .filter-content .filter-tab .filter-item a { display: inline-block; border: 1px solid transparent; color: #117af7; } .Filtrate_params .filter-warp .filter-box .filter-flex .filter-more { font-size: 12px; padding: 0 11px; height: 28px; line-height: 26px; background: #fff; color: #1b1e23; cursor: pointer; border-radius: 2px; vertical-align: middle; border: 1px solid #d1d2d3; margin: 8px 5px 8px 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; } .Filtrate_params .filter-warp .filter-box .filter-flex .filter-more:hover{ color:#117af7; border-color:#117af7 } [class*=" el-icon-"], [class^="el-icon-"] { font-family: element-icons !important; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; } .result-item { margin-top: 8px; } .model-item .model-item-left{ float: left; width: 646px; height: 175px; color: #1b1e23; background: #fff; padding: 18px 20px 18px 14px; margin-bottom: 20px; border-radius: 6px; border-left: 6px solid #c6dffa; border-right: 1px dashed #d1d2d3; font-size: 12px; } .model-item .model-item-right{ float: left; width: 553px; height: 175px; background-image: url(/img/list_bg.png); background-color: #f9fcff; border-radius: 6px; padding: 18px 20px 18px 14px; font-size: 12px; } .model-item .model-item-left .item-img{ float: left; margin-right: 30px; } .model-item .model-item-left .item-img .img-hover .img-box{ position: absolute; display: none; z-index: 999; top: -19px; left: 92px; background: #fff; border-radius: 4px; padding: 10px; cursor: pointer; box-shadow: 0 4px 11px 0 rgba(0,0,0,.2); } .model-item .model-item-left .item-content .item-content-one{ display: inline-block; width: 200px; margin-right: 20px; vertical-align: top; } .model-item .model-item-left .item-content .item-content-two { display: inline-block; width: 250px; vertical-align: top; } .model-item .model-item-left .item-content .item-content-two p{ line-height: 18px; color: #1b1e23; } .ignore_three, .ignore_two { text-overflow: -o-ellipsis-lastline; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; font-size: 12px; } .ignore_three, .ignore_two { word-wrap: break-word; word-break: break-all; } .ignore_three { line-clamp: 3; -webkit-line-clamp: 8; } .model-item .model-item-left .item-bottom{ margin-top: 4px; } .model-item .model-item-left .item-bottom { margin-top: 4px; } .model-item .model-item-left .item-bottom .no-silk{ display: inline-block; margin-right: 7px; color: #d5d5d5; width: 70px; height: 20px; border-radius: 4px; text-align: center; border: 1px solid #d5d5d5; cursor: not-allowed; } .model-item .model-item-left .item-bottom .replace{ width: 135px; height: 21px; border-radius: 4px; color: #ff0e0e; border: 1px solid rgba(255,14,14,.3); font-size: 12px; text-align: center; display: inline-block; } .fl { float: left; } model-item .model-item-right .operate > span{ display: inline-block; margin-bottom: 16px; } .el-button--danger { background-color: #ff0e0e !important; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } .el-button--small{ padding: 1px 2px; } .el-button--mini, .el-button--small { font-size: 12px; border-radius: 3px; } .el-button--danger { color: #fff; background-color: #f56c6c; border-color: #f56c6c; } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; background-color: rgb(255, 255, 255); border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: 0; margin: 0; transition: .1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .el-button--danger.is-plain { color: #f56c6c; background: #fef0f0; background-color: rgb(254, 240, 240); border-color: #fbc4c4; } .el-button--danger.is-plain { border-color: #fc0b29 !important; } .el-button--danger.is-plain { background-color: #fff !important; color: #ff0e0e !important; } .model-item .model-item-right .gradient_price{ display: inline-block; width: 174px; margin-right: 5px; } .model-item .highlight { color: #117af7; font-weight: 600 !important; } .ignore { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .model-item .model-item-left .item-content .item-content-one{ display: inline-block; width: 200px; margin-right: 20px; vertical-align: top; } .model-item .model-item-left .item-content .item-content-one p{ line-height: 22px; color: #1b1e23; } .parame_title.fl{ float: left; margin-left: 0px; margin-right: 0px; } .ignore.fl{ float: left; margin-left: 0px; margin-right: 0px; } .model-item .model-item-right .operate > span{ display: inline-block; margin-bottom: 16px; } .el-input-number--mini { line-height: 22px !important; } .el-input-number--mini { width: 130px; line-height: 26px; } .el-input-number { position: relative; display: inline-block; width: 175px; line-height: 38px; } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 28px; font-size: 12px; } .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: #c0c4cc; cursor: not-allowed; } .el-input-number__decrease { left: 1px; border-radius: 4px 0 0 4px; border-right: 1px solid #dcdfe6; } .el-input-number__decrease, .el-input-number__increase { position: absolute; z-index: 1; top: 1px; width: 40px; height: auto; text-align: center; background: #f5f7fa; color: #606266; cursor: pointer; font-size: 13px; } .el-input-number--mini .el-input-number__decrease [class*="el-icon"], .el-input-number--mini .el-input-number__increase [class*="el-icon"] { transform: scale(.8); } .el-input-number__decrease .el-icon-minus, .el-input-number__increase .el-icon-plus { font-size: medium !important; } [class*=" el-icon-"], [class^="el-icon-"] { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 28px; font-size: 12px; } .el-input-number__increase { right: 1px; border-radius: 0 4px 4px 0; border-left: 1px solid #dcdfe6; } .el-input-number__decrease, .el-input-number__increase { position: absolute; z-index: 1; top: 1px; width: 40px; height: auto; text-align: center; background: #f5f7fa; color: #606266; cursor: pointer; font-size: 13px; } .el-input-number .el-input { display: block; } .el-input--mini { font-size: 12px; } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .el-input-number__decrease .el-icon-minus, .el-input-number__increase .el-icon-plus { font-size: medium !important; } .el-icon-plus::before { content: "+"; } .el-icon-minus::before { content: "-"; } .el-input-number__decrease .el-icon-minus, .el-input-number__increase .el-icon-plus { font-size: medium !important; } [class*=" el-icon-"], [class^="el-icon-"] { font-family: element-icons !important; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; } *, ::after, ::before { box-sizing: border-box; margin: 0; } .el-input__inner { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: 0; padding: 0 15px; padding-right: 15px; padding-left: 15px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input-number--mini .el-input__inner { padding-left: 35px; padding-right: 35px; } .el-input-number .el-input__inner { -webkit-appearance: none; text-align: center; } .el-input-number input { height: 24px !important; line-height: 24px !important; } .el-input__inner, .el-textarea__inner { border-color: #e7e7e7 !important; } .el-input__inner { color: #07090d !important; } .el-icon-arrow-down { display: block; height: 20px; width: 20px; margin-top: 3px; text-align: center; background: url(/Public/Mark/img/xia.png) no-repeat center center; background-size: auto; background-size: 20px 20px; /*border: 1px #ddd solid;*/ float: right; } .el-icon-arrow-up { display: block; height: 20px; width: 20px; margin-top: 3px; text-align: center; background: url(/Public/Mark/img/shangs.png) no-repeat center center; background-size: auto; background-size: 20px 20px; /*border: 1px #ddd solid;*/ float: right; } .el-button--danger { color: #fff; background-color: #f56c6c; border-color: #f56c6c; } .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { color: #c0c4cc; } .el-button--info { background-color: #c9cace !important; border-color: #c9cace !important; } .cps-content-box { /*width: 748px;*/ float: left; /*height: 324px;*/ /*height:286px;*/ } .fl{ float: left; margin-left: 0px; margin-right: 0px; } .cps .cps-content .cps-content-box .cps-fl { /*height: 252px;*/ /*height: 225px;*/ height: 415px; background: #fff; padding: 20px; } .cps-fl-right { margin-left: 30px; /*width: 490px;*/ width: 420px; } .cps-message >.left { /*width: 225px;*/ /*width: 225px;*/ width:405px; float: left; /*padding-right: 10px;*/ } .cps-message >.left p { height: 24px; line-height: 24px; } .cps-message >.left p .title{ width:22%; display: inline-block; margin-left: 15px; color:rgb(128,128,128); } .cps-message .ignore{ color:#000; } .cps-message a{ color:#000; } .cps-message >.middle-line { width: 1px; height: 140px; background: #eee; float: left; } .cps-message>.right { float: left; /*width: 228px;*/ width: 240px; margin-left: 24px; /*margin-left:10px;*/ } .cps .cps-content .cps-fr { /*width: 444px;*/ width: 490px; height: 324px; /*background: #fff;*/ border-radius: 4px; padding: 18px 20px 15px; line-height: 24px; float: left; } .el-col-12 { width: 50%; } [class*="el-col-"] { float: left; box-sizing: border-box; } .cps-title { margin-bottom:2px; margin-top:2px; } .cps-title > h1 { font-size: 20px; font-weight: 600; color: #1b1e23; display: inline-block; margin-right: 12px; text-indent: 15px; } .cps .cps-content .cps-content-box .cps-fl .cps-message { font-size: 12px; } .cps-fl { /*height: 252px;*/ /*height: 225px;*/ background: #fff; padding: 20px; } .cps-fr { width: 490px; /*height:225px;*/ height: 315px; background: #fff; border-radius: 4px; padding: 18px 20px 0px 15px; line-height: 24px; float: left; } .cps-fr.fr{ margin-left:5px; } .model-item .span{ width: 85px; display: inline-block; background: #ebf4ff; border-radius: 4px; font-weight: 400; color: #1466d3; font-size: 12px; text-align: center; height: 20px; line-height: 18px; } .model-item .ptp { color: #fff; vertical-align: middle; width: 78px; background: #ff0e0e; border: 1px solid #ff0e0e; border-radius: 4px; } .item-content-two .ignore_three { -webkit-line-clamp: 3; } .model-item .xs_3{ background: #fff; border-radius: 4px; color: #117af7; vertical-align: middle; border: 1px solid #117af7; } .cps-item { margin: 8px 0 30px; } .cps-item-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; padding: 0 20px; } .cps-item-nav ul { list-style: none; } .cps-item-nav ul li { float: left; position: relative; font-size: 14px; font-weight: 400; color: #7e7f80; height: 48px; line-height: 48px; cursor: pointer; text-align: center; margin-right: 30px; } .cps-item-nav ul li.active { color: #1890ff !important; } .cps-item-nav ul li.active .line { position: absolute; top: 47px; width: 48px; height: 2px; background: #1890ff; left: 50%; margin-left: -24px; } .cps-item-nav ul li h2 { display: inline-block; height: 100%; font-weight: 600; font-size: 100%; } .cps-item-args { background: #fff; padding: 20px; } .el-row { position: relative; box-sizing: border-box; } .el-col-24 { width: 100%; } [class*="el-col-"] { float: left; box-sizing: border-box; } .icon-line-title { display: inline-block; font-size: 16px; width: 90px; height: 32px; line-height: 32px; background: #58a1f9; border-radius: 0 26px 0 0; padding: 0 12px; color: #fff; } .cps-item-args table { border-collapse: collapse; width: 100%; } .cps-item-args table:nth-child(1) td:nth-child(1) { background: #fbfbfb; color: #5f6265; width: 30%; } .cps-item-args table:nth-child(1) td:nth-child(2n) { width:60%; } .cps-item-args table:nth-child(1) td:nth-child(3) { background: #fbfbfb; color: #5f6265; width: 10%; } .cps-item-args table:nth-child(1) td { /*border: 1px solid #e6e6e6;*/ border: 1px solid #000; padding: 14px 20px; } .cps-item .cps-item-args table td { font-size: 12px; } .empty{ text-align: center; position: relative; } .filter-warp { display: flex; max-width: 1200px; height: 100%; flex-direction: column; } .filter-flex { display: flex; /*margin-bottom: 10px;*/ border-bottom: 1px solid #eee; background: #f5f5f6; } .filter-title { text-align: center; color: #454648; height: 46px; line-height: 46px; width: 96px; background: #f5f5f6; font-size: 12px; } .filter-flex .filter-content { display: flex; background: #fff; flex: 1; } .filter-content .filter-tab { flex: 1; margin-right: 15px; height: 28px; line-height: 28px; overflow: hidden; margin-top: 10px; } .filter-tab .filter-active { color: #117af7 !important; } .filter-tab span { max-width: 100%; float: left; text-align: center; display: inline-block; margin: 0 15px; cursor: pointer; padding: 0 10px; font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-content .filter-hide { min-height: 35px; height: auto !important; } .filter_params-index .filter-warp .filter-flex .filter-more { height: 30px; line-height: 28px; background: #fff; color: #666; cursor: pointer; border-radius: 3px; border: 1px solid #ccc; text-align: center; } .filter_Trans_params { background: #117af7 !important; color: #fff !important; } .color_red{