@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-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; //å¼?常æ??å­??ºç?? @btn-size: 14px; //?????ä½??ºç?大å? @btn-weight: 400; //?????ä½?ç²?ç»? @btn-style: italic; //??????å­??¾æ?? @btn-underline: underline; //??????å­?ä¸???çº @btn-color: #fff; //??????å­?? @btn-bg-color: #2672ff; //????????? @drop-bg-color: #fff; //ä¸???æ¡?????? @btn-begin-size: 14px; //å¼?å§?页æ??????å­?大å? @btn-begin-weight: 400; //å¼?å§?页æ??????å­?ç²?ç»? @btn-begin-style: italic; //å¼?å§?页æ?????ä½?ç²?ç»? @btn-begin-underline: underline; //å¼?å§?页æ??????å­?ä¸???çº @btn-begin-weight: 400; //å¼?å§?页æ??????å­?? @btn-begin-color: #fff; //å¼?å§?页æ????????? @btn-begin-bg-color: #2672ff; //å¼?å§?页ä???æ¡?????? .errorFailed, .fail, .redTips { border: 1px solid @base-error-color !important; background-color: @base-error-bgColor; border-radius: 5px; } .q-fail__rowTitle { background-color: rgb(251, 213, 181); } .fail-text { color: @base-error-color !important; } .matrix .fail td, .matrix td.q-fail__bg { background-color: @base-error-color !important; } // ??纽æ?·å? #button () { background: @base-color; } .button-box, .button-box-restart { font-weight: @btn-begin-weight; font-style: @btn-begin-style; text-decoration: @btn-begin-underline; } .button-box { font-size: @btn-begin-size; color: @btn-begin-color; font-weight: @btn-begin-weight; background-color: @btn-begin-bg-color; border: 1px solid @btn-begin-bg-color; } .button-box-restart { font-size: @btn-begin-size; color: @btn-begin-color; font-weight: @btn-begin-weight; opacity: 0.7; } .prevBtn, .nextBtn, .submitBtn { font-weight: @btn-weight; font-style: @btn-style; text-decoration: @btn-underline; } .prevBtn { font-weight: @btn-weight; font-style: @btn-style; text-decoration: @btn-underline; font-size: @btn-size; color: @btn-color; font-weight: @btn-weight; background-color: @btn-bg-color; border: 1px solid @btn-bg-color; opacity: 0.7; } .nextBtn, .submitBtn { font-weight: @btn-weight; font-style: @btn-style; text-decoration: @btn-underline; font-size: @btn-size; color: @btn-color; font-weight: @btn-weight; background-color: @btn-bg-color; border: 1px solid @btn-bg-color; } .xm-button, .xm-button-restart { color: @btn-color; background-color: @btn-bg-color; } .xm-button-restart { opacity: 0.5; } .q-begin__bottom { border-bottom: 1px @base-active-color solid; } /*el ui ä¸???æ¡?*/ .el-select .el-input .el-input__inner:hover { border: 1px fade(@base-active-color, @opacity) solid !important; } .el-select .el-input.is-focus .el-input__inner { border: 1px @base-active-color solid !important; box-shadow: 0 0 4px 0px fade(@base-active-color, 30%); } .el-select .el-input__inner:focus, .el-date-editor.el-input:focus, .el-date-editor.el-input__inner:focus, .el-input__inner:focus { border: 1px solid @base-active-color !important; } .el-select-dropdown__item.hover { background-color: fade(@base-active-color, @opacity-light) !important; } .el-select-dropdown__item.hover span, .el-time-panel__btn.confirm { color: @base-active-color; } .el-date-table td.today span { color: @base-active-color !important; } .el-date-table td.current:not(.disabled) span { background-color: @base-active-color !important; } .el-date-picker__header-label:hover, .van-picker__cancel, .van-picker__confirm, .el-date-table td:hover, .el-date-table td:focus { //color: @base-active-color !important; color: #2672ff !important; } /*??ç±»é?*/ .drag-placeholder { background-color: fade(@base-active-color, 5%) !important; border: 1px @base-active-color solid !important; } .drag-moving { border: 1px @base-active-color solid !important; } /*游æ??????é¢?*/ .slider .process, .slider_point_active { background-color: @base-active-color !important; } .slider .block { border: 2px @base-active-color solid; } .slider .tips { color: @base-active-color; border: 1px fade(@base-active-color, @opacity-20) solid; } .slider .tips i.fa-caret-down2 { margin-left: -0.1rem; bottom: -0.1rem; border-top: 0.1rem solid fade(@base-active-color, @opacity-20); } /*??åº?é¢?*/ /*?°ç??ä½?ç½?/ .q-order .active, .q-order .rder-content:hover, .q-geo__clear { background-color: fade(@base-active-color, @opacity-20); border: 1px fade(@base-active-color, @opacity-30) solid; } /*?°ç??ä½?ç½?/ .q-geo__clear { color: @base-active-color; } /*ä¸?ä¼?????/ .qbase .el-button--primary, .q-geo__btn, .qbase .el-button--primary:focus, .qbase .option-label .el-button--primary, .qbase .option-label .el-button--primary:focus { color: @base-active-color; background-color: fade(@base-active-color, @opacity-light); border: 1px fade(@base-active-color, @opacity-20) solid; } //?¹æ?å¤??? ??ç§?è½ .qbase .el-button--primary:hover { color: fade(@base-active-color, 90%); background-color: fade(@base-active-color, 7%); border: 1px fade(@base-active-color, @opacity-20) solid; } .qbase .el-icon-upload2, .q-upload__progress span { color: @base-active-color; } .q-files__icon2 { background-color: fade(@base-active-color, @opacity-30); } .q-vote__bar { background-color: @base-active-color; } /*drop-shadow svg*/ .q-svg__box { height: 0.32rem; width: 0.32rem; overflow: hidden; display: inline-block; margin: 0rem 0.1rem 0rem 0; vertical-align: top; box-sizing: content-box; } /*iconfont setting*/ .q-icon__local::before { content: "\e659"; } .q-icon__map::before { content: "\e6ae"; } .q-icon__add::before { content: "\e61f"; } .q-icon__del::before { content: "\e639"; } .q-icon__pic1::before { content: "\e64f"; } .q-icon__pic2::before { content: "\e711"; } .q-icon__search::before { content: "\e607"; } /*iconfont setting*/ .q-iconfon__bestcem { color: @base-active-color; font-size: 0.32rem; } .q-files__iconBox .q-iconfon__bestcem { font-size: 0.4rem; } .q-theme_null { color: #909399; } /*drop-shadow svg*/ // ?´ä?é¢?????é¢??·å? #question-title () { width: 100%; padding-right: 0.1rem; display: inline-block; font-size: 0.36rem; color: @base-color; margin-bottom: 0.2rem; font-family: @base-font-family; } // ?´ä?optionå­?ä½?/é¢????´è? #option-item-font () { font-size: 0.32rem; color: #ffffff; font-family: @base-font-family; } // ?´ä?optionå­?ä½? active?¶æ?? @active-option-color: @base-color; // ?´ä?è¾??¥æ??????²å½© @input-background: rgba(0, 0, 0, 0); @survey-top-height: 0rem; //???¨æ?·å? .opt-cid { display: none; } .question-title { color: @base-font-color; } .option-label, .option-label .q-a__label, .q-proportion-total, .guidePage .content .title-content, .begin-desc, .answered, .q-option-title, .tooltips, .q-ribbon-color .q-score .q-score-item, .q-score-text, .disable-order .option-label, .prevBtnThird, select, .limit-info, .order-remove, .q-classify-head, .q-classify-category-name, .q-geo_street { color: @base-option-color; } .q-box .option-label:firrst-child { margin-top: 0; } //å¤???é¢? a.jqTransformRadiodis, a.jqTransformCheckboxdis { color: #999; cursor: default; } //?©é?µé??·å? //????é¢? .q-only-color .q-score .active, .q-vote__bar { background-color: @base-active-color !important; } /*è¯?ä»·é?*/ .q-star .eva-active, .q-geo__serch { color: @base-active-color; border: 1px fade(@base-active-color, @opacity-30) solid; } //??项ç??¨æ?·å? .q-selected__dis .iconfont { // border: 1px @base-gray-color solid !important; color: #eff1f7 !important; } //?¨å?????¨æ?·å?ç± .option-label a.active, a.active { border: 1px solid @base-active-color !important; box-shadow: 0px 2px 4px 0px rgba(38, 114, 255, 0.2); } .icon-btn:hover { color: fade(@base-active-color, @opacity); } .active { // border: 1px @base-active-color solid !important; // background-color: rgba(38, 114, 255, 0.1) !important; } .active .icon-btn, i.icon-checkbox-active, i.icon-radio-acitve, .active .icon-btn:hover, i.icon-checkbox-active:hover, i.icon-radio-acitve:hover { color: @base-active-color; } .el-loading-spinner .path { stroke: @base-active-color !important; } .q-order__active .q-order__box, .screenBtn button { background-color: @base-active-color; border: 1px @base-active-color solid; } .q-order__active .q-order__box2 { color: @base-active-color; border-left: 1px fade(@base-active-color, @opacity-light) solid; } .left-btn, .right-btn { color: @base-active-color; } .propo, .q-only-color .color-active { background-color: @base-active-color !important; } .progress-bar { background-color: fade(@base-active-color, @opacity-70); } .progress, .q-matrix__repeatHeaderBox { background-color: fade(@base-active-color, @opacity-10); } .progressVal { color: fade(@base-active-color, @opacity-70) !important; } .slider .block { border: 2px solid @base-active-color; } .q-star .q-exc-item .iconfont { -webkit-text-fill-color: @base-gray-color !important; color: @base-gray-color !important; } .q-star .q-active__exc .iconfont { -webkit-text-stroke: 1px #7b7b7b !important; -webkit-text-fill-color: #7b7b7b !important; color: #7b7b7b !important; } a.activeDis, i.activeDis { color: @base-activeDis-color; } a.disClick { color: @base-disClick-color; } .tips { color: @base-error-color; margin-bottom: 0.2rem; } .icon-danxuan-1:before, .jqTransformRadioWrapper .jqTransformChecked:before, .is-paita .jqTransformChecked:before { color: @base-basic-color; } .q-color .q-score .linear-blue { // background: -webkit-linear-gradient( // left, // fade(@base-active-color, @opacity-50), // fade(@base-active-color, @opacity-100) // ); // background: -ms-linear-gradient( // left, // fade(@base-active-color, @opacity-50), // fade(@base-active-color, @opacity-100) // ); // filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=fade(@base-active-color, @opacity), endColorstr=fade(@base-active-color, @opacity-100)); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: @placeholder-color; } .q-proportion-total, .q-points__score, .q-proportion-total, .q-star .q-score-text, .q-score-text .prompt-text .prompt-texts, .footer, .q-footer, .footer, .q-footer a, .q-tips__wrap, .q-star .eva-tag, .q-order__box2, .remark-label, .q-geo_xy, .q-geo__serch input, .q-files__name, .q-begin__policy { color: @placeholder-color; } /*border*/ .q-option-input, .matrix table tr td, .q-matrix__optionWrap, .q-matrix__groupWrap .q-martix__rowsWrap .data-row, .q-spc-open, select, .el-input__inner, .q-classify__btn, .q-star .eva-tag, .order-content, .style-order, .order-remove, .input-insert-blank, .q-spc-open, .q-dropdown-open, .q-image-select .option-label .q-label__wrap, .img-view, .q-classify-category-list, .q-autoTable__btn, .el-input__inner, .q-geo__wrap { border: 1px @base-border-color solid; } .q-option-input:hover { border: 1px fade(@base-active-color, @opacity-70) solid; } .q-dark__wrap .q-option-input:hover { border: 1px fade(@base-active-color, @opacity-70) solid; } .q-image-select .option-label a.active { border: @base-border-color 1px solid !important; box-shadow: 0 0 0 #fff !important; } .q-matrix__groupWrap .q-martix__rowsWrap .q-matrix__optionWrap { border: 0px @base-border-color solid; } .q-image-select .option-label a.active { border: @base-border-color 1px solid !important; box-shadow: 0 0 0 #fff !important; } .matrix table tr td.first-td, .matrix table tr td.last-td { background-color: #fff; background: linear-gradient( to top right, transparent 0%, transparent calc(50% - 1px), @base-border-color 50%, transparent calc(50% + 1px), transparent ); position: relative; } .disabled .block { border: 2px solid @base-border-color; } .q-matrix__groupWrap .q-martix__rowsWrap .data-row, .q-matrix__groupWrap .q-martix__rowsWrap .data-row:last-child { border: 1px @base-border-color solid; } .question-list-content .q-box { border-top: 1px @base-border-color dashed; } .q-exc__box { border-left: 0px @base-border-color solid; border-top: 1px @base-border-color dashed; } .q-upload__wrap { border-top: 1px @base-border-color dashed; margin-top: 0.12rem; } .option-label .q-upload__wrap { border-top: 0px @base-border-color dashed; } .q-ribbon-color .q-score .q-score-item { border: 1px solid @base-border-color; border-right: 0; } .q-geo__address, .q-ribbon-color .q-score .q-score-item:last-child { border-right: 1px @base-border-color solid; } .q-matrix__optionTitle, .q-matrix__groupWrap .q-martix__rowsWrap .q-matrix__titleWrap, .blankUnder .q-option-input { border-bottom: 1px @base-border-color solid; } .matrix .data-row, .q-matrix__groupWrap .q-martix__rowsWrap .q-matrix__optionWrap { border-bottom: 1px @base-border-color dashed; } .q-matrix__groupWrap .q-martix__rowsWrap .data-row .q-matrix__optionWrap:last-child { border-bottom: 0px @base-border-color dashed; } .q-color .q-score .color-active { border-left: 1px #fff @base-border-color; } .q-excMatrix__box { border-left: 0px @base-border-color solid; } /*border*/ /*backgroundColor*/ .matrix table tr.even-color, // .matrix table tr.even-color td,// ?©é?µè??´é?? .matrix table tr.head-row td, .matrix table tr td.option-label, .q-classify-category, .q-classify-option, .q-classify-category-name, .q-files__default, .slider, .slider_point, .q-vote__progress { background-color: @base-bg-color; } .q-proportion-input textarea:disabled, .q-proportion-input textarea[disabled] { opacity: 1; background-color: @base-bg-color; } /*backgroundColor*/ .q-business__wrap, .q-activity__wrap { .q-matrix__optionTitle { color: rgba(255, 255, 255, 0.7); } .opt-title { color: rgba(255, 255, 255, 0.7); } }