988 lines
24 KiB
CSS
988 lines
24 KiB
CSS
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%)
|
|
} |