* {box-sizing: border-box;}
/*!
* =====================================================
* Mui v3.7.0 (http://dev.dcloud.net.cn/mui)
* =====================================================
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background: 0 0
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0;
color: inherit
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
-webkit-appearance: button
}
button[disabled],
html input[disabled] {
cursor: default
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid silver
}
legend {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-spacing: 0;
border-collapse: collapse
}
td,
th {
padding: 0
}
a {
text-decoration: none;
color: #007aff
}
a:active {
color: #0062cc
}
h1, .h5-h1,
h2, .h5-h2,
h3, .h5-h3,
h4, .h5-h4,
h5, .h5-h5,
h6, .h5-h6 {
line-height: 1;
margin-top: 5px;
margin-bottom: 5px
}
.mui-h1,
h1, .h5-h1 {
font-size: 36px
}
.mui-h2,
h2, .h5-h2 {
font-size: 30px
}
.mui-h3,
h3, .h5-h3 {
font-size: 24px
}
.mui-h4,
h4, .h5-h4 {
font-size: 18px
}
.mui-h5,
h5, .h5-h5 {
font-size: 14px;
font-weight: 400;
color: #8f8f94
}
.mui-h6,
h6, .h5-h6 {
font-size: 12px;
font-weight: 400;
color: #8f8f94
}
/*=== p === */
@-webkit-keyframes spinner-spin {
0% {
-webkit-transform: rotate(0deg)
}
8.33333333% {
-webkit-transform: rotate(30deg)
}
16.66666667% {
-webkit-transform: rotate(60deg)
}
25% {
-webkit-transform: rotate(90deg)
}
33.33333333% {
-webkit-transform: rotate(120deg)
}
41.66666667% {
-webkit-transform: rotate(150deg)
}
50% {
-webkit-transform: rotate(180deg)
}
58.33333333% {
-webkit-transform: rotate(210deg)
}
66.66666667% {
-webkit-transform: rotate(240deg)
}
75% {
-webkit-transform: rotate(270deg)
}
83.33333333% {
-webkit-transform: rotate(300deg)
}
91.66666667% {
-webkit-transform: rotate(330deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spinner-spin {
0% {
transform: rotate(0deg)
}
8.33333333% {
transform: rotate(30deg)
}
16.66666667% {
transform: rotate(60deg)
}
25% {
transform: rotate(90deg)
}
33.33333333% {
transform: rotate(120deg)
}
41.66666667% {
transform: rotate(150deg)
}
50% {
transform: rotate(180deg)
}
58.33333333% {
transform: rotate(210deg)
}
66.66666667% {
transform: rotate(240deg)
}
75% {
transform: rotate(270deg)
}
83.33333333% {
transform: rotate(300deg)
}
91.66666667% {
transform: rotate(330deg)
}
100% {
transform: rotate(360deg)
}
}
.mui-btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
font-size: 14px;
font-weight: 400;
line-height: 1.42;
position: relative;
display: inline-block;
margin-bottom: 0;
padding: 6px 12px;
cursor: pointer;
-webkit-transition: all;
transition: all;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: .2s;
transition-duration: .2s;
text-align: center;
vertical-align: top;
white-space: nowrap;
color: #333;
border: 1px solid #ccc;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #fff;
background-clip: padding-box
}
.mui-btn.mui-active:enabled,
.mui-btn:enabled:active,
button.mui-active:enabled,
button:enabled:active,
input[type=button].mui-active:enabled,
input[type=button]:enabled:active,
input[type=reset].mui-active:enabled,
input[type=reset]:enabled:active,
input[type=submit].mui-active:enabled,
input[type=submit]:enabled:active {
color: #fff;
background-color: #929292
}
.mui-btn.mui-disabled,
.mui-btn:disabled,
button.mui-disabled,
button:disabled,
input[type=button].mui-disabled,
input[type=button]:disabled,
input[type=reset].mui-disabled,
input[type=reset]:disabled,
input[type=submit].mui-disabled,
input[type=submit]:disabled {
opacity: .6
}
.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
color: #fff;
border: 1px solid #007aff;
background-color: #007aff
}
.mui-btn-blue.mui-active:enabled,
.mui-btn-blue:enabled:active,
.mui-btn-primary.mui-active:enabled,
.mui-btn-primary:enabled:active,
input[type=submit].mui-active:enabled,
input[type=submit]:enabled:active {
color: #fff;
border: 1px solid #0062cc;
background-color: #0062cc
}
.mui-btn-green,
.mui-btn-positive,
.mui-btn-success {
color: #fff;
border: 1px solid #4cd964;
background-color: #4cd964
}
.mui-btn-green.mui-active:enabled,
.mui-btn-green:enabled:active,
.mui-btn-positive.mui-active:enabled,
.mui-btn-positive:enabled:active,
.mui-btn-success.mui-active:enabled,
.mui-btn-success:enabled:active {
color: #fff;
border: 1px solid #2ac845;
background-color: #2ac845
}
.mui-btn-warning,
.mui-btn-yellow {
color: #fff;
border: 1px solid #f0ad4e;
background-color: #f0ad4e
}
.mui-btn-warning.mui-active:enabled,
.mui-btn-warning:enabled:active,
.mui-btn-yellow.mui-active:enabled,
.mui-btn-yellow:enabled:active {
color: #fff;
border: 1px solid #ec971f;
background-color: #ec971f
}
.mui-btn-danger,
.mui-btn-negative,
.mui-btn-red {
color: #fff;
border: 1px solid #dd524d;
background-color: #dd524d
}
.mui-btn-danger.mui-active:enabled,
.mui-btn-danger:enabled:active,
.mui-btn-negative.mui-active:enabled,
.mui-btn-negative:enabled:active,
.mui-btn-red.mui-active:enabled,
.mui-btn-red:enabled:active {
color: #fff;
border: 1px solid #cf2d28;
background-color: #cf2d28
}
.mui-btn-purple,
.mui-btn-royal {
color: #fff;
border: 1px solid #8a6de9;
background-color: #8a6de9
}
.mui-btn-purple.mui-active:enabled,
.mui-btn-purple:enabled:active,
.mui-btn-royal.mui-active:enabled,
.mui-btn-royal:enabled:active {
color: #fff;
border: 1px solid #6641e2;
background-color: #6641e2
}
.mui-btn-grey {
color: #fff;
border: 1px solid #c7c7cc;
background-color: #c7c7cc
}
.mui-btn-grey.mui-active:enabled,
.mui-btn-grey:enabled:active {
color: #fff;
border: 1px solid #acacb4;
background-color: #acacb4
}
.mui-btn-outlined {
background-color: transparent
}
.mui-btn-outlined.mui-btn-blue,
.mui-btn-outlined.mui-btn-primary {
color: #007aff
}
.mui-btn-outlined.mui-btn-green,
.mui-btn-outlined.mui-btn-positive,
.mui-btn-outlined.mui-btn-success {
color: #4cd964
}
.mui-btn-outlined.mui-btn-warning,
.mui-btn-outlined.mui-btn-yellow {
color: #f0ad4e
}
.mui-btn-outlined.mui-btn-danger,
.mui-btn-outlined.mui-btn-negative,
.mui-btn-outlined.mui-btn-red {
color: #dd524d
}
.mui-btn-outlined.mui-btn-purple,
.mui-btn-outlined.mui-btn-royal {
color: #8a6de9
}
.mui-btn-outlined.mui-btn-blue:enabled:active,
.mui-btn-outlined.mui-btn-danger:enabled:active,
.mui-btn-outlined.mui-btn-green:enabled:active,
.mui-btn-outlined.mui-btn-negative:enabled:active,
.mui-btn-outlined.mui-btn-positive:enabled:active,
.mui-btn-outlined.mui-btn-primary:enabled:active,
.mui-btn-outlined.mui-btn-purple:enabled:active,
.mui-btn-outlined.mui-btn-red:enabled:active,
.mui-btn-outlined.mui-btn-royal:enabled:active,
.mui-btn-outlined.mui-btn-success:enabled:active,
.mui-btn-outlined.mui-btn-warning:enabled:active,
.mui-btn-outlined.mui-btn-yellow:enabled:active {
color: #fff
}
.mui-btn-link {
padding-top: 6px;
padding-bottom: 6px;
color: #007aff;
border: 0;
background-color: transparent
}
.mui-btn-link.mui-active:enabled,
.mui-btn-link:enabled:active {
color: #0062cc;
background-color: transparent
}
.mui-btn-block {
font-size: 18px;
display: block;
width: 100%;
margin-bottom: 10px;
padding: 15px 0
}
.mui-btn .mui-badge {
font-size: 14px;
margin: -2px -4px -2px 4px;
background-color: rgba(0, 0, 0, .15)
}
.mui-btn .mui-badge-inverted,
.mui-btn:enabled:active .mui-badge-inverted {
background-color: transparent
}
.mui-btn-negative:enabled:active .mui-badge-inverted,
.mui-btn-positive:enabled:active .mui-badge-inverted,
.mui-btn-primary:enabled:active .mui-badge-inverted {
color: #fff
}
.mui-btn-block .mui-badge {
position: absolute;
right: 0;
margin-right: 10px
}
.mui-btn .mui-icon {
font-size: inherit
}
.mui-btn.mui-icon {
font-size: 14px;
line-height: 1.42
}
.mui-btn.mui-fab {
width: 56px;
height: 56px;
padding: 16px;
border-radius: 50%;
outline: 0
}
.mui-btn.mui-fab.mui-btn-mini {
width: 40px;
height: 40px;
padding: 8px
}
.mui-btn.mui-fab .mui-icon {
font-size: 24px;
line-height: 24px;
width: 24px;
height: 24px
}
.mui-btn .mui-spinner {
width: 14px;
height: 14px;
vertical-align: text-bottom
}
.mui-btn-block .mui-spinner {
width: 22px;
height: 22px
}
input,
select,
textarea {
font-family: 'Helvetica Neue', Helvetica, sans-serif;
font-size: 17px;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent
}
input:focus,
select:focus,
textarea:focus {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-user-modify: read-write-plaintext-only
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
line-height: 21px;
width: 100%;
height: 40px;
padding: 10px 15px;
-webkit-user-select: text;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
outline: 0;
background-color: #fff;
-webkit-appearance: none
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none
}
input[type=search] {
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
text-align: center;
border: 0;
border-radius: 6px;
background-color: rgba(0, 0, 0, .1)
}
input[type=search]:focus {
text-align: left
}
textarea {
height: auto;
resize: none
}
@font-face {
font-family: Muiicons;
font-weight: 400;
font-style: normal;
src: url(../fonts/mui.ttf) format('truetype')
}
.gi1 {
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.375));
background: -moz-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.375));
background: -o-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.375));
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.375));
}
.gi2 {
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,0,.375));
background: -moz-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,0,.375));
background: -o-linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,0,.375));
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,0,.375));
}
/* p */
h6 {
color: rgba(0,0,0,.8);
}
.mui-bar {
background-color: white;
background-color: rgba(255,255,255,.5);
}
h1,h2,h3,h4,h5,h6 {
/* line-height: 1; */
margin-top: initial;
margin-bottom: initial;
/* margin-bottom: 5px */
}
#bodier {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
/*
//2022-03-01================
*/
.mui-loading .mui-spinner {
display: block;
margin: 0 auto
}
.mui-spinner {
display: inline-block;
width: 24px;
height: 24px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: spinner-spin 1s step-end infinite;
animation: spinner-spin 1s step-end infinite
}
@-webkit-keyframes spinner-spin {
0% {
-webkit-transform: rotate(0deg)
}
8.33333333% {
-webkit-transform: rotate(30deg)
}
16.66666667% {
-webkit-transform: rotate(60deg)
}
25% {
-webkit-transform: rotate(90deg)
}
33.33333333% {
-webkit-transform: rotate(120deg)
}
41.66666667% {
-webkit-transform: rotate(150deg)
}
50% {
-webkit-transform: rotate(180deg)
}
58.33333333% {
-webkit-transform: rotate(210deg)
}
66.66666667% {
-webkit-transform: rotate(240deg)
}
75% {
-webkit-transform: rotate(270deg)
}
83.33333333% {
-webkit-transform: rotate(300deg)
}
91.66666667% {
-webkit-transform: rotate(330deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spinner-spin {
0% {
transform: rotate(0deg)
}
8.33333333% {
transform: rotate(30deg)
}
16.66666667% {
transform: rotate(60deg)
}
25% {
transform: rotate(90deg)
}
33.33333333% {
transform: rotate(120deg)
}
41.66666667% {
transform: rotate(150deg)
}
50% {
transform: rotate(180deg)
}
58.33333333% {
transform: rotate(210deg)
}
66.66666667% {
transform: rotate(240deg)
}
75% {
transform: rotate(270deg)
}
83.33333333% {
transform: rotate(300deg)
}
91.66666667% {
transform: rotate(330deg)
}
100% {
transform: rotate(360deg)
}
}
/*==============2022-03-01*/
.mui-btn .mui-spinner {
width: 14px;
height: 14px;
vertical-align: text-bottom
}
/*===============恢复loading==========*/
..mui-loading .mui-spinner {
display: block;
margin: 0 auto
}
.mui-spinner {
display: inline-block;
width: 24px;
height: 24px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: spinner-spin 1s step-end infinite;
animation: spinner-spin 1s step-end infinite
}mui-btn-block .mui-spinner {
width: 22px;
height: 22px
}
.mui-spinner:after {
display: block;
width: 100%;
height: 100%;
content: '';
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%
}
.mui-spinner-white:after {
background-image: url('data:image/svg+xml;charset=utf-8,')
}
/*
*
*/
.gp {
display: inline-block;
width: 5px;
}
/*!
* WeUI v2.1.3 (https://github.com/weui/weui)
* Copyright 2019 Tencent, Inc.
* Licensed under the MIT license
*/
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{
line-height:1.6;
font-family:-apple-system-font, "Helvetica Neue", sans-serif;
}
/*2020-05-17: croplio
*{
margin:0;
padding:0;
}
*/
a img{
border:0;
}
a{
text-decoration:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
input,
textarea{
caret-color:#07C160;
}
::-webkit-input-placeholder{
color:rgba(0, 0, 0, 0.3);
}
[class^="weui-icon-"],
[class*=" weui-icon-"]{
display:inline-block;
vertical-align:middle;
width:24px;
height:24px;
-webkit-mask-position:50% 50%;
mask-position:50% 50%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:100%;
mask-size:100%;
background-color:currentColor;
}
.weui-panel{
background-color:#FFFFFF;
margin-top:10px;
position:relative;
overflow:hidden;
}
.weui-panel:first-child{
margin-top:0;
}
.weui-panel:before{
content:" ";
position:absolute;
left:0;
top:0;
right:0;
height:1px;
border-top:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
}
.weui-panel:after{
content:" ";
position:absolute;
left:0;
bottom:0;
right:0;
height:1px;
border-bottom:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
}
.weui-panel__hd{
padding:16px 16px 13px;
color:rgba(0, 0, 0, 0.9);
font-size:15px;
font-weight:700;
position:relative;
}
.weui-panel__hd:after{
content:" ";
position:absolute;
left:0;
bottom:0;
right:0;
height:1px;
border-bottom:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
left:15px;
}
.weui-media-box{
padding:16px;
position:relative;
}
.weui-media-box:before{
content:" ";
position:absolute;
left:0;
top:0;
right:0;
height:1px;
border-top:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
left:16px;
}
.weui-media-box:first-child:before{
display:none;
}
a.weui-media-box{
color:#000000;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
a.weui-media-box:active{
background-color:#ECECEC;
}
.weui-media-box__title{
font-weight:400;
font-size:17px;
line-height:1.4;
color:rgba(0, 0, 0, 0.9);
width:auto;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
word-wrap:break-word;
word-break:break-all;
}
.weui-media-box__desc{
color:rgba(0, 0, 0, 0.3);
font-size:14px;
line-height:1.4;
padding-top:4px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.weui-media-box__info{
margin-top:16px;
padding-bottom:4px;
font-size:13px;
color:#CECECE;
line-height:1em;
list-style:none;
overflow:hidden;
}
.weui-media-box__info__meta{
float:left;
padding-right:1em;
}
.weui-media-box__info__meta_extra{
padding-left:1em;
border-left:1px solid #CECECE;
}
.weui-media-box_appmsg{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
}
.weui-media-box_appmsg .weui-media-box__hd{
margin-right:16px;
width:60px;
height:60px;
line-height:60px;
text-align:center;
}
.weui-media-box_appmsg .weui-media-box__thumb{
width:100%;
max-height:100%;
vertical-align:top;
}
.weui-media-box_appmsg .weui-media-box__bd{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
min-width:0;
}
.weui-media-box_small-appmsg{
padding:0;
}
.weui-media-box_small-appmsg .weui-cells{
margin-top:0;
}
.weui-media-box_small-appmsg .weui-cells:before{
display:none;
}
.weui-cells{
margin-top:8px;
background-color:#FFFFFF;
line-height:1.41176471;
font-size:17px;
overflow:hidden;
position:relative;
}
.weui-cells:before{
content:" ";
position:absolute;
left:0;
top:0;
right:0;
height:1px;
border-top:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
z-index:2;
}
.weui-cells:after{
content:" ";
position:absolute;
left:0;
bottom:0;
right:0;
height:1px;
border-bottom:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
z-index:2;
}
.weui-cells__title{
margin-top:16px;
margin-bottom:3px;
padding-left:16px;
padding-right:16px;
color:rgba(0, 0, 0, 0.5);
font-size:14px;
line-height:1.4;
}
.weui-cells__title + .weui-cells{
margin-top:0;
}
.weui-cells__tips{
margin-top:8px;
color:rgba(0, 0, 0, 0.5);
padding-left:16px;
padding-right:16px;
font-size:14px;
line-height:1.4;
}
.weui-cell{
padding:10px;
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
}
.weui-cell:before{
content:" ";
position:absolute;
left:0;
top:0;
right:0;
height:1px;
border-top:1px solid rgba(0, 0, 0, 0.1);
color:rgba(0, 0, 0, 0.1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
left:16px;
z-index:2;
}
.weui-cell:first-child:before{
display:none;
}
.weui-cell_primary{
-webkit-box-align:start;
-webkit-align-items:flex-start;
align-items:flex-start;
}
.weui-cell__bd{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
text-align:center;
padding: 0 10px;
}
.weui-cell__ft{
text-align:left;
color:rgba(0, 0, 0, 0.5);
-webkit-box-flex:5;
-webkit-flex:5;
flex:5;
color: #000;
line-height: 1.8em;
padding: 0 10px;
border-left: 1px solid #0001;
text-indent: 2em;
}
.weui-cell_swiped{
display:block;
padding:0;
}
.weui-cell_swiped > .weui-cell__bd{
position:relative;
z-index:1;
background-color:#FFFFFF;
}
.weui-cell_swiped > .weui-cell__ft{
position:absolute;
right:0;
top:0;
bottom:0;
display:-webkit-box;
display:-webkit-flex;
display:flex;
color:#FFFFFF;
}
.weui-swiped-btn{
display:block;
padding:16px 1em;
line-height:1.41176471;
color:inherit;
}
.weui-swiped-btn_default{
background-color:#EDEDED;
}
.weui-swiped-btn_warn{
background-color:#FA5151;
}
.weui-cell_access{
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
color:inherit;
}
.weui-cell_access:active{
background-color:#ECECEC;
}
.weui-cell_access .weui-cell__ft{
padding-right:22px;
position:relative;
}
.weui-cell_access .weui-cell__ft:after{
content:" ";
width:12px;
height:24px;
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:100%;
mask-size:100%;
background-color:currentColor;
color:rgba(0, 0, 0, 0.3);
-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
position:absolute;
top:50%;
right:0;
margin-top:-12px;
}
.weui-cell_link{
color:#576B95;
font-size:17px;
}
.weui-cell_link:first-child:before{
display:block;
}
@-webkit-keyframes slideUp{
from{
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
@keyframes slideUp{
from{
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
to{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
.weui-animate-slide-up{
-webkit-animation:slideUp ease .3s forwards;
animation:slideUp ease .3s forwards;
}
@-webkit-keyframes slideDown{
from{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to{
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
}
@keyframes slideDown{
from{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
to{
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
}
.weui-animate-slide-down{
-webkit-animation:slideDown ease .3s forwards;
animation:slideDown ease .3s forwards;
}
@-webkit-keyframes fadeIn{
from{
opacity:0;
}
to{
opacity:1;
}
}
@keyframes fadeIn{
from{
opacity:0;
}
to{
opacity:1;
}
}
.weui-animate-fade-in{
-webkit-animation:fadeIn ease .3s forwards;
animation:fadeIn ease .3s forwards;
}
body{
-webkit-animation: fadeIn cubic-bezier(0.55, 0.06, 0.68, 0.19) .3s forwards;
animation: fadeIn cubic-bezier(0.55, 0.06, 0.68, 0.19) .3s forwards;
}
@-webkit-keyframes fadeOut{
from{
opacity:1;
}
to{
opacity:0;
}
}
@keyframes fadeOut{
from{
opacity:1;
}
to{
opacity:0;
}
}
.weui-animate-fade-out{
-webkit-animation:fadeOut ease .3s forwards;
animation:fadeOut ease .3s forwards;
}
/*去下边使用*/
.weui-panel {
/*2020-01-30: 去除
margin-top: initial;
*/
}
/*
.weui-media-box_appmsg .weui-media-box__hd {
min-height: 60px;
line-height: initial;
width: initial;
}
*/
.weui-panel__ft .weui-cell_link {
font-size: 15px;
}
.weui-panel__ft .weui-cell__bd {
text-align: right;
}
.weui-navbar:after {
border-bottom: 0;
}
.weui-cell_access .weui-cell__tl {
padding-right: 22px;
position: relative;
}
.weui-cell__tl {
text-align: right;
color: rgba(0,0,0,.5);
}
.weui-media-box {
width: 100%;
max-width: 450px;
display: inline-block;
}
.weui-media-box__hd {
display: inline-block;
}
.weui-media-box__bd {
display: inline-block;
}
.weui-media-box__desc .bs {
margin-right: .5em;
}
.weui-cell_link {
color: rgba(0,0,0,0.3);
}
/*==========suneditor=========*/
.sun-editor-editable.se-show-block *[contenteditable|=false] {
border: 1px dashed rgba(255, 0, 0, .8)!important
}
.sun-editor-editable.se-show-block [contenteditable|=false] div {
background: none;
border: 0px !important;
}
.sun-editor-editable.se-show-block *[contenteditable|=true] {
border: 1px dashed rgba(0, 255, 0, .8)!important
}
.z-slide-wrap {
position: relative;
display: block;
height: 180px;
}
.z-slide-content {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.z-slide-item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translate3d(0, 0, 0);
}
.z-slide-item > a {
position: relative;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.z-slide-item img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.z-slide-indicator {
position: absolute;
bottom: 0.5rem;
left: 0;
z-index: 10;
}
.z-slide-indicator .z-slide-dot {
display: block;
float: left;
width: 1rem;
height: 1rem;
margin-left: 0.2rem;
margin-right: 0.2rem;
border-radius: 50%;
background-color: #fff;
}
.z-slide-indicator .z-slide-dot.active {
background-color: #099fde;
}
.sun-editor-editable {
opacity: .95;
border-radius: 2px;
}
.weui-footer__text {
text-align: center;
font-size: 10px;
color: #CCC;
text-shadow: 1px 1px #FFF;
}
/* All classes used must begin with "__se__". */
/* used color #000 , #fff , #CCC, #f9f9f9 */
/* font color #333, background color: #fff */
/* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
/* blue color #c7deff , #80bdff , #3f9dff , #4592ff */
/* red color #b94a48 , #f2dede , #eed3d7 */
/* suneditor contents */
.sun-editor-editable {
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
line-height: 1.5;
color: #333;
text-align: left;
background-color: #fff;
word-break: break-all;
word-wrap: break-word;
/*2021-11-23: 去padding padding: 16px;*/
margin: 0;
}
.sun-editor-editable p {
padding: 0 8px 0 8px;
}
.sun-editor-editable * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/** controllers on tag */
.sun-editor-editable td, .sun-editor-editable th,
.sun-editor-editable figure, .sun-editor-editable figcaption, .sun-editor-editable img,
.sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
position: relative;
}
/* float */
.sun-editor-editable .__se__float-left {
float: left;
}
.sun-editor-editable .__se__float-right {
float: right;
}
.sun-editor-editable .__se__float-center {
float: center;
}
.sun-editor-editable .__se__float-none {
float: none;
}
/* span */
.sun-editor-editable span {
display: inline;
vertical-align: baseline;
margin: 0;
padding: 0;
}
/* a */
.sun-editor-editable a {
color: #004cff;
text-decoration: none;
}
.sun-editor-editable span[style~="color:"] a {
color: inherit;
}
.sun-editor-editable a:hover, .sun-editor-editable a:focus {
cursor: pointer;
color: #0093ff;
text-decoration: underline;
}
/* pre */
.sun-editor-editable pre {
display: block;
padding: 8px;
margin: 0 0 10px;
line-height: 1.45;
color: #666;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 2px;
white-space: pre-wrap;
word-wrap: break-word;
overflow: visible;
}
/* ol, ul */
.sun-editor-editable ol {
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.sun-editor-editable ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.sun-editor-editable li {
display: list-item;
text-align: -webkit-match-parent;
margin-bottom: 5px;
}
/* sub, sup */
.sun-editor-editable sub, .sun-editor-editable sup {
font-size: 75%;
line-height: 0;
}
.sun-editor-editable sub {
vertical-align: sub;
}
.sun-editor-editable sup {
vertical-align: super;
}
/** format style */
/* p */
.sun-editor-editable p {
display: block;
margin: 0 0 10px;
}
.sun-editor-editable.se-wrapper-wysiwyg p {
/* box-shadow: 0 0 10px inset #ccc; */
border-bottom: 1px dashed lightblue;
border-bottom: 1px dashed #79deff;
}
.sun-editor-editable.se-wrapper-wysiwyg .pxed {
border: 1px dashed silver;
}
.sun-editor-editable.se-wrapper-wysiwyg .ped {
border: 1px dashed slicer;
}
/* div */
.sun-editor-editable div {
display: block;
margin: 0;
padding: 0;
}
/* blockquote */
.sun-editor-editable blockquote {
display: block;
font-family: inherit;
font-size: inherit;
color: #999;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
border-style: solid;
border-width: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 5px;
border-left-width: 5px;
border-color: #b1b1b1;
}
.sun-editor-editable blockquote blockquote {
border-color: #c1c1c1;
}
.sun-editor-editable blockquote blockquote blockquote {
border-color: #d1d1d1;
}
.sun-editor-editable blockquote blockquote blockquote blockquote {
border-color: #e1e1e1;
}
/* h1 */
.sun-editor-editable h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
/* h2 */
.sun-editor-editable h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
/* h3 */
.sun-editor-editable h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
/* h4 */
.sun-editor-editable h4 {
display: block;
font-size: 1em;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
/* h5 */
.sun-editor-editable h5 {
display: block;
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
/* h6 */
.sun-editor-editable h6 {
display: block;
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
/* hr */
.sun-editor-editable hr {
display: flex;
border-width: 1px 0 0;
border-color: black;
border-image: initial;
height: 1px;
}
.sun-editor-editable hr.__se__solid {
border-style: solid none none;
}
.sun-editor-editable hr.__se__dotted {
border-style: dotted none none;
}
.sun-editor-editable hr.__se__dashed {
border-style: dashed none none;
}
/* table */
.sun-editor-editable table {
display: table;
table-layout: auto;
border: 1px solid rgb(204, 204, 204);
width: 100%;
max-width: 100%;
margin: 0 0 10px;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
}
.sun-editor-editable table thead {
border-bottom: 2px solid #333;
}
.sun-editor-editable table tr {
border: 1px solid #efefef;
}
.sun-editor-editable table th {
background-color: #f3f3f3;
}
.sun-editor-editable table th, .sun-editor-editable table td {
border: 1px solid #e1e1e1;
padding:0.4em;
background-clip: padding-box;
}
/** table - select class */
.sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
border: 1px double #4592ff;
background-color: #f1f7ff;
}
.sun-editor-editable.se-disabled * {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
/** component (image, iframe video) */
.sun-editor-editable .se-component {
display: flex;
padding: 1px;
margin: 0 0 10px;
}
.sun-editor-editable .se-component.__se__float-left {
margin: 0 20px 10px 0;
}
.sun-editor-editable .se-component.__se__float-right {
margin: 0 0 10px 20px;
}
.sun-editor-editable[contenteditable=true] .se-component {
outline: 1px dashed #e1e1e1;
}
/** image, video .. */
.sun-editor-editable img, .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
display: block;
margin: 0;
padding: 0;
width: auto;
height: auto;
max-width: 100%;
}
/* image, video - select index */
.sun-editor-editable[contenteditable="true"] figure::after {
position: absolute;
content: '';
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: default;
display: block;
background: rgba(0,0,0,0);
}
.sun-editor-editable[contenteditable="true"] figure a, .sun-editor-editable[contenteditable="true"] figure img, .sun-editor-editable[contenteditable="true"] figure iframe {
z-index: 0;
}
.sun-editor-editable[contenteditable="true"] figure figcaption {
display: block;
z-index: 2;
}
/** image, video iframe figure cover */
.sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
width: auto;
height: auto;
max-width: 100%;
}
.sun-editor-editable figure {
display: block;
outline: none;
margin: 0;
padding: 0;
}
.sun-editor-editable figure figcaption {
padding: 1em .5em;
margin: 0;
background-color: #f9f9f9;
outline: none;
}
.sun-editor-editable figure figcaption p{
line-height: 2;
margin: 0;
}
/* image */
.sun-editor-editable .se-image-container a img {
padding: 1px;
margin: 1px;
outline: 1px solid #4592ff;
}
/** video */
.sun-editor-editable .se-video-container iframe {
outline: 1px solid #9e9e9e;
position: absolute;
top: 0;
left: 0;
border: 0;
width: 100%;
height: 100%;
}
.sun-editor-editable .se-video-container figure {
left: 0px;
width: 100%;
max-width: 100%;
}
/** --- show blocks mode */
.sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block div,
.sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3,
.sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6 {
border:1px dashed #3f9dff !important;
padding:10px 8px 8px 8px !important;
}
.se-show-block p {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block div {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block h1 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h2 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==') no-repeat;}
.se-show-block h3 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h4 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h5 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC') no-repeat;}
.se-show-block h6 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC') no-repeat;}
/** -- Paragraph styles custom -- */
/* Bordered */
.sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
border-top: solid 1px #b1b1b1;
border-bottom: solid 1px #b1b1b1;
padding: 4px 0;
}
/* Spaced */
.sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
letter-spacing: 1px;
}
/* Neon (https://codepen.io/GeorgePark/pen/MrjbEr) */
.sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
font-weight: 200;
font-style: italic;
background: #000;
color: #fff;
padding: 6px 4px;
border: 2px solid #fff;
border-radius: 6px;
text-transform: uppercase;
animation: neonFlicker 1.5s infinite alternate;
}
@keyframes neonFlicker {
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
text-shadow:
-0.2rem -0.2rem 1rem #fff,
0.2rem 0.2rem 1rem #fff,
0 0 2px #f40,
0 0 4px #f40,
0 0 6px #f40,
0 0 8px #f40,
0 0 10px #f40;
box-shadow:
0 0 .5px #fff,
inset 0 0 .5px #fff,
0 0 2px #08f,
inset 0 0 2px #08f,
0 0 4px #08f,
inset 0 0 4px #08f;
}
20%, 24%, 55% {
text-shadow: none;
box-shadow: none;
}
}
/* -- Text styles custom -- */
/* Shadow */
.sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
text-shadow:
-0.2rem -0.2rem 1rem #fff,
0.2rem 0.2rem 1rem #fff,
0 0 0.2rem #999,
0 0 0.4rem #888,
0 0 0.6rem #777,
0 0 0.8rem #666,
0 0 1rem #555;
}
.ckcun {
width: 100%;
padding: 5px;
display: inline-block;
}
.ckcun>.tA {
background: white;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
position: relative;
}
.ckcun>.tA>.tB {
width: 100%;
width: 35%;
display: inline-block;
}
.ckcun>.tA>.tB>img {
width: 100%;
}
.ckcun>.tA>.tC {
padding: 10px;
width: 65%;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
height: 100%;
}
.ckcun>.tA>.tC>h6 {
float: right;
}
.ckcun>.tA>.tC>h4>h6 {
display: inline-block;
}
.ckcun>.tA>.tC>h5 {
padding: 10px;
}
.ckcun>.tA>.tC>h5>.lD {
text-decoration: line-through;
}
.ckcun>.tA>.tC>h5>.lE {
margin-left: 2px;
color: green;
padding: 2px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.ckcun .opers {
float: right;
}
.cq1bo {
position: relative;
display: inline-block;
height: 75px;
width: 50px;
margin-right: 5px;
}
.cq1bo>.tA {
width: 100%;
top: 0;
}
.cq1bo>.tB {
position: absolue;
width: 100%;
height: 25px;
line-height: 25px;
bottom: 0px;
text-align: center;
font-size: 12px;
}
.ey9k2 {
max-height: 400px;
max-height: 300px;
overflow: hidden;
}
.ey9k2 img {
width: 100%;
}
.ey9k2 tT {
position: absolute;
bottom: 0;
padding: 10px;
padding-left: 20px;
background: rgba(0,0,0,.5);
background: rgba(255, 255, 255, .3);
color: #0000004D;
width: 100%;
}
.ey9k2 tT desc {
padding: 10px;
}
.ey9k2 {
max-height: 400px;
max-height: 300px;
overflow: hidden;
}
.ey9k2 img {
width: 100%;
}
.ey9k2 tT {
position: absolute;
bottom: 0;
padding: 10px;
padding-left: 20px;
background: rgba(0,0,0,.5);
background: rgba(255, 255, 255, .3);
color: #0000004D;
width: 100%;
}
.ey9k2 tT desc {
padding: 10px;
}
.ey9k2 {
max-height: 400px;
max-height: 300px;
overflow: hidden;
}
.ey9k2 img {
width: 100%;
}
.ey9k2 tT {
position: absolute;
bottom: 0;
padding: 10px;
padding-left: 20px;
background: rgba(0,0,0,.5);
background: rgba(255, 255, 255, .3);
color: #0000004D;
width: 100%;
}
.ey9k2 tT desc {
padding: 10px;
}
.ey9k2 {
max-height: 400px;
max-height: 300px;
overflow: hidden;
}
.ey9k2 img {
width: 100%;
}
.ey9k2 tT {
position: absolute;
bottom: 0;
padding: 10px;
padding-left: 20px;
background: rgba(0,0,0,.5);
background: rgba(255, 255, 255, .3);
color: #0000004D;
width: 100%;
}
.ey9k2 tT desc {
padding: 10px;
}
.ckqyb {
position: relative;
overflow: hidden;
}
.ckqyb .mui-slider-group {
width: 100%;
height: 100%;
position: absolute;
}
.ojfsd {
padding: 0;
display: block;
}
.root-mlby1.none {
display: none;
}
.htm1g {
position: relative;
margin: 11px;
}
.htm1g.bare {
margin: 0;
}
.inner-mlby1 {
background: #FFF6;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.inner-mlby1.shadow {
box-shadow: 0 0 3px;
-moz-box-shadow: 0 0 3px;
-webkit-box-shadow: 0 0 3px;
-ms-box-shadow: 0 0 3px;
-o-box-shadow: 0 0 3px;
}
.inner-mlby1 {
background: #FFF;
}
.inner-mlby1.shadow {
box-shadow: 0 0 3px #00a9f84C;
-moz-box-shadow: 0 0 3px #00a9f84C;
-webkit-box-shadow: 0 0 3px #00a9f84C;
-ms-box-shadow: 0 0 3px #00a9f84C;
-o-box-shadow: 0 0 3px #00a9f84C;
}
.inner-mlby1.right {
text-align: right;
}
.inner-mlby1.center {
text-align: center;
}
.inner-mlby1.left {
text-align: left;
}
.a0jwk {}
.jd9jx {
position: relative;
background: #FFF6;
background: #FFF9;
padding: 10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
margin: 10px;
}
.jd9jx.shadow {
box-shadow: 0 0 3px #0002;
-moz-box-shadow: 0 0 3px #0002;
-webkit-box-shadow: 0 0 3px #0002;
-ms-box-shadow: 0 0 3px #0002;
-o-box-shadow: 0 0 3px #0002;
}
.mirtz {
display: inline-block;
}
.mirtz.iL {
float: left;
}
.mirtz.iB {
display: inline-block;
width: 300px;
overflow: hidden;
}
.bluehint0>.pngol {
border: 1px dashed #00a9f87F;
margin-right: -1px;
}
.bluehint>.pngol {
margin: 1vw;
box-shadow: 0 0 2px #0005;
-moz-box-shadow: 0 0 2px #0005;
-webkit-box-shadow: 0 0 2px #0005;
-ms-box-shadow: 0 0 2px #0005;
-o-box-shadow: 0 0 2px #0005;
width: 48vw;
}
.t_c0>.pngol>.c>.t {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 0;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.t_c1>.pngol>.c>.t {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.t_c2>.pngol>.c>.t {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.t_c3>.pngol>.c>.t {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.d_c0>.pngol>.c>.d {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 0;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.d_c1>.pngol>.c>.d {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.d_c2>.pngol>.c>.d {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.d_c3>.pngol>.c>.d {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.pngol>.c>.d {}
.pngol>.c>.m {}
.m_c0>.pngol>.c>.m {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 0;
overflow: hidden;
}
.pngol>.c>.m {}
.pngol>.c>.m {}
.m_c1>.pngol>.c>.m {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.pngol>.c>.m {}
.pngol>.c>.m {}
.m_c2>.pngol>.c>.m {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pngol>.c>.m {}
.pngol>.c>.m {}
.m_c3>.pngol>.c>.m {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.pngol>.c>.m {}
.pngol>.c>.m {}
.pngol {
position: relative;
}
.pngol>.c {
padding-top: 10px;
padding-left: 10px;
text-align: left;
}
.pngol>.c>.h4 {
font-size: 17px;
font-weight: bold;
}
.pngol>.c>.h6 {
font-size: 12px;
color: rgba(0, 0, 0, .7);
}
.pngol>.c>.t {
color: black;
}
.pngol>.c>.d {
padding-top: 5px;
}
.pngol>.c>.m {
text-align: right;
}
.pngol>.o {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
}
.pngol>.di.sun-editor-editable {
padding: 0px !important;
height: 3em;
overflow: hidden;
}
.pngol>.di.sun-editor-editable .more {
position: absolute;
right: 0px;
padding-right: 10px;
bottom: 8px;
padding-left: 50px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}
.pngol>.di.img {
display: flex;
justify-content: center;
align-items: center;
max-height: 150px;
overflow: hidden;
}
.ejcm9.mui-input-group input[type=submit] {
border: 1px solid #007AFF;
background-color: #007AFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.mui-slider-indicator .mui-indicator {
width: 8px;
height: 8px;
background: rgba(0, 0, 0, .4);
}
@keyframes myfirst {
from {
background: red;
}
to {
background: yellow ;
}
}
.color_anim_test {
animation: myfirst 5s;
-moz-animation: myfirst 5s;
-webkit-animation: myfirst 5s;
-ms-animation: myfirst 5s;
-o-animation: myfirst 5s;
}
@keyframes l_i_d {
from {
top: 0px;
left: -100%;
}
to {
top: 0px;
left: 0px;
}
}
.ied {
top: 0px;
left: 0px;
}
.oed {
top: 0px;
left: -100%;
}
@keyframes left_in {
from {
top: 0px;
left: -100%;
}
to {
top: 0px;
left: 0px;
}
}
@keyframes left_out {
from {
top: 0px;
left: 0;
}
to {
top: 0px;
left: -100%;
}
}
@keyframes right_in {
from {
opacity: 0.5;
left: 100%;
}
to {
opacity: 1;
left: 0px;
}
}
@keyframes right_out {
from {
opacity: 1;
transform: scale(1,1);
-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
left: 0;
}
to {
opacity: 0.5;
transform: scale(0.6,0.6);
-moz-transform: scale(0.6,0.6);
-webkit-transform: scale(0.6,0.6);
-ms-transform: scale(0.6,0.6);
-o-transform: scale(0.6,0.6);
left: 100%;
}
}
@keyframes top_in {
from {
top: -100%;
}
to {
top: 0px;
}
}
@keyframes top_out {
from {
top: 0;
}
to {
top: -100%;
}
}
@keyframes bottom_in {
from {
top: 100%;
}
to {
top: 0px;
}
}
@keyframes bottom_out {
from {
top: 0;
}
to {
top: 100%;
}
}
.animation-left_in {
animation: left_in 0.5s ease-out;
-moz-animation: left_in 0.5s ease-out;
-webkit-animation: left_in 0.5s ease-out;
-ms-animation: left_in 0.5s ease-out;
-o-animation: left_in 0.5s ease-out;
}
.animation-left_out {
animation: left_out 0.5s ease-in;
-moz-animation: left_out 0.5s ease-in;
-webkit-animation: left_out 0.5s ease-in;
-ms-animation: left_out 0.5s ease-in;
-o-animation: left_out 0.5s ease-in;
}
.animation-right_in {
animation: right_in 0.5s ease-out;
-moz-animation: right_in 0.5s ease-out;
-webkit-animation: right_in 0.5s ease-out;
-ms-animation: right_in 0.5s ease-out;
-o-animation: right_in 0.5s ease-out;
}
.animation-right_out {
animation: right_out 0.5s ease-in;
-moz-animation: right_out 0.5s ease-in;
-webkit-animation: right_out 0.5s ease-in;
-ms-animation: right_out 0.5s ease-in;
-o-animation: right_out 0.5s ease-in;
animation-test: hi;
-moz-animation-test: hi;
-webkit-animation-test: hi;
-ms-animation-test: hi;
-o-animation-test: hi;
}
.cui000-ground-color {
background-color: #f9f9f9;
}
.cui000-c-ground {
background-color: #f9f9f9;
}
body {
background-color: #f9f9f9;
}
view {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.mp {
width: 100%;
height: 100%;
position: relative;
}
.fp {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fill_parent {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cui000-fp {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cui000-twig {
height: 3em;
width: 100%;
position: relative;
}
.cui000-shadow, .cui000-overlay-shadow {
box-shadow: 0 1px 3px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-o-box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.cui000-corner-all {
background-clip: padding-box;
border-radius: .3125em;
-moz-border-radius: .3125em;
-webkit-border-radius: .3125em;
-ms-border-radius: .3125em;
-o-border-radius: .3125em;
}
.cui000-c-content {
background-color: #FFF;
}
.cui000-btn,.cui000-button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cui000-btn input,.cui000-button input,.cui000-btn textarea,.cui000-button textarea,.cui000-btn keygen,.cui000-button keygen,.cui000-btn select,.cui000-button select,.cui000-btn button,.cui000-button button {
margin: 0;
padding: 0;
border: 0;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
background: transparent none;
width: 100%;
height: 100%;
position: relative;
border: 1px solid #ddd;
}
.cui000-btn button,.cui000-button button {
cursor: pointer;
background-color: #f9f9f9;
border-color: #bbb;
}
.cui000-btn button:hover,.cui000-button button:hover {
background-color: #ededed;
border-color: #ddd;
color: #333;
text-shadow: 0 1px 0 #f3f3f3;
}
.cui000-btn button:active,.cui000-button button:active {
background-color: #e8e8e8;
background-color: #38c;
border-color: #ddd;
border-color: #38c;
color: #333;
color: #fff;
text-shadow: 0 1px 0 #f3f3f3;
text-shadow: 0 1px 0 #999;
text-shadow: 0 1px 0 #38c;
}
.cui000-btn.cui000-normal,.cui000-button.cui000-normal {
margin: .3em;
}
.cui000-btn.cui000-normal button,.cui000-button.cui000-normal button {
background-clip: padding-box;
border-radius: .3125em;
-moz-border-radius: .3125em;
-webkit-border-radius: .3125em;
-ms-border-radius: .3125em;
-o-border-radius: .3125em;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-o-box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.cui000-btn.cui000-normal button:focus,.cui000-button.cui000-normal button:focus {
box-shadow: 0 0 12px #38c;
-moz-box-shadow: 0 0 12px #38c;
-webkit-box-shadow: 0 0 12px #38c;
-ms-box-shadow: 0 0 12px #38c;
-o-box-shadow: 0 0 12px #38c;
outline: 0;
}
.cui000-btn.cui000-inline,.cui000-button.cui000-inline {
margin: .3em;
}
.cui000-btn.cui000-inline button,.cui000-button.cui000-inline button {
background-clip: padding-box;
border-radius: .3125em;
-moz-border-radius: .3125em;
-webkit-border-radius: .3125em;
-ms-border-radius: .3125em;
-o-border-radius: .3125em;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-o-box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.cui000-btn.cui000-inline button:focus,.cui000-button.cui000-inline button:focus {
box-shadow: 0 0 12px #38c;
-moz-box-shadow: 0 0 12px #38c;
-webkit-box-shadow: 0 0 12px #38c;
-ms-box-shadow: 0 0 12px #38c;
-o-box-shadow: 0 0 12px #38c;
outline: 0;
}
.cui000-btn.cui000-inline button,.cui000-button.cui000-inline button {
width: auto;
padding: 10px;
margin-left: 2px;
margin-right: 2px;
}
.cui000-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cui000-input input,.cui000-input textarea,.cui000-input keygen,.cui000-input select,.cui000-input button {
margin: 0;
padding: 0;
border: 0;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
background: transparent none;
width: 100%;
height: 100%;
position: relative;
border: 1px solid #ddd;
}
.cui000-input input {}
.cui000-input.cui000-normal {
margin: .3em;
}
.cui000-input.cui000-normal input {
padding: .2em;
padding-left: .8em;
background-clip: padding-box;
border-radius: .3125em;
-moz-border-radius: .3125em;
-webkit-border-radius: .3125em;
-ms-border-radius: .3125em;
-o-border-radius: .3125em;
}
.cui000-input.cui000-normal input:focus {
background-color: #fff;
box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
-ms-box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
-o-box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
outline: 0;
}
.cui000-nav button {
margin: 0;
padding: 0;
border: 0;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
background: transparent none;
width: 100%;
height: 100%;
position: relative;
border: 1px solid #ddd;
cursor: pointer;
border-width: 0;
}
.cui000-nav div {
border-bottom: 1px solid #ddd;
box-shadow: inset 0px 2px 3px rgba(0,0,0,.4);
-moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,.4);
-webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,.4);
-ms-box-shadow: inset 0px 2px 3px rgba(0,0,0,.4);
-o-box-shadow: inset 0px 2px 3px rgba(0,0,0,.4);
background-color: #38c;
background-color: #ededed;
}
.cui000-nav div:first-child {
border-left: none;
}
.cui000-nav div.active {
border-bottom-color: #f9f9f9;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
background-color: #fff;
background-color: #f9f9f9;
}
.root-mlby1.none {
display: none;
}
.htm1g {
position: relative;
margin: 11px;
}
.htm1g.bare {
margin: 0;
}
.inner-mlby1 {
background: #FFF6;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.inner-mlby1.shadow {
box-shadow: 0 0 3px;
-moz-box-shadow: 0 0 3px;
-webkit-box-shadow: 0 0 3px;
-ms-box-shadow: 0 0 3px;
-o-box-shadow: 0 0 3px;
}
.inner-mlby1 {
background: #FFF;
}
.inner-mlby1.shadow {
box-shadow: 0 0 3px rgba(169,45,35,0.3);
-moz-box-shadow: 0 0 3px rgba(169,45,35,0.3);
-webkit-box-shadow: 0 0 3px rgba(169,45,35,0.3);
-ms-box-shadow: 0 0 3px rgba(169,45,35,0.3);
-o-box-shadow: 0 0 3px rgba(169,45,35,0.3);
}
.inner-mlby1.right {
text-align: right;
}
.inner-mlby1.center {
text-align: center;
}
.inner-mlby1.left {
text-align: left;
}
.foyio {
text-align: center;
}
.foyio .reload {
text-align: center;
}
.ojfsd {
padding: 0;
display: block;
}
.d2kn1 {
display: inline-block;
height: 49px;
width: 49px;
line-height: 49px;
text-align: center;
border-radius: 24.5px;
-moz-border-radius: 24.5px;
-webkit-border-radius: 24.5px;
-ms-border-radius: 24.5px;
-o-border-radius: 24.5px;
color: #FFFFFF;
margin: 5px;
overflow: hidden;
position: relative;
opacity: .95;
}
.d2kn1 .icon {
position: absolute;
top: 15px;
left: 15px;
}
.d2kn1.disabled {
opacity: .38;
}
.d2kn1 {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #A92D23;
color: #FFFFFF;
}
.d2kn1 .icon.spinner {
display: none;
}
.d2kn1.disabled .icon {
display: none;
}
.d2kn1.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.d2kn1.disabled .content {
display: none;
}
.czx9y {
display: inline-block;
height: 38px;
width: 38px;
line-height: 38px;
text-align: center;
border-radius: 19px;
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
-ms-border-radius: 19px;
-o-border-radius: 19px;
color: #FFFFFF;
margin: 5px;
overflow: hidden;
position: relative;
opacity: .95;
}
.czx9y .icon {
position: absolute;
top: 8px;
left: 8px;
}
.czx9y.disabled {
opacity: .38;
}
.czx9y {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #A92D23;
color: #FFFFFF;
}
.czx9y .icon.spinner {
display: none;
}
.czx9y.disabled .icon {
display: none;
}
.czx9y.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.czx9y.disabled .content {
display: none;
}
.kjdox {
display: inline-block;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
color: #FFFFFF;
margin: 0px;
overflow: hidden;
position: relative;
opacity: .95;
}
.kjdox .icon {
position: absolute;
top: 20px;
left: 20px;
}
.kjdox.disabled {
opacity: .38;
}
.kjdox {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #A92D23;
color: #FFFFFF;
}
.kjdox .icon.spinner {
display: none;
}
.kjdox.disabled .icon {
display: none;
}
.kjdox.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.kjdox.disabled .content {
display: none;
}
.c2n4g {
display: inline-block;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
color: #FFFFFF;
margin: 0px;
overflow: hidden;
position: relative;
opacity: .95;
}
.c2n4g .icon {
position: absolute;
top: 20px;
left: 20px;
}
.c2n4g.disabled {
opacity: .38;
}
.c2n4g {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #A92D23;
color: #FFFFFF;
}
.c2n4g .icon.spinner {
display: none;
}
.c2n4g.disabled .icon {
display: none;
}
.c2n4g.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.c2n4g.disabled .content {
display: none;
}
.hbelw {
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
color: #FFFFFF;
margin: 0px;
overflow: hidden;
position: relative;
opacity: .95;
}
.hbelw .icon {
position: absolute;
top: 10px;
left: 10px;
}
.hbelw.disabled {
opacity: .38;
}
.hbelw {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #A92D23;
color: #FFFFFF;
}
.hbelw .icon.spinner {
display: none;
}
.hbelw.disabled .icon {
display: none;
}
.hbelw.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.hbelw.disabled .content {
display: none;
}
.dh6l9 .hmb {
box-shadow: 3px 3px 5px #0006;
-moz-box-shadow: 3px 3px 5px #0006;
-webkit-box-shadow: 3px 3px 5px #0006;
-ms-box-shadow: 3px 3px 5px #0006;
-o-box-shadow: 3px 3px 5px #0006;
}
.dh6l9 .bg {
bottom: 0px;
overflow: hidden;
}
.dh6l9 .bg img {}
.dwpor .bg {
position: absolute;
bottom: 0px;
}
.dwpor .bg img {
transform: translate(0px, 20%);
-moz-transform: translate(0px, 20%);
-webkit-transform: translate(0px, 20%);
-ms-transform: translate(0px, 20%);
-o-transform: translate(0px, 20%);
}
.kkgpg {
display: inline-block;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
color: #A92D23;
margin: 5px;
overflow: hidden;
position: relative;
opacity: .95;
}
.kkgpg .icon {
position: absolute;
top: 8px;
left: 8px;
}
.kkgpg.disabled {
opacity: .38;
}
.kkgpg {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #FFFFFF;
color: #A92D23;
}
.kkgpg .icon.spinner {
display: none;
}
.kkgpg.disabled .icon {
display: none;
}
.kkgpg.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.kkgpg.disabled .content {
display: none;
}
.cxaod {
display: inline-block;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
color: #A92D23;
margin: 5px;
overflow: hidden;
position: relative;
opacity: .95;
}
.cxaod .icon {
position: absolute;
top: 8px;
left: 8px;
}
.cxaod.disabled {
opacity: .38;
}
.cxaod {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #FFFFFF;
color: #A92D23;
}
.ldntz {
display: inline-block;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
color: #A92D23;
margin: 5px;
overflow: hidden;
position: relative;
opacity: .95;
}
.ldntz .icon {
position: absolute;
top: 8px;
left: 8px;
}
.ldntz.disabled {
opacity: .38;
}
.ldntz {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #FFFFFF;
color: #A92D23;
}
.ldntz.disabled .icon {
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.g6erc {
display: inline-block;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
color: #A92D23;
margin: 5px;
overflow: hidden;
position: relative;
opacity: .95;
}
.g6erc .icon {
position: absolute;
top: 8px;
left: 8px;
}
.g6erc.disabled {
opacity: .38;
}
.g6erc {
box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
background: #FFFFFF;
color: #A92D23;
}
.g6erc .icon.spinner {
display: none;
}
.g6erc.disabled .icon {
display: none;
}
.g6erc.disabled .icon.spinner {
display: inline-block;
animation: spinner-spin 1s step-end infinite;
-moz-animation: spinner-spin 1s step-end infinite;
-webkit-animation: spinner-spin 1s step-end infinite;
-ms-animation: spinner-spin 1s step-end infinite;
-o-animation: spinner-spin 1s step-end infinite;
}
.g6erc.disabled .content {
display: none;
}
.ebxim {
white-space: pre-wrap;
font-size: 12px;
color: #000;
text-shadow: 0 1px 1px #fff;
}
.iaj61 {
overflow: hidden;
}
.iaj61.disabled {
opacity: 5;
}
.iaj61.ol {
cursor: pointer;
background: black;
opacity: .3;
}
.iaj61.ol:hover {
cursor: pointer;
background: black;
opacity: 0;
}
.iaj61 .overlay {
display: none;
z-index: 999;
}
.iaj61 .overlay.disabled {
display: block;
}
.on2nx input {
border: 1px solid #D49691;
}
.on2nx textarea {
border: 1px solid #D49691;
resize: auto;
}
.on2nx .hint {
color: red;
}
.on2nx .buttons {
text-align: right;
}
.erpqs {
background-color: #FFF;
box-shadow: 0px 1px 1px #DDD;
-moz-box-shadow: 0px 1px 1px #DDD;
-webkit-box-shadow: 0px 1px 1px #DDD;
-ms-box-shadow: 0px 1px 1px #DDD;
-o-box-shadow: 0px 1px 1px #DDD;
padding: 0px 15px;
font-size: 14px;
color: #666363;
}
.erpqs.selected {
background-color: #BA574F;
color: white;
}
.hhyta {
margin: 0px 5px;
display: inline-block;
overflow: hidden;
box-shadow: 0 0 5px #B24239;
-moz-box-shadow: 0 0 5px #B24239;
-webkit-box-shadow: 0 0 5px #B24239;
-ms-box-shadow: 0 0 5px #B24239;
-o-box-shadow: 0 0 5px #B24239;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.hhyta .item.selected {
color: white;
background: #B24239;
}
.hhyta.inline {
display: inline-block;
}
.hhyta.inline .item {
display: inline-block;
}
.fmttv {
color: red;
text-shadow: 0 1px 1px #fff;
}
.fmttv span {
color: green;
}
.fmttv span.blue {
color: blue;
}
.pwdks {
white-space: pre-wrap;
font-size: 12px;
color: #000;
text-shadow: 0 1px 1px #fff;
}
.cznuo {
background-color: #FFF;
padding: 20px 16px 12px;
margin: 0px;
display: block;
}
.cznuo .content {
position: relative;
font-size: 18px;
color: #333;
overflow: hidden;
word-wrap: break-word;
text-align: justify;
z-index: 0;
text-align: center;
}
.cznuo .content p {
color: #333;
clear: both;
min-height: 1em;
max-width: 100!important;
box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
-webkit-box-sizing: border-box!important;
-ms-box-sizing: border-box!important;
-o-box-sizing: border-box!important;
word-warp: break-word;
line-height: 1.75em;
margin-left: 8px;
margin-right: 8px;
font-size: 14px;
}
.cznuo .content p img {
max-width: 909px;
}
.e06y6 {
background-color: #FFF;
padding: 20px 16px 12px;
display: block;
overflow: auto;
text-align: center;
}
.e06y6 img {
max-width: 909px;
max-width: 100%;
}
.m2hcq .innerFrame {
position: relative;
}
.m2hcq .innerFrame .content {
position: relative;
font-size: 18px;
color: #333;
overflow: hidden;
word-wrap: break-word;
height: 100px;
margin-left: 100px;
padding-left: 10px;
}
.m2hcq .innerFrame .headimg {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
.m2hcq .innerFrame .headimg img {
width: 100px;
height: 100px;
}
.hqjsr .header {
height: 200px;
width: 100%;
position: relative;
text-align: center;
background: grey;
}
.hqjsr .header .name {
font-size: 15px;
font-color: black;
}
.hqjsr .header .info {
position: absolute;
right: 25px;
bottom: 0px;
z-index: 2;
opacity: .8;
}
.hqjsr .header .info .logo img {
width: 110px;
box-shadow: 8px 8px 8px #000;
-moz-box-shadow: 8px 8px 8px #000;
-webkit-box-shadow: 8px 8px 8px #000;
-ms-box-shadow: 8px 8px 8px #000;
-o-box-shadow: 8px 8px 8px #000;
box-shadow: 8px 8px 8px #333;
-moz-box-shadow: 8px 8px 8px #333;
-webkit-box-shadow: 8px 8px 8px #333;
-ms-box-shadow: 8px 8px 8px #333;
-o-box-shadow: 8px 8px 8px #333;
}
.hqjsr .header .info .name {
padding: 5px;
text-shadow: 3px 3px 3px #333;
font-white: bold;
}
.hqjsr .header .bg {
overflow: hidden;
}
.hqjsr .header .bg img {
box-shadow: 10px 10px #666;
-moz-box-shadow: 10px 10px #666;
-webkit-box-shadow: 10px 10px #666;
-ms-box-shadow: 10px 10px #666;
-o-box-shadow: 10px 10px #666;
}
.hqjsr .video-container {
max-width: 100%;
position: relative;
}
.hqjsr .video-container .play-button {
width: 100px;
height: 100px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
box-shadow: 0 0 1px 3px rgba(255, 255, 255,.5);
-moz-box-shadow: 0 0 1px 3px rgba(255, 255, 255,.5);
-webkit-box-shadow: 0 0 1px 3px rgba(255, 255, 255,.5);
-ms-box-shadow: 0 0 1px 3px rgba(255, 255, 255,.5);
-o-box-shadow: 0 0 1px 3px rgba(255, 255, 255,.5);
background: rgba(0, 0, 0, .5);
position: relative;
}
.hqjsr .video-container .play-button .arrow {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid rgba(255,255,255,.8);
margin-left: 12px;
}
.hqjsr .video-container .play-button span:before {
content: "\f101";
}
.hqjsr .video-container video {
max-width: 100%;
}
.grecaptcha-badge {
visibility: hidden;
}
.lez6j {
width: 50%;
dispaly: inline-block;
float: left;
padding: 2px;
}
.fk64c {
width: 300px;
height: 300px;
position: relative;
}
.fk64c img {
width: 100px;
height: 100px;
display: block;
float: left;
}
.d9xpm .frame {
width: 100%;
height: 300px;
height: 200px;
position: relative;
overflow: hidden;
}
.d9xpm img {
max-width: 100%;
}
.gradient{
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='#ffffff',GradientType=0 );
}
:root .gradient{filter:none;}
.disabled {
opacity: .6;
}
@keyframes slidein {
from {
left: 100%;
}
to {
left: 0px;
}
}
.slidein {
animation-name: slidein;
animation-duration: 600ms;
left: 0;
}
@keyframes slideout {
from {
left: 0px;
}
to {
left: 100%;
}
}
.slideout {
animation-name: slideout;
animation-duration: 600ms;
left: 100%;
}
.sun-editor .modal-dialog {overflow-y: auto;}
.sun-editor .sun-editor-id-toolbar .tool_module {
/*
display: block;
*/
}
.sun-editor .sun-editor-id-toolbar .editor_tool {
margin: 0;
margin-bottom: 5px;
float: inherit;
}
.sun-editor .sun-editor-id-toolbar .editor_tool li {
margin: 0;
}
.sun-editor .ico_align_l {margin:0 auto;}
.sun-editor .ico_align_c {margin:0 auto;}
.sun-editor .ico_align_r {margin:0 auto;}
@keyframes blink {
from { opacity: 1.0; }
50% { opacity: 0.4; }
to { opacity: 1.0; }
}
@-webkit-keyframes blink {
from { opacity: 1.0; }
50% { opacity: 0.4; }
to { opacity: 1.0; }
}
.blink {
animation:blink 3000ms infinite;
-webkit-animation:blink 3000ms infinite;
}
@keyframes shallow_blink {
from { opacity: 1.0; }
50% { opacity: 0.6; }
to { opacity: 1.0; }
}
@-webkit-keyframes shallow_blink {
from { opacity: 1.0; }
50% { opacity: 0.6; }
to { opacity: 1.0; }
}
.shallow_blink {
animation:shallow_blink 3000ms infinite;
-webkit-animation:shallow_blink 3000ms infinite;
}
@keyframes reblink {
from { opacity: 0; }
50% { opacity: 1; }
to { opacity: 0; }
}
@-webkit-keyframes reblink {
from { opacity: 0; }
50% { opacity: 1; }
to { opacity: 0; }
}
.reblink {
animation:reblink 3000ms infinite;
-webkit-animation:reblink 3000ms infinite;
}
@keyframes blinkspin {
from { opacity: 1.0; transform: rotate(0deg);}
50% { opacity: 0.4; transform: rotate(180deg);}
to { opacity: 1.0; transform: rotate(360deg);}
}
@keyframes blinkspin-scale {
from {
opacity: 1.0; transform: rotate(0deg) scale(1, 1);
}
50% {
opacity: 0.4; transform: rotate(180deg) scale(.6, .8);
}
to {
opacity: 1.0; transform: rotate(360deg) scale(1, 1);
}
}
@-webkit-keyframes blinkspin {
from { opacity: 1.0; transform: rotate(0deg);}
50% { opacity: 0.4; transform: rotate(180deg);}
to { opacity: 1.0; transform: rotate(360deg);}
}
.blinkspin {
animation:blinkspin 3000ms infinite;
-webkit-animation:blinkspin 3000ms infinite;
}
.blinkspin-scale {
animation:blinkspin 3000ms infinite;
-webkit-animation:blinkspin 3000ms infinite;
}
html, body, .ion-app, .ion-content {
background-color: transparent;
background: transparent;
}
@keyframes lout {
from {
opacity: 1.0;
transform: translateX(0)
}
to {
opacity: 0;
transform: translateX(-33%)
}
}
@-webkit-keyframes lout {
from {
opacity: 1.0;
transform: translateX(0)
}
to {
opacity: 0;
transform: translateX(-33%)
}
}
@keyframes lin {
from {
opacity: .5;
transform: translateX(-100%)
}
to {
opacity: 1.0;
transform: translateX(0)
}
}
@-webkit-keyframes lin {
from {
opacity: .5;
transform: translateX(-100%)
}
to {
opacity: 1.0;
transform: translateX(0)
}
}
.lout {
animation: lout 1s;
animation: lout 0.6s;
-webkit-animation: lout 0.6s;
transform: translateX(-100%)
}
.louted {
transform: translateX(-100%)
}
.lin {
animation: lin 0.6s;
-webkit-animation: lin 0.6s;
transform: translateX(0)
}
.lined {
transform: translateX(0)
}
@keyframes rout {
from {
transform: translateX(0)
}
to {
transform: translateX(120%)
}
}
@-webkit-keyframes rout {
from {
transform: translateX(0)
}
to {
transform: translateX(120%)
}
}
@keyframes rin {
from {
transform: translateX(100%)
}
to {
transform: translateX(0)
}
}
@-webkit-keyframes rin {
from {
transform: translateX(100%)
}
to {
transform: translateX(0)
}
}
.rout {
animation: rout 1s;
animation: rout 0.6s;
-webkit-animation: rout 0.6s;
transform: translateX(100%)
}
.routed {
transform: translateX(100%)
}
.rin {
animation: rin 0.6s;
-webkit-animation: rin 0.6s;
transform: translateX(0)
}
.rined {
transform: translateX(0)
}
@keyframes bout {
from {
transform: translateY(0)
}
to {
transform: translateY(120%)
}
}
@-webkit-keyframes bout {
from {
transform: translateY(0)
}
to {
transform: translateY(120%)
}
}
@keyframes bin {
from {
transform: translateY(100%)
}
to {
transform: translateY(0)
}
}
@-webkit-keyframes bin {
from {
transform: translateY(100%)
}
to {
transform: translateY(0)
}
}
.bout {
animation: bout 1s;
animation: bout 0.6s;
-webkit-animation: bout 0.6s;
transform: translateY(105%)
}
.bouted {
transform: translateY(105%)
}
.bin {
animation: bin 0.6s;
-webkit-animation: bin 0.6s;
transform: translateY(0)
}
.bined {
transform: translateY(0)
}
@keyframes fout {
from {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes fout {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fin {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fin {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fout {
animation: fout 1s;
animation: fout 0.6s;
-webkit-animation: fout 0.6s;
opacity: 0
}
.fouted {
opacity: 0
}
.fin {
animation: fin 0.6s;
-webkit-animation: fin 0.6s;
opacity: 1
}
.fined {
opacity: 1
}
.flex-container {
display: flex;
flex-wrap: wrap;
/*justify-content: flex-start;*/
justify-content: space-around;
text-align: center;
}
.flex-item {
flex-grow: 1;
display: inline-block;
}
@keyframes zin {
0% {
transform: scale(1, 0);
height: 0px;
}
100% {
transform: scale(1, 1);
height: 50px;
}
}
@keyframes zout {
0% {
transform: scale(1, 1);
height: 50px;
}
100% {
transform: scale(1, 0);
height: 0px;
}
}
@keyframes zload {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(.5, .5);
}
100% {
transform: scale(1, 1);
}
}
.zin {
animation: zin 1s ease;
transform: scale(1, 1);
height: 50px;
}
.zload {
animation: zin 1s ease infinite;
animation: zload 2s ease infinite;
}
.zout {
animation: zout 1s ease;
transform: scale(1, 0);
height: 0px;
}
.p_x {
cursor: pointer;
}
view, div {
/*2024-08-17*/
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
input, textarea {
/*2024-08-17*/
-webkit-touch-callout: initial;
-webkit-user-select:initial;
-khtml-user-select:initial;
-moz-user-select:initial;
-ms-user-select:initial;
user-select:initial;
background: #FFF;
}