@font-face { font-family: "FZLTXHJW"; src: url("../../static/font/FZLTXHJW.TTF") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "ArchSans-Thin"; src: url("../../static/font/ArchSans-Thin.ttf") format("truetype"); font-weight: normal; font-style: normal; } // ?港??脣蔗 @base-active-color: #2672ff; @opacity: 40; @opacity-light: 10; @opacity-light2: 20; @opacity-light3: 30; @opacity-dark: 70; @opacity-5: 5; @opacity-10: 10; @opacity-20: 20; @opacity-30: 30; @opacity-40: 40; @opacity-50: 50; @opacity-70: 70; @opacity-80: 80; @opacity-100: 100; @base-gray-color: #ddd; //?箇??啗? @base-activeDis-color: #8482f8; //??銝??? @base-disClick-color: #aaa; // @base-border-color: #e1e4eb; //颲寞?? @base-bg-color: #f7f7f9; //????? @base-font-color: #303133; //摮?雿?? @base-font-size: 14px; //摮?雿?憭批? @placeholder-color: #909299; //颲??交???雿?蝚�=??摮?? @base-font-family: "FZLTXHJW"; //?箇?摮?雿? @base-color: #363636; //?????憸?????憸? 憸?? @base-basic-color: #ffffff; //瘛梯?脩頂銝駁? ????蝙? @base-option-color: #606266; //??憿孵?箇?? @base-error-color: #fa7070; //撘?撣豢??摮??箇?? @base-error-bgColor: #ffebeb; //撘?撣豢??摮??箇?? @color9: #909399; /**/ @base-default-color: #D6000F; @base-business-color: #303133; //???∩蜓憸? ????蝙?刻????? @base-activity-color: #FF7F73; //瘣餃?其蜓憸? ????蝙?刻????? @base-rate-star-color: #fab55a; // ????憸? /**/ /*theme style*/ .q-dark__wrap .errorFailed, .q-dark__wrap .fail, .q-dark__wrap .redTips { background-color: transparent; } .q-dark__wrap .q-option-input { background-color: transparent; } .q-dark__wrap .icon-btn, .UploadFile>i, .q-dark__wrap input::-webkit-input-placeholder, .q-dark__wrap textarea::-webkit-input-placeholder, .q-dark__wrap .remark-label, .q-dark__wrap .q-proportion-total, .q-dark__wrap .q-points__score, .q-dark__wrap .q-footer a, .q-dark__wrap .q-geo_xy, .q-dark__wrap .el-icon-date, .q-dark__wrap .el-icon-time, .q-dark__wrap .el-icon-date, .q-dark__wrap .q-score-text .prompt-text .prompt-texts { color: fade(@base-basic-color, @opacity-40); } .q-photo__wrap .q-footer a, .q-fashion__wrap .q-footer a, .q-medical__wrap .q-footer a { color: fade(@base-basic-color, @opacity-70); } .q-dark__wrap .q-autoTable__btn, .q-dark__wrap q-dark__wrap .qbase .el-button--primary, .q-dark__wrap .q-geo__btn, .q-dark__wrap .qbase .el-button--primary:focus, .q-dark__wrap .option-label, .q-dark__wrap .matrix .wj-head-box, .q-dark__wrap .q-geo_street, .q-dark__wrap .order-remove, .q-dark__wrap .q-star .score-name, .q-dark__wrap .tooltips, .q-dark__wrap .answered { color: fade(@base-basic-color, @opacity-70); } .q-dark__wrap .matrix table tr td.first-td, .q-dark__wrap .matrix table tr td.last-td { background-color: @base-basic-color; background: linear-gradient(to top right, transparent 0%, transparent calc(49%), fade(@base-border-color, @opacity-20) 50%, transparent calc(51%), transparent); } .q-dark__wrap .active .icon-btn, .q-dark__wrap .icon-checkbox-active, .q-dark__wrap .icon-radio-acitve, .q-dark__wrap .q-star .eva-tag, .q-dark__wrap .el-select-dropdown__item span, .q-dark__wrap .el-input--suffix .el-input__inner, .q-dark__wrap .q-vote__info { // color: fade(@base-active-color, @opacity-70); color: @base-active-color; } // .q-dark__wrap .q-classify-unmove .q-option-input, // .q-dark__wrap .q-classify-moved .q-option-input, // .q-dark__wrap .q-score-text .prompt-text .prompt-texts, // .q-dark__wrap .q-autoTable__tile, // .q-dark__wrap .matrix .wj-head-box, // .q-dark__wrap .q-option-title, // .q-dark__wrap .q-score-title, // .q-dark__wrap .q-blank-title, // .q-dark__wrap .q-order-title, // .q-dark__wrap .q-option-input textarea { // } .q-dark__wrap .q-option-input, .q-dark__wrap .q-classify-category-list, .q-dark__wrap .el-input__inner, .q-dark__wrap .order-content, .q-dark__wrap .style-order, .q-dark__wrap .matrix table tr td, .q-dark__wrap .q-autoTable__btn, .q-dark__wrap .order-remove, .q-dark__wrap .q-classify__btn, .q-dark__wrap .q-geo__wrap { border: 1px fade(@base-border-color, @opacity-20) solid; } .q-dark__wrap .q-matrix__table .data-row .option-label:before, .q-dark__wrap .q-matrix__table .head-row .first-td:before, .q-dark__wrap .q-matrix__table .data-row .option-label:after, .q-dark__wrap .q-matrix__table .head-row .first-td:after { background-color: fade(@base-border-color, @opacity-20); } .q-matrix__title .q-row-title { color: rgba(48, 49, 51, 0.7); } .q-dark__wrap .q-option-title, .q-dark__wrap .q-score-title, .q-dark__wrap .q-blank-title, .q-dark__wrap .q-order-title, .q-dark__wrap .matrix .wj-head-box, .q-dark__wrap .q-autoTable__tile { color: rgba(255, 255, 255, 0.7); } .q-dark__wrap .q-color .q-score .q-score-box { border-right: 0; } .q-dark__wrap .q-ribbon-color .q-score .q-score-item { color: fade(@base-basic-color, @opacity-70); border: 1px fade(@base-basic-color, @opacity-20) solid; border-right: 0; } .q-dark__wrap .q-geo__address, .q-dark__wrap .q-ribbon-color .q-score .q-score-item:last-child { border-right: 1px fade(@base-border-color, @opacity-20) solid; } .q-dark__wrap .question-list-content .q-box, .q-dark__wrap .q-upload__wrap { border-top: 1px fade(@base-border-color, @opacity-20) dashed; } .q-dark__wrap .q-matrix__groupWrap .q-martix__rowsWrap .q-matrix__optionWrap, .q-dark__wrap .matrix .data-row { border-bottom: 1px fade(@base-border-color, @opacity-20) dashed; } .q-dark__wrap .q-autoTable__box .data-row { border-bottom: 0; } .q-dark__wrap .slider .tips i { border-top: 0.12rem fade(@base-active-color, @opacity-20) solid !important; } .q-dark__wrap .q-btn__arrowdown i { border-color: fade(@base-active-color, @opacity-20) transparent transparent transparent; } .q-dark__wrap .q-btn__arrowup i { border-color: transparent transparent fade(@base-active-color, @opacity-20) transparent; } .q-custom-tips__wrap { background: @base-active-color; border: 1px solid @base-active-color; } .q-custom-tips__wrap .q-tips__box { border: 1px solid @base-active-color; } .q-custom-tips__text:before { border-top: 6px solid fade(@base-active-color, @opacity-40); } .q-dark__wrap .q-classify-option, .q-dark__wrap .q-classify-category, .q-dark__wrap .full-text .order-content, .q-dark__wrap .q-proportion-input textarea:disabled, .q-dark__wrap .q-proportion-input textarea[disabled], .q-dark__wrap .matrix table tr.head-row td, .q-dark__wrap .matrix table tr td.option-label, .q-dark__wrap .q-autoTable__box .data-row, .q-dark__wrap .q-files__default, .q-dark__wrap .q-geo__wrap, .q-dark__wrap .q-geo__clear { background-color: fade(@base-basic-color, @opacity-5); } .q-dark__wrap .slider, .q-dark__wrap .slider_point, .q-dark__wrap .q-matrix__repeatHeaderBox { background-color: fade(@base-basic-color, @opacity-20); } .q-dark__wrap .q-classify-head, .q-dark__wrap .el-select .el-input .el-select__caret, .q-dark__wrap .q-option-input, .q-dark__wrap .tips-number, .q-dark__wrap .q-theme_null, .q-dark__wrap .q-files__name, .q-dark__wrap .q-tips__text { color: fade(@base-basic-color, @opacity-70); } .q-dark__wrap .q-classify-category-name { background-color: fade(@base-basic-color, @opacity-5); color: fade(@base-basic-color, @opacity-50); } .q-dark__wrap .unmovedClass>span:after { color: fade(@base-basic-color, @opacity-30); } .q-dark__wrap .el-input__inner, .q-dark__wrap .q-classify-category-list, .q-dark__wrap .q-order__active .q-order__box, .q-dark__wrap .matrix table tr td, .q-dark__wrap .matrix table tr.even-color, .q-dark__wrap .matrix table tr.even-color td .q-dark__wrap .q-classify-category-list { background-color: transparent !important; } .q-dark__wrap .q-order .active, .q-dark__wrap .q-order .rder-content:hover { background-color: @base-basic-color; border: 1px @base-basic-color solid; } .q-dark__wrap .q-matrixRow__close { color: fade(@base-basic-color, @opacity-30); } /*瘛梯?脩頂蝘餃?函???蝷箸?瑕?*/ .q-dark__wrap .van-toast { background-color: #fff; } //?曄????蟡券???蝏???憸??瑕? .q-dark__wrap .group-title { color: @base-basic-color; } .q-dark__wrap .group-list-phone { // .group-item{ // border-color: fade(@base-business-color, @opacity-20) !important; // background-color: #fff !important; // color: @base-business-color !important; // } // .select-active { // background: @base-business-color !important; // color: #fff !important; // } } /*瘛梯?脩頂?????蝵???摨?憸?*/ .q-business__wrap .q-order .active .q-order-title, .q-business__wrap .q-ribbon-color .q-score .color-active { color: @base-business-color; } .q-business__wrap .q-ribbon-color .q-score .color-active { border: 1px @base-business-color solid; } .q-business__wrap .q-ribbon-color .q-score .color-active:last-child { border-right: 0; } .q-business__wrap .q-matrix__repeatHeaderBox .q-option-title { color: fade(@base-basic-color, @opacity-30); } .q-business__wrap .q-matrix__repeatHeaders .data-row .q-matrix-row { color: fade(@base-basic-color, @opacity-50); } .q-business__wrap .q-order__active .q-order__box, .q-business__wrap .slider .tips { background-color: @base-business-color !important; } // ??摨?憸? .q-business__wrap .q-order .order-content.active .q-option-input { border: 1px @base-border-color solid; color: @color9; input::placeholder { color: @color9; } } .q-activity__wrap .q-order .order-content.active .q-option-input { input::placeholder { color: fade(@base-activity-color, @opacity-70); } } /*???⊿??潛宏?函???摮?憸???/ .q-business__wrap .van-toast { color: #606266; } .q-activity__wrap .q-matrix__repeatHeaderBox .q-option-title { color: fade(@base-basic-color, @opacity-50); } .q-activity__wrap .q-matrix__repeatHeaders .data-row .q-matrix-row { color: fade(@base-basic-color, @opacity-70); } .q-activity__wrap .q-order .active .q-order-title, .q-activity__wrap .q-ribbon-color .q-score .color-active { color: @base-activity-color; } .q-activity__wrap .q-order__active .q-order__box, .q-activity__wrap .slider .tips { background-color: @base-activity-color !important; } .q-activity__wrap .q-ribbon-color .q-score .color-active { border: 1px @base-activity-color solid; } /*瘣餃?券??潛宏?函???摮?憸???/ .q-activity__wrap .van-toast { color: #fdaa91; } .q-business__wrap .el-popper[x-placement^="top"] .popper__arrow::after, .q-business__wrap .el-popper[x-placement^="top"] .popper__arrow { border-top-color: fade(@base-business-color, @opacity-20); } .q-business__wrap .el-popper[x-placement^="right"] .popper__arrow::after, .q-business__wrap .el-popper[x-placement^="right"] .popper__arrow { border-right-color: fade(@base-business-color, @opacity-20); } .q-business__wrap .el-popper[x-placement^="bottom"] .popper__arrow::after, .q-business__wrap .el-popper[x-placement^="bottom"] .popper__arrow { border-bottom-color: fade(@base-business-color, @opacity-20); } .q-business__wrap .el-popper[x-placement^="left"] .popper__arrow::after, .q-business__wrap .el-popper[x-placement^="left"] .popper__arrow { border-left-color: fade(@base-business-color, @opacity-20); } .q-business__wrap .q-custom-tips__text { color: fade(@base-business-color, @opacity-70); } .q-activity__wrap .q-custom-tips__text { color: fade(@base-activity-color, @opacity-70); } // .q-business__wrap .van-picker__cancel, // .q-business__wrap .van-picker__confirm { //color: @base-business-color !important; // } .q-activity__wrap .van-picker__cancel, .q-activity__wrap .van-picker__confirm { color: @base-activity-color !important; } .q-business__wrap { .van-picker__confirm, .van-picker__cancel { color: #518eff !important; } .van-picker { background-color: #303133; } .van-picker__mask { background-image: linear-gradient(180deg, hsla(0, 0%, 18%, 0.9), hsla(0, 0%, 18%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 18%, 0.9), hsla(0, 0%, 18%, 0.4)); } .van-ellipsis { color: @base-basic-color; } } .q-activity__wrap .q-order .order-content.active .q-option-input { border: 1px fade(@base-activity-color, @opacity-40) solid; color: fade(@base-activity-color, @opacity-70); } .q-activity__wrap .el-popper[x-placement^="top"] .popper__arrow::after, .q-activity__wrap .el-popper[x-placement^="top"] .popper__arrow { border-top-color: fade(@base-activity-color, @opacity-20); } .q-activity__wrap .el-popper[x-placement^="right"] .popper__arrow::after, .q-activity__wrap .el-popper[x-placement^="right"] .popper__arrow { border-right-color: fade(@base-activity-color, @opacity-20); } .q-activity__wrap .el-popper[x-placement^="bottom"] .popper__arrow::after, .q-activity__wrap .el-popper[x-placement^="bottom"] .popper__arrow { border-bottom-color: fade(@base-activity-color, @opacity-20); } .q-activity__wrap .el-popper[x-placement^="left"] .popper__arrow::after, .q-activity__wrap .el-popper[x-placement^="left"] .popper__arrow { border-left-color: fade(@base-activity-color, @opacity-20); } /*element-ui?交??蝛粹??/ .q-business__wrap .el-date-table td:hover, .q-business__wrap .el-date-table td.today span { color: fade(@base-business-color, @opacity-50) !important; } .q-business__wrap .el-date-table td.current:not(.disabled) span { color: fade(@base-active-color, @opacity-50) !important; background-color: fade(@base-business-color, @opacity-50) !important; } .q-activity__wrap .el-date-table td:hover, .q-activity__wrap .el-date-table td.today span { color: fade(@base-activity-color, @opacity-70) !important; } .q-activity__wrap .el-date-table td.current:not(.disabled) span { color: fade(@base-active-color, @opacity-70) !important; background-color: fade(@base-activity-color, @opacity-50) !important; } //暺?霈支蜓憸?憸??脰?蝵 .q-default__wrap { .vote-num { color: #BF9A47 !important; } .comfire_vote { background-color: @base-default-color !important; } .vote_btn, .select_vote { border-color: fade(@base-default-color, @opacity-20) !important; background-color: fade(@base-default-color, @opacity-10) !important; color: @base-default-color !important; } .vote-modal, .vote-popup { .bottom-modal { .el-button { border-color: fade(@base-default-color, @opacity-20) !important; background-color: fade(@base-default-color, @opacity-10) !important; color: @base-default-color !important; } .el-button::after, .el-button::before { background-color: fade(@base-default-color, @opacity-20) !important; } } .top-modal { .el-button { border-color: fade(@base-default-color, @opacity-20) !important; background-color: fade(@base-default-color, @opacity-10) !important; color: @base-default-color !important; } .el-button::after, .el-button::before { background-color: fade(@base-default-color, @opacity-20) !important; } } .side-modal { .side-btn { border-color: fade(@base-default-color, @opacity-20) !important; // background-color: fade(@base-default-color, @opacity-10) !important; color: @base-default-color !important; } } .side-modal.pc { border-color: fade(@base-default-color, @opacity-20) !important; } } } //???∩蜓憸?憸??脰?蝵 .q-business__wrap { .vote-num { color: #BF9A47 !important; } .comfire_vote { background-color: @base-business-color !important; } .vote_btn, .select_vote { border-color: fade(@base-business-color, @opacity-20) !important; background-color: fade(@base-business-color, @opacity-10) !important; color: @base-business-color !important; } .search-box { .el-input__inner { color: rgba(225, 255, 235, 0.7); } .el-input-group__append { border: 1px solid #454647 !important; border-left: none; .el-icon-search { color: rgba(225, 255, 235, 0.7); } } color: rgba(48, 49, 51, 0.7) !important; } .clear-select { background-color: #fff; i, span { color: @base-business-color !important; } } //PC蝡????撘寧? .vote-detail-pc { .operate-wrapper { background-color: @base-business-color !important; } .detail-bottom { .wrapper-func { .vote { .el-button { background-color: @base-business-color !important; color: #fff !important; } } } } } //蝘餃?函?霂�=??撘寧?????? .vote-drawer-phone { .el-drawer { font-size: 20px; background-color: @base-business-color !important; } .vote-detail { .operate-wrapper { background: #fff !important; border: 1px solid fade(@base-business-color, @opacity-20) !important; .ticket, .number { color: @base-business-color !important; ; } .col { border-color: fade(@base-business-color, @opacity-20) !important; ; } } } .detail-bottom { .back { .icon-back::before { color: #fff !important; } span { color: #fff !important; } } .vote { .el-button { background-color: #fff !important; color: @base-business-color !important; } } } } .vote-modal, .vote-popup { .bottom-modal { .el-button { border-color: fade(@base-business-color, @opacity-20) !important; color: @base-business-color !important; } .el-button::after, .el-button::before { background-color: fade(@base-business-color, @opacity-20) !important; } } .top-modal { .el-button { border-color: fade(#fff, @opacity-20) !important; background-color: fade(#fff, @opacity-10) !important; color: #fff !important; } .el-button::after, .el-button::before { background-color: fade(#fff, @opacity-20) !important; } } .side-modal { .side-btn { border-color: fade(@base-business-color, @opacity-20) !important; color: @base-business-color !important; } } } .fix-bottom { .btns { color: #fff; background-color: @base-business-color !important; } } .group-list { .select-active { .el-timeline-item__node, .el-timeline-item__content { background-color: @base-business-color !important; } } } .group-list-phone { .group-item { border-color: #fff !important; background-color: #d5d5d6 !important; color: @base-business-color !important; } .select-active { border-color: #fff !important; background-color: @base-business-color !important; color: #fff !important; } } } //瘣餃?其蜓憸?憸??脰?蝵 .q-activity__wrap { .comfire_vote { background-color: @base-activity-color !important; } .vote_btn, .select_vote { border-color: fade(@base-activity-color, @opacity-20) !important; background-color: fade(@base-activity-color, @opacity-10) !important; color: @base-activity-color !important; } .search-box { .el-input__inner { color: rgba(225, 255, 235, 0.7); } .el-input-group__append { border: 1px solid rgba(225, 228, 235, 0.2); border-left: none; i { color: rgba(225, 255, 235, 0.7); } } color: rgba(225, 255, 235, 0.7) !important; } .vote-modal, .vote-popup { .bottom-modal { .el-button { border-color: fade(@base-activity-color, @opacity-20) !important; background-color: fade(@base-activity-color, @opacity-10) !important; color: @base-activity-color !important; } .el-button::after, .el-button::before { background-color: fade(@base-activity-color, @opacity-20) !important; } } .top-modal { .el-button { border-color: fade(#fff, @opacity-20) !important; background-color: fade(#fff, @opacity-10) !important; color: #fff !important; } .el-button::after, .el-button::before { background-color: fade(#fff, @opacity-20) !important; } } .side-modal { border-color: fade(@base-activity-color, @opacity-20) !important; .side-btn { border-color: fade(@base-activity-color, @opacity-20) !important; // background-color: fade(@base-activity-color, @opacity-10) !important; color: @base-activity-color !important; } } } .clear-select { background-color: #fff; i, span { color: @base-activity-color !important; } } .fix-bottom { .btns { color: #fff; background-color: @base-activity-color !important; } } .group-list { .select-active { .el-timeline-item__node, .el-timeline-item__content { background-color: @base-activity-color !important; } } } .group-list-phone { .group-item { border-color: #FF7F73 !important; background-color: rgba(255, 255, 255, 0.8) !important; color: @base-activity-color !important; } .select-active { border-color: #fff !important; background-color: #FF4E3D !important; color: #fff !important; } } } /*element-ui?交??蝛粹??/ /*瘛梯?脩頂?????蝵???摨?憸?*/ .q-business__wrap .el-select-dropdown { background-color: @base-business-color; border: 1px fade(@base-basic-color, @opacity-20) solid; } .q-activity__wrap .el-select-dropdown { background-color: @base-activity-color; border: 1px fade(@base-basic-color, @opacity-20) solid; } .q-dark__wrap .q-image-select .option-label .img-view-wrap { background-color: transparent; } .q-dark__wrap .q-image-select .option-label .img-view, .q-dark__wrap .q-image-select .option-label .q-label__wrap { border: 1px fade(@base-basic-color, @opacity-20) solid; } @media (max-width: 641px) { .q-autoTable__box .data-row { background-color: @base-bg-color; } .q-dark__wrap .q-autoTable__box .data-row { background-color: fade(@base-bg-color, @opacity-5); } .q-dark__wrap .q-footer__box { margin: 0; } .q-dark__wrap .question-list-content .q-box { border-top: 0px fade(@base-border-color, @opacity-20) dashed; } .q-photo__wrap .q-footer a, .q-fashion__wrap .q-footer a, .q-medical__wrap .q-footer a { color: @placeholder-color; } } /*theme style*/ /*霂?隞琿?*/ .q-star .eva-active { color: @base-active-color; border: 1px fade(@base-active-color, @opacity-30) solid; } //???⊥暑?其蜓憸? .q-activity__wrap, .q-business__wrap { .calendarPc .el-input--prefix .el-input__inner:hover { border-color: rgba(255, 255, 255, 0.7) !important; } .el-input--suffix .el-input__inner:hover { border-color: rgba(255, 255, 255, 0.7) !important; } } .q-business__wrap { [class*="van-hairline"]::after { border-top: 1px solid #454647; border-bottom: 1px solid #454647; } .van-picker__toolbar { border-bottom: 1px solid #454647; } } //擗?擖?蜓憸? .q-food__wrap { .calendarPc .el-input--prefix .el-input__inner:hover { border-color: #fa9d5a !important; } .group-list { .select-active { .el-timeline-item__node, .el-timeline-item__content { background-color: #fa9d5a !important; } } } } //?嗅?銝駁? .q-fashion__wrap { .calendarPc .el-input--prefix .el-input__inner:hover { border-color: #a2cbe7 !important; } .group-list { .select-active { .el-timeline-item__node, .el-timeline-item__content { background-color: #a2cbe7 !important; } } } } //?餌??銝駁? .q-medical__wrap { .calendarPc .el-input--prefix .el-input__inner:hover { border-color: #76bdb7 !important; } .group-list { .select-active { .el-timeline-item__node, .el-timeline-item__content { background-color: #76bdb7 !important; } } } } .q-photo__wrap { .group-list { .select-active { .el-timeline-item__node, .el-timeline-item__content { background-color: #7b94f6 !important; } } } } // ???∩蜓憸? .q-business__wrap { .q-order__box2 .q-order__name { color: rgba(48, 49, 51, 0.7); } } //瘣餃?其蜓憸? .q-activity__wrap { .q-order__box2 .q-order__name { color: fade(@base-activity-color, @opacity-70); } } //???∩蜓憸? ???拚?菟?擐?????憸?? .q-business__wrap .matrix table tr td, .q-business__wrap .matrix table tr.even-color, .q-business__wrap .matrix table tr.even-color td .q-dark__wrap .q-classify-category-list { background-color: fade(@base-business-color, @opacity-100) !important; } //瘣餃?其蜓憸? ???拚?菟?擐?????憸?? .q-activity__wrap .matrix table tr td, .q-activity__wrap .matrix table tr.even-color, .q-activity__wrap .matrix table tr.even-color td .q-dark__wrap .q-classify-category-list { background-color: fade(@base-activity-color, @opacity-100) !important; } // ???? .q-dark__wrap .q-star .hoverActive { .iconfont { color: rgba(255, 255, 255, 0.7) !important; } .circleNumber { color: @base-basic-color !important; border-color: fade(@base-basic-color, @opacity-50); background: fade(@base-basic-color, @opacity-20); } } .q-business__wrap .q-star .hoverActive { .iconstar { color: #fcd9ac; } } .q-dark__wrap .q-star .hoverInActive { // .iconfont { // color: rgba(255, 255, 255, 0.4) !important; // } .circleNumber { color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.4); background: transparent; } } .q-dark__wrap .q-star .score-active { .iconfont { color: @base-basic-color !important; } .iconstar { color: @base-rate-star-color !important; } .circleNumber { color: @base-font-color !important; background: @base-basic-color; border-color: @base-basic-color; } } .q-dark__wrap .q-star .q-score-item .iconfont, .q-dark__wrap .q-star .q-exc-item .iconfont, .q-dark__wrap .q-mtrix-star .q-score-item .iconfont, .q-dark__wrap .q-mtrix-star .q-exc-item .iconfont, .q-dark__wrap .q-star .eva-active { color: fade(@base-basic-color, @opacity-20); } .q-activity__wrap .q-star .q-score-item .iconfont, .q-activity__wrap .q-star .q-exc-item .iconfont, .q-activity__wrap .q-mtrix-star .q-score-item .iconfont, .q-activity__wrap .q-mtrix-star .q-exc-item .iconfont { color: fade(@base-basic-color, @opacity-40); } .q-activity__wrap .q-star .eva-active { color: fade(@base-active-color, @opacity-70); background-color: fade(@base-active-color, @opacity-20); } .q-activity__wrap .q-star { .hoverActive .iconfont { color: fade(@base-basic-color, @opacity-70) !important; } .hoverInActive .iconfont { color: fade(@base-basic-color, @opacity-40) !important; } .score-active { .iconfont { color: @base-basic-color; } .iconstar { color: @base-basic-color !important; } } } .q-dark__wrap .q-star .score-active .score-number { color: @base-font-color; background: fade(@base-basic-color, @opacity-80); } .q-business__wrap .q-star .score-active .score-number.star { color: @base-basic-color; background: @base-rate-star-color; } // no_apply??? .q-business__wrap { .no-apply-btn { .q-label__box { background-color: fade(@base-basic-color, @opacity-10) !important; .icon-radio { background: transparent !important; } } &.active { .q-label__box { .icon-radio { color: fade(@base-basic-color, @opacity-70) !important; } } } } } .q-activity__wrap { .no-apply-btn { .q-label__box { background-color: fade(@base-basic-color, @opacity-10) !important; .icon-radio { background: transparent !important; } } &.active { .q-label__box { .icon-radio { color: fade(@base-basic-color, @opacity-100) !important; } } } } }