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%)
}