html { color: #000; overflow-y: scroll; background: #fff } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, lengend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 } body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei', arial, sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 } address, cite, dfn, em, var { font-style: normal } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace } small { font-size: 12px } ol, ul { list-style: none } a { text-decoration: none } a:hover { text-decoration: underline } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help } q:after, q:before { content: '' } :focus { outline: 0 } legend { color: #000 } fieldset, img { border: none } button, input, select, textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } hr { border: none; height: 1px; *color: #fff } img { -ms-interpolation-mode: bicubic } .yug-left { float: left } .yug-right { float: right } .yug-clear { clear: both } .yug-clr { *zoom: 1 } .yug-clr:after { display: block; clear: both; height: 0; content: "\0020" } .yug-hide { display: none } .yug-show { display: block } .yug-locate { position: relative } .yug-cny { font-family: Helvetica, Arial } .yug-gray { color: #666 } .yug-bold { font-weight: 700 } .screen { width: 990px; margin: 0 auto; padding: 0 5px } #content, #footer, #header, .layout { *zoom: 1 } #content:after, #footer:after, #header:after, .layout:after { display: block; clear: both; height: 0; content: "\0020" } .layout .grid { float: left } .layout .grid-fixed { margin-right: 0 !important } .w952 { width: 952px; margin: 0 auto; padding: 0 4px } .component-panel[data-v-a639d88e] { width: 100%; background: #fff; border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box } .bubble[data-v-c4810c7c] { position: absolute; z-index: 1; top: -30px; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 16px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; -webkit-box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5); box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5); cursor: text; white-space: nowrap; font-size: 12px; line-height: 1.4 } .bubble.bubble-warn[data-v-c4810c7c] { color: #ff7300 } .bubble[data-v-c4810c7c]::after { content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #fff } .bubble.bubble-down[data-v-c4810c7c] { top: auto; margin-top: 5px } .bubble.bubble-down[data-v-c4810c7c]::after { bottom: 24px; border: 6px solid transparent; border-bottom-color: #fff } p[data-v-c4810c7c] { margin: 0 } .focus[data-v-c4810c7c], .input-base[data-v-c4810c7c]:focus { border-style: solid; border-color: #a92924 } .error[data-v-c4810c7c], .input-base.error[data-v-c4810c7c] { border-style: solid; border-color: #ff7300 } .component-input[data-v-c4810c7c] { display: inline-block; position: relative } .component-input .icon-input[data-v-c4810c7c] { display: inline-block; vertical-align: middle; position: absolute } .component-input .icon-input.search[data-v-c4810c7c] { left: 8px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(//img.wuage.com/150459187333058icon-sprite@2x.png) center center no-repeat; background-size: 72px 57px; background-position: -36px -31px } .input-base[data-v-c4810c7c] { -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-color: #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: none; color: #1f2d3d; font-size: inherit; outline: 0 } .input-base[data-v-c4810c7c]:disabled { border-style: solid; border-color: #e1e1e1; background-color: #f5f5f5; color: #959595; cursor: not-allowed; opacity: 1 } .error-message[data-v-c4810c7c] { position: absolute; top: -45px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 12px; padding: 12px 16px; z-index: 5; font-size: 12px; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5); box-shadow: 0 0 16px 0 rgba(197, 197, 197, .5); cursor: text; white-space: nowrap; color: #ff7300 } .error-message[data-v-c4810c7c]::after { content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #fff } .error-msg.attach[data-v-c4810c7c] { position: absolute; top: 100%; left: 0; width: 100%; line-height: normal; text-align: left; color: #ff7300 } .view-calculator-form .calculator-field { position: relative } .view-calculator-form .calculator-field .label, .view-calculator-form .calculator-field .unit { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .operation[data-v-124bf6fa] { vertical-align: middle } .operation.active .icon-clear[data-v-124bf6fa] { background-image: url(data:image/png;base64,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) } .button.disabled[data-v-124bf6fa] { background-color: #e5e5e5 } .icon-clear[data-v-124bf6fa] { display: inline-block; background: url(data:image/png;base64,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) no-repeat } .component-tags[data-v-3a298670] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .32rem .16rem .08rem; width: 6.22rem; background: #fff; overflow: auto; z-index: 5; font-size: 0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 .16rem 0 rgba(53, 53, 53, .28); box-shadow: 0 0 .16rem 0 rgba(53, 53, 53, .28) } .component-tags[data-v-3a298670]:after { content: ""; width: 30%; display: block; height: 0; width: 30% } .tag-item[data-v-3a298670] { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 2.12rem; line-height: .64rem; margin-bottom: .24rem; text-align: left; color: #353535; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: .28rem; text-align: center; border: .02rem solid #e1e1e1 } .tag-item[data-v-3a298670]:after { content: ''; -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .component-tags[data-v-3a298670] { border-radius: 9px; -webkit-box-shadow: 2px 2px 10px 5px #000; box-shadow: 2px 2px 10px 5px #000 } .component-tags .tag-item[data-v-3a298670] { position: relative } .component-tags .tag-item.active[data-v-3a298670] { background: #f8e1e0; border-color: #efaaa8; color: #a92924; border-radius: .04rem } .component-tags .tag-item.active[data-v-3a298670]:before { content: ''; position: absolute; right: -.02rem; bottom: -.02rem; width: .38rem; height: .36rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0xMi0xN1QyMTozODowMiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMTItMTdUMjE6NDE6MDQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMTItMTdUMjE6NDE6MDQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmFhM2FmMzA4LTZjN2UtNDA0MC1iNTkzLTMzMTZjZGIwNGUzNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDphYTNhZjMwOC02YzdlLTQwNDAtYjU5My0zMzE2Y2RiMDRlMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYTNhZjMwOC02YzdlLTQwNDAtYjU5My0zMzE2Y2RiMDRlMzciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYTNhZjMwOC02YzdlLTQwNDAtYjU5My0zMzE2Y2RiMDRlMzciIHN0RXZ0OndoZW49IjIwMjMtMTItMTdUMjE6NDE6MDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4wIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmI8wJAAAANxSURBVFiFzZddaBxVFMd/d2aSbNyk23y00j4ERUNqawrV9EGxtA9K6WOxabKx2UlJBcFCE/ChhAWVQqUPFbQtVipUDQShlUBBIYJRLBQRv/ADtJrQ+BAE12Rd3aTdnXuPD2tjk+5mZzeb3ZynmTn/c8+Pc2fu/hfWYHh9PSdVpSGWhncofEZhjq4ZMD0QdYj9+haIC7AmwPRA1LFiv4wY6Lz9zKokEICODgVVYuLKnVBQ4Ynp6FBQTU1+ICK7l+YqBibH+ptlJvmhiOzMlnfKDQQZKDObHEekPZem7BOTI5EWuZUaF5EHltPZ5QIC0G53qxL9qRi5P5+2bGByOLIdrT8TI5v86MsCJpHwTjH6IxFp9luz6ueY6QvvFq0/LgQKVnli+mDnPoQrWCpYaO2qgYkbPqBsLouippj6VdlK6e1yMWbECFXFrlFyMOntft4Ib68ECkoMJj1dx43IWT9aE6xn5tmBnPmSvWNeX89JRF7yoxWnisTxlwm1tzG7sYXarz+/S1OS30rvUPiM8vRRv/r44BCh+zZnAH6byqpZEdj/rtO4fmtm3ecIbW3NXH/1PU1jo6UFy+Y680Vi735Ce57IXE/HaDz/ak5tUS9/LtepG5sQJ/vHmNz1FHXdTwOQvpWm/vQJlJfO2aPgiWVzneJUEX+mn7pdjxP/9keazp5aVJNq20a127twL2++gT3z57J9CpqYHOtvVlOTnyy1wspLw8Z7sW2LhkfbSezdv5DzNmxCBl/AtjOt/hobJ/DNF3l7+T4u7nCdO7Llq3/6AW/Pk9iOjf3QFvTP10EMN6MnCNQFAIhfv0Hj+dO++vkCkyORFvnn5lVEtuTSWPPzzKUtqh/eimUpUjs6mH/kMeo2rAdgLp6k/pUXUemUL7C8W6nd7la81NV8Vhhg3dgoiekYAIFgLes2Z5yO1oaa105hJf/2BZUXTA5HtivDNeNJi98FgxdeR2uz6FnqnWGqbkz6hoJltrIY1wlgx2dJ3NNA4MGMrY9f+5LQ6EhBUJBjYsW6ztux/vIwc/EkiekYDRfPFbPE3X/f9MHOfTjW+1jUFrXif5Fq24b9x+95z6usUEpNLAITN3xgpQavFGHBpQUw6e1ygQsVh1KkcWo6rAxUaVxnSaBQg+riu99ZhbjO1Qql1IQFl3BqOtTwe+cA/gUkPG+gHiXC9QAAAABJRU5ErkJggg==) center center no-repeat; background-size: 100% 100% } .component-select { position: relative; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box } .component-select .label { font-size: .32rem } .component-select input { cursor: pointer; font-weight: 700 } .component-select .component-input { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .component-select .component-input.icon:after { content: ''; position: absolute; bottom: .2rem; right: 0; width: .24rem; height: .24rem; background: url(//img.wuage.com/public/158078075504781193542_56_32.png) no-repeat center right; background-size: .24rem; -webkit-transition: ease .3s; transition: ease .3s } .component-select .component-input.icon.fold:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .component-select .component-input .input-base { border-color: #f1f2f3 } h3[data-v-82a1b9e2] { position: absolute; top: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: .88rem; line-height: .88rem; font-size: .36rem; border-bottom: 1px solid #e5e5e5; padding: 0 .32rem } h3 .icon-close[data-v-82a1b9e2] { position: absolute; width: .4rem; height: .4rem; right: 0; top: .24rem } h3 .icon-close[data-v-82a1b9e2]:after { position: absolute; content: ''; width: 1px; height: .4rem; background: #666; -webkit-transform: rotate(45deg); transform: rotate(45deg) } h3 .icon-close[data-v-82a1b9e2]:before { position: absolute; content: ''; width: 1px; height: .4rem; background: #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .material-result[data-v-82a1b9e2] { text-align: right; padding: 0 .32rem; margin-top: .17rem; font-size: .24rem; color: #959595 } .material-result span[data-v-82a1b9e2] { display: inline-block; color: #353535; margin-left: .2rem } .material-result[data-v-82a1b9e2]:after { content: ''; display: inline-block; margin-left: .2rem; width: 7px; height: 7px; border-top: 1px solid #bec0c4; border-right: 1px solid #bec0c4; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .drawer-container[data-v-82a1b9e2] { text-align: left; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .16) } .drawer-container .drawer-box[data-v-82a1b9e2] { position: fixed; bottom: 0; left: 0; padding-top: .88rem; width: 100%; max-height: 60vh; background: #fff } ul.material-list[data-v-82a1b9e2] { overflow-y: scroll; height: calc(60vh) } ul.material-list li[data-v-82a1b9e2] { height: .84rem; line-height: .84rem; font-size: .28rem; border-bottom: 1px solid #f1f2f3; color: #525662; padding: 0 .32rem } ul.material-list li.selected[data-v-82a1b9e2] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAoCAYAAACxbNkLAAAC2klEQVRoQ9WYP0xTURTGf6emGAbDhJuOupmw6ySGKCwsoqMOuuiqYjE+Yh/BxU2MK6yigw4CjrgyyibRgQkHSESDocfctmBbXvvOfe9JX+/a79x7frl/3vdV6MUxpbPAb8oStLYvPcUTaIE95oC71b4LTLdC9Q7Qay3yjXngRtMmtED1BtAL7ecHb1CuRZ6oBqj8A83qADu8By51vB51qHwDzeggP1lCGTLd9QLT+QUq6RlgBeW8CcaJhMl8AgV6jj1WgLNGGEW4Ryhz+QN6okNU+Ihy2gizj3CLUBZqm5SnUdKLKB+AAVNbwl71GQ/l3YE+P0CP9SqwCPQbYXYRxinLcqM+H0AlnUBxR6ZogoFtTjDKM/mcP+tT0jvAK5SCCUbYQhlhRtai9N3doZI+QHluAqmJNikwTFnW29V0D8g55goPPWC+1mE2OtUcP1CrY7YRfaGPKwSyGSc/XiDnmL+zgDIR19jh78IaRUYIZMtSc3xANce8iOKeZ9sQVikySiA7toJ2H9YprSXBiERonbhJZ3XMzR+UZYqME8iuz5pHd8jBVHhanSQiEfpMXtX6OubaAm/p4yaBOCfgNZqBGmEOpkkDlcQxF5jnAre5LvteJHXxP6AomDRQzjH/4ROKiwHW8ZKQ+4iotaBVVwPqBJMEyjnmfZaAQXNjwiyhTJr1bYRigvGB8nXMbm5hklDcX1Ophx+QW67TnfJ1zHAYzFKTNN0hy5FrXDEKyt8xNwWzbIGs96gdlL9jPhLMsgdKClXhF2A//0JkMPs/QEmg/DrZRhgjlFW/Mrs62sv53inLejHBzDKFRdPenGYLFRvMLM1aNJ3ddhZQwgbCZcrSMZhZmrVo4uNDGihhnSLDlmBmadaiiQdK+lB4BjNLsxaNDcgXygWzU4zxSLYtTWSpsQNZoYREwSwrKD+geKjEwax7QO2gUgaz7gIdhUodzLoPdAClnMwimGUF9BdnPhclFOCD6AAAAABJRU5ErkJggg==) no-repeat 94% center; background-size: .26rem } .slide-enter-active[data-v-82a1b9e2], .slide-leave-active[data-v-82a1b9e2] { -webkit-transition: all .3s ease; transition: all .3s ease } .slide-enter[data-v-82a1b9e2], .slide-leave-to[data-v-82a1b9e2] { height: 0 } .slide-enter-to[data-v-82a1b9e2], .slide-leave[data-v-82a1b9e2] { height: 60vh } .fade-enter-active[data-v-82a1b9e2], .fade-leave-active[data-v-82a1b9e2] { -webkit-transition: all .3s ease; transition: all .3s ease } .fade-enter[data-v-82a1b9e2], .fade-leave-to[data-v-82a1b9e2] { background: 0 0 } .fade-enter-to[data-v-82a1b9e2], .fade-leave[data-v-82a1b9e2] { background: rgba(0, 0, 0, .16) } * { -webkit-tap-highlight-color: transparent } * .view-main { margin: 0 auto; padding: .32rem 0 .24rem; width: 6.86rem } .view-select { position: relative; width: 100%; text-align: left; border-bottom: 1px solid #f1f2f3 } .view-select .label { position: absolute; left: 0; z-index: 1; height: .96rem; line-height: 1.3rem } .view-select .component-input, .view-select .input-base { width: 100%; height: .96rem; line-height: 1.3rem; background: 0 0; font-size: .32rem !important; text-align: right; padding-right: .3rem } .view-select .component-input .input-base, .view-select .input-base .input-base { border: none } .view-select .component-input .input-base:focus, .view-select .input-base .input-base:focus { border-top: none; border-left: none; border-right: none } .view-select .component-input .input-base.default, .view-select .input-base .input-base.default { color: #93969d; text-align: right } .view-select .component-input::-webkit-input-placeholder, .view-select .input-base::-webkit-input-placeholder { color: #353535 !important } .view-select .component-input::-moz-placeholder, .view-select .input-base::-moz-placeholder { color: #a92924 !important } .view-select .component-input::-moz-placeholder, .view-select .input-base::-moz-placeholder { color: #a92924 !important } .view-select .component-input::-ms-input-placeholder, .view-select .input-base::-ms-input-placeholder { color: #a92924 !important } .view-select .component-input:-ms-input-placeholder, .view-select .input-base:-ms-input-placeholder { color: #a92924 !important } .view-select .component-input::placeholder, .view-select .input-base::placeholder { color: #a92924 !important } .view-main .tips { margin-top: .24rem; font-size: .24rem; color: #aaa } .page-m-calculator .component-tabs { width: 4.8rem; margin: 0 auto; font-size: 0 } .page-m-calculator .component-tabs .tab-item { display: inline-block; position: relative; width: 50%; line-height: .64rem; border: .02rem solid #a92924; color: #a92924; box-sizing: border-box; font-size: .32rem; cursor: pointer } .page-m-calculator .component-tabs .tab-item:last-child { border-top-right-radius: .08rem; border-bottom-right-radius: .08rem } .page-m-calculator .component-tabs .tab-item:not(:last-child) { border-right: none; border-top-left-radius: .08rem; border-bottom-left-radius: .08rem } .page-m-calculator .component-tabs .tab-item.active { background-color: #a92924; color: #fff } .page-m-calculator .component-panel { border: none; margin-top: .32rem } .focus, .input-base:focus { border-width: .01rem } .error, .input-base.error { border-width: .01rem } .component-input .icon-input.search { left: 8px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(//img.wuage.com/150459187333058icon-sprite@2x.png) center center no-repeat; background-size: 72px 57px; background-position: -36px -31px } .input-base { line-height: 1; padding-left: .24rem; border-width: .01rem } .input-base:disabled { border-width: .01rem } .error-msg.attach { font-size: .24rem } .page-m-calculator .view-calculator-form { font-size: .28rem; color: #353535 } .page-m-calculator .view-calculator-form.disabled { background: #fcfcfc } .page-m-calculator .view-calculator-form .calculator-field { position: relative; height: 1.09rem; line-height: 1.09rem; border-bottom: 1px solid #f1f2f3 } .page-m-calculator .view-calculator-form .calculator-field .required { left: 0; color: #ff7300 } .page-m-calculator .view-calculator-form .calculator-field .label { color: #525662; margin-left: .3rem } .page-m-calculator .view-calculator-form .calculator-field .label, .page-m-calculator .view-calculator-form .calculator-field .required { float: left } .page-m-calculator .view-calculator-form .calculator-field .unit { position: absolute; right: .32rem; bottom: .1rem; z-index: 1; width: .8rem; margin-left: .24rem; text-align: right; font-size: .18rem; line-height: .18rem; color: #959595 } .page-m-calculator .view-calculator-form .calculator-field .field { float: right; margin-right: .32rem } .page-m-calculator .view-calculator-form .calculator-field .input-base { width: 3rem; text-align: right; border: none; background: 0 0; font-size: .42rem } .page-m-calculator .view-main .view-result { margin-top: .24rem } .page-m-calculator .view-main .view-result .tips { margin: .16rem auto .48rem; font-size: .2rem; color: #ff7300 } .page-m-calculator .view-main p { display: block; color: #93969d; font-size: .28rem } .page-m-calculator .view-main h2 { font-size: .42rem; color: #a92924 } .page-m-calculator .view-operation { margin-top: .48rem; padding-bottom: .48rem; font-size: 0; line-height: .32rem } .page-m-calculator .button, .page-m-calculator .light { display: inline-block; font-size: .24rem } .page-m-calculator .button { width: 5.42rem; line-height: .8rem; margin: 0 auto; background: #a92924; cursor: pointer; color: #fff } .page-m-calculator .button:active { background: #a92924 } .page-m-calculator .light { margin-left: .2rem; color: #c5c5c5; cursor: not-allowed } .page-m-calculator .light.active { cursor: pointer; color: #a92924 } .page-m-calculator .icon-clear { width: .24rem; line-height: .32rem; height: .32rem; background-size: .24rem; vertical-align: middle } body { min-height: 100vh; background: #fff } .page-m-calculator[data-v-7ba5bd90] { text-align: center; box-sizing: border-box } .page-m-calculator .tabs-model[data-v-7ba5bd90] { width: 100vw; height: 100vh; background: rgba(0, 0, 0, .78); position: absolute; z-index: 2 } .page-m-calculator .tabs-model h2[data-v-7ba5bd90] { white-space: nowrap; color: #fff; font-size: 17px; position: absolute; left: 50%; font-weight: 500; top: 13%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }