@insaic/neon
Version:
A Mobile UI Components built on Vue
1,608 lines (1,502 loc) • 90 kB
CSS
@font-face {font-family: "sq-icon";
src: url(data:application/x-font-ttf;base64,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ARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErAAdzaGFuY2h1CWVycm9yLWdhcAtjaXJjbGUtbGVmdAljaXJjbGUtdXAPY2hlY2ttYXJrLWVtcHR5A2ppYQRqaWFuC2FsZXJ0LWVtcHR5EWtleWJvYXJkLXhpYW5neGlhCHl1YW5kaWFuC2NpcmNsZS1kb3duDGNpcmNsZS1yaWdodAx5dWFuZGlhbnhpYW8KYWxlcnQtZnVsbAtlcnJvci1lbXB0eQ5zcXVhcmUtY2hlY2tlZA5jaGVja21hcmstZnVsbAVhaXhpbgljaGVja21hcmsXc3F1YXJlLWJvcmRlci11bmNoZWNrZWQHbG9hZGluZw1rZXlib2FyZC1kb3duBWVycm9yCXVuY2hlY2tlZAplcnJvci1mdWxsCmFycm93LWxlZnQFYWxlcnQEd2VlcA9rZXlib2FyZC1yZW1vdmUGZmxvd2VyEHNxdWFyZS11bmNoZWNrZWQJcGVudGFncmFtBWVtb2ppBnNlYXJjaBNrZXlib2FyZC14aWFuZ3NoYW5nD2tleWJvYXJkLWRlbGV0ZRVzcXVhcmUtYm9yZGVyLWNoZWNrZWQIYXJyb3ctdXALYXJyb3ctcmlnaHQKYXJyb3ctZG93bgljaGVja2ljb24AAAAA) format('truetype');
}
.sq-icon {
font-family:"sq-icon" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sq-icon-shanchu:before { content: "\E600"; }
.sq-icon-error-gap:before { content: "\E605"; }
.sq-icon-circle-left:before { content: "\E60A"; }
.sq-icon-circle-up:before { content: "\E611"; }
.sq-icon-checkmark-empty:before { content: "\E610"; }
.sq-icon-jia:before { content: "\E641"; }
.sq-icon-jian:before { content: "\E643"; }
.sq-icon-alert-empty:before { content: "\E606"; }
.sq-icon-keyboard-xiangxia:before { content: "\E609"; }
.sq-icon-yuandian:before { content: "\E82F"; }
.sq-icon-circle-down:before { content: "\E612"; }
.sq-icon-circle-right:before { content: "\E614"; }
.sq-icon-yuandianxiao:before { content: "\E630"; }
.sq-icon-alert-full:before { content: "\E685"; }
.sq-icon-error-empty:before { content: "\E616"; }
.sq-icon-square-checked:before { content: "\E607"; }
.sq-icon-checkmark-full:before { content: "\E69E"; }
.sq-icon-aixin:before { content: "\E63E"; }
.sq-icon-checkmark:before { content: "\E624"; }
.sq-icon-square-border-unchecked:before { content: "\E678"; }
.sq-icon-loading:before { content: "\E633"; }
.sq-icon-keyboard-down:before { content: "\E6FB"; }
.sq-icon-error:before { content: "\E632"; }
.sq-icon-unchecked:before { content: "\E66D"; }
.sq-icon-error-full:before { content: "\E68C"; }
.sq-icon-arrow-left:before { content: "\E6FD"; }
.sq-icon-alert:before { content: "\E8EE"; }
.sq-icon-weep:before { content: "\E603"; }
.sq-icon-keyboard-remove:before { content: "\E627"; }
.sq-icon-flower:before { content: "\E7C3"; }
.sq-icon-square-unchecked:before { content: "\E66C"; }
.sq-icon-pentagram:before { content: "\E601"; }
.sq-icon-emoji:before { content: "\E604"; }
.sq-icon-search:before { content: "\E602"; }
.sq-icon-keyboard-xiangshang:before { content: "\E649"; }
.sq-icon-keyboard-delete:before { content: "\E64A"; }
.sq-icon-square-border-checked:before { content: "\E63D"; }
.sq-icon-arrow-up:before { content: "\E8EF"; }
.sq-icon-arrow-right:before { content: "\E8F0"; }
.sq-icon-arrow-down:before { content: "\E8F1"; }
.sq-icon-checkicon:before { content: "\E6CC"; }
html {
-webkit-tap-highlight-color: transparent; }
body {
margin: 0; }
a {
text-decoration: none; }
a:focus,
input:focus,
button:focus,
textarea:focus {
outline: none; }
ol,
ul {
margin: 0;
padding: 0;
list-style: none; }
input,
button,
textarea {
font: inherit; }
@keyframes animationloading {
0% {
transform: rotate(0); }
50% {
transform: rotate(180deg); }
to {
transform: rotate(1turn); } }
.sq-icon-animation-loading {
animation: animationloading .8s linear infinite; }
@keyframes ry-slide-bottom-enter {
from {
transform: translate3d(0, 100%, 0); } }
@keyframes ry-slide-bottom-leave {
to {
transform: translate3d(0, 100%, 0); } }
.ry-slide-bottom-enter-active {
animation: ry-slide-bottom-enter .3s both ease; }
.ry-slide-bottom-leave-active {
animation: ry-slide-bottom-leave .3s both ease; }
@keyframes ry-fade-enter {
from {
opacity: 0; } }
@keyframes ry-fade-leave {
to {
opacity: 0; } }
.ry-fade-enter-active {
animation: ry-fade-enter .3s both ease; }
.ry-fade-leave-active {
animation: ry-fade-leave .3s both ease; }
@keyframes blink {
0% {
opacity: 0; }
50% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes quan {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@keyframes move {
to {
transform: translate3d(-100%, 0, 0); } }
@keyframes move-infinite {
to {
transform: translate3d(-100%, 0, 0); } }
@keyframes ry-slide-right-enter {
from {
transform: translate3d(100%, 0, 0); } }
@keyframes ry-slide-right-leave {
to {
transform: translate3d(100%, 0, 0); } }
.ry-slide-right-enter-active {
animation: ry-slide-right-enter .3s both ease; }
.ry-slide-right-leave-active {
animation: ry-slide-right-leave .3s both ease; }
@keyframes ry-slide-left-enter {
from {
transform: translate3d(-100%, 0, 0); } }
@keyframes ry-slide-left-leave {
to {
transform: translate3d(-100%, 0, 0); } }
.ry-slide-left-enter-active {
animation: ry-slide-left-enter .3s both ease; }
.ry-slide-left-leave-active {
animation: ry-slide-left-leave .3s both ease; }
@keyframes ry-slide-top-enter {
from {
transform: translate3d(0, -100%, 0); } }
@keyframes ry-slide-top-leave {
to {
transform: translate3d(0, -100%, 0); } }
.ry-slide-top-enter-active {
animation: ry-slide-top-enter .3s both ease; }
.ry-slide-top-leave-active {
animation: ry-slide-top-leave .3s both ease; }
@keyframes fadeLeft {
0% {
opacity: 0;
transform: translate3d(75%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.sq-icon {
line-height: 1;
display: inline-block;
width: 1em;
height: 1em;
font-size: 14px; }
.sq-1px-top {
position: relative; }
.sq-1px-top::before {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
transform-origin: 0 0;
transform: scaleY(0.5);
z-index: 0;
top: 0;
border-top: 1px; }
.sq-1px-bottom {
position: relative; }
.sq-1px-bottom::before {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
transform-origin: 0 0;
transform: scaleY(0.5);
z-index: 0;
bottom: 0;
border-bottom: 1px; }
.accordion-item {
background-color: #fff;
font-size: 15px;
}
.accordion-item-title {
height: 50px;
padding: 14px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.accordion-item-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.accordion-item-content.accordion-item-content-transition {
overflow: hidden;
border-top: 0;
-webkit-transition: height .2s ease-in-out;
-o-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
}
.accordion-item-open ~ .accordion-item-content-transition {
position: relative;
}
.accordion-item-open ~ .accordion-item-content-transition::before {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 0;
top: 0;
border-top: 1px;
}
.accordion-item ~ .accordion-item {
position: relative;
}
.accordion-item ~ .accordion-item::before {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 0;
top: 0;
border-top: 1px;
}
.accordion-item-arrow {
position: relative;
}
.accordion-item-open.accordion-item-arrow::after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.accordion-item-arrow::after {
content: "";
display: block;
position: absolute;
top: 20px;
right: 14px;
width: 10px;
height: 10px;
border-right: 2px solid #999999;
border-top: 2px solid #999999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.sq-btn {
display: inline-block;
position: relative;
outline: 0;
text-align: center;
overflow: hidden;
border: 0;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
font-size: 14px;
height: 48px;
padding: 0 28px;
line-height: 1;
}
.sq-btn::after {
background-color: #000;
content: " ";
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sq-btn:active::after {
opacity: .3;
}
.sq-btn-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sq-btn-default {
color: #4A90E2;
background-color: #ddd;
}
.sq-btn-primary {
color: #fff;
background-color: #4A90E2;
}
.sq-btn-ghost {
color: #4A90E2;
background-color: #fff;
border: 1px solid #4A90E2;
}
.sq-btn-large {
width: 100%;
font-size: 16px;
}
.sq-btn-small {
height: 34px;
line-height: 1;
padding: 0 14px;
font-size: 14px;
}
.sq-btn-icon .sq-icon {
font-size: inherit;
}
.sq-btn-icon img {
vertical-align: middle;
width: 1em;
height: 1em;
}
.sq-btn-icon + .sq-btn-text {
margin-left: 4px;
}
.sq-btn ~ .sq-btn {
margin-top: 10px;
}
.sq-cell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
line-height: 24px;
background-color: #fff;
padding: 12px 16px;
font-size: 14px;
}
.sq-cell ~ .sq-cell {
position: relative;
}
.sq-cell ~ .sq-cell::before {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 0;
top: 0;
border-top: 1px;
}
.sq-cell-head {
margin-right: 4px;
}
.sq-cell-bd {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
.sq-cell-ft {
padding-left: 16px;
display: inline-block;
vertical-align: middle;
height: 100%;
position: relative;
}
.sq-cell-arrow {
font-size: 16px;
color: #ccc;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sq-cell-group-wrap {
height: 44px;
font-size: 13px;
padding: 12px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sq-cell-group-wrap-left {
color: #666;
}
.sq-cell-group-wrap-right {
color: #4A90E2;
}
@charset "UTF-8";
/*依赖 base 里的动画*/
.sq-loadmore {
overflow: hidden;
}
.sq-loadmore-bottom {
margin-bottom: -50px;
text-align: center;
height: 50px;
line-height: 50px;
}
.sq-loadmore-flag {
height: 0;
}
.sq-loadmore-spinner-wrap {
display: inline-block;
vertical-align: middle;
}
.sq-loadmore-loading-icon {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 28px;
height: 28px;
border: 4px solid transparent;
border-top-color: #cccccc;
border-left-color: #cccccc;
border-bottom-color: #cccccc;
border-radius: 50%;
-webkit-animation: quan .8s infinite linear;
animation: quan .8s infinite linear;
}
.sq-loadmore-is-transition {
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.sq-loadmore-bottom-text {
font-size: 13px;
color: #999;
}
@charset "UTF-8";
/*依赖 base 里的动画*/
.sq-notice-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
background: #4a4c5b;
color: #fffefe;
line-height: 1.5;
padding: 8px 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
}
.sq-notice-bar-icon {
max-width: 20px;
margin-right: 5px;
}
.sq-notice-bar-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 12px;
overflow: hidden;
}
.sq-notice-bar-text {
position: relative;
white-space: nowrap;
display: inline-block;
}
.sq-notice-bar-move {
-webkit-animation: move linear both;
animation: move linear both;
}
.sq-notice-bar-move-infinite {
-webkit-animation: move-infinite linear infinite both;
animation: move-infinite linear infinite both;
}
.sq-notice-bar-close {
max-width: 20px;
margin-left: 5px;
}
@charset "UTF-8";
/*依赖 base 里的动画 */
.sq-popup-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1010;
}
.sq-popup-content {
position: fixed;
background-color: #fff;
z-index: 1011;
}
.sq-popup-content.sq-popup-top {
left: 0;
right: 0;
top: 0;
}
.sq-popup-content.sq-popup-bottom {
left: 0;
right: 0;
bottom: 0;
}
.sq-popup-content.sq-popup-left {
top: 0;
left: 0;
width: 60%;
bottom: 0;
}
.sq-popup-content.sq-popup-right {
top: 0;
right: 0;
width: 60%;
bottom: 0;
}
.sq-popup-content.sq-popup-center {
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.sq-stepper {
display: inline-block;
background-color: #fff;
}
.sq-stepper-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sq-stepper-left, .sq-stepper-right {
border: 1px solid #4A90E2;
color: #4A90E2;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 27px;
height: 27px;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
}
.sq-stepper-input {
position: relative;
width: 40px;
height: 27px;
padding: 0 5px;
margin: 0;
font-size: 16px;
color: #333;
text-align: center;
border: 0;
outline: 0;
-webkit-appearance: none;
}
.sq-stepper-input-disabled {
background-color: rgba(201, 201, 201, 0.5);
}
.sq-stepper-cut-disabled, .sq-stepper-add-disabled {
border-color: #ccc;
color: #ccc;
}
.sq-steps {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
background-color: #fff;
padding: 0 10px;
}
.sq-steps .sq-step-item:last-child .sq-step-item-text {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sq-step-item {
display: inline-block;
font-size: 12px;
width: 2em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 2em;
-ms-flex: 0 0 2em;
flex: 0 0 2em;
}
.sq-step-item-icon .sq-icon {
font-size: 2em;
color: #4A90E2;
}
.sq-step-item-text {
font-size: 1em;
color: #878787;
white-space: nowrap;
}
.sq-step-item ~ .sq-step-item .sq-step-item-text {
width: 2em;
float: right;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sq-step-item ~ .sq-step-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.sq-step-item ~ .sq-step-item .sq-step-item-icon {
position: relative;
}
.sq-step-item ~ .sq-step-item .sq-step-item-icon::before {
content: '';
position: absolute;
top: 50%;
left: 6px;
right: 30px;
left: .6em;
right: 2.6em;
height: 1px;
background-color: #e6e6e6;
margin-top: -1px;
}
.sq-swiper {
display: inline-block;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
height: 250px;
}
.sq-swiper-wrap {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.sq-swiper-point-wrap {
position: absolute;
left: 50%;
bottom: 10px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.sq-swiper-point-item {
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #fff;
background-color: transparent;
}
.sq-swiper-point-item.sq-swiper-point-active {
background-color: #fff;
}
.sq-swiper-point-item ~ .sq-swiper-point-item {
margin-left: 6px;
}
.sq-swiper-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
}
.sq-tab-title-wrapper {
width: 100%;
height: 100%;
}
.sq-tabs-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.sq-tabs-active-line {
color: #4A90E2;
}
.sq-tabs-active-block {
color: #fff;
background-color: #4A90E2;
}
.sq-tabs-wrapper {
position: relative;
}
.sq-tabs-header {
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
right: 0;
text-align: center;
font-size: 16px;
overflow: hidden;
color: #878787;
background-color: #fff;
}
.sq-tabs-header-line {
z-index: 1;
left: 0;
bottom: 0;
height: 2px;
position: absolute;
background-color: #4A90E2;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.sq-tabs-header-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.sq-tag {
padding: 2px 4px;
color: #fff;
font-size: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sq-tag-plain {
background-color: #fff !important;
}
.sq-tag-plain.sq-tag-default {
color: #c9c9c9;
border: 1px solid #c9c9c9;
}
.sq-tag-plain.sq-tag-primary {
color: #4A90E2;
border: 1px solid #4A90E2;
}
.sq-tag-plain.sq-tag-success {
color: #50a04f;
border: 1px solid #50a04f;
}
.sq-tag-plain.sq-tag-error {
color: #fc7152;
border: 1px solid #fc7152;
}
.sq-tag-default {
background-color: #c9c9c9;
border: 1px solid #c9c9c9;
}
.sq-tag-primary {
background-color: #4A90E2;
border: 1px solid #4A90E2;
}
.sq-tag-success {
background-color: #50a04f;
border: 1px solid #50a04f;
}
.sq-tag-error {
background-color: #fc7152;
border: 1px solid #fc7152;
}
.sq-tag-square {
border-radius: 2px;
}
.sq-tag-circle {
border-radius: 10000px;
}
.sq-rater-box {
display: inline-block;
}
.sq-rater-box img {
width: 20px;
margin-right: 12px;
}
.sq-checkbox {
display: inline-block;
font-size: 14px;
}
.sq-checkbox-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.sq-checkbox-text {
display: inline-block;
margin-left: 6px;
}
.sq-checkicon-wrap.disabled .sq-icon-checkicon, .sq-checkicon-wrap.disabled .sq-icon-square-checked, .sq-checkicon-wrap.disabled .sq-icon-square-border-checked {
color: #bbb;
}
.sq-checkicon-wrap.disabled .sq-icon-unchecked, .sq-checkicon-wrap.disabled .sq-icon-square-unchecked, .sq-checkicon-wrap.disabled .sq-icon-square-border-unchecked {
opacity: .8;
}
.sq-checkicon-wrap .sq-icon-checkicon, .sq-checkicon-wrap .sq-icon-square-checked, .sq-checkicon-wrap .sq-icon-square-border-checked {
color: #4A90E2;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size: inherit;
display: inline-block;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.sq-checkicon-wrap .sq-icon-unchecked, .sq-checkicon-wrap .sq-icon-square-unchecked, .sq-checkicon-wrap .sq-icon-square-border-unchecked {
font-size: inherit;
display: inline-block;
color: #ccc;
background-color: #fff;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.sq-checkicon-wrap .sq-icon-unchecked {
border-radius: 50%;
}
.sq-checkicon-wrap .sq-icon-square-border-unchecked {
border-radius: 4px;
}
.sq-checkbox-group-cell, .sq-checkbox-group-cell-between {
display: block;
}
.sq-checkbox-group-cell .sq-checkbox, .sq-checkbox-group-cell-between .sq-checkbox {
display: block;
background-color: #ffffff;
height: 48px;
line-height: 48px;
padding: 0 16px;
}
.sq-checkbox-group-cell .sq-checkbox ~ .sq-checkbox, .sq-checkbox-group-cell-between .sq-checkbox ~ .sq-checkbox {
position: relative;
}
.sq-checkbox-group-cell .sq-checkbox ~ .sq-checkbox::before, .sq-checkbox-group-cell-between .sq-checkbox ~ .sq-checkbox::before {
content: " ";
position: absolute;
left: 16px;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 0;
top: 0;
border-top: 1px;
}
.sq-checkbox-group-cell-between .sq-checkbox-wrap {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.sq-checkbox-group-cell-between .sq-checkbox-text {
margin-left: 0;
}
.sq-checkbox-group-disabled {
color: #bbb;
}
.sq-field {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 48px;
line-height: 48px;
background-color: #fff;
border-radius: 0;
color: #333;
overflow: hidden;
position: relative;
padding: 0 16px;
font-size: 14px;
}
.sq-field-label {
max-width: 84px;
margin-right: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sq-field-label-required {
position: relative;
}
.sq-field-label-required::after {
content: '*';
position: absolute;
color: red;
font-size: 20px;
margin-top: 4px;
}
.sq-field-label ~ .sq-field-value .sq-field-control {
padding-left: 0;
}
.sq-field-label ~ .sq-field-value .sq-field-ipt-left {
text-align: left;
}
.sq-field-label ~ .sq-field-value .sq-field-ipt-center {
text-align: center;
}
.sq-field-label ~ .sq-field-value .sq-field-ipt-right {
text-align: right;
}
.sq-field-label ~ .sq-field-value .sq-field-right {
text-align: right;
}
.sq-field-label ~ .sq-field-value.sq-field-islink.sq-field-textright .sq-field-right {
padding-right: 28px;
}
.sq-field-value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.sq-field-value .sq-field-control {
outline: none;
}
.sq-field-value .sq-field-button {
position: absolute;
right: 12px;
bottom: 8px;
font-size: 14px;
height: 34px;
}
.sq-field-value .sq-field-button button {
height: 100%;
line-height: initial;
vertical-align: top;
padding: 0 14px;
color: #4A90E2;
border-color: #4A90E2;
background-color: #F6F9FD;
}
.sq-field-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.sq-field-control {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
line-height: normal;
border: 0;
margin: 0;
padding: 14px 0px;
background-color: transparent;
resize: none;
display: block;
}
.sq-field-icon {
display: inline-block;
padding: 0 10px;
color: inherit;
line-height: inherit;
margin-right: -10px;
}
.sq-field-icon .sq-icon-arrow-right, .sq-field-icon .sq-icon-error-full {
color: #ccc;
}
.sq-field-icon .blur-tip {
color: #ff6500;
}
.sq-field ~ .sq-field::after {
content: '';
position: absolute;
top: 0;
height: 200%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 16px;
right: 0;
width: auto;
-webkit-transform: scale(1, 0.5);
-ms-transform: scale(1, 0.5);
transform: scale(1, 0.5);
border: 0 solid #e5e5e5;
border-top-width: 1px;
}
.sq-field-group {
padding: 16px;
}
.sq-field-group .sq-field {
border-radius: 5px;
}
.sq-field-group .sq-field ~ .sq-field,
.sq-field-group .sq-field ~ .sq-sendcode,
.sq-field-group .sq-sendcode ~ .sq-field {
margin-top: 10px;
}
.sq-field-group .sq-field::after {
border: 0;
}
@charset "UTF-8";
/*依赖 base 里的动画*/
.sq-number-keyboard {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #ffffff;
font-size: 24px;
margin-top: 20px;
}
.sq-number-keyboard-value {
-webkit-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sq-number-keyboard-key {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
width: 33.3333%;
height: 54px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.sq-number-keyboard-key::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-top-width: 1px;
border-right-width: 1px;
}
.sq-number-keyboard-key:nth-child(-n+3)::before {
border-top-width: 0;
}
.sq-number-keyboard-key .sq-icon {
font-size: 30px;
}
.sq-number-keyboard-key-active:focus, .sq-number-keyboard-key-active:active {
background-color: #e8e8e8;
outline: none;
}
.sq-number-keyboard-key-item {
display: inline-block;
width: 100%;
height: 100%;
line-height: 54px;
text-align: center;
}
.sq-number-keyboard-button {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.sq-number-keyboard-delate, .sq-number-keyboard-confirm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sq-number-keyboard-delate .sq-icon {
font-size: 36px;
}
.sq-number-keyboard-confirm {
background-color: #4A90E2;
color: #ffffff;
font-size: 20px;
}
.sq-radio {
display: inline-block;
font-size: 14px;
}
.sq-radio.sq-radio-disabled {
color: #bbb;
}
.sq-radio-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.sq-radio-text {
display: inline-block;
margin-left: 6px;
}
.sq-radio-group-cell, .sq-radio-group-cell-between {
display: block;
}
.sq-radio-group-cell .sq-radio, .sq-radio-group-cell-between .sq-radio {
display: block;
background-color: #ffffff;
height: 48px;
line-height: 48px;
padding: 0 16px;
}
.sq-radio-group-cell .sq-radio ~ .sq-radio, .sq-radio-group-cell-between .sq-radio ~ .sq-radio {
position: relative;
}
.sq-radio-group-cell .sq-radio ~ .sq-radio::before, .sq-radio-group-cell-between .sq-radio ~ .sq-radio::before {
content: " ";
position: absolute;
left: 16px;
right: 0;
height: 1px;
border: 0 solid #e5e5e5;
color: #e5e5e5;
background-color: #e5e5e5;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 0;
top: 0;
border-top: 1px;
}
.sq-radio-group-cell-between .sq-radio-wrap {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.sq-radio-group-cell-between .sq-radio-text {
margin-left: 0;
}
.sq-radio-group-disabled {
color: #bbb;
}
.sq-switch {
height: 1em;
width: 1.6em;
display: inline-block;
position: relative;
background: #fff;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 1em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.sq-switch-checked {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background-color: #4A90E2;
}
.sq-switch-checked .sq-switch-circle {
-webkit-transform: translateX(0.6em);
-ms-transform: translateX(0.6em);
transform: translateX(0.6em);
}
.sq-switch-disabled {
opacity: .4;
}
.sq-switch-circle {
top: 0;
left: 0;
z-index: 1;
width: 1em;
height: 1em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: absolute;
border-radius: 100%;
background-color: #fff;
-webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
}
.sq-uploader {
display: inline-block;
}
.sq-uploader-mask {
background: #000;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
overflow: hidden;
}
.sq-uploader-full-item {
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}
.sq-uploader-full-remove {
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
font-size: 22px;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}
.sq-uploader-full-remove i {
font-size: inherit;
}
.sq-uploader-files {
display: inline;
list-style: none;
}
.sq-uploader-file {
float: left;
width: 80px;
height: 80px;
display: block;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.sq-uploader-file-delete-wrap {
background-color: #e24a50;
display: inline-block;
position: absolute;
right: 0;
top: 0;
margin-top: -8px;
margin-right: -6px;
padding: 2px;
height: 20px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sq-uploader-file-delete {
color: #fff;
font-size: 16px;
display: inline-block;
-webkit-transform: scale(0.8) translateY(-2px);
-ms-transform: scale(0.8) translateY(-2px);
transform: scale(0.8) translateY(-2px);
}
.sq-uploader-input-wrap {
float: left;
width: 80px;
heigh