.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
-webkit-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
opacity: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
opacity: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
opacity: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
opacity: 0;
-webkit-transform: scale(0.45);
-ms-transform: scale(0.45);
transform: scale(0.45);
}
.collapse-transition {
-webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
padding-bottom 0.3s ease-in-out;
-o-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
0.3s padding-bottom ease-in-out;
transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
padding-bottom 0.3s ease-in-out;
}
.horizontal-collapse-transition {
-webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
padding-right 0.3s ease-in-out;
-o-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
0.3s padding-right ease-in-out;
transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
padding-right 0.3s ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.el-list-enter,
.el-list-leave-active {
opacity: 0;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.el-opacity-transition {
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-collapse {
border-top: 1px solid #ebeef5;
border-bottom: 1px solid #ebeef5;
}
.el-collapse-item.is-disabled .el-collapse-item__header {
color: #bbb;
cursor: not-allowed;
}
.el-collapse-item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
line-height: 48px;
background-color: #fff;
color: #303133;
cursor: pointer;
border-bottom: 1px solid #ebeef5;
font-size: 13px;
font-weight: 500;
-webkit-transition: border-bottom-color 0.3s;
-o-transition: border-bottom-color 0.3s;
transition: border-bottom-color 0.3s;
outline: 0;
}
.el-collapse-item__arrow {
margin: 0 8px 0 auto;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
font-weight: 300;
}
.el-collapse-item__arrow.is-active {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.el-collapse-item__header.focusing:focus:not(:hover) {
color: #409eff;
}
.el-collapse-item__header.is-active {
border-bottom-color: transparent;
}
.el-collapse-item__wrap {
will-change: height;
background-color: #fff;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #ebeef5;
}
.el-collapse-item__content {
padding-bottom: 25px;
font-size: 13px;
color: #303133;
line-height: 1.769230769230769;
}
.el-collapse-item:last-child {
margin-bottom: -1px;
}
.el-button-group > .el-button.is-active,
.el-button-group > .el-button.is-disabled,
.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
z-index: 1;
}
.el-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
border: 1px solid #dcdfe6;
color: #606266;
-webkit-appearance: none;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
margin: 0;
-webkit-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
font-weight: 500;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
font-size: 14px;
border-radius: 4px;
}
.el-button + .el-button {
margin-left: 10px;
}
.el-button:focus,
.el-button:hover {
color: #409eff;
border-color: #c6e2ff;
background-color: #ecf5ff;
}
.el-button:active {
color: #3a8ee6;
border-color: #3a8ee6;
outline: 0;
}
.el-button::-moz-focus-inner {
border: 0;
}
.el-button [class*="el-icon-"] + span {
margin-left: 5px;
}
.el-button.is-plain:focus,
.el-button.is-plain:hover {
background: #fff;
border-color: #409eff;
color: #409eff;
}
.el-button.is-active,
.el-button.is-plain:active {
color: #3a8ee6;
border-color: #3a8ee6;
}
.el-button.is-plain:active {
background: #fff;
outline: 0;
}
.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
color: #c0c4cc;
cursor: not-allowed;
background-image: none;
background-color: #fff;
border-color: #ebeef5;
}
.el-button.is-disabled.el-button--text {
background-color: transparent;
}
.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
background-color: #fff;
border-color: #ebeef5;
color: #c0c4cc;
}
.el-button.is-loading {
position: relative;
pointer-events: none;
}
.el-button.is-loading:before {
pointer-events: none;
content: "";
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border-radius: inherit;
background-color: hsla(0, 0%, 100%, 0.35);
}
.el-button.is-round {
border-radius: 20px;
padding: 12px 23px;
}
.el-button.is-circle {
border-radius: 50%;
padding: 12px;
}
.el-button--primary {
color: #fff;
background-color: #409eff;
border-color: #409eff;
}
.el-button--primary:focus,
.el-button--primary:hover {
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
}
.el-button--primary.is-active,
.el-button--primary:active {
background: #3a8ee6;
border-color: #3a8ee6;
color: #fff;
}
.el-button--primary:active {
outline: 0;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
color: #fff;
background-color: #a0cfff;
border-color: #a0cfff;
}
.el-button--primary.is-plain {
color: #409eff;
background: #ecf5ff;
border-color: #b3d8ff;
}
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
background: #409eff;
border-color: #409eff;
color: #fff;
}
.el-button--primary.is-plain:active {
background: #3a8ee6;
border-color: #3a8ee6;
color: #fff;
outline: 0;
}
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
color: #8cc5ff;
background-color: #ecf5ff;
border-color: #d9ecff;
}
.el-button--success {
color: #fff;
background-color: #67c23a;
border-color: #67c23a;
}
.el-button--success:focus,
.el-button--success:hover {
background: #85ce61;
border-color: #85ce61;
color: #fff;
}
.el-button--success.is-active,
.el-button--success:active {
background: #5daf34;
border-color: #5daf34;
color: #fff;
}
.el-button--success:active {
outline: 0;
}
.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
color: #fff;
background-color: #b3e19d;
border-color: #b3e19d;
}
.el-button--success.is-plain {
color: #67c23a;
background: #f0f9eb;
border-color: #c2e7b0;
}
.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
background: #67c23a;
border-color: #67c23a;
color: #fff;
}
.el-button--success.is-plain:active {
background: #5daf34;
border-color: #5daf34;
color: #fff;
outline: 0;
}
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
color: #a4da89;
background-color: #f0f9eb;
border-color: #e1f3d8;
}
.el-button--warning {
color: #fff;
background-color: #e6a23c;
border-color: #e6a23c;
}
.el-button--warning:focus,
.el-button--warning:hover {
background: #ebb563;
border-color: #ebb563;
color: #fff;
}
.el-button--warning.is-active,
.el-button--warning:active {
background: #cf9236;
border-color: #cf9236;
color: #fff;
}
.el-button--warning:active {
outline: 0;
}
.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
color: #fff;
background-color: #f3d19e;
border-color: #f3d19e;
}
.el-button--warning.is-plain {
color: #e6a23c;
background: #fdf6ec;
border-color: #f5dab1;
}
.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
background: #e6a23c;
border-color: #e6a23c;
color: #fff;
}
.el-button--warning.is-plain:active {
background: #cf9236;
border-color: #cf9236;
color: #fff;
outline: 0;
}
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
color: #f0c78a;
background-color: #fdf6ec;
border-color: #faecd8;
}
.el-button--danger {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
}
.el-button--danger:focus,
.el-button--danger:hover {
background: #f78989;
border-color: #f78989;
color: #fff;
}
.el-button--danger.is-active,
.el-button--danger:active {
background: #dd6161;
border-color: #dd6161;
color: #fff;
}
.el-button--danger:active {
outline: 0;
}
.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
color: #fff;
background-color: #fab6b6;
border-color: #fab6b6;
}
.el-button--danger.is-plain {
color: #f56c6c;
background: #fef0f0;
border-color: #fbc4c4;
}
.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
background: #f56c6c;
border-color: #f56c6c;
color: #fff;
}
.el-button--danger.is-plain:active {
background: #dd6161;
border-color: #dd6161;
color: #fff;
outline: 0;
}
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
color: #f9a7a7;
background-color: #fef0f0;
border-color: #fde2e2;
}
.el-button--info {
color: #fff;
background-color: #909399;
border-color: #909399;
}
.el-button--info:focus,
.el-button--info:hover {
background: #a6a9ad;
border-color: #a6a9ad;
color: #fff;
}
.el-button--info.is-active,
.el-button--info:active {
background: #82848a;
border-color: #82848a;
color: #fff;
}
.el-button--info:active {
outline: 0;
}
.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
color: #fff;
background-color: #c8c9cc;
border-color: #c8c9cc;
}
.el-button--info.is-plain {
color: #909399;
background: #f4f4f5;
border-color: #d3d4d6;
}
.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
background: #909399;
border-color: #909399;
color: #fff;
}
.el-button--info.is-plain:active {
background: #82848a;
border-color: #82848a;
color: #fff;
outline: 0;
}
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
color: #bcbec2;
background-color: #f4f4f5;
border-color: #e9e9eb;
}
.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
border-color: transparent;
}
.el-button--medium {
padding: 10px 20px;
font-size: 14px;
border-radius: 4px;
}
.el-button--mini,
.el-button--small {
font-size: 12px;
border-radius: 3px;
}
.el-button--medium.is-round {
padding: 10px 20px;
}
.el-button--medium.is-circle {
padding: 10px;
}
.el-button--small,
.el-button--small.is-round {
padding: 9px 15px;
}
.el-button--small.is-circle {
padding: 9px;
}
.el-button--mini,
.el-button--mini.is-round {
padding: 7px 15px;
}
.el-button--mini.is-circle {
padding: 7px;
}
.el-button--text {
color: #409eff;
background: 0 0;
padding-left: 0;
padding-right: 0;
}
.el-button--text:focus,
.el-button--text:hover {
color: #66b1ff;
border-color: transparent;
background-color: transparent;
}
.el-button--text:active {
color: #3a8ee6;
background-color: transparent;
}
.el-button-group {
display: inline-block;
vertical-align: middle;
}
.el-button-group:after,
.el-button-group:before {
display: table;
content: "";
}
.el-button-group:after {
clear: both;
}
.el-button-group > .el-button {
float: left;
position: relative;
}
.el-button-group > .el-button + .el-button {
margin-left: 0;
}
.el-button-group > .el-button:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
border-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
margin-right: -1px;
}
.el-button-group > .el-dropdown > .el-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--primary:first-child {
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--primary:last-child {
border-left-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
border-left-color: hsla(0, 0%, 100%, 0.5);
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--success:first-child {
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--success:last-child {
border-left-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
border-left-color: hsla(0, 0%, 100%, 0.5);
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--warning:first-child {
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--warning:last-child {
border-left-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
border-left-color: hsla(0, 0%, 100%, 0.5);
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--danger:first-child {
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--danger:last-child {
border-left-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
border-left-color: hsla(0, 0%, 100%, 0.5);
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--info:first-child {
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--info:last-child {
border-left-color: hsla(0, 0%, 100%, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
border-left-color: hsla(0, 0%, 100%, 0.5);
border-right-color: hsla(0, 0%, 100%, 0.5);
}
.v-modal-enter {
-webkit-animation: v-modal-in 0.2s ease;
animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
-webkit-animation: v-modal-out 0.2s ease forwards;
animation: v-modal-out 0.2s ease forwards;
}
@-webkit-keyframes v-modal-in {
0% {
opacity: 0;
}
}
@keyframes v-modal-in {
0% {
opacity: 0;
}
}
@-webkit-keyframes v-modal-out {
to {
opacity: 0;
}
}
@keyframes v-modal-out {
to {
opacity: 0;
}
}
.v-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background: #000;
}
.el-popup-parent--hidden {
overflow: hidden;
}
.el-dialog {
position: relative;
margin: 0 auto 50px;
background: #fff;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.el-dialog.is-fullscreen {
width: 100%;
margin-top: 0;
margin-bottom: 0;
height: 100%;
overflow: auto;
}
.el-dialog__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
margin: 0;
}
.el-dialog__header {
padding: 20px 20px 10px;
}
.el-dialog__headerbtn {
position: absolute;
top: 20px;
right: 20px;
padding: 0;
background: 0 0;
border: none;
outline: 0;
cursor: pointer;
font-size: 16px;
}
.el-dialog__headerbtn .el-dialog__close {
color: #909399;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
color: #409eff;
}
.el-dialog__title {
line-height: 24px;
font-size: 18px;
color: #303133;
}
.el-dialog__body {
padding: 30px 20px;
color: #606266;
font-size: 14px;
word-break: break-all;
}
.el-dialog__footer {
padding: 10px 20px 20px;
text-align: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.el-dialog--center {
text-align: center;
}
.el-dialog--center .el-dialog__body {
text-align: initial;
padding: 25px 25px 30px;
}
.el-dialog--center .el-dialog__footer {
text-align: inherit;
}
.dialog-fade-enter-active {
-webkit-animation: dialog-fade-in 0.3s;
animation: dialog-fade-in 0.3s;
}
.dialog-fade-leave-active {
-webkit-animation: dialog-fade-out 0.3s;
animation: dialog-fade-out 0.3s;
}
@-webkit-keyframes dialog-fade-in {
0% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes dialog-fade-in {
0% {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@-webkit-keyframes dialog-fade-out {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
}
@keyframes dialog-fade-out {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
}
.el-textarea {
position: relative;
display: inline-block;
width: 100%;
vertical-align: bottom;
font-size: 14px;
}
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: inherit;
color: #606266;
background-color: #fff;
background-image: none;
border: 1px solid #dcdfe6;
border-radius: 4px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-textarea__inner:-ms-input-placeholder,
.el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-textarea__inner::placeholder {
color: #c0c4cc;
}
.el-textarea__inner:hover {
border-color: #c0c4cc;
}
.el-textarea__inner:focus {
outline: 0;
border-color: #409eff;
}
.el-textarea .el-input__count {
color: #909399;
background: #fff;
position: absolute;
font-size: 12px;
bottom: 5px;
right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
background-color: #f5f7fa;
border-color: #e4e7ed;
color: #c0c4cc;
cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #c0c4cc;
}
.el-textarea.is-exceed .el-textarea__inner {
border-color: #f56c6c;
}
.el-textarea.is-exceed .el-input__count {
color: #f56c6c;
}
.el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
.el-input::-webkit-scrollbar {
z-index: 11;
width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px;
}
.el-input .el-input__clear {
color: #c0c4cc;
font-size: 14px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
color: #909399;
}
.el-input .el-input__count {
height: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #909399;
font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
background: #fff;
line-height: normal;
display: inline-block;
padding: 0 5px;
}
.el-input__inner {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
}
.el-input__prefix,
.el-input__suffix {
position: absolute;
top: 0;
-webkit-transition: all 0.3s;
text-align: center;
height: 100%;
color: #c0c4cc;
}
.el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-input__inner::placeholder {
color: #c0c4cc;
}
.el-input__inner:hover {
border-color: #c0c4cc;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
border-color: #409eff;
outline: 0;
}
.el-input__suffix {
right: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.el-input__suffix-inner {
pointer-events: all;
}
.el-input__prefix {
left: 5px;
}
.el-input__icon,
.el-input__prefix {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.el-input__icon {
height: 100%;
width: 25px;
text-align: center;
line-height: 40px;
}
.el-input__icon:after {
content: "";
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
}
.el-input__validateIcon {
pointer-events: none;
}
.el-input.is-disabled .el-input__inner {
background-color: #f5f7fa;
border-color: #e4e7ed;
color: #c0c4cc;
cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner::placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__icon {
cursor: not-allowed;
}
.el-input.is-exceed .el-input__inner {
border-color: #f56c6c;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
color: #f56c6c;
}
.el-input--suffix .el-input__inner {
padding-right: 30px;
}
.el-input--prefix .el-input__inner {
padding-left: 30px;
}
.el-input--medium {
font-size: 14px;
}
.el-input--medium .el-input__inner {
height: 36px;
line-height: 36px;
}
.el-input--medium .el-input__icon {
line-height: 36px;
}
.el-input--small {
font-size: 13px;
}
.el-input--small .el-input__inner {
height: 32px;
line-height: 32px;
}
.el-input--small .el-input__icon {
line-height: 32px;
}
.el-input--mini {
font-size: 12px;
}
.el-input--mini .el-input__inner {
height: 28px;
line-height: 28px;
}
.el-input--mini .el-input__icon {
line-height: 28px;
}
.el-input-group {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.el-input-group > .el-input__inner {
vertical-align: middle;
display: table-cell;
}
.el-input-group__append,
.el-input-group__prepend {
background-color: #f5f7fa;
color: #909399;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #dcdfe6;
border-radius: 4px;
padding: 0 20px;
width: 1px;
white-space: nowrap;
}
.el-input-group--prepend .el-input__inner,
.el-input-group__append {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-input-group--append .el-input__inner,
.el-input-group__prepend {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.el-input-group__append:focus,
.el-input-group__prepend:focus {
outline: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
display: inline-block;
margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
border-top: 0;
border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit;
}
.el-input-group__prepend {
border-right: 0;
}
.el-input-group__append {
border-left: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
border-color: transparent;
}
.el-input__inner::-ms-clear {
display: none;
width: 0;
height: 0;
}
.el-select-dropdown__item {
font-size: 14px;
padding: 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #606266;
height: 34px;
line-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
color: #c0c4cc;
cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
background-color: #fff;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background-color: #f5f7fa;
}
.el-select-dropdown__item.selected {
color: #409eff;
font-weight: 700;
}
.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow:after {
content: " ";
border-width: 6px;
}
.el-popper[x-placement^="top"] {
margin-bottom: 12px;
}
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
left: 50%;
margin-right: 3px;
border-top-color: #ebeef5;
border-bottom-width: 0;
}
.el-popper[x-placement^="top"] .popper__arrow:after {
bottom: 1px;
margin-left: -6px;
border-top-color: #fff;
border-bottom-width: 0;
}
.el-popper[x-placement^="bottom"] {
margin-top: 12px;
}
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #ebeef5;
}
.el-popper[x-placement^="bottom"] .popper__arrow:after {
top: 1px;
margin-left: -6px;
border-top-width: 0;
border-bottom-color: #fff;
}
.el-popper[x-placement^="right"] {
margin-left: 12px;
}
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
margin-bottom: 3px;
border-right-color: #ebeef5;
border-left-width: 0;
}
.el-popper[x-placement^="right"] .popper__arrow:after {
bottom: -6px;
left: 1px;
border-right-color: #fff;
border-left-width: 0;
}
.el-popper[x-placement^="left"] {
margin-right: 12px;
}
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #ebeef5;
}
.el-popper[x-placement^="left"] .popper__arrow:after {
right: 1px;
bottom: -6px;
margin-left: -6px;
border-right-width: 0;
border-left-color: #fff;
}
.el-select-dropdown {
position: absolute;
z-index: 1001;
border: 1px solid #e4e7ed;
border-radius: 4px;
background-color: #fff;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #409eff;
background-color: #fff;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
background-color: #f5f7fa;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
position: absolute;
right: 20px;
font-family: element-icons;
content: "\E6DA";
font-size: 12px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
padding: 0;
}
.el-select-dropdown__empty {
padding: 10px 0;
margin: 0;
text-align: center;
color: #999;
font-size: 14px;
}
.el-select-dropdown__wrap {
max-height: 274px;
}
.el-select-dropdown__list {
list-style: none;
padding: 6px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.el-textarea {
position: relative;
display: inline-block;
width: 100%;
vertical-align: bottom;
font-size: 14px;
}
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: inherit;
color: #606266;
background-color: #fff;
background-image: none;
border: 1px solid #dcdfe6;
border-radius: 4px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-textarea__inner:-ms-input-placeholder,
.el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-textarea__inner::placeholder {
color: #c0c4cc;
}
.el-textarea__inner:hover {
border-color: #c0c4cc;
}
.el-textarea__inner:focus {
outline: 0;
border-color: #409eff;
}
.el-textarea .el-input__count {
color: #909399;
background: #fff;
position: absolute;
font-size: 12px;
bottom: 5px;
right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
background-color: #f5f7fa;
border-color: #e4e7ed;
color: #c0c4cc;
cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #c0c4cc;
}
.el-textarea.is-exceed .el-textarea__inner {
border-color: #f56c6c;
}
.el-textarea.is-exceed .el-input__count {
color: #f56c6c;
}
.el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
.el-input::-webkit-scrollbar {
z-index: 11;
width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px;
}
.el-input .el-input__clear {
color: #c0c4cc;
font-size: 14px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
color: #909399;
}
.el-input .el-input__count {
height: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #909399;
font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
background: #fff;
line-height: normal;
display: inline-block;
padding: 0 5px;
}
.el-input__inner {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
}
.el-select-dropdown__item,
.el-tag {
white-space: nowrap;
-webkit-box-sizing: border-box;
}
.el-input__prefix,
.el-input__suffix {
position: absolute;
top: 0;
-webkit-transition: all 0.3s;
height: 100%;
color: #c0c4cc;
text-align: center;
}
.el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-input__inner:-ms-input-placeholder,
.el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-input__inner::placeholder {
color: #c0c4cc;
}
.el-input__inner:hover {
border-color: #c0c4cc;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
border-color: #409eff;
outline: 0;
}
.el-input__suffix {
right: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.el-input__suffix-inner {
pointer-events: all;
}
.el-input__prefix {
left: 5px;
}
.el-input__icon,
.el-input__prefix {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.el-input__icon {
height: 100%;
width: 25px;
text-align: center;
line-height: 40px;
}
.el-input__icon:after {
content: "";
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
}
.el-input__validateIcon {
pointer-events: none;
}
.el-input.is-disabled .el-input__inner {
background-color: #f5f7fa;
border-color: #e4e7ed;
color: #c0c4cc;
cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner:-ms-input-placeholder,
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner::placeholder {
color: #c0c4cc;
}
.el-input.is-disabled .el-input__icon {
cursor: not-allowed;
}
.el-input.is-exceed .el-input__inner {
border-color: #f56c6c;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
color: #f56c6c;
}
.el-input--suffix .el-input__inner {
padding-right: 30px;
}
.el-input--prefix .el-input__inner {
padding-left: 30px;
}
.el-input--medium {
font-size: 14px;
}
.el-input--medium .el-input__inner {
height: 36px;
line-height: 36px;
}
.el-input--medium .el-input__icon {
line-height: 36px;
}
.el-input--small {
font-size: 13px;
}
.el-input--small .el-input__inner {
height: 32px;
line-height: 32px;
}
.el-input--small .el-input__icon {
line-height: 32px;
}
.el-input--mini {
font-size: 12px;
}
.el-input--mini .el-input__inner {
height: 28px;
line-height: 28px;
}
.el-input--mini .el-input__icon {
line-height: 28px;
}
.el-input-group {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.el-input-group > .el-input__inner {
vertical-align: middle;
display: table-cell;
}
.el-input-group__append,
.el-input-group__prepend {
background-color: #f5f7fa;
color: #909399;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #dcdfe6;
border-radius: 4px;
padding: 0 20px;
width: 1px;
white-space: nowrap;
}
.el-input-group--prepend .el-input__inner,
.el-input-group__append {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-input-group--append .el-input__inner,
.el-input-group__prepend {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.el-input-group__append:focus,
.el-input-group__prepend:focus {
outline: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
display: inline-block;
margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
border-top: 0;
border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit;
}
.el-input-group__prepend {
border-right: 0;
}
.el-input-group__append {
border-left: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
border-color: transparent;
}
.el-input__inner::-ms-clear {
display: none;
width: 0;
height: 0;
}
.el-tag {
background-color: #ecf5ff;
border: 1px solid #d9ecff;
display: inline-block;
height: 32px;
padding: 0 10px;
line-height: 30px;
font-size: 12px;
color: #409eff;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.el-tag.is-hit {
border-color: #409eff;
}
.el-tag .el-tag__close {
color: #409eff;
}
.el-tag .el-tag__close:hover {
color: #fff;
background-color: #409eff;
}
.el-tag.el-tag--info {
background-color: #f4f4f5;
border-color: #e9e9eb;
color: #909399;
}
.el-tag.el-tag--info.is-hit {
border-color: #909399;
}
.el-tag.el-tag--info .el-tag__close {
color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
color: #fff;
background-color: #909399;
}
.el-tag.el-tag--success {
background-color: #f0f9eb;
border-color: #e1f3d8;
color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
border-color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close {
color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
color: #fff;
background-color: #67c23a;
}
.el-tag.el-tag--warning {
background-color: #fdf6ec;
border-color: #faecd8;
color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
border-color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close {
color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
color: #fff;
background-color: #e6a23c;
}
.el-tag.el-tag--danger {
background-color: #fef0f0;
border-color: #fde2e2;
color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
border-color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close {
color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
color: #fff;
background-color: #f56c6c;
}
.el-tag .el-icon-close {
border-radius: 50%;
text-align: center;
position: relative;
cursor: pointer;
font-size: 12px;
height: 16px;
width: 16px;
line-height: 16px;
vertical-align: middle;
top: -1px;
right: -5px;
}
.el-tag .el-icon-close:before {
display: block;
}
.el-tag--dark {
background-color: #409eff;
color: #fff;
}
.el-tag--dark,
.el-tag--dark.is-hit {
border-color: #409eff;
}
.el-tag--dark .el-tag__close {
color: #fff;
}
.el-tag--dark .el-tag__close:hover {
color: #fff;
background-color: #66b1ff;
}
.el-tag--dark.el-tag--info {
background-color: #909399;
border-color: #909399;
color: #fff;
}
.el-tag--dark.el-tag--info.is-hit {
border-color: #909399;
}
.el-tag--dark.el-tag--info .el-tag__close {
color: #fff;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
color: #fff;
background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
background-color: #67c23a;
border-color: #67c23a;
color: #fff;
}
.el-tag--dark.el-tag--success.is-hit {
border-color: #67c23a;
}
.el-tag--dark.el-tag--success .el-tag__close {
color: #fff;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
color: #fff;
background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
background-color: #e6a23c;
border-color: #e6a23c;
color: #fff;
}
.el-tag--dark.el-tag--warning.is-hit {
border-color: #e6a23c;
}
.el-tag--dark.el-tag--warning .el-tag__close {
color: #fff;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
color: #fff;
background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
background-color: #f56c6c;
border-color: #f56c6c;
color: #fff;
}
.el-tag--dark.el-tag--danger.is-hit {
border-color: #f56c6c;
}
.el-tag--dark.el-tag--danger .el-tag__close {
color: #fff;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
color: #fff;
background-color: #f78989;
}
.el-tag--plain {
background-color: #fff;
border-color: #b3d8ff;
color: #409eff;
}
.el-tag--plain.is-hit {
border-color: #409eff;
}
.el-tag--plain .el-tag__close {
color: #409eff;
}
.el-tag--plain .el-tag__close:hover {
color: #fff;
background-color: #409eff;
}
.el-tag--plain.el-tag--info {
background-color: #fff;
border-color: #d3d4d6;
color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
border-color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close {
color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
color: #fff;
background-color: #909399;
}
.el-tag--plain.el-tag--success {
background-color: #fff;
border-color: #c2e7b0;
color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
border-color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close {
color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
color: #fff;
background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
background-color: #fff;
border-color: #f5dab1;
color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
border-color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close {
color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
color: #fff;
background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
background-color: #fff;
border-color: #fbc4c4;
color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
border-color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close {
color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
color: #fff;
background-color: #f56c6c;
}
.el-tag--medium {
height: 28px;
line-height: 26px;
}
.el-tag--medium .el-icon-close {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.el-tag--small {
height: 24px;
padding: 0 8px;
line-height: 22px;
}
.el-tag--small .el-icon-close {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.el-tag--mini {
height: 20px;
padding: 0 5px;
line-height: 19px;
}
.el-tag--mini .el-icon-close {
margin-left: -3px;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.el-select-dropdown__item {
font-size: 14px;
padding: 0 20px;
position: relative;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #606266;
height: 34px;
line-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
color: #c0c4cc;
cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
background-color: #fff;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background-color: #f5f7fa;
}
.el-select-dropdown__item.selected {
color: #409eff;
font-weight: 700;
}
.el-select-group {
margin: 0;
padding: 0;
}
.el-select-group__wrap {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.el-select-group__wrap:not(:last-of-type) {
padding-bottom: 24px;
}
.el-select-group__wrap:not(:last-of-type):after {
content: "";
position: absolute;
display: block;
left: 20px;
right: 20px;
bottom: 12px;
height: 1px;
background: #e4e7ed;
}
.el-select-group__title {
padding-left: 20px;
font-size: 12px;
color: #909399;
line-height: 30px;
}
.el-select-group .el-select-dropdown__item {
padding-left: 20px;
}
.el-scrollbar {
overflow: hidden;
position: relative;
}
.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
opacity: 1;
-webkit-transition: opacity 0.34s ease-out;
-o-transition: opacity 0.34s ease-out;
transition: opacity 0.34s ease-out;
}
.el-scrollbar__wrap {
overflow: scroll;
height: 100%;
}
.el-scrollbar__wrap--hidden-default {
scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
width: 0;
height: 0;
}
.el-scrollbar__thumb {
position: relative;
display: block;
width: 0;
height: 0;
cursor: pointer;
border-radius: inherit;
background-color: hsla(220, 4%, 58%, 0.3);
-webkit-transition: background-color 0.3s;
-o-transition: 0.3s background-color;
transition: background-color 0.3s;
}
.el-scrollbar__thumb:hover {
background-color: hsla(220, 4%, 58%, 0.5);
}
.el-scrollbar__bar {
position: absolute;
right: 2px;
bottom: 2px;
z-index: 1;
border-radius: 4px;
opacity: 0;
-webkit-transition: opacity 0.12s ease-out;
-o-transition: opacity 0.12s ease-out;
transition: opacity 0.12s ease-out;
}
.el-scrollbar__bar.is-vertical {
width: 6px;
top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
width: 100%;
}
.el-scrollbar__bar.is-horizontal {
height: 6px;
left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
height: 100%;
}
.el-select {
display: inline-block;
position: relative;
}
.el-select .el-select__tags > span {
display: contents;
}
.el-select:hover .el-input__inner {
border-color: #c0c4cc;
}
.el-select .el-input__inner {
cursor: pointer;
padding-right: 35px;
}
.el-select .el-input__inner:focus {
border-color: #409eff;
}
.el-select .el-input .el-select__caret {
color: #c0c4cc;
font-size: 14px;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.el-select .el-input .el-select__caret.is-show-close {
font-size: 14px;
text-align: center;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
border-radius: 100%;
color: #c0c4cc;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
color: #909399;
}
.el-select .el-input.is-disabled .el-input__inner {
cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
border-color: #e4e7ed;
}
.el-select .el-input.is-focus .el-input__inner {
border-color: #409eff;
}
.el-select > .el-input {
display: block;
}
.el-select__input {
border: none;
outline: 0;
padding: 0;
margin-left: 15px;
color: #666;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 28px;
background-color: transparent;
}
.el-select__input.is-mini {
height: 14px;
}
.el-select__close {
cursor: pointer;
position: absolute;
top: 8px;
z-index: 1000;
right: 25px;
color: #c0c4cc;
line-height: 18px;
font-size: 14px;
}
.el-select__close:hover {
color: #909399;
}
.el-select__tags {
position: absolute;
line-height: normal;
white-space: normal;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.el-select .el-tag__close {
margin-top: -2px;
}
.el-select .el-tag {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: transparent;
margin: 2px 0 2px 6px;
background-color: #f0f2f5;
}
.el-select .el-tag__close.el-icon-close {
background-color: #c0c4cc;
right: -7px;
top: 0;
color: #fff;
}
.el-select .el-tag__close.el-icon-close:hover {
background-color: #909399;
}
.el-select .el-tag__close.el-icon-close:before {
display: block;
-webkit-transform: translateY(0.5px);
-ms-transform: translateY(0.5px);
transform: translateY(0.5px);
}
.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
-webkit-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active,
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
opacity: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
opacity: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
opacity: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
opacity: 0;
-webkit-transform: scale(0.45);
-ms-transform: scale(0.45);
transform: scale(0.45);
}
.collapse-transition {
-webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
padding-bottom 0.3s ease-in-out;
-o-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out,
0.3s padding-bottom ease-in-out;
transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
padding-bottom 0.3s ease-in-out;
}
.horizontal-collapse-transition {
-webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
padding-right 0.3s ease-in-out;
-o-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
0.3s padding-right ease-in-out;
transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
padding-right 0.3s ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.el-list-enter,
.el-list-leave-active {
opacity: 0;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.el-opacity-transition {
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
@font-face {
font-family: element-icons;
src: url(https://lhcdn.lanhuapp.com/home/img/element-icons.woff)
format("woff"),
url(https://lhcdn.lanhuapp.com/home/img/element-icons.ttf)
format("truetype");
font-weight: 400;
font-display: "auto";
font-style: normal;
}
[class*=" el-icon-"],
[class^="el-icon-"] {
font-family: element-icons !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: baseline;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.el-icon-ice-cream-round:before {
content: "\E6A0";
}
.el-icon-ice-cream-square:before {
content: "\E6A3";
}
.el-icon-lollipop:before {
content: "\E6A4";
}
.el-icon-potato-strips:before {
content: "\E6A5";
}
.el-icon-milk-tea:before {
content: "\E6A6";
}
.el-icon-ice-drink:before {
content: "\E6A7";
}
.el-icon-ice-tea:before {
content: "\E6A9";
}
.el-icon-coffee:before {
content: "\E6AA";
}
.el-icon-orange:before {
content: "\E6AB";
}
.el-icon-pear:before {
content: "\E6AC";
}
.el-icon-apple:before {
content: "\E6AD";
}
.el-icon-cherry:before {
content: "\E6AE";
}
.el-icon-watermelon:before {
content: "\E6AF";
}
.el-icon-grape:before {
content: "\E6B0";
}
.el-icon-refrigerator:before {
content: "\E6B1";
}
.el-icon-goblet-square-full:before {
content: "\E6B2";
}
.el-icon-goblet-square:before {
content: "\E6B3";
}
.el-icon-goblet-full:before {
content: "\E6B4";
}
.el-icon-goblet:before {
content: "\E6B5";
}
.el-icon-cold-drink:before {
content: "\E6B6";
}
.el-icon-coffee-cup:before {
content: "\E6B8";
}
.el-icon-water-cup:before {
content: "\E6B9";
}
.el-icon-hot-water:before {
content: "\E6BA";
}
.el-icon-ice-cream:before {
content: "\E6BB";
}
.el-icon-dessert:before {
content: "\E6BC";
}
.el-icon-sugar:before {
content: "\E6BD";
}
.el-icon-tableware:before {
content: "\E6BE";
}
.el-icon-burger:before {
content: "\E6BF";
}
.el-icon-knife-fork:before {
content: "\E6C1";
}
.el-icon-fork-spoon:before {
content: "\E6C2";
}
.el-icon-chicken:before {
content: "\E6C3";
}
.el-icon-food:before {
content: "\E6C4";
}
.el-icon-dish-1:before {
content: "\E6C5";
}
.el-icon-dish:before {
content: "\E6C6";
}
.el-icon-moon-night:before {
content: "\E6EE";
}
.el-icon-moon:before {
content: "\E6F0";
}
.el-icon-cloudy-and-sunny:before {
content: "\E6F1";
}
.el-icon-partly-cloudy:before {
content: "\E6F2";
}
.el-icon-cloudy:before {
content: "\E6F3";
}
.el-icon-sunny:before {
content: "\E6F6";
}
.el-icon-sunset:before {
content: "\E6F7";
}
.el-icon-sunrise-1:before {
content: "\E6F8";
}
.el-icon-sunrise:before {
content: "\E6F9";
}
.el-icon-heavy-rain:before {
content: "\E6FA";
}
.el-icon-lightning:before {
content: "\E6FB";
}
.el-icon-light-rain:before {
content: "\E6FC";
}
.el-icon-wind-power:before {
content: "\E6FD";
}
.el-icon-baseball:before {
content: "\E712";
}
.el-icon-soccer:before {
content: "\E713";
}
.el-icon-football:before {
content: "\E715";
}
.el-icon-basketball:before {
content: "\E716";
}
.el-icon-ship:before {
content: "\E73F";
}
.el-icon-truck:before {
content: "\E740";
}
.el-icon-bicycle:before {
content: "\E741";
}
.el-icon-mobile-phone:before {
content: "\E6D3";
}
.el-icon-service:before {
content: "\E6D4";
}
.el-icon-key:before {
content: "\E6E2";
}
.el-icon-unlock:before {
content: "\E6E4";
}
.el-icon-lock:before {
content: "\E6E5";
}
.el-icon-watch:before {
content: "\E6FE";
}
.el-icon-watch-1:before {
content: "\E6FF";
}
.el-icon-timer:before {
content: "\E702";
}
.el-icon-alarm-clock:before {
content: "\E703";
}
.el-icon-map-location:before {
content: "\E704";
}
.el-icon-delete-location:before {
content: "\E705";
}
.el-icon-add-location:before {
content: "\E706";
}
.el-icon-location-information:before {
content: "\E707";
}
.el-icon-location-outline:before {
content: "\E708";
}
.el-icon-location:before {
content: "\E79E";
}
.el-icon-place:before {
content: "\E709";
}
.el-icon-discover:before {
content: "\E70A";
}
.el-icon-first-aid-kit:before {
content: "\E70B";
}
.el-icon-trophy-1:before {
content: "\E70C";
}
.el-icon-trophy:before {
content: "\E70D";
}
.el-icon-medal:before {
content: "\E70E";
}
.el-icon-medal-1:before {
content: "\E70F";
}
.el-icon-stopwatch:before {
content: "\E710";
}
.el-icon-mic:before {
content: "\E711";
}
.el-icon-copy-document:before {
content: "\E718";
}
.el-icon-full-screen:before {
content: "\E719";
}
.el-icon-switch-button:before {
content: "\E71B";
}
.el-icon-aim:before {
content: "\E71C";
}
.el-icon-crop:before {
content: "\E71D";
}
.el-icon-odometer:before {
content: "\E71E";
}
.el-icon-time:before {
content: "\E71F";
}
.el-icon-bangzhu:before {
content: "\E724";
}
.el-icon-close-notification:before {
content: "\E726";
}
.el-icon-microphone:before {
content: "\E727";
}
.el-icon-turn-off-microphone:before {
content: "\E728";
}
.el-icon-position:before {
content: "\E729";
}
.el-icon-postcard:before {
content: "\E72A";
}
.el-icon-message:before {
content: "\E72B";
}
.el-icon-chat-line-square:before {
content: "\E72D";
}
.el-icon-chat-dot-square:before {
content: "\E72E";
}
.el-icon-chat-dot-round:before {
content: "\E72F";
}
.el-icon-chat-square:before {
content: "\E730";
}
.el-icon-chat-line-round:before {
content: "\E731";
}
.el-icon-chat-round:before {
content: "\E732";
}
.el-icon-set-up:before {
content: "\E733";
}
.el-icon-turn-off:before {
content: "\E734";
}
.el-icon-open:before {
content: "\E735";
}
.el-icon-connection:before {
content: "\E736";
}
.el-icon-link:before {
content: "\E737";
}
.el-icon-cpu:before {
content: "\E738";
}
.el-icon-thumb:before {
content: "\E739";
}
.el-icon-female:before {
content: "\E73A";
}
.el-icon-male:before {
content: "\E73B";
}
.el-icon-guide:before {
content: "\E73C";
}
.el-icon-news:before {
content: "\E73E";
}
.el-icon-price-tag:before {
content: "\E744";
}
.el-icon-discount:before {
content: "\E745";
}
.el-icon-wallet:before {
content: "\E747";
}
.el-icon-coin:before {
content: "\E748";
}
.el-icon-money:before {
content: "\E749";
}
.el-icon-bank-card:before {
content: "\E74A";
}
.el-icon-box:before {
content: "\E74B";
}
.el-icon-present:before {
content: "\E74C";
}
.el-icon-sell:before {
content: "\E6D5";
}
.el-icon-sold-out:before {
content: "\E6D6";
}
.el-icon-shopping-bag-2:before {
content: "\E74D";
}
.el-icon-shopping-bag-1:before {
content: "\E74E";
}
.el-icon-shopping-cart-2:before {
content: "\E74F";
}
.el-icon-shopping-cart-1:before {
content: "\E750";
}
.el-icon-shopping-cart-full:before {
content: "\E751";
}
.el-icon-smoking:before {
content: "\E752";
}
.el-icon-no-smoking:before {
content: "\E753";
}
.el-icon-house:before {
content: "\E754";
}
.el-icon-table-lamp:before {
content: "\E755";
}
.el-icon-school:before {
content: "\E756";
}
.el-icon-office-building:before {
content: "\E757";
}
.el-icon-toilet-paper:before {
content: "\E758";
}
.el-icon-notebook-2:before {
content: "\E759";
}
.el-icon-notebook-1:before {
content: "\E75A";
}
.el-icon-files:before {
content: "\E75B";
}
.el-icon-collection:before {
content: "\E75C";
}
.el-icon-receiving:before {
content: "\E75D";
}
.el-icon-suitcase-1:before {
content: "\E760";
}
.el-icon-suitcase:before {
content: "\E761";
}
.el-icon-film:before {
content: "\E763";
}
.el-icon-collection-tag:before {
content: "\E765";
}
.el-icon-data-analysis:before {
content: "\E766";
}
.el-icon-pie-chart:before {
content: "\E767";
}
.el-icon-data-board:before {
content: "\E768";
}
.el-icon-data-line:before {
content: "\E76D";
}
.el-icon-reading:before {
content: "\E769";
}
.el-icon-magic-stick:before {
content: "\E76A";
}
.el-icon-coordinate:before {
content: "\E76B";
}
.el-icon-mouse:before {
content: "\E76C";
}
.el-icon-brush:before {
content: "\E76E";
}
.el-icon-headset:before {
content: "\E76F";
}
.el-icon-umbrella:before {
content: "\E770";
}
.el-icon-scissors:before {
content: "\E771";
}
.el-icon-mobile:before {
content: "\E773";
}
.el-icon-attract:before {
content: "\E774";
}
.el-icon-monitor:before {
content: "\E775";
}
.el-icon-search:before {
content: "\E778";
}
.el-icon-takeaway-box:before {
content: "\E77A";
}
.el-icon-paperclip:before {
content: "\E77D";
}
.el-icon-printer:before {
content: "\E77E";
}
.el-icon-document-add:before {
content: "\E782";
}
.el-icon-document:before {
content: "\E785";
}
.el-icon-document-checked:before {
content: "\E786";
}
.el-icon-document-copy:before {
content: "\E787";
}
.el-icon-document-delete:before {
content: "\E788";
}
.el-icon-document-remove:before {
content: "\E789";
}
.el-icon-tickets:before {
content: "\E78B";
}
.el-icon-folder-checked:before {
content: "\E77F";
}
.el-icon-folder-delete:before {
content: "\E780";
}
.el-icon-folder-remove:before {
content: "\E781";
}
.el-icon-folder-add:before {
content: "\E783";
}
.el-icon-folder-opened:before {
content: "\E784";
}
.el-icon-folder:before {
content: "\E78A";
}
.el-icon-edit-outline:before {
content: "\E764";
}
.el-icon-edit:before {
content: "\E78C";
}
.el-icon-date:before {
content: "\E78E";
}
.el-icon-c-scale-to-original:before {
content: "\E7C6";
}
.el-icon-view:before {
content: "\E6CE";
}
.el-icon-loading:before {
content: "\E6CF";
}
.el-icon-rank:before {
content: "\E6D1";
}
.el-icon-sort-down:before {
content: "\E7C4";
}
.el-icon-sort-up:before {
content: "\E7C5";
}
.el-icon-sort:before {
content: "\E6D2";
}
.el-icon-finished:before {
content: "\E6CD";
}
.el-icon-refresh-left:before {
content: "\E6C7";
}
.el-icon-refresh-right:before {
content: "\E6C8";
}
.el-icon-refresh:before {
content: "\E6D0";
}
.el-icon-video-play:before {
content: "\E7C0";
}
.el-icon-video-pause:before {
content: "\E7C1";
}
.el-icon-d-arrow-right:before {
content: "\E6DC";
}
.el-icon-d-arrow-left:before {
content: "\E6DD";
}
.el-icon-arrow-up:before {
content: "\E6E1";
}
.el-icon-arrow-down:before {
content: "\E6DF";
}
.el-icon-arrow-right:before {
content: "\E6E0";
}
.el-icon-arrow-left:before {
content: "\E6DE";
}
.el-icon-top-right:before {
content: "\E6E7";
}
.el-icon-top-left:before {
content: "\E6E8";
}
.el-icon-top:before {
content: "\E6E6";
}
.el-icon-bottom:before {
content: "\E6EB";
}
.el-icon-right:before {
content: "\E6E9";
}
.el-icon-back:before {
content: "\E6EA";
}
.el-icon-bottom-right:before {
content: "\E6EC";
}
.el-icon-bottom-left:before {
content: "\E6ED";
}
.el-icon-caret-top:before {
content: "\E78F";
}
.el-icon-caret-bottom:before {
content: "\E790";
}
.el-icon-caret-right:before {
content: "\E791";
}
.el-icon-caret-left:before {
content: "\E792";
}
.el-icon-d-caret:before {
content: "\E79A";
}
.el-icon-share:before {
content: "\E793";
}
.el-icon-menu:before {
content: "\E798";
}
.el-icon-s-grid:before {
content: "\E7A6";
}
.el-icon-s-check:before {
content: "\E7A7";
}
.el-icon-s-data:before {
content: "\E7A8";
}
.el-icon-s-opportunity:before {
content: "\E7AA";
}
.el-icon-s-custom:before {
content: "\E7AB";
}
.el-icon-s-claim:before {
content: "\E7AD";
}
.el-icon-s-finance:before {
content: "\E7AE";
}
.el-icon-s-comment:before {
content: "\E7AF";
}
.el-icon-s-flag:before {
content: "\E7B0";
}
.el-icon-s-marketing:before {
content: "\E7B1";
}
.el-icon-s-shop:before {
content: "\E7B4";
}
.el-icon-s-open:before {
content: "\E7B5";
}
.el-icon-s-management:before {
content: "\E7B6";
}
.el-icon-s-ticket:before {
content: "\E7B7";
}
.el-icon-s-release:before {
content: "\E7B8";
}
.el-icon-s-home:before {
content: "\E7B9";
}
.el-icon-s-promotion:before {
content: "\E7BA";
}
.el-icon-s-operation:before {
content: "\E7BB";
}
.el-icon-s-unfold:before {
content: "\E7BC";
}
.el-icon-s-fold:before {
content: "\E7A9";
}
.el-icon-s-platform:before {
content: "\E7BD";
}
.el-icon-s-order:before {
content: "\E7BE";
}
.el-icon-s-cooperation:before {
content: "\E7BF";
}
.el-icon-bell:before {
content: "\E725";
}
.el-icon-message-solid:before {
content: "\E799";
}
.el-icon-video-camera:before {
content: "\E772";
}
.el-icon-video-camera-solid:before {
content: "\E796";
}
.el-icon-camera:before {
content: "\E779";
}
.el-icon-camera-solid:before {
content: "\E79B";
}
.el-icon-download:before {
content: "\E77C";
}
.el-icon-upload2:before {
content: "\E77B";
}
.el-icon-upload:before {
content: "\E7C3";
}
.el-icon-picture-outline-round:before {
content: "\E75F";
}
.el-icon-picture-outline:before {
content: "\E75E";
}
.el-icon-picture:before {
content: "\E79F";
}
.el-icon-close:before {
content: "\E6DB";
}
.el-icon-check:before {
content: "\E6DA";
}
.el-icon-plus:before {
content: "\E6D9";
}
.el-icon-minus:before {
content: "\E6D8";
}
.el-icon-help:before {
content: "\E73D";
}
.el-icon-s-help:before {
content: "\E7B3";
}
.el-icon-circle-close:before {
content: "\E78D";
}
.el-icon-circle-check:before {
content: "\E720";
}
.el-icon-circle-plus-outline:before {
content: "\E723";
}
.el-icon-remove-outline:before {
content: "\E722";
}
.el-icon-zoom-out:before {
content: "\E776";
}
.el-icon-zoom-in:before {
content: "\E777";
}
.el-icon-error:before {
content: "\E79D";
}
.el-icon-success:before {
content: "\E79C";
}
.el-icon-circle-plus:before {
content: "\E7A0";
}
.el-icon-remove:before {
content: "\E7A2";
}
.el-icon-info:before {
content: "\E7A1";
}
.el-icon-question:before {
content: "\E7A4";
}
.el-icon-warning-outline:before {
content: "\E6C9";
}
.el-icon-warning:before {
content: "\E7A3";
}
.el-icon-goods:before {
content: "\E7C2";
}
.el-icon-s-goods:before {
content: "\E7B2";
}
.el-icon-star-off:before {
content: "\E717";
}
.el-icon-star-on:before {
content: "\E797";
}
.el-icon-more-outline:before {
content: "\E6CC";
}
.el-icon-more:before {
content: "\E794";
}
.el-icon-phone-outline:before {
content: "\E6CB";
}
.el-icon-phone:before {
content: "\E795";
}
.el-icon-user:before {
content: "\E6E3";
}
.el-icon-user-solid:before {
content: "\E7A5";
}
.el-icon-setting:before {
content: "\E6CA";
}
.el-icon-s-tools:before {
content: "\E7AC";
}
.el-icon-delete:before {
content: "\E6D7";
}
.el-icon-delete-solid:before {
content: "\E7C9";
}
.el-icon-eleme:before {
content: "\E7C7";
}
.el-icon-platform-eleme:before {
content: "\E7CA";
}
.el-icon-loading {
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.el-icon--right {
margin-left: 5px;
}
.el-icon--left {
margin-right: 5px;
}
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes rotating {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
} /**
* Swiper 3.4.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: October 16, 2016
*/
html {
font-family: Apple System, "SF Pro SC", "SF Pro Display", "Helvetica Neue",
"Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei",
"Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC",
"Source Han Sans CN", sans-serif;
/* text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased; */
font-size: 15px;
height: 100%;
width: 100%;
}
img {
display: block;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progress
.swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white
.swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black
.swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -webkit-linear-gradient(
right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -moz-linear-gradient(
right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -o-linear-gradient(
right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -moz-linear-gradient(
left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -webkit-linear-gradient(
bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -moz-linear-gradient(
bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -o-linear-gradient(
bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: -o-linear-gradient(
top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} /*---- variables ----*/
/*---- Mixins ----*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
button {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
font-weight: normal;
text-decoration: none;
outline: none;
border-radius: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a:hover,
a:active {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.container-fluid,
.container {
margin-right: auto;
margin-left: auto;
}
.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 768px) {
.container {
width: 49rem;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-2-1,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-2-1 {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1024px) {
.container {
width: 65rem;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1280px) {
.container {
width: 76rem;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 12px;
padding-left: 12px;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
body[data-aos-duration="50"] [data-aos],
[data-aos][data-aos][data-aos-duration="50"] {
-webkit-transition-duration: 50ms;
-o-transition-duration: 50ms;
transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos],
[data-aos][data-aos][data-aos-delay="50"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="50"].aos-animate {
-webkit-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos],
[data-aos][data-aos][data-aos-duration="100"] {
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos],
[data-aos][data-aos][data-aos-delay="100"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="100"].aos-animate {
-webkit-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos],
[data-aos][data-aos][data-aos-duration="150"] {
-webkit-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos],
[data-aos][data-aos][data-aos-delay="150"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="150"].aos-animate {
-webkit-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos],
[data-aos][data-aos][data-aos-duration="200"] {
-webkit-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos],
[data-aos][data-aos][data-aos-delay="200"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="200"].aos-animate {
-webkit-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos],
[data-aos][data-aos][data-aos-duration="250"] {
-webkit-transition-duration: 250ms;
-o-transition-duration: 250ms;
transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos],
[data-aos][data-aos][data-aos-delay="250"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="250"].aos-animate {
-webkit-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos],
[data-aos][data-aos][data-aos-duration="300"] {
-webkit-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos],
[data-aos][data-aos][data-aos-delay="300"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="300"].aos-animate {
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos],
[data-aos][data-aos][data-aos-duration="350"] {
-webkit-transition-duration: 350ms;
-o-transition-duration: 350ms;
transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos],
[data-aos][data-aos][data-aos-delay="350"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="350"].aos-animate {
-webkit-transition-delay: 350ms;
-o-transition-delay: 350ms;
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos],
[data-aos][data-aos][data-aos-duration="400"] {
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos],
[data-aos][data-aos][data-aos-delay="400"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="400"].aos-animate {
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos],
[data-aos][data-aos][data-aos-duration="450"] {
-webkit-transition-duration: 450ms;
-o-transition-duration: 450ms;
transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos],
[data-aos][data-aos][data-aos-delay="450"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="450"].aos-animate {
-webkit-transition-delay: 450ms;
-o-transition-delay: 450ms;
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos],
[data-aos][data-aos][data-aos-duration="500"] {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos],
[data-aos][data-aos][data-aos-delay="500"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="500"].aos-animate {
-webkit-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos],
[data-aos][data-aos][data-aos-duration="550"] {
-webkit-transition-duration: 550ms;
-o-transition-duration: 550ms;
transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos],
[data-aos][data-aos][data-aos-delay="550"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="550"].aos-animate {
-webkit-transition-delay: 550ms;
-o-transition-delay: 550ms;
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos],
[data-aos][data-aos][data-aos-duration="600"] {
-webkit-transition-duration: 600ms;
-o-transition-duration: 600ms;
transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos],
[data-aos][data-aos][data-aos-delay="600"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="600"].aos-animate {
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos],
[data-aos][data-aos][data-aos-duration="650"] {
-webkit-transition-duration: 650ms;
-o-transition-duration: 650ms;
transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos],
[data-aos][data-aos][data-aos-delay="650"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="650"].aos-animate {
-webkit-transition-delay: 650ms;
-o-transition-delay: 650ms;
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos],
[data-aos][data-aos][data-aos-duration="700"] {
-webkit-transition-duration: 700ms;
-o-transition-duration: 700ms;
transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos],
[data-aos][data-aos][data-aos-delay="700"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="700"].aos-animate {
-webkit-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos],
[data-aos][data-aos][data-aos-duration="750"] {
-webkit-transition-duration: 750ms;
-o-transition-duration: 750ms;
transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos],
[data-aos][data-aos][data-aos-delay="750"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="750"].aos-animate {
-webkit-transition-delay: 750ms;
-o-transition-delay: 750ms;
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos],
[data-aos][data-aos][data-aos-duration="800"] {
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos],
[data-aos][data-aos][data-aos-delay="800"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="800"].aos-animate {
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos],
[data-aos][data-aos][data-aos-duration="850"] {
-webkit-transition-duration: 850ms;
-o-transition-duration: 850ms;
transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos],
[data-aos][data-aos][data-aos-delay="850"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="850"].aos-animate {
-webkit-transition-delay: 850ms;
-o-transition-delay: 850ms;
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos],
[data-aos][data-aos][data-aos-duration="900"] {
-webkit-transition-duration: 900ms;
-o-transition-duration: 900ms;
transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos],
[data-aos][data-aos][data-aos-delay="900"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="900"].aos-animate {
-webkit-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos],
[data-aos][data-aos][data-aos-duration="950"] {
-webkit-transition-duration: 950ms;
-o-transition-duration: 950ms;
transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos],
[data-aos][data-aos][data-aos-delay="950"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="950"].aos-animate {
-webkit-transition-delay: 950ms;
-o-transition-delay: 950ms;
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos],
[data-aos][data-aos][data-aos-duration="1000"] {
-webkit-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos],
[data-aos][data-aos][data-aos-delay="1000"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos],
[data-aos][data-aos][data-aos-duration="1050"] {
-webkit-transition-duration: 1050ms;
-o-transition-duration: 1050ms;
transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos],
[data-aos][data-aos][data-aos-delay="1050"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1050"].aos-animate {
-webkit-transition-delay: 1050ms;
-o-transition-delay: 1050ms;
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos],
[data-aos][data-aos][data-aos-duration="1100"] {
-webkit-transition-duration: 1100ms;
-o-transition-duration: 1100ms;
transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos],
[data-aos][data-aos][data-aos-delay="1100"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1100"].aos-animate {
-webkit-transition-delay: 1100ms;
-o-transition-delay: 1100ms;
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos],
[data-aos][data-aos][data-aos-duration="1150"] {
-webkit-transition-duration: 1150ms;
-o-transition-duration: 1150ms;
transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos],
[data-aos][data-aos][data-aos-delay="1150"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1150"].aos-animate {
-webkit-transition-delay: 1150ms;
-o-transition-delay: 1150ms;
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos],
[data-aos][data-aos][data-aos-duration="1200"] {
-webkit-transition-duration: 1200ms;
-o-transition-duration: 1200ms;
transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos],
[data-aos][data-aos][data-aos-delay="1200"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1200"].aos-animate {
-webkit-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos],
[data-aos][data-aos][data-aos-duration="1250"] {
-webkit-transition-duration: 1250ms;
-o-transition-duration: 1250ms;
transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos],
[data-aos][data-aos][data-aos-delay="1250"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1250"].aos-animate {
-webkit-transition-delay: 1250ms;
-o-transition-delay: 1250ms;
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos],
[data-aos][data-aos][data-aos-duration="1300"] {
-webkit-transition-duration: 1300ms;
-o-transition-duration: 1300ms;
transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos],
[data-aos][data-aos][data-aos-delay="1300"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1300"].aos-animate {
-webkit-transition-delay: 1300ms;
-o-transition-delay: 1300ms;
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos],
[data-aos][data-aos][data-aos-duration="1350"] {
-webkit-transition-duration: 1350ms;
-o-transition-duration: 1350ms;
transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos],
[data-aos][data-aos][data-aos-delay="1350"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1350"].aos-animate {
-webkit-transition-delay: 1350ms;
-o-transition-delay: 1350ms;
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos],
[data-aos][data-aos][data-aos-duration="1400"] {
-webkit-transition-duration: 1400ms;
-o-transition-duration: 1400ms;
transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos],
[data-aos][data-aos][data-aos-delay="1400"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1400"].aos-animate {
-webkit-transition-delay: 1400ms;
-o-transition-delay: 1400ms;
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos],
[data-aos][data-aos][data-aos-duration="1450"] {
-webkit-transition-duration: 1450ms;
-o-transition-duration: 1450ms;
transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos],
[data-aos][data-aos][data-aos-delay="1450"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1450"].aos-animate {
-webkit-transition-delay: 1450ms;
-o-transition-delay: 1450ms;
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos],
[data-aos][data-aos][data-aos-duration="1500"] {
-webkit-transition-duration: 1500ms;
-o-transition-duration: 1500ms;
transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos],
[data-aos][data-aos][data-aos-delay="1500"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1500"].aos-animate {
-webkit-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos],
[data-aos][data-aos][data-aos-duration="1550"] {
-webkit-transition-duration: 1550ms;
-o-transition-duration: 1550ms;
transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos],
[data-aos][data-aos][data-aos-delay="1550"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1550"].aos-animate {
-webkit-transition-delay: 1550ms;
-o-transition-delay: 1550ms;
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos],
[data-aos][data-aos][data-aos-duration="1600"] {
-webkit-transition-duration: 1600ms;
-o-transition-duration: 1600ms;
transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos],
[data-aos][data-aos][data-aos-delay="1600"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1600"].aos-animate {
-webkit-transition-delay: 1600ms;
-o-transition-delay: 1600ms;
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos],
[data-aos][data-aos][data-aos-duration="1650"] {
-webkit-transition-duration: 1650ms;
-o-transition-duration: 1650ms;
transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos],
[data-aos][data-aos][data-aos-delay="1650"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1650"].aos-animate {
-webkit-transition-delay: 1650ms;
-o-transition-delay: 1650ms;
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos],
[data-aos][data-aos][data-aos-duration="1700"] {
-webkit-transition-duration: 1700ms;
-o-transition-duration: 1700ms;
transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos],
[data-aos][data-aos][data-aos-delay="1700"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1700"].aos-animate {
-webkit-transition-delay: 1700ms;
-o-transition-delay: 1700ms;
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos],
[data-aos][data-aos][data-aos-duration="1750"] {
-webkit-transition-duration: 1750ms;
-o-transition-duration: 1750ms;
transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos],
[data-aos][data-aos][data-aos-delay="1750"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1750"].aos-animate {
-webkit-transition-delay: 1750ms;
-o-transition-delay: 1750ms;
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos],
[data-aos][data-aos][data-aos-duration="1800"] {
-webkit-transition-duration: 1800ms;
-o-transition-duration: 1800ms;
transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos],
[data-aos][data-aos][data-aos-delay="1800"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1800"].aos-animate {
-webkit-transition-delay: 1800ms;
-o-transition-delay: 1800ms;
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos],
[data-aos][data-aos][data-aos-duration="1850"] {
-webkit-transition-duration: 1850ms;
-o-transition-duration: 1850ms;
transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos],
[data-aos][data-aos][data-aos-delay="1850"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1850"].aos-animate {
-webkit-transition-delay: 1850ms;
-o-transition-delay: 1850ms;
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos],
[data-aos][data-aos][data-aos-duration="1900"] {
-webkit-transition-duration: 1900ms;
-o-transition-duration: 1900ms;
transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos],
[data-aos][data-aos][data-aos-delay="1900"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1900"].aos-animate {
-webkit-transition-delay: 1900ms;
-o-transition-delay: 1900ms;
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos],
[data-aos][data-aos][data-aos-duration="1950"] {
-webkit-transition-duration: 1950ms;
-o-transition-duration: 1950ms;
transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos],
[data-aos][data-aos][data-aos-delay="1950"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1950"].aos-animate {
-webkit-transition-delay: 1950ms;
-o-transition-delay: 1950ms;
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos],
[data-aos][data-aos][data-aos-duration="2000"] {
-webkit-transition-duration: 2000ms;
-o-transition-duration: 2000ms;
transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos],
[data-aos][data-aos][data-aos-delay="2000"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2000"].aos-animate {
-webkit-transition-delay: 2000ms;
-o-transition-delay: 2000ms;
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos],
[data-aos][data-aos][data-aos-duration="2050"] {
-webkit-transition-duration: 2050ms;
-o-transition-duration: 2050ms;
transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos],
[data-aos][data-aos][data-aos-delay="2050"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2050"].aos-animate {
-webkit-transition-delay: 2050ms;
-o-transition-delay: 2050ms;
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos],
[data-aos][data-aos][data-aos-duration="2100"] {
-webkit-transition-duration: 2100ms;
-o-transition-duration: 2100ms;
transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos],
[data-aos][data-aos][data-aos-delay="2100"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2100"].aos-animate {
-webkit-transition-delay: 2100ms;
-o-transition-delay: 2100ms;
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos],
[data-aos][data-aos][data-aos-duration="2150"] {
-webkit-transition-duration: 2150ms;
-o-transition-duration: 2150ms;
transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos],
[data-aos][data-aos][data-aos-delay="2150"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2150"].aos-animate {
-webkit-transition-delay: 2150ms;
-o-transition-delay: 2150ms;
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos],
[data-aos][data-aos][data-aos-duration="2200"] {
-webkit-transition-duration: 2200ms;
-o-transition-duration: 2200ms;
transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos],
[data-aos][data-aos][data-aos-delay="2200"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2200"].aos-animate {
-webkit-transition-delay: 2200ms;
-o-transition-delay: 2200ms;
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos],
[data-aos][data-aos][data-aos-duration="2250"] {
-webkit-transition-duration: 2250ms;
-o-transition-duration: 2250ms;
transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos],
[data-aos][data-aos][data-aos-delay="2250"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2250"].aos-animate {
-webkit-transition-delay: 2250ms;
-o-transition-delay: 2250ms;
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos],
[data-aos][data-aos][data-aos-duration="2300"] {
-webkit-transition-duration: 2300ms;
-o-transition-duration: 2300ms;
transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos],
[data-aos][data-aos][data-aos-delay="2300"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2300"].aos-animate {
-webkit-transition-delay: 2300ms;
-o-transition-delay: 2300ms;
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos],
[data-aos][data-aos][data-aos-duration="2350"] {
-webkit-transition-duration: 2350ms;
-o-transition-duration: 2350ms;
transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos],
[data-aos][data-aos][data-aos-delay="2350"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2350"].aos-animate {
-webkit-transition-delay: 2350ms;
-o-transition-delay: 2350ms;
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos],
[data-aos][data-aos][data-aos-duration="2400"] {
-webkit-transition-duration: 2400ms;
-o-transition-duration: 2400ms;
transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos],
[data-aos][data-aos][data-aos-delay="2400"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2400"].aos-animate {
-webkit-transition-delay: 2400ms;
-o-transition-delay: 2400ms;
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos],
[data-aos][data-aos][data-aos-duration="2450"] {
-webkit-transition-duration: 2450ms;
-o-transition-duration: 2450ms;
transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos],
[data-aos][data-aos][data-aos-delay="2450"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2450"].aos-animate {
-webkit-transition-delay: 2450ms;
-o-transition-delay: 2450ms;
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos],
[data-aos][data-aos][data-aos-duration="2500"] {
-webkit-transition-duration: 2500ms;
-o-transition-duration: 2500ms;
transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos],
[data-aos][data-aos][data-aos-delay="2500"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2500"].aos-animate {
-webkit-transition-delay: 2500ms;
-o-transition-delay: 2500ms;
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos],
[data-aos][data-aos][data-aos-duration="2550"] {
-webkit-transition-duration: 2550ms;
-o-transition-duration: 2550ms;
transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos],
[data-aos][data-aos][data-aos-delay="2550"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2550"].aos-animate {
-webkit-transition-delay: 2550ms;
-o-transition-delay: 2550ms;
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos],
[data-aos][data-aos][data-aos-duration="2600"] {
-webkit-transition-duration: 2600ms;
-o-transition-duration: 2600ms;
transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos],
[data-aos][data-aos][data-aos-delay="2600"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2600"].aos-animate {
-webkit-transition-delay: 2600ms;
-o-transition-delay: 2600ms;
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos],
[data-aos][data-aos][data-aos-duration="2650"] {
-webkit-transition-duration: 2650ms;
-o-transition-duration: 2650ms;
transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos],
[data-aos][data-aos][data-aos-delay="2650"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2650"].aos-animate {
-webkit-transition-delay: 2650ms;
-o-transition-delay: 2650ms;
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos],
[data-aos][data-aos][data-aos-duration="2700"] {
-webkit-transition-duration: 2700ms;
-o-transition-duration: 2700ms;
transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos],
[data-aos][data-aos][data-aos-delay="2700"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2700"].aos-animate {
-webkit-transition-delay: 2700ms;
-o-transition-delay: 2700ms;
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos],
[data-aos][data-aos][data-aos-duration="2750"] {
-webkit-transition-duration: 2750ms;
-o-transition-duration: 2750ms;
transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos],
[data-aos][data-aos][data-aos-delay="2750"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2750"].aos-animate {
-webkit-transition-delay: 2750ms;
-o-transition-delay: 2750ms;
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos],
[data-aos][data-aos][data-aos-duration="2800"] {
-webkit-transition-duration: 2800ms;
-o-transition-duration: 2800ms;
transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos],
[data-aos][data-aos][data-aos-delay="2800"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2800"].aos-animate {
-webkit-transition-delay: 2800ms;
-o-transition-delay: 2800ms;
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos],
[data-aos][data-aos][data-aos-duration="2850"] {
-webkit-transition-duration: 2850ms;
-o-transition-duration: 2850ms;
transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos],
[data-aos][data-aos][data-aos-delay="2850"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2850"].aos-animate {
-webkit-transition-delay: 2850ms;
-o-transition-delay: 2850ms;
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos],
[data-aos][data-aos][data-aos-duration="2900"] {
-webkit-transition-duration: 2900ms;
-o-transition-duration: 2900ms;
transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos],
[data-aos][data-aos][data-aos-delay="2900"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2900"].aos-animate {
-webkit-transition-delay: 2900ms;
-o-transition-delay: 2900ms;
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos],
[data-aos][data-aos][data-aos-duration="2950"] {
-webkit-transition-duration: 2950ms;
-o-transition-duration: 2950ms;
transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos],
[data-aos][data-aos][data-aos-delay="2950"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2950"].aos-animate {
-webkit-transition-delay: 2950ms;
-o-transition-delay: 2950ms;
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos],
[data-aos][data-aos][data-aos-duration="3000"] {
-webkit-transition-duration: 3000ms;
-o-transition-duration: 3000ms;
transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos],
[data-aos][data-aos][data-aos-delay="3000"] {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="3000"].aos-animate {
-webkit-transition-delay: 3000ms;
-o-transition-delay: 3000ms;
transition-delay: 3000ms;
}
body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
-o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing="ease"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing="ease-in"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in"] {
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
-o-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing="ease-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out"] {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
-o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out"] {
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-back"] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
-o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing="ease-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-back"] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing="ease-in-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing="ease-in-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
-o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing="ease-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
-o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing="ease-in-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
-o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing="ease-in-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/**
* Fade animations:
* fade
* fade-up, fade-down, fade-left, fade-right
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
*/
[data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
[data-aos="fade-up"] {
-webkit-transform: translate3d(0, 12px, 0);
transform: translate3d(0, 12px, 0);
}
[data-aos="fade-down"] {
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0);
}
[data-aos="fade-right"] {
-webkit-transform: translate3d(-12px, 0, 0);
transform: translate3d(-12px, 0, 0);
}
[data-aos="fade-left"] {
-webkit-transform: translate3d(12px, 0, 0);
transform: translate3d(12px, 0, 0);
}
[data-aos="fade-up-right"] {
-webkit-transform: translate3d(-12px, 12px, 0);
transform: translate3d(-12px, 12px, 0);
}
[data-aos="fade-up-left"] {
-webkit-transform: translate3d(12px, 12px, 0);
transform: translate3d(12px, 12px, 0);
}
[data-aos="fade-down-right"] {
-webkit-transform: translate3d(-12px, -12px, 0);
transform: translate3d(-12px, -12px, 0);
}
[data-aos="fade-down-left"] {
-webkit-transform: translate3d(12px, -12px, 0);
transform: translate3d(12px, -12px, 0);
}
/**
* Zoom animations:
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
*/
[data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
[data-aos="zoom-in"] {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
-webkit-transform: translate3d(0, 12px, 0) scale(0.6);
transform: translate3d(0, 12px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
-webkit-transform: translate3d(0, -12px, 0) scale(0.6);
transform: translate3d(0, -12px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
-webkit-transform: translate3d(-12px, 0, 0) scale(0.6);
transform: translate3d(-12px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
-webkit-transform: translate3d(12px, 0, 0) scale(0.6);
transform: translate3d(12px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
-webkit-transform: translate3d(0, 12px, 0) scale(1.2);
transform: translate3d(0, 12px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
-webkit-transform: translate3d(0, -12px, 0) scale(1.2);
transform: translate3d(0, -12px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
-webkit-transform: translate3d(-12px, 0, 0) scale(1.2);
transform: translate3d(-12px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
-webkit-transform: translate3d(12px, 0, 0) scale(1.2);
transform: translate3d(12px, 0, 0) scale(1.2);
}
/**
* Slide animations
*/
[data-aos^="slide"][data-aos^="slide"] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
[data-aos="slide-up"] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
/**
* Flip animations:
* flip-left, flip-right, flip-up, flip-down
*/
[data-aos^="flip"][data-aos^="flip"] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos="flip-left"] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
.card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-wrap {
max-width: 1280px;
padding-left: 60px;
padding-right: 60px;
margin: 0 auto;
}
.section-full {
width: 100%;
}
.img-wrapper {
margin: 0 auto;
margin-bottom: 120px;
}
.img-wrapper img {
width: 100%;
margin: 0 auto;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 16px;
}
.full-content {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 0 60px;
width: 100%;
}
.button-1,
.button-2 {
display: inline-block;
}
.button-2 {
margin-left: 1.6rem;
}
@media only screen and (max-width: 1024px) {
.full-content {
padding: 0 30px;
}
}
.banner .text-content {
z-index: 1000;
}
.banner .btn-wrapper {
display: inline-block;
margin-top: 4rem;
}
.banner .banner-img {
width: 100%;
}
.banner .banner-img img {
width: 100%;
}
.jurisdiction {
width: 100%;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: normal;
color: rgba(18, 20, 28, 0.5);
position: absolute;
bottom: -43px;
}
.jurisdiction .hover-span {
cursor: pointer;
}
.jurisdiction .hover-span:hover {
color: #4c6deb;
}
.split-line {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.06);
}
.header-wrapper {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#ffffff),
to(#f9fbff)
);
background: -webkit-linear-gradient(top, #ffffff 0%, #f9fbff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f9fbff 100%);
background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
position: relative;
height: calc(100vh - 200px);
max-height: 800px;
min-height: 600px;
}
.header-wrapper .header {
height: 100%;
}
.wave_bg {
width: 2560px;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
bottom: 0;
}
@media only screen and (max-width: 1024px) {
.header-wrapper {
height: 100%;
padding-top: 120px;
padding-bottom: 120px;
max-height: 1200px;
}
.banner-img {
padding-top: 90px;
}
.jurisdiction {
bottom: -73px;
}
.jurisdiction span {
margin-right: 0px;
}
.jurisdiction .span-left {
margin-right: 8px;
}
.jurisdiction .spna-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 1280px) {
html {
font-size: 14px;
}
}
@media only screen and (max-width: 1024px) {
html {
font-size: 13px;
}
.section-wrap {
padding-left: 30px;
padding-right: 30px;
margin-top: 28px;
}
}
@media only screen and (max-width: 768px) {
html {
font-size: 12px;
}
.l-title-h1 .title,
.l-download-banner .title {
font-size: 3.2rem !important;
}
.l-title-h2 .title,
.seo_home_wrap .customer-server-banner .content .title,
.seo_home_wrap .axure-title-wrapper .title {
font-size: 2.6rem !important;
}
.seo_home_wrap .design-title-wrapper .title span,
.mobile_home_sections .section .des_title {
font-size: 2.6rem !important;
}
.seo_home_wrap .user-comment-title .user-logo {
display: none !important;
}
}
.mask-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 100;
background: rgba(0, 0, 0, 0.6);
z-index: 100000;
}
.mask-wrap .top {
position: absolute;
right: 10px;
top: 30px;
width: 162px;
height: 80px;
background: #ffffff;
border-radius: 12px;
}
.mask-wrap .top .triangle {
position: absolute;
width: 0;
height: 0;
right: 15px;
top: -20px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 20px solid #ffffff;
}
.mask-wrap .top .p1,
.mask-wrap .top .p2 {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
padding-left: 18px;
}
.mask-wrap .top .p1 {
padding-top: 15px;
color: rgba(18, 20, 28, 0.9);
}
.mask-wrap .top .p1 i {
display: inline-block;
width: 4px;
height: 4px;
background: #2e2e2e;
border-radius: 2px;
overflow: hidden;
margin: 3px 1px;
}
.mask-wrap .top .p1 i:nth-child(1) {
margin-left: 6px;
}
.mask-wrap .top .p2 {
margin-top: 8px;
color: #2a78ff;
}
.phone .mu-overlay.download-apk {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6) !important;
top: 0;
z-index: 1000000001 !important;
position: fixed;
}
.phone .mu-overlay.open-tip-mask {
background-color: rgba(0, 0, 0, 0.6) !important;
z-index: 1000000001 !important;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.phone .mu-dialog-wrapper.download-apk {
position: fixed;
z-index: 1000000002 !important;
width: 279px;
height: 175px;
left: 50%;
top: 50%;
margin-left: -139px;
margin-top: -87.5px;
border-radius: 15px;
background-color: #fff;
}
.phone .mu-dialog-wrapper.download-apk .logo-wrap {
text-align: center;
margin-top: 19px;
margin-bottom: 8px;
}
.phone .mu-dialog-wrapper.download-apk .logo-wrap img {
width: 60px;
height: 60px;
border-radius: 15px;
display: inline-block;
}
.phone .mu-dialog-wrapper.download-apk .download-info {
color: rgba(18, 20, 28, 0.9);
font-size: 14px;
line-height: 20px;
margin-bottom: 15px;
text-align: center;
}
.phone .mu-dialog-wrapper.download-apk .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
height: 50px;
line-height: 50px;
text-align: center;
}
.phone .mu-dialog-wrapper.download-apk .buttons li {
width: 50%;
text-align: center;
color: #12141c;
font-weight: 400;
font-size: 17px;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.phone .mu-dialog-wrapper.download-apk .buttons li:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.phone
.mu-dialog-wrapper.download-apk
.buttons
li:nth-child(2)
.mu-flat-button-label {
color: #2a78ff;
}
.phone .mu-dialog-wrapper.download-apk .buttons li button {
background-color: initial;
}
.phone .mu-dialog-wrapper.open-tip-mask {
position: fixed;
z-index: 1000000002 !important;
top: 0;
right: 0;
}
.clearfix:after {
display: block;
content: "";
clear: both;
}
ul {
list-style: none;
}
.kefu {
width: 66px;
height: 66px;
position: fixed;
right: 30px;
bottom: 24px;
z-index: 11111;
cursor: pointer;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.3, 3);
-o-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.3, 3);
transition: all 0.2s cubic-bezier(0.25, 0.1, 0.3, 3);
}
.kefu:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.kefu img {
width: 100%;
}
@media screen and (max-width: 1280px) {
.kefu {
width: 60px;
height: 60px;
}
}
body {
height: 100%;
width: 100%;
background-color: #fff;
}
body::-webkit-scrollbar {
width: 5px;
}
body::-webkit-scrollbar-thumb {
background-color: #b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}
.mu-paper-1,
.shadow-z-index-1 {
-webkit-box-shadow: 0 2px 4px 1px rgba(40, 120, 255, 0.08),
0 0 6px 1px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 4px 1px rgba(40, 120, 255, 0.08),
0 0 6px 1px rgba(0, 0, 0, 0.08);
}
.mu-paper-2,
.shadow-z-index-2 {
-webkit-box-shadow: 0 4px 12px rgba(40, 120, 255, 0.11),
0 3px 14px rgba(0, 0, 0, 0.11);
box-shadow: 0 4px 12px rgba(40, 120, 255, 0.11),
0 3px 14px rgba(0, 0, 0, 0.11);
}
.mu-paper-3,
.shadow-z-index-3 {
-webkit-box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
}
.mu-paper-5,
.shadow-z-index-5 {
-webkit-box-shadow: 0 8px 30px 10px rgba(40, 120, 255, 0.13),
0 24px 50px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 30px 10px rgba(40, 120, 255, 0.13),
0 24px 50px 4px rgba(0, 0, 0, 0.15);
}
.buttonImg {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODBweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgODAgODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+a2VmdeWkh+S7vSAyPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTEiIHg9IjQiIHk9IjMiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgcng9IjEyIj48L3JlY3Q+CiAgICAgICAgPGZpbHRlciB4PSItOS4wJSIgeT0iLTcuNiUiIHdpZHRoPSIxMTguMSUiIGhlaWdodD0iMTE4LjElIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUdhdXNzaWFuQmx1cj4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVDb21wb3NpdGU+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjY1NDkwMTk2MSAgIDAgMCAwIDAgMC42NTQ5MDE5NjEgICAwIDAgMCAwIDAuNjU0OTAxOTYxICAwIDAgMCAwLjA0NjY4Mzc4NSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMyIgcG9pbnRzPSIwLjAyNDY3ODgyODkgMC4wOTMzNTg1MTc5IDkuNTY3NzA2NzUgMC4wOTMzNTg1MTc5IDkuNTY3NzA2NzUgOS4zNzMyOTU4MyAwLjAyNDY3ODgyODkgOS4zNzMyOTU4MyI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IvCfjqnpobnnm67pobXpnaIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJrZWZ15aSH5Lu9LTIiPgogICAgICAgICAgICA8ZyBpZD0i55+p5b2i5aSH5Lu9Ij4KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0yKSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICA8cmVjdCBzdHJva2Utb3BhY2l0eT0iMC4wNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjQuNSIgeT0iMy41IiB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHJ4PSIxMiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MC4wMDAwMDAsIDE1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stNCIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+CiAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xpcC0yIj48L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS45MjgwNjc3NSw0Ljg0NDAxMDEyIEM1LjQ4NzUzMjksNS4xMTY3MDY0NCA1LjI4NDQ2NTIsNS40MTUyMzAwOSA1LjMxODg2NDY0LDUuNzM5NTgxMDYgTDUuMzE4ODY0NjQsNS45NDQxODcxNSBMNC40MDQ1MDUxNiw1Ljk0NDE4NzE1IEw0LjQwNDUwNTE2LDUuNjYyNDM0NSBDNC4zODc4NjAyNiw1LjE2ODEzNzQ4IDQuNjA3NTcyODYsNC43NjY4NjM1NiA1LjA2NDc1MjYsNC40NjA1MTM0NiBDNS40ODc1MzI5LDQuMTM2Mjc0MjkgNS42OTA2MDA2LDMuODI5OTI0MTkgNS42NzM5NTU3MSwzLjUzOTIyNzAxIEM1LjYyMjkxMTM3LDMuMTgxNDQ1ODYgNS40MTA5NjYzOSwyLjk4NTc4NDI5IDUuMDM5MjMwNDMsMi45NTEwMTI0NCBDNC41NDg3NjA5LDIuOTM0MzUzMjUgNC4yNDM2MDQ1MiwzLjIzMjg3NjkgNC4xMjU5ODA2LDMuODQ2Njk1MTggTDMuMTEwNjQyMSwzLjY0MjA4OTA5IEMzLjM0Njk5OTU5LDIuNTM0MDg1NiA0LjA0MDUzNjgyLDEuOTk2MTg0IDUuMTkxMjUzNzksMi4wMzA5NTU4NiBDNi4xNzMzMDI1MSwyLjA4MjM4NjkgNi43MDU5MzkxMSwyLjU0MTkxMjA2IDYuNzkxMzgyODksMy40MTE2NTU2NyBDNi44MjQ2NzI2OCwzLjk1NzI3MTkxIDYuNTM3MjcwODUsNC40MzQ3OTc5NCA1LjkyODA2Nzc1LDQuODQ0MDEwMTIgTDUuOTI4MDY3NzUsNC44NDQwMTAxMiBaIE00LjMwMzUyNjE0LDcuNTAzODg5MzQgTDUuNDE5ODQzNjYsNy41MDM4ODkzNCBMNS40MTk4NDM2Niw2LjQwNDgzMDM4IEw0LjMwMzUyNjE0LDYuNDA0ODMwMzggTDQuMzAzNTI2MTQsNy41MDM4ODkzNCBaIE00Ljk2MjY2MzkyLDAuMDkzMzQ3MzM3MyBDMi40MTkzMjQxOCwwLjA5MzM0NzMzNzMgMC4zNTc1NzY3LDIuMTcwNzE0MTIgMC4zNTc1NzY3LDQuNzMzMzIxNTggQzAuMzU3NTc2Nyw1LjM3Mjc0MzU4IDAuNDg2Mjk3MjEsNS45ODIyMDE0IDAuNzE4MjE2MDYxLDYuNTM1NjQ0MTEgTDAuMDI0Njc4ODI4OSw4LjE0MzQyMzE0IEwxLjcwNTgxMzA4LDguMDEyNjA5NCBDMi41MzkxNjc0Miw4Ljg1MzI4MzI5IDMuNjkwOTk0MDUsOS4zNzMyOTU4MyA0Ljk2MjY2MzkyLDkuMzczMjk1ODMgQzcuNTA2MDAzNjYsOS4zNzMyOTU4MyA5LjU2Nzc1MTE0LDcuMjk1OTI5MDQgOS41Njc3NTExNCw0LjczMzMyMTU4IEM5LjU2Nzc1MTE0LDIuMTcwNzE0MTIgNy41MDYwMDM2NiwwLjA5MzM0NzMzNzMgNC45NjI2NjM5MiwwLjA5MzM0NzMzNzMgTDQuOTYyNjYzOTIsMC4wOTMzNDczMzczIFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OTcyRjEiIG1hc2s9InVybCgjbWFzay00KSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguMDAwMDAwLCAxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi4yNTI5MTI4LDE2Ljg4MTc0OCBDMTAuNjczODAyMSwxNi44ODE3NDggOS4yNTYzMDI3MiwxNi4xOTQ3NjgyIDguMjcxMzk5MDksMTUuMTAzNzE1IEM3LjQwMzIxNDcsMTQuMTM4NDg5MiA2Ljg3MzQ4ODkxLDEyLjg1ODI4MzUgNi44NzM0ODg5MSwxMS40NTQxNjkyIEM2Ljg3MzQ4ODkxLDguNDU3NjEwNjYgOS4yODI2OTM3OCw2LjAyOTA1NzcgMTIuMjUyOTEyOCw2LjAyOTA1NzcgQzE0LjE5NDQyNDUsNi4wMjkwNTc3IDE1Ljg5NDMzNTUsNy4wNjUyODQxNiAxNi44MzY3OTU4LDguNjE5NjIzODQgQzE2LjgzODcwMDMsOC42MjE4MTY5MiAxNi44NDA2MDQ4LDguNjIzNzM1ODUgMTYuODQwNjA0OCw4LjYyNTkyODkzIEMxNy4zNDIzMDcxLDkuNDUwNzk4MDggMTcuNjMwNDMyMiwxMC40MTgyMTY5IDE3LjYzMDQzMjIsMTEuNDU0MTY5MiBDMTcuNjMwNDMyMiwxNC40NTEyNzYxIDE1LjIyMzQwMzksMTYuODgxNzQ4IDEyLjI1MjkxMjgsMTYuODgxNzQ4IE0yNC4wNzg4MzAzLDIyLjczMDM5NjUgQzIyLjY0ODU0MzQsMjEuMTE3MzkyMiAyMS4zODg1NzQyLDE5LjI1NjI5NjUgMjEuMzg1MzA5MywxMi40MTc0NzYxIEMyMS4zOTE4MzksMTIuMjU5ODQ5IDIxLjM5MjM4MzIsMTIuMjU0MzY2MyAyMS4zOTIzODMyLDEyLjA5NTA5NDUgQzIxLjM5MjM4MzIsOS4zMDI0OTE2IDIwLjM5NTc4MDQsNi43NzE2ODY2NiAxOC43ODAyMTIsNC45MjcwMzkwOCBDMTguOTAyMzcyNyw0Ljc2ODg2Mzc3IDE5LjAyNzI1NDEsNC41ODEzNTYxMyAxOS4xNTEzMTkzLDQuMzcyMTkxOSBDMTkuMTY3MzcxNiw0LjM0NTg3NTA0IDE5LjE4MTUxOTQsNC4zMjAxMDY0NCAxOS4xOTUzOTUxLDQuMjkzNzg5NTggQzE5LjM0MTQ5ODIsNC4wNDQ2MDE3OSAxOS40ODU2OTY4LDMuNzY3NDUyMzMgMTkuNjIwMTAwOCwzLjQ3MjIxMDAzIEMxOS43NTE3ODQxLDMuMTgwODA1NjEgMTkuODcyMDQwMiwyLjg3NzMzOTI5IDE5Ljk3NDMzOTYsMi41NzYwNjYwNCBDMTkuOTg2MzEwOCwyLjUzNzk2MTQxIDIwLjAwMDQ1ODYsMi40OTk4NTY3OSAyMC4wMTAyNTMyLDIuNDYxNzUyMTcgQzIwLjA3MjU1NzksMi4yNjY4NDI5IDIwLjEyNjE1NjMsMi4wNzIyMDc3OCAyMC4xNzA1MDQxLDEuODg1MjQ4NCBDMjAuMzc0ODMwOCwwLjk5ODk3MzIyOSAyMC4zMzY0Njg2LDAuMjM5ODk2MjI4IDE5LjgyODIzNjUsMC4wMjQ3MDEwNTEyIEMxOS41Mzk1NjcyLC0wLjA5NzU2MjcwNTUgMTkuMTkxMzE0LDAuMjQ3ODQ2MTE0IDE4Ljc4NzAxMzgsMC43NTYwOTA1MiBDMTguNzcyODY2LDAuNzc0MTgzMzYzIDE4Ljc1NjgxMzcsMC43OTI1NTAzNCAxOC43NDEwMzM1LDAuODEyMjg3OTg3IEMxOC43MjI4MDQ2LDAuODM0NDkyODM5IDE4LjcwNDg0NzgsMC44NTY2OTc2OTIgMTguNjg2NjE4OSwwLjg4MDU0NzM0OCBDMTguNDIyNzA4MywxLjIyMjExODI5IDE4LjEzMDUwMjEsMS42MjE4MDU2NCAxNy44MTE5MDQ4LDEuOTkxNjEyMzggQzE3Ljc4Nzk2MjQsMi4wMTk1NzQwNSAxNy43NjM3NDc5LDIuMDQ3ODA5ODUgMTcuNzM5ODA1NSwyLjA3NjA0NTY1IEMxNy43MjU5Mjk4LDIuMDkxOTQ1NDIgMTcuNzExNzgyLDIuMTA3ODQ1MTkgMTcuNjk3NjM0MiwyLjEyNDI5MzIzIEMxNy4zNDk2NTMxLDIuNTE2MDMwNyAxNi45NzE0NzE4LDIuODY0MTgwODUgMTYuNTYzMDkwNSwzLjA2NjQ5MTczIEMxNS4yOTE0MjIxLDIuMzA2NTkyMzMgMTMuODQwMTg1NywxLjg3NTY1MzcxIDEyLjI5OTQzNzMsMS44NzU2NTM3MSBDMTAuNzE4OTY2MiwxLjg3NTY1MzcxIDkuMjMyOTA0NDUsMi4zMjg3OTcxOCA3LjkzODM4MTk1LDMuMTI1NDMwNTQgQzcuNDc5OTM5MjMsMi45MzczNzQ2MyA3LjA1ODIyNjM1LDIuNTU3MTUwNzkgNi42NzMyNDMzMSwyLjEyNDI5MzIzIEM2LjY1OTM2NzU5LDIuMTA3ODQ1MTkgNi42NDUyMTk4LDIuMDkxOTQ1NDIgNi42MzEzNDQwOSwyLjA3NjA0NTY1IEM2LjYwNzEyOTYxLDIuMDQ3ODA5ODUgNi41ODM0NTkyNywyLjAxOTU3NDA1IDYuNTU4OTcyNzIsMS45OTE2MTIzOCBDNi4yNDA5MTk1OSwxLjYyMTgwNTY0IDUuOTQ4NDQxMywxLjIyMjExODI5IDUuNjg0MjU4NTgsMC44ODA1NDczNDggQzUuNjY2MzAxNzgsMC44NTY2OTc2OTIgNS42NDgzNDQ5NywwLjgzNDQ5MjgzOSA1LjYzMDExNjA5LDAuODEyMjg3OTg3IEM1LjYxNDMzNTg3LDAuNzkyNTUwMzQgNS41OTgyODM1NywwLjc3NDE4MzM2MyA1LjU4NDEzNTc4LDAuNzU2MDkwNTIgQzUuMTc5ODM1NTYsMC4yNDc4NDYxMTQgNC44MzEzMTAyNywtMC4wOTc1NjI3MDU1IDQuNTQyOTEzMDgsMC4wMjQ3MDEwNTEyIEM0LjAzNDQwODk3LDAuMjM5ODk2MjI4IDMuOTk2MzE4NzcsMC45OTg5NzMyMjkgNC4yMDAzNzMzOSwxLjg4NTI0ODQgQzQuMjQ0NzIxMjYsMi4wNzIyMDc3OCA0LjI5ODU5MTY4LDIuMjY2ODQyOSA0LjM2MDYyNDI4LDIuNDYxNzUyMTcgQzQuMzcwNjkwOTgsMi40OTk4NTY3OSA0LjM4NDgzODc3LDIuNTM3OTYxNDEgNC4zOTY4MDk5NywyLjU3NjA2NjA0IEM0LjQ5ODgzNzI4LDIuODc3MzM5MjkgNC42MTkwOTM0NywzLjE4MDgwNTYxIDQuNzUxMzIwODYsMy40NzIyMTAwMyBDNC44ODU0NTI3NywzLjc2NzQ1MjMzIDUuMDI5NjUxMzYsNC4wNDQ2MDE3OSA1LjE3NTc1NDQ3LDQuMjkzNzg5NTggQzUuMTg5NjMwMTksNC4zMjAxMDY0NCA1LjIwMzc3Nzk3LDQuMzQ1ODc1MDQgNS4yMTk1NTgyLDQuMzcyMTkxOSBDNS4zODE0NDE1Myw0LjY0NTIyOTM1IDUuNTQ1MjI5MzcsNC44ODE1MzI4NCA1LjcwMTEyNzEsNS4wNjMyODM2NyBDNC4xNTQ5MzcyMyw2Ljg5NTA0Njk1IDMuMjA2NDkxMzYsOS4zNzA3NTA5NiAzLjIwNjQ5MTM2LDEyLjA5NTA5NDUgQzMuMjA2NDkxMzYsMTIuMzExOTM0NSAzLjE5NDc5MjIzLDEyLjM4ODk2NjEgMy4yMDY0OTEzNiwxMi42MDMwNjQ4IEMzLjE3OTAxMiwxOS4yOTk2MDk3IDEuODQzNDA2NSwyMS4xMzEwOTg5IDAuNDI1MDkwODU3LDIyLjczMDM5NjUgQy0wLjU5MTM3MzIyMSwyMy44NzcwOTkgMC4yNzM1NDYyOTMsMjYuMjg1MDkxOSAyLjM5NTcxNDM0LDI1LjIxMDc2MDggQzYuNjczMjQzMzEsMjMuMDQ0NTU0MSA3LjY3MDM5MDIxLDI3LjA2NDQ1NDggMTIuMjQ2OTI3MiwyNi45MzAxMjkyIEMxNi44MjMxOTIyLDI2Ljc5NjA3NzYgMTcuNjk3NjM0MiwyMy4wNDQ1NTQxIDIyLjEwODQ3ODksMjUuMjEwNzYwOCBDMjQuMjQzNDM0MywyNi4yNTkwNDkyIDI1LjA5NTI5NDQsMjMuODc3MDk5IDI0LjA3ODgzMDMsMjIuNzMwMzk2NSIgaWQ9IuWQiOW5tuW9oueKtiIgZmlsbD0iIzQ5NzJGMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjY3MzU4NDUsMTAuNTI4NDE1OSBDMTAuNjczNTg0NSwxMi4xMTk0NDc0IDExLjk2MzA1MDgsMTMuNDA5MTIzMiAxMy41NTM1ODQ1LDEzLjQwOTEyMzIgQzE1LjE0NDExODIsMTMuNDA5MTIzMiAxNi40MzM1ODQ1LDEyLjExOTQ0NzQgMTYuNDMzNTg0NSwxMC41Mjg0MTU5IEMxNi40MzM1ODQ1LDguOTM2ODA5MzIgMTUuMTQ0MTE4Miw3LjY0NzEzMzU0IDEzLjU1MzU4NDUsNy42NDcxMzM1NCBDMTEuOTYzMDUwOCw3LjY0NzEzMzU0IDEwLjY3MzU4NDUsOC45MzY4MDkzMiAxMC42NzM1ODQ1LDEwLjUyODQxNTkgWiIgaWQ9IkZpbGwtNiIgZmlsbD0iIzMyMzY0MSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDx0ZXh0IGlkPSLlrpjmlrnlrqLmnI0iIGZvbnQtZmFtaWx5PSJQaW5nRmFuZy1TQy1NZWRpdW0sIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjMTIxNDFDIiBmaWxsLW9wYWNpdHk9IjAuOCI+CiAgICAgICAgICAgICAgICA8dHNwYW4geD0iMTYiIHk9IjYzIj7lrpjmlrnlrqLmnI08L3RzcGFuPgogICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) !important;
}
#udesk_btn a {
bottom: 15px !important;
right: 15px !important;
}
/*---- variables ----*/
/*---- Mixins ----*/
ul {
margin: 0;
padding: 0;
}
p {
margin: 0;
}
video {
display: block;
}
.seo_home_wrap {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.seo_home_wrap::-webkit-scrollbar {
width: 5px;
}
.seo_home_wrap::-webkit-scrollbar-thumb {
background-color: #b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}
.seo_home_wrap .product-introduce-wrapper {
display: block;
}
.seo_home_wrap .mobile-sections {
display: none;
}
.seo_home_wrap .top-banner {
background: #436ef3;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
position: relative;
}
.seo_home_wrap .top-banner .content .title {
font-size: 1.1rem;
font-weight: 500;
line-height: 1.5;
}
.seo_home_wrap .top-banner .content .dsm-btn {
margin-left: 18px;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
padding: 8px 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0.5rem;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.seo_home_wrap .top-banner .content .dsm-btn:hover {
background: rgba(255, 255, 255, 0.06);
}
.seo_home_wrap .top-banner .banner-close {
position: absolute;
right: 27px;
top: 24px;
}
.seo_home_wrap .top-banner .banner-close img {
width: 12px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor: pointer;
}
.seo_home_wrap .top-banner .banner-close img:hover {
opacity: 0.5;
}
.seo_home_wrap .banner-home .btn-wrapper {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.seo_home_wrap .banner-home .btn-wrapper .free-button {
width: 174px;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.seo_home_wrap .banner-home .btn-wrapper .free-button .wx_login_content {
position: absolute;
top: 60px;
}
.seo_home_wrap .banner-home .home-video-wrapper .video_box .video_main {
max-width: 775px;
padding-top: 25px;
margin: 45px auto 0 auto;
}
.seo_home_wrap .banner-home .home-video-wrapper .video_box .video_main video {
width: 100%;
border-radius: 0 0 4px 4px;
}
.seo_home_wrap .video_bg {
background: url(../static/spbj.png) left top/100% no-repeat;
}
.seo_home_wrap .product-title-wrapper {
padding-top: 60px;
}
.seo_home_wrap .product-title-wrapper .product-icons {
margin: 36px auto 0 auto;
width: 55%;
}
.seo_home_wrap .product-title-wrapper .product-icons .icons {
display: inline-block;
}
.seo_home_wrap .product-title-wrapper .product-icons .icons img {
width: 36px;
height: 36px;
}
.seo_home_wrap .design-title-wrapper {
text-align: center;
margin: 120px auto 72px auto;
}
.seo_home_wrap .design-title-wrapper .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.seo_home_wrap .design-title-wrapper .title span {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
position: relative;
color: rgba(18, 20, 28, 0.9);
}
.seo_home_wrap .design-title-wrapper .title span i {
display: inline-block;
position: absolute;
top: 2px;
right: -6px;
-webkit-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%);
background: -webkit-gradient(
linear,
left top,
right top,
from(#ff7e6c),
to(#ea5264)
);
background: -webkit-linear-gradient(left, #ff7e6c 0%, #ea5264 100%);
background: -o-linear-gradient(left, #ff7e6c 0%, #ea5264 100%);
background: linear-gradient(90deg, #ff7e6c 0%, #ea5264 100%);
width: 48px;
height: 21px;
text-align: center;
line-height: 21px;
color: white;
font-size: 12px;
font-weight: 600;
margin-top: 12px;
margin-left: 6px;
border-radius: 4px;
}
.seo_home_wrap .design-title-wrapper .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
color: rgba(18, 20, 28, 0.5);
margin-top: 12px;
}
.seo_home_wrap .design-title-wrapper .info {
margin-top: 2.4rem;
}
.seo_home_wrap .dsm-content-wrapper {
position: relative;
max-width: 1160px;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border: 1px solid rgba(18, 20, 28, 0.06);
border-radius: 16px;
margin: 0 auto;
}
.seo_home_wrap .dsm-content-wrapper video {
width: 100%;
height: 100%;
outline: none;
border-radius: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.seo_home_wrap .dsm-content-wrapper .video-play-btn {
width: 72px;
cursor: pointer;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.seo_home_wrap .dsm-content-wrapper .video-play-btn:hover {
opacity: 0.7;
}
.seo_home_wrap .axure-title-wrapper {
text-align: center;
width: 100%;
margin: 120px auto 72px auto;
}
.seo_home_wrap .axure-title-wrapper .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.seo_home_wrap .axure-title-wrapper .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
color: rgba(18, 20, 28, 0.5);
margin-top: 12px;
}
.seo_home_wrap .axure-title-wrapper .info {
margin-top: 2.4rem;
}
.seo_home_wrap .axure-content-wrapper .axure-list {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.seo_home_wrap .axure-content-wrapper .axure-list .axure-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
}
.seo_home_wrap .axure-content-wrapper .axure-list .axure-section:nth-child(1) {
margin-bottom: 60px;
}
.seo_home_wrap .customer-server-banner {
margin-top: 115px;
padding: 140px 0;
width: 100%;
background-color: #10101e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.seo_home_wrap .customer-server-banner .content {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 0 60px;
}
.seo_home_wrap .customer-server-banner .content .banner_bg {
width: 100%;
padding-top: 4rem;
}
.seo_home_wrap .customer-server-banner .content .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: white;
}
.seo_home_wrap .customer-server-banner .content .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
margin-top: 17px;
color: white;
opacity: 0.5;
}
.seo_home_wrap .customer-server-banner .content .learn-more-btn {
display: inline-block;
margin-top: 36px;
}
.seo_home_wrap .gov-server-banner {
margin-top: 0;
background-color: #507afb;
}
.seo_home_wrap .users-title-wrapper {
margin: 120px auto 72px auto;
}
.seo_home_wrap .user-comment-title {
margin: 120px auto 72px auto;
}
.seo_home_wrap .user-comment-title .user-logo {
padding-top: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
.seo_home_wrap .user-comment-title .user-logo li {
width: 100%;
height: 72px;
margin-right: 23px;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.seo_home_wrap .user-comment-title .user-logo li img {
width: 100%;
height: 4.8rem;
}
.seo_home_wrap .user-comment-title .user-logo li:hover {
opacity: 0.6;
}
.seo_home_wrap .user-comment-title .user-logo li:last-child {
margin-right: 0px;
}
.seo_home_wrap .user-comment-content {
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.seo_home_wrap .product-title-wrapper .product-icons {
width: 100%;
}
}
@media all and (max-width: 768px) {
.seo_home_wrap::-webkit-scrollbar {
width: 0px;
}
.seo_home_wrap .product-introduce-wrapper {
display: none;
}
.seo_home_wrap .mobile-sections {
display: block;
}
.seo_home_wrap .top-banner .content {
width: 280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.seo_home_wrap .top-banner .content .title {
word-break: break-all;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.seo_home_wrap .top-banner .content .dsm-btn {
white-space: nowrap;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-header-wrapper {
height: 72px;
width: 100%;
position: absolute;
z-index: 10000;
}
.l-header-wrapper .register-button {
width: 102px;
height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.l-header-wrapper .register-button .wx_login_box {
position: absolute;
top: 48px;
right: 0px;
}
.l-header-wrapper .header-img {
position: relative;
}
.l-header-wrapper .header-img .header-img-content {
width: 36px;
height: 36px;
border-radius: 18px;
}
.l-header-wrapper .header-img .header-img-content .no-image {
width: 36px;
height: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #00ccd6;
border-radius: 18px;
font-size: 16px;
color: white;
}
.l-header-wrapper .header-img .header-img-content .no-image.blue {
background-color: #5393ff;
}
.l-header-wrapper .header-img .header-img-content .no-image.red {
background-color: #ff7fa4;
}
.l-header-wrapper .header-img .header-img-content .no-image.green {
background-color: #57d092;
}
.l-header-wrapper .header-img .header-img-content .no-image.cyan {
background-color: #00ccd6;
}
.l-header-wrapper .header-img .header-img-content .no-image.purple {
background-color: #8765ca;
}
.l-header-wrapper .header-img .header-img-content .no-image.orange {
background-color: #ff9a2b;
}
.l-header-wrapper .header-img .header-img-content img {
width: 36px;
height: 36px;
border-radius: 18px;
}
.l-header-wrapper .header-img .header-menu {
width: 240px;
height: 108px;
position: absolute;
right: 0px;
top: 42px;
padding: 5px 6px;
border: 1px solid #eeeff1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.06);
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.06);
border-radius: 10px;
background: white;
}
.l-header-wrapper .header-img .header-menu .header-menu-item {
border-radius: 6px;
padding: 8px 8px;
}
.l-header-wrapper .header-img .header-menu .header-menu-item:hover {
background: #f5f6f7;
}
.l-header-wrapper .header-img .header-menu .header-menu-item:active {
background: #eaeaec;
}
.l-header-wrapper .header-img .header-menu .quite-content {
height: 32px;
color: rgba(47, 46, 63, 0.85);
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-header-wrapper .header-img .header-menu .quite-content .quite-img {
width: 24px;
height: 24px;
margin-right: 4px;
}
.l-header-wrapper .header-img .header-menu .team-info {
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.l-header-wrapper .header-img .header-menu .team-info .team-content {
margin-left: 8px;
letter-spacing: 0.6px;
line-height: 22px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.l-header-wrapper .header-img .header-menu .team-info .team-content .user-name {
font-weight: 500;
font-size: 14px;
color: #2f2e3f;
}
.l-header-wrapper .header-img .header-menu .team-info .team-content .team-name {
font-size: 12px;
color: rgba(47, 46, 63, 0.85);
}
.fixed-header {
position: fixed;
top: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
border-bottom: 1px solid rgba(18, 20, 28, 0.04);
}
.top-tip,
.top-tip_b {
width: 100%;
height: 48px;
background: #436ef3;
font-weight: 500;
font-size: 16px;
line-height: 48px;
color: #fff;
position: fixed;
top: 0;
}
.top-tip .tipBox,
.top-tip_b .tipBox {
text-align: center;
}
.top-tip .tipBox .desc,
.top-tip_b .tipBox .desc {
padding-right: 18px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
.top-tip .tipBox .desc span,
.top-tip_b .tipBox .desc span {
padding-right: 4px;
}
.top-tip .tipBox .btn,
.top-tip_b .tipBox .btn {
width: 96px;
height: 30px;
text-align: center;
cursor: pointer;
line-height: 29px;
border-radius: 6px;
}
.top-tip .close,
.top-tip_b .close {
cursor: pointer;
width: 12px;
height: 12px;
position: absolute;
top: 16px;
right: 27px;
}
.top-tip_b {
background: -webkit-linear-gradient(
359.88deg,
#e6ffff -1.2%,
#ecf1fe 100.05%
);
background: -o-linear-gradient(359.88deg, #e6ffff -1.2%, #ecf1fe 100.05%);
background: linear-gradient(90.12deg, #e6ffff -1.2%, #ecf1fe 100.05%);
color: #436ef3;
}
.top-tip_b .desc {
color: #222222;
}
.tipShow {
top: 48px;
}
.l-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 48px;
padding: 0 60px;
width: 100%;
z-index: 10000;
cursor: pointer;
-webkit-backdrop-filter: saturate(90%) blur(6px);
backdrop-filter: saturate(90%) blur(6px);
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
}
.l-header .header-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1160px;
}
.l-header .tel-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 72px;
}
.l-header .tel-wrap .tel-phone {
width: 36px;
height: 36px;
margin-right: 8px;
}
.l-header .tel-wrap .tel-number {
width: 109px;
height: 18px;
}
.l-header .tel-wrap .tel-txt {
font-size: 14px;
line-height: 20px;
color: #ffffff;
margin-left: 5px;
}
.l-header .nav-menu-btn {
z-index: 111;
display: none;
}
.l-header .nav-menu-list {
z-index: 111;
display: none;
}
.l-header .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
z-index: 111;
}
.l-header .go-app {
color: #446ef3;
background-color: #ecf0fe;
border-radius: 6.5px;
font-weight: 600;
line-height: 32px;
font-size: 12px;
margin-right: 30px;
padding: 0 9px;
cursor: pointer;
}
.l-header .header-nav {
position: relative;
}
.l-header .header-ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 72px;
position: relative;
z-index: 10000;
}
.l-header .header-ul .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.l-header .header-ul .logo:hover {
cursor: pointer;
}
.l-header .header-ul .header-nav {
position: relative;
}
.l-header .header-ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #222222;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.l-header .header-ul .header-li {
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
margin-left: 3.2rem;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.l-header .header-ul .header-li:hover {
opacity: 1;
cursor: pointer;
color: #436ef3;
}
.l-header .header-ul .header-li:last-child {
margin-left: 2.4rem;
}
.l-header .header-ul .header-li.whyUse {
margin-left: 0;
}
.download:hover .downloadBox {
opacity: 1;
top: 23px;
visibility: visible;
}
.downloadBox {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: absolute;
z-index: 10000;
top: 29px;
right: -228px;
padding-top: 25px;
}
.en .downloadBox {
right: 24px;
}
.l-header-dark {
background: #12141c;
}
.l-header-dark .header-ul {
color: rgba(255, 255, 255, 0.7);
}
.l-header-fge {
background: #507afb;
}
@media all and (max-width: 900px) {
.l-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 30px;
background-color: #fff;
-webkit-backdrop-filter: saturate(180%) blur(6px);
backdrop-filter: saturate(180%) blur(6px);
background-color: var(--header-background);
}
.l-header .header-nav {
display: none;
}
.l-header .tel-wrap {
display: none;
}
.l-header .nav-menu-btn {
display: block;
}
.l-header .nav-menu-btn img {
width: 24px;
height: 24px;
}
.l-header .nav-menu-btn:hover {
cursor: pointer;
}
.l-header .nav-menu-list {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999;
background: #fff;
padding: 0 30px;
height: 100vh;
}
.l-header .nav-menu-list .logo-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 72px;
}
.l-header .nav-menu-list .logo-wrapper img.logo {
width: 72px;
height: 30px;
}
.l-header .nav-menu-list .logo-wrapper img.close {
width: 24px;
height: 24px;
}
.l-header .nav-menu-list .nav-wrapper {
padding-top: 14px;
}
.l-header .nav-menu-list .nav-wrapper li {
padding-bottom: 23px;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
font-weight: bold;
color: rgba(18, 20, 28, 0.7);
}
.l-header .nav-menu-list .nav-wrapper li:hover {
cursor: pointer;
}
.l-header .nav-menu-list .nav-wrapper .regiseter-li {
width: 100%;
}
.l-header .nav-menu-list .nav-wrapper .regiseter-li .regiseter-btn {
width: 100%;
}
.l-header-dark {
background: #12141c;
}
.l-header-fge {
background: #507afb;
}
}
@charset "UTF-8";
.l-header-active-wrapper .l-header {
height: 72px;
}
.l-header-active-wrapper .l-header .header-ul {
padding-top: 24.5px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
top: 0;
}
.l-header-active-wrapper .l-header .header-ul .header-li-active {
position: relative;
top: -15px;
}
.l-header-active-wrapper .l-header .header-ul .header-li-active .is12_12 {
width: 80px;
height: 55px;
}
.l-header-active-wrapper .l-header .header-ul .header-li {
height: 23px;
line-height: 23px;
}
.l-header-active-wrapper .l-header .header-ul .header-li.pricing {
position: relative;
}
.l-header-active-wrapper .l-header .header-ul .header-li.pricing:after {
position: absolute;
top: -20px;
left: 28px;
width: 40px;
height: 20px;
line-height: 20px;
color: #fff;
font-size: 12px;
text-align: center;
}
/*---- variables ----*/
/*---- Mixins ----*/
.download_box {
width: 480px;
background: #fff;
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
}
.download_box .mleft_box1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 12px;
}
.download_box .mleft_box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 36px;
}
.download_box .title {
color: rgba(18, 20, 28, 0.5);
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
margin-bottom: 24px;
}
.download_box ul {
cursor: pointer;
}
.download_box .list-name {
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
color: rgba(18, 20, 28, 0.7);
margin-bottom: 24px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.download_box .list-name:hover {
color: #12141c;
}
.download_box .plugin-list .list-name:nth-last-child(1) {
position: relative;
}
.download_box .plugin-list .list-name:nth-last-child(1):after {
content: "";
display: inline-block;
width: 68px;
height: 24px;
position: absolute;
top: 0;
left: 89px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA2OCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDQuMTA5NzdDNyAxLjg0MDAxIDguODQwMDEgMCAxMS4xMDk4IDBINjJDNjUuMzEzNyAwIDY4IDIuNjg2MjkgNjggNlYxOEM2OCAyMS4zMTM3IDY1LjMxMzcgMjQgNjIgMjRIMTEuMTA5OEM4Ljg0MDAxIDI0IDcgMjIuMTYgNyAxOS44OTAyQzcgMTguNjkwNSA2LjQ3NTc1IDE3LjU1MDYgNS41NjQ4MyAxNi43Njk5TDEuNzcxNiAxMy41MTg1QzAuODQwMzc1IDEyLjcyMDMgMC44NDAzNzYgMTEuMjc5NyAxLjc3MTYgMTAuNDgxNUw1LjU2NDgzIDcuMjMwMTRDNi40NzU3NSA2LjQ0OTM2IDcgNS4zMDk1MiA3IDQuMTA5NzdaIiBmaWxsPSIjRUI1NzU3Ii8+CiAgICA8cGF0aCBkPSJNMjIuNTQ1IDYuOTQ1SDIwLjExNUMxOS45MzUgNi40NjUgMTkuNjM1IDUuODM1IDE5LjM4IDUuMzU1TDE4LjE1IDUuNjdDMTguMzMgNi4wNDUgMTguNTI1IDYuNTI1IDE4LjY5IDYuOTQ1SDE1Ljk0NVY4LjFIMjIuNTQ1VjYuOTQ1Wk0xNi45MzUgMTQuNDlDMTYuNjY1IDE1LjM5IDE2LjE3IDE2LjI3NSAxNS42IDE2Ljg5QzE1Ljg3IDE3LjA1NSAxNi4zMiAxNy4zNyAxNi41MyAxNy41NjVDMTcuMTE1IDE2Ljg3NSAxNy43IDE1LjgxIDE4LjA2IDE0Ljc5TDE2LjkzNSAxNC40OVpNMjIuNTc1IDE0LjAxVjEyLjgyNUgxOS45MlYxMS40NkgyMi43ODVWMTAuMjlIMjEuMDNDMjEuMjcgOS43MzUgMjEuNTQgOS4wNDUgMjEuNzk1IDguMzg1TDIwLjUwNSA4LjExNUMyMC4zNCA4Ljc0NSAyMC4wNCA5LjY2IDE5Ljc3IDEwLjI5SDE3LjdMMTguNTQgMTAuMDY1QzE4LjQ2NSA5LjU0IDE4LjIyNSA4LjcxNSAxNy45NCA4LjEzTDE2LjgxNSA4LjQxNUMxNy4wODUgOSAxNy4yOCA5Ljc2NSAxNy4zNTUgMTAuMjlIMTUuNzA1VjExLjQ2SDE4LjY2VjEyLjgyNUgxNS43OTVWMTQuMDFIMTguNjZWMTcuNTVDMTguNjYgMTcuNyAxOC42MyAxNy43NDUgMTguNDY1IDE3Ljc0NUMxOC4zIDE3Ljc0NSAxNy44NSAxNy43NDUgMTcuMzcgMTcuNzNDMTcuNTM1IDE4LjA2IDE3LjcgMTguNTcgMTcuNzQ1IDE4LjlDMTguNTEgMTguOSAxOS4wMzUgMTguODcgMTkuNDQgMTguNjc1QzE5LjgxNSAxOC40OTUgMTkuOTIgMTguMTY1IDE5LjkyIDE3LjU2NVYxNC4wMUgyMi41NzVaTTIwLjM3IDE0LjkxQzIwLjgyIDE1LjYzIDIxLjMzIDE2LjYyIDIxLjU3IDE3LjI1TDIyLjU0NSAxNi42NjVDMjIuMzA1IDE2LjA1IDIxLjc5NSAxNS4xMiAyMS4zIDE0LjQxNUwyMC4zNyAxNC45MVpNMjkuMzU1IDEwLjM5NUgyNC41NTVWNy43N0MyNi4wODUgNy41IDI3LjcwNSA3LjE0IDI4Ljk1IDYuNjZMMjcuODQgNS42NEMyNi43NzUgNi4xMDUgMjQuOTE1IDYuNTcgMjMuMjUgNi44NTVWMTJDMjMuMjUgMTMuOTM1IDIzLjE0NSAxNi40NCAyMS45NiAxOC4xOTVDMjIuMjQ1IDE4LjM0NSAyMi44MTUgMTguNzY1IDIzLjAyNSAxOS4wMkMyNC4zNiAxNy4xMyAyNC41NTUgMTQuMTQ1IDI0LjU1NSAxMlYxMS42ODVIMjYuNDc1VjE5LjEyNUgyNy44NFYxMS42ODVIMjkuMzU1VjEwLjM5NVpNMzYuNDggMTMuNTlMMzQuMjMgMTQuMTlWOC40M0gzNi4yN1Y3LjExSDMwLjc2NVY4LjQzSDMyLjg1VjE0LjU1QzMxLjk5NSAxNC43NzUgMzEuMiAxNC45NyAzMC41NyAxNS4wOUwzMC45MTUgMTYuNTQ1QzMyLjUwNSAxNi4wOTUgMzQuNjUgMTUuNDk1IDM2LjY2IDE0LjkxTDM2LjQ4IDEzLjU5Wk00NC4wNCA4LjcxNUg0MC4xNEM0MC4xNyA3LjcyNSA0MC4xODUgNi43MDUgNDAuMTg1IDUuNjU1SDM4Ljc3NUMzOC43NzUgNi43MiAzOC43NzUgNy43MjUgMzguNzQ1IDguNzE1SDM2LjQzNVYxMC4wNUgzOC42ODVDMzguNDc1IDEzLjU5IDM3LjY5NSAxNi40NCAzNC42MzUgMTguMDlDMzQuOTggMTguMzQ1IDM1LjQzIDE4Ljg0IDM1LjYyNSAxOS4yMTVDMzguOTcgMTcuMjk1IDM5Ljg0IDE0LjAyNSA0MC4wOCAxMC4wNUg0Mi42NDVDNDIuNDY1IDE1LjA2IDQyLjI1NSAxNy4wMjUgNDEuODUgMTcuNDc1QzQxLjY4NSAxNy42NyA0MS41MiAxNy43MTUgNDEuMjUgMTcuNzE1QzQwLjkwNSAxNy43MTUgNDAuMTEgMTcuNyAzOS4yNTUgMTcuNjRDMzkuNTEgMTguMDE1IDM5LjY3NSAxOC42MTUgMzkuNzA1IDE5LjAwNUM0MC41MyAxOS4wNSA0MS4zNyAxOS4wNSA0MS44NjUgMTguOTlDNDIuMzkgMTguOTMgNDIuNzM1IDE4Ljc4IDQzLjA4IDE4LjMzQzQzLjY1IDE3LjY0IDQzLjgxNSAxNS40NjUgNDQuMDQgOS4zNzVWOC43MTVaTTU3LjUyNSAxMS45ODVDNTguNzg1IDExLjk4NSA1OS4xNiAxMS40OSA1OS4zMjUgOS42NDVDNTguOTUgOS41NTUgNTguMzggOS4zNDUgNTguMDk1IDkuMTJDNTguMDM1IDEwLjUxNSA1Ny45MyAxMC43NTUgNTcuMzkgMTAuNzU1SDU1LjMzNUM1NC43MDUgMTAuNzU1IDU0LjYgMTAuNjY1IDU0LjYgMTAuMTg1VjguOTI1QzU1Ljk4IDguNTIgNTcuNTEgOC4wMjUgNTguNjUgNy40N0w1Ny43NSA2LjQ2NUM1Ni45NTUgNi44ODUgNTUuNzcgNy4zOTUgNTQuNiA3LjhWNS40NDVINTMuMjM1VjEwLjJDNTMuMjM1IDExLjU4IDUzLjYxIDExLjk4NSA1NS4xNyAxMS45ODVINTcuNTI1Wk00Ny44MDUgMTUuMTY1VjE0LjA0SDUwLjU2NVYxNS4xNjVINDcuODA1Wk01MC41NjUgMTEuODk1VjEyLjk2SDQ3LjgwNVYxMS44OTVINTAuNTY1Wk01MS45NDUgMTAuNzI1SDQ2LjVWMTkuMTdINDcuODA1VjE2LjI0NUg1MC41NjVWMTcuNjdDNTAuNTY1IDE3Ljg1IDUwLjUyIDE3LjkxIDUwLjMyNSAxNy45MUM1MC4xMTUgMTcuOTI1IDQ5LjUgMTcuOTI1IDQ4Ljg3IDE3Ljg5NUM0OS4wNjUgMTguMjQgNDkuMjYgMTguNzk1IDQ5LjMzNSAxOS4xNTVDNTAuMjUgMTkuMTU1IDUwLjkxIDE5LjE0IDUxLjM3NSAxOC45MTVDNTEuODEgMTguNzA1IDUxLjk0NSAxOC4zNDUgNTEuOTQ1IDE3LjY4NVYxMC43MjVaTTQ5LjY2NSA2Ljc2NUM0OS45OTUgNy4yMyA1MC4yOTUgNy43NCA1MC41OCA4LjI2NUw0Ny43NzUgOC40NDVDNDguMzkgNy42OCA0OS4wMiA2LjcwNSA0OS41IDUuNzlMNDguMDQ1IDUuMzdDNDcuNTggNi41MSA0Ni44MyA3LjYzNSA0Ni41NzUgNy45MzVDNDYuMzM1IDguMjUgNDYuMTEgOC40NzUgNDUuODcgOC41MkM0Ni4wNSA4Ljg5NSA0Ni4yNiA5LjU1NSA0Ni4zMzUgOS44NEM0Ni42OTUgOS42OSA0Ny4yMzUgOS42MTUgNTEuMDkgOS4zMTVDNTEuMjI1IDkuNiA1MS4zMyA5Ljg1NSA1MS40MDUgMTAuMDk1TDUyLjY1IDkuNTdDNTIuMzUgOC42NTUgNTEuNTcgNy4zMiA1MC44MzUgNi4zMTVMNDkuNjY1IDYuNzY1Wk01NS4zOCAxNy44NUM1NC43MzUgMTcuODUgNTQuNjE1IDE3Ljc2IDU0LjYxNSAxNy4yNjVWMTUuNzY1QzU2LjA1NSAxNS4zMyA1Ny42NiAxNC43OSA1OC44IDE0LjEzTDU3Ljg4NSAxMy4wOTVDNTcuMDkgMTMuNjM1IDU1Ljg0NSAxNC4xNzUgNTQuNjE1IDE0LjYxVjEyLjM3NUg1My4yMzVWMTcuMjY1QzUzLjIzNSAxOC42NiA1My42NCAxOS4wNjUgNTUuMjE1IDE5LjA2NUg1Ny41ODVDNTguOTA1IDE5LjA2NSA1OS4yOCAxOC41MjUgNTkuNDQ1IDE2LjQ4NUM1OS4wNyAxNi4zOTUgNTguNTE1IDE2LjE3IDU4LjIxNSAxNS45NkM1OC4xNCAxNy41NjUgNTguMDM1IDE3Ljg1IDU3LjQ2NSAxNy44NUg1NS4zOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.pointer {
position: absolute;
left: 230px;
top: 18px;
width: 14px;
height: 14px;
background: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.04);
border-left: 1px solid rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 3px 0 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.wx_code_box[data-v-0d972a76] {
height: 516px;
width: 330px;
border: 1px solid #eeeff1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.06);
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.06);
background: white;
border-radius: 16px;
}
.wx_code_box .wx_code_content[data-v-0d972a76] {
cursor: auto;
position: relative;
width: 100%;
height: 100%;
border-radius: 16px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMwIiBoZWlnaHQ9IjE2OCIgdmlld0JveD0iMCAwIDMzMCAxNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxlbGxpcHNlIGN4PSIxNjUiIGN5PSItMC41IiByeD0iMjIwIiByeT0iMTY4LjUiIGZpbGw9IiM0MzZFRjMiLz4KPC9zdmc+Cg==);
z-index: 10;
}
.wx_code_box .wx_code_content .wx_code[data-v-0d972a76] {
position: absolute;
top: 0px;
left: 28px;
width: 266px;
height: 266px;
-webkit-filter: drop-shadow(0px 6px 18px rgba(29, 41, 57, 0.14));
filter: drop-shadow(0px 6px 18px rgba(29, 41, 57, 0.14));
}
.wx_code_box .wx_code_content .wx_tip[data-v-0d972a76] {
position: absolute;
top: 32px;
padding: 0px 24px;
right: 0px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0px;
z-index: 1;
cursor: auto;
}
.wx_code_box .wx_code_content .wx_tip span[data-v-0d972a76] {
font-weight: 600;
font-size: 20px;
color: #ffffff;
}
.wx_code_box .wx_code_content .wx_tip .wx_close[data-v-0d972a76] {
cursor: pointer;
}
.wx_code_box .wx_code_content .dash_line[data-v-0d972a76] {
background: rgba(255, 255, 255, 0.5);
border: 1px dashed rgba(31, 33, 38, 0.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 420px;
width: 266px;
left: 32px;
}
.wx_code_box .wx_code_content .wx_tip2[data-v-0d972a76] {
top: 374px;
}
.wx_code_box .wx_code_content .wx_tip2 span[data-v-0d972a76] {
font-size: 14px;
font-weight: normal;
color: rgba(47, 46, 63, 0.85);
}
.wx_code_box .wx_code_content .wx_tip2 .wx_name[data-v-0d972a76] {
color: #2878ff;
margin: 0px 3px;
cursor: pointer;
}
.wx_code_box .wx_code_content .wx_bottom[data-v-0d972a76] {
position: absolute;
bottom: 32px;
width: 266px;
left: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
font-size: 14px;
color: #2878ff;
z-index: 10;
cursor: pointer;
border: 1px solid #2878ff;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.wx_code_box .wx_code_content .wx_bottom[data-v-0d972a76]:hover {
background: #f6f6f7;
}
.wx_code_box .wx_code_content .wx_bottom[data-v-0d972a76]:active {
background: #edeeee;
}
/*---- variables ----*/
/*---- Mixins ----*/
.header-wrapper.center {
padding-top: 12rem;
}
.home-header-wrapper {
position: relative;
min-height: 600px;
margin-bottom: 60px;
margin-top: 159px;
}
.home-header-wrapper .header {
height: 100%;
}
.home-header-wrapper .header-bg {
position: absolute;
top: 0;
height: calc(100% - 150px);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#ffffff),
to(#f9fbff)
);
background: -webkit-linear-gradient(top, #ffffff 0%, #f9fbff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f9fbff 100%);
background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
width: 100%;
}
.home-header-wrapper .wave_bg {
position: absolute;
bottom: 150px;
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-title-h1 .title {
font-size: 3.4rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.l-title-h1 .desc,
.l-title-h1 .descPlus {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.8rem;
color: rgba(18, 20, 28, 0.5);
}
.l-title-h1 .descPlus {
margin-top: 0;
}
@media only screen and (max-width: 1024px) {
.l-title-h1 .desc {
padding-right: 0;
}
}
.core-user-logo {
height: 154px;
width: 100%;
margin: 0 auto;
}
.core-user-logo .user-logo img {
width: 174px;
height: 36px;
}
.core-user-logo .user-logo:last-child {
margin-left: 0;
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-title-h2 {
text-align: center;
margin: 0 auto 4.8rem auto;
}
.l-title-h2 .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.l-title-h2 .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
color: rgba(18, 20, 28, 0.5);
margin-top: 12px;
padding: 0 20px;
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-download-banner {
background: #0b0c3b;
text-align: center;
margin-top: 8rem;
padding-top: 8rem;
}
.l-download-banner .title {
font-size: 3.4rem;
font-weight: 600;
line-height: 1.5;
color: white;
margin-bottom: 1.2rem;
}
.l-download-banner .desc {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 4rem;
}
.l-download-banner .experience {
margin: 0 auto;
margin-bottom: 2rem;
}
.blueBar {
width: 100%;
height: 100px;
}
.core-user-logo {
margin: 0 auto;
}
.core-user-logo .user-logo img {
width: 100%;
height: 36px;
}
.core-user-logo .user-logo:last-child {
margin-left: 0;
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-footer[tag-a3bf0aed1] {
max-width: 1280px;
padding: 0 60px 6.93333rem 60px;
margin: 0 auto;
}
.l-footer .navs[tag-a3bf0aed1] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 4.8rem;
padding-bottom: 3.2rem;
position: relative;
}
.l-footer .navs li[tag-a3bf0aed1] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.l-footer .navs li .msg-title[tag-a3bf0aed1] {
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
margin-bottom: 2rem;
}
.l-footer .navs li .msg-content li[tag-a3bf0aed1] {
font-size: 1rem;
font-weight: 400;
line-height: 2.1;
color: rgba(18, 20, 28, 0.7);
margin-bottom: 1.6rem;
}
.l-footer .navs li .msg-content li a[tag-a3bf0aed1] {
font-size: 1rem;
font-weight: 400;
line-height: 2.1;
color: rgba(18, 20, 28, 0.7);
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-footer .navs li .msg-content li a[tag-a3bf0aed1]:hover {
color: #12141c;
}
.l-footer .navs li .msg-content li[tag-a3bf0aed1]:last-child {
margin-bottom: 0px;
}
.l-footer .navs li .msg-content .wx_account span[tag-a3bf0aed1],
.l-footer .navs li .msg-content .fb_wx_account span[tag-a3bf0aed1] {
position: relative;
cursor: pointer;
color: rgba(18, 20, 28, 0.7);
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-footer .navs li .msg-content .wx_account span .qrcode-wrapper[tag-a3bf0aed1],
.l-footer
.navs
li
.msg-content
.fb_wx_account
span
.qrcode-wrapper[tag-a3bf0aed1] {
position: absolute;
top: 0;
right: -10px;
-webkit-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%);
width: 120px;
height: 120px;
visibility: hidden;
background: white;
border: 1px solid rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 10px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-footer
.navs
li
.msg-content
.wx_account
span
.qrcode-wrapper
.qrcode[tag-a3bf0aed1],
.l-footer
.navs
li
.msg-content
.fb_wx_account
span
.qrcode-wrapper
.qrcode[tag-a3bf0aed1] {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 100px;
}
.l-footer .navs li .msg-content .wx_account span[tag-a3bf0aed1]:hover,
.l-footer .navs li .msg-content .fb_wx_account span[tag-a3bf0aed1]:hover {
color: #12141c;
}
.l-footer
.navs
li
.msg-content
.wx_account
span:hover
.qrcode-wrapper[tag-a3bf0aed1],
.l-footer
.navs
li
.msg-content
.fb_wx_account
span:hover
.qrcode-wrapper[tag-a3bf0aed1] {
visibility: visible;
}
.l-footer .navs li[tag-a3bf0aed1]:last-child {
margin-right: 0;
}
.l-footer .split[tag-a3bf0aed1] {
width: 173px;
height: 1px;
opacity: 0.2;
background: rgba(18, 20, 28, 0.3);
}
.l-footer .links[tag-a3bf0aed1] {
padding-top: 3.2rem;
margin-bottom: 2.4rem;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
}
.l-footer .links .lang-switch[tag-a3bf0aed1] {
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
display: inline-block;
margin-bottom: 2.4rem;
color: rgba(18, 20, 28, 0.7);
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-footer .links .lang-switch[tag-a3bf0aed1]:hover {
color: #12141c;
}
.l-footer .links .links-wrapper[tag-a3bf0aed1] {
color: rgba(18, 20, 28, 0.3);
margin-top: 39px;
}
.l-footer .links .links-wrapper .left-list[tag-a3bf0aed1] {
display: inline-block;
}
.l-footer .links .links-wrapper .left-list li[tag-a3bf0aed1] {
display: inline-block;
margin-right: 30px;
margin-bottom: 6px;
}
.l-footer .links .links-wrapper .left-list li a[tag-a3bf0aed1] {
color: rgba(18, 20, 28, 0.3);
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-footer .links .links-wrapper .left-list li a[tag-a3bf0aed1]:hover {
color: rgba(18, 20, 28, 0.5);
}
.l-footer .links .links-wrapper .icp-text[tag-a3bf0aed1] {
float: left;
}
.l-footer .links .links-wrapper .right[tag-a3bf0aed1] {
display: block;
float: left;
cursor: pointer;
}
.l-footer .links .links-wrapper .right[tag-a3bf0aed1]:hover {
color: rgba(18, 20, 28, 0.5);
}
@media only screen and (max-width: 1024px) {
.l-footer[tag-a3bf0aed1] {
padding: 0 30px;
}
.l-footer .navs[tag-a3bf0aed1] {
padding-bottom: 0;
}
.l-footer .navs li[tag-a3bf0aed1] {
margin-bottom: 4rem;
}
.l-footer .links .links-wrapper .right[tag-a3bf0aed1] {
float: none;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.company-info[data-v-59917287] {
width: 100%;
color: #88898d;
font-size: 1.93333rem;
height: 1.6rem;
line-height: 1.6rem;
font-weight: 400;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.company-info a[data-v-59917287] {
color: #88898d;
}
.company-info .company-basic[data-v-59917287] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.company-info .company-address[data-v-59917287] {
margin-right: 3.46667rem;
}
@media all and (max-width: 768px) {
.company-info[data-v-59917287] {
display: inline-block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.company-info .company-name[data-v-59917287] {
margin-bottom: 1.33333rem;
}
.company-info .company-basic[data-v-59917287] {
display: inline-block;
margin-bottom: 0.66667rem;
}
.company-info .company-basic .company-basic-item[data-v-59917287] {
margin-bottom: 0.66667rem;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-section1 .img-wrapper {
margin-right: 2rem;
margin-bottom: 0;
}
.l-section1 .img-wrapper img {
width: 48px;
height: 48px;
}
.l-section1 .text-wrapper {
padding-right: 30px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.l-section1 .text-wrapper .title {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.7);
}
.l-section1 .text-wrapper .desc {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 9px;
color: rgba(18, 20, 28, 0.5);
}
/*---- variables ----*/
/*---- Mixins ----*/
.home_sections[tag-a33eaed1] {
width: 100%;
margin: 0 auto;
}
.home_sections .section[tag-a33eaed1] {
width: 100%;
margin: 0 auto 125px auto;
position: relative;
}
.home_sections .section[tag-a33eaed1]:last-child {
padding-bottom: 0px;
}
.home_sections .section .theme_des[tag-a33eaed1] {
width: 34%;
}
.home_sections .section .theme_des .des_title[tag-a33eaed1] {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
color: #323541;
padding-bottom: 14px;
font-weight: bold;
margin: 0;
text-align: left;
}
.home_sections .section .theme_des li[tag-a33eaed1] {
position: relative;
cursor: pointer;
min-height: 84px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 1.6rem;
margin-left: -0.4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home_sections .section .theme_des li .img-wrapper[tag-a33eaed1] {
-webkit-box-flex: 0;
-ms-flex: 0 0 72px;
flex: 0 0 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home_sections .section .theme_des li .img-wrapper img[tag-a33eaed1] {
width: 36px;
height: 36px;
}
.home_sections .section .theme_des li div[tag-a33eaed1] {
height: 100%;
}
.home_sections .section .theme_des li div p[tag-a33eaed1]:first-child {
font-size: 1.2rem;
font-weight: 500;
line-height: 2.1;
color: rgba(18, 20, 28, 0.7);
}
.home_sections .section .theme_des li div p[tag-a33eaed1]:last-child {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.5);
position: relative;
}
.home_sections .section .theme_des li.selected_bg[tag-a33eaed1] {
background: #f9f9fb;
border-radius: 12px;
}
.home_sections .section .videos_wrap[tag-a33eaed1] {
width: 60%;
}
.home_sections .section .videos[tag-a33eaed1] {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 60%;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 1.1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.04);
}
.home_sections .section .videos .section_video[tag-a33eaed1] {
width: 100%;
padding: 28% 0;
position: relative;
left: 0;
border-radius: 1.1rem;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.home_sections .section .videos .section_video .video_box[tag-a33eaed1] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.home_sections .section .videos .section_video .video_box.show[tag-a33eaed1] {
z-index: 111;
}
.home_sections .section .videos .section_video .video_box.hide[tag-a33eaed1] {
z-index: 11;
}
.home_sections
.section
.videos
.section_video
.video_box.video_bg_sketch[tag-a33eaed1] {
background: url(data:image/png;base64,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)
left top/100% no-repeat;
}
.home_sections
.section
.videos
.section_video
.video_box.video_bg_axure[tag-a33eaed1] {
background: url(https://lhcdn.lanhuapp.com/home/img/axure_head.png) left
top/100% no-repeat;
}
.home_sections .section .videos video[tag-a33eaed1] {
width: 100%;
position: absolute;
left: 0;
top: 22px;
border-radius: 0 0 4px 4px;
overflow: hidden;
z-index: 11;
}
.home_sections .section .videos .theme_bg[tag-a33eaed1] {
font-size: 126px;
font-weight: bolder;
position: relative;
}
.home_sections .section .videos .theme_bg .theme_icon[tag-a33eaed1] {
position: absolute;
top: 0;
}
.home_sections .section .videos .theme_bg .theme_icon.left[tag-a33eaed1] {
left: 0;
}
.home_sections .section .videos .theme_bg .theme_icon.right[tag-a33eaed1] {
right: 0;
}
.home_sections .section .videos .theme_bg .theme_icon img[tag-a33eaed1] {
width: 32px;
margin-right: 12px;
}
/*---- variables ----*/
/*---- Mixins ----*/
.mobile_home_sections {
width: 100%;
margin: 0 auto;
padding-top: 6.88833rem;
}
.mobile_home_sections .section {
width: 100%;
margin: 0 auto;
padding-bottom: 6.66667rem;
position: relative;
}
.mobile_home_sections .section .des_title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
text-align: center;
margin: 24px 0;
}
.mobile_home_sections .section .pagination {
position: absolute;
left: 50%;
bottom: 4rem;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mobile_home_sections .section .pagination .swiper-pagination-bullet {
margin-right: 1rem;
}
.mobile_home_sections .section .videos {
width: 100%;
overflow-y: auto;
}
.mobile_home_sections .section .videos .section_video {
width: 100%;
position: relative;
top: -0.33333rem;
left: 0;
}
.mobile_home_sections .section .videos .section_video .video_box {
height: 45vw;
}
.mobile_home_sections
.section
.videos
.section_video
.video_box.video_bg_sketch {
background: url(data:image/png;base64,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)
left top/100% no-repeat;
}
.mobile_home_sections .section .videos .section_video .video_cover_box {
position: absolute;
left: 0;
top: 0.83333rem;
}
.mobile_home_sections
.section
.videos
.section_video
.video_cover_box
.video_cover {
width: 100%;
}
.mobile_home_sections
.section
.videos
.section_video
.video_cover_box
.video_cover
img {
width: 100%;
object-fit: contain;
}
.mobile_home_sections
.section
.videos
.section_video
.video_cover_box
.section_play_btn {
display: none;
}
.mobile_home_sections
.section
.videos
.section_video
.video_cover_box
.section_play_btn
img {
width: 100%;
object-fit: contain;
}
.mobile_home_sections .section .videos .swiper-slide {
width: 88%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.mobile_home_sections .section .videos .video_text {
text-align: center;
padding: 0px 10px;
}
.mobile_home_sections .section .videos .video_text p:first-child {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.7);
padding-top: 1.4rem;
padding-bottom: 0.4rem;
}
.mobile_home_sections .section .videos .video_text p:last-child {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
width: 80%;
margin: 0 auto;
color: rgba(18, 20, 28, 0.5);
}
.mobile_home_sections .section .videos video {
width: 100%;
position: relative;
left: 0;
top: 0.83333rem;
border-radius: 0 0 4px 4px;
overflow: hidden;
z-index: 11;
}
.mobile_home_sections .section .videos .theme_bg {
font-size: 126px;
font-weight: bolder;
}
@-webkit-keyframes scrollToRight-tag-3242ed2a2 {
from {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
}
@keyframes scrollToRight-tag-3242ed2a2 {
from {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
}
@keyframes scrollToRight-tag-3242ed2a2 {
from {
-webkit-transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: translate3d(0%, 0, 0);
}
}
.logo_wrap[tag-3242ed2a2] {
position: relative;
width: 1440px;
height: 644px;
overflow: hidden;
margin: 0 auto;
font-size: 0;
}
.logo_wrap .mask[tag-3242ed2a2] {
position: absolute;
z-index: 10;
}
.logo_wrap .left_mask[tag-3242ed2a2] {
left: 0;
}
.logo_wrap .right_mask[tag-3242ed2a2] {
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.logo_wrap .line_odd[tag-3242ed2a2] {
width: 3976px;
-webkit-animation: scrollToRight-tag-3242ed2a2 36s linear infinite;
animation: scrollToRight-tag-3242ed2a2 36s linear infinite;
}
.logo_wrap .line_odd .logo_img[tag-3242ed2a2] {
width: 50%;
display: inline-block;
}
.logo_wrap .line_even[tag-3242ed2a2] {
width: 3976px;
-webkit-animation: scrollToRight-tag-3242ed2a2 30s linear infinite;
animation: scrollToRight-tag-3242ed2a2 30s linear infinite;
}
.logo_wrap .line_even .logo_img[tag-3242ed2a2] {
width: 50%;
display: inline-block;
}
.logo_wrap .line_four[tag-3242ed2a2] {
width: 3569px;
}
#mac_wrap[data-v-1762213e] {
overflow-x: hidden;
}
#mac_wrap .product-title-wrapper[data-v-1762213e] {
padding-top: 60px;
}
/*---- variables ----*/
/*---- Mixins ----*/
/*---- variables ----*/
/*---- Mixins ----*/
.l-title-h3 .title {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
position: relative;
z-index: 1;
color: rgba(18, 20, 28, 0.9);
}
.l-title-h3 .desc {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
margin-top: 6px;
margin-bottom: 4.8rem;
color: rgba(18, 20, 28, 0.5);
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.text-align-center {
text-align: center;
}
@media only screen and (max-width: 1024px) {
.l-title-h3 .desc {
margin-bottom: 3.2rem;
}
}
#ps_wrap[data-v-69df0764] {
overflow-x: hidden;
}
.product-title-wrapper[data-v-69df0764] {
padding-top: 60px;
}
#app_wrap {
overflow: hidden;
}
#app_wrap .banner .btn-wrapper .ios-download,
#app_wrap .banner .btn-wrapper .android-download {
display: inline-block;
}
#app_wrap .banner .btn-wrapper .ios-download:hover .ios-qrcode-wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#app_wrap .banner .btn-wrapper .android-download:hover .android-qrcode-wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#app_wrap .banner .btn-wrapper .qrcode-wrapper {
width: 173px;
height: 173px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.04);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 10px;
position: absolute;
bottom: -12px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999;
}
#app_wrap .banner .btn-wrapper .ios-qrcode-wrapper {
visibility: hidden;
opacity: 0;
}
#app_wrap .banner .btn-wrapper .ios-qrcode-wrapper img {
width: 147px;
}
#app_wrap .banner .btn-wrapper .android-qrcode-wrapper {
visibility: hidden;
opacity: 0;
}
#app_wrap .banner .btn-wrapper .android-qrcode-wrapper img {
width: 147px;
}
#app_wrap .banner .android-download {
margin-left: 24px;
}
#app_wrap .advantage {
margin: 0 auto;
position: relative;
margin-top: 45px;
margin-bottom: 135px;
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-section2 {
text-align: center;
padding: 30px;
}
.l-section2 img {
margin: 0 auto;
width: 48px;
}
.l-section2 .msg-title {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
margin-top: 22px;
color: rgba(18, 20, 28, 0.7);
}
.l-section2 .msg {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.8;
margin-top: 10px;
color: rgba(18, 20, 28, 0.5);
text-align: left;
word-break: break-all;
}
/*---- variables ----*/
/*---- Mixins ----*/
#sync_wrap {
overflow: hidden;
}
#sync_wrap .banner .download-tips {
margin-top: 10px;
}
#sync_wrap .banner .download-tips p {
margin-bottom: 6px;
text-align: left;
}
#sync_wrap .banner .download-tips p span {
color: rgba(18, 20, 28, 0.3);
}
#sync_wrap .banner .download-tips p.is_mobile {
text-align: center;
}
#sync_wrap .banner .tips {
display: block;
margin-top: 12px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
#sync_wrap .banner .tips p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
margin-bottom: 6px;
color: rgba(18, 20, 28, 0.3);
}
#sync_wrap .banner .tips img {
width: 16px;
}
#sync_wrap .banner .tips .ps-icon {
margin-left: 6px;
margin-right: 6px;
}
#sync_wrap .banner .help {
margin-left: 24px;
}
#sync_wrap .sync-features {
margin-top: 60px;
}
#xd_wrap {
overflow-x: hidden;
overflow-y: auto;
}
#xd_wrap::-webkit-scrollbar {
width: 5px;
}
#xd_wrap::-webkit-scrollbar-thumb {
background-color: #b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}
.product-title-wrapper {
padding-top: 60px;
}
@media all and (max-width: 768px) {
#xd_wrap::-webkit-scrollbar {
width: 0px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
#about {
overflow-x: hidden;
}
#about .cover-banner {
margin-top: -10rem;
position: relative;
}
#about .product-title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
height: 700px;
}
#about .vc-wrap {
margin-top: 3.33333rem;
}
#about .vc-wrap .title {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
#about .vc-wrap h4 {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.5);
}
#about .vc-wrap .vcs {
width: 100%;
margin-top: 4.66667rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#about .vc-wrap .vcs img {
width: 23.33333rem;
height: 3.33333rem;
max-width: 100%;
}
#about .vc-wrap .vcs .vc-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-right: 1px solid rgba(212, 212, 212, 0.6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 4.33333rem;
max-width: 100%;
}
#about .vc-wrap .vcs .vc-item:nth-child(2n) {
border-width: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#about .vc-wrap .vcs .vc-item .vc-item-wrap {
max-width: 100%;
width: 23.33333rem;
display: inline-block;
}
#about .vc-wrap .vcs .line {
height: 1px;
width: 23.33333rem;
position: relative;
margin-top: 2.8rem;
background: #d8d8d8;
max-width: 100%;
}
#about .vc-wrap .vcs .line:after {
position: absolute;
top: -0.26667rem;
content: "";
width: 2.86667rem;
height: 0.6rem;
background: #4972f1;
z-index: 2;
}
#about .vc-wrap .vcs .vc-desc {
margin-top: 0.43333rem;
}
#about .vc-wrap .vcs .vc-name {
text-align: right;
font-size: 1.6rem;
font-weight: bold;
line-height: 3.6rem;
color: #979797;
}
#about .company-wrap {
margin-top: 6.33333rem;
}
#about .company-wrap .title {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
#about .company-wrap h4 {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.5);
}
#about .company-wrap .team-img-wrap {
padding-top: 4.8rem;
padding-bottom: 8rem;
}
#about .company-wrap .team-img {
width: 100%;
margin: 0.5rem auto;
}
#about .company-wrap .team-img img {
width: 100%;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
}
#about .company-wrap .company-desc {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
margin-top: 1.8rem;
color: rgba(18, 20, 28, 0.5);
}
#about .lake {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background: #fbfcff;
-webkit-box-shadow: inset 0px 0px 100px rgba(230, 234, 248, 0.7);
box-shadow: inset 0px 0px 100px rgba(230, 234, 248, 0.7);
padding: 120px 0;
}
#about .lake /deep/ .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
color: rgba(18, 20, 28, 0.5);
margin-top: 12px;
padding: 0 3rem;
}
#about .lake /deep/ .desc em {
color: #436ef3;
}
#about .fade-enter-active,
#about .fade-leave-active {
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
#about .fade-enter,
#about .fade-leave-to {
opacity: 0;
}
#about .dialog-mask {
position: fixed;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(132, 149, 178, 0.15);
}
#about .dialog-mask .dialog {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 80%;
width: 520px;
height: 380px;
background: white;
-webkit-box-shadow: 0px 6px 20px 5px rgba(40, 120, 255, 0.1),
0px 16px 24px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 6px 20px 5px rgba(40, 120, 255, 0.1),
0px 16px 24px 2px rgba(0, 0, 0, 0.05);
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#about .dialog-mask .dialog .close_btn {
width: 12px;
height: 12px;
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
}
#about .dialog-mask .dialog .job_link {
width: 260px;
height: 260px;
}
#about .dialog-mask .dialog .job_email {
height: 28px;
width: 278px;
margin-top: 30px;
max-width: 90%;
}
#about .dialog-mask .dialog .job_email_en {
width: 439px;
margin-top: 30px;
max-width: 90%;
}
#about .dialog-mask .dialog .send-email-to-hr {
font-weight: 500;
color: #000;
font-size: 1.46667rem;
line-height: 1.5;
margin-top: 2rem;
}
#about .dialog-mask .dialog p {
margin-top: 16px;
font-size: 16px;
font-weight: 100;
color: #9fa2a8;
}
#about .dialog-mask .dialog p .jobLink {
font-weight: 400;
color: #2878ff;
text-decoration: underline;
cursor: pointer;
}
.banner-icon {
display: inline-block;
margin-bottom: 1.2rem;
}
.en .creator-desc {
letter-spacing: 0 !important;
font-size: 1rem;
}
.en .vc-wrap h4,
.en .co-creators-wrap h4,
.en .company-wrap h4 {
font-weight: bold !important;
}
@media all and (max-width: 768px) {
#about .cover-banner {
margin-top: -15rem;
}
#about .product-title-wrapper .l-title-h1 .desc {
text-align: left;
word-break: break-all;
}
#about .vcs .vc-item {
border-right-width: 0 !important;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.about-en .cover-banner {
margin-top: -10rem !important;
}
.about-en .product-title-wrapper {
height: auto !important;
}
}
@media (max-width: 573px) {
.co-creators .item-center {
text-align: left !important;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.header-wrapper.center {
padding-top: 12rem;
}
.header-wrapper.center .desc {
white-space: pre-wrap;
}
/*---- variables ----*/
/*---- Mixins ----*/
body {
background: #ffffff !important;
}
.mu-text-field-focus-line {
background: #2878ff;
}
.mu-text-field.focus-state {
color: #2878ff;
}
.mu-menu-item-wrapper.active {
color: #2878ff;
}
.mu-dropDown-menu-text {
font-size: 16px;
font-weight: 400;
color: #333333;
}
.mu-dropDown-menu-icon {
color: #5b606a;
}
/*---- variables ----*/
/*---- Mixins ----*/
.troubles-wrap {
padding: 120px 0;
background: #ffffff;
}
.troubles-wrap .troubles-banner-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card {
width: 380px;
height: 210px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card .troubles-img {
display: block;
width: 100%;
height: 100%;
border-radius: 10px;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card .troubles-txt {
padding-left: 10px;
position: absolute;
bottom: 26px;
color: #ffffff;
font-size: 20px;
z-index: 10;
text-shadow: 5px 2px 6px #000;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card:nth-child(2) {
margin: 0 10px;
}
.troubles-wrap .mobile-troubles {
display: none;
}
@media all and (max-width: 900px) {
.troubles-wrap {
padding: 75px 0;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card {
width: 237.5px;
height: 131px;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card .troubles-img {
display: block;
width: 100%;
height: 100%;
border-radius: 10px;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card .troubles-txt {
bottom: 16px;
font-size: 14px;
}
.troubles-wrap .troubles-banner-list .troubles-banner-card:nth-child(2) {
margin: 0 10px;
}
}
@media all and (max-width: 768px) {
.troubles-wrap {
padding: 50px 0;
}
.troubles-wrap .troubles-banner-list {
display: none;
}
.troubles-wrap .mobile-troubles {
display: block;
}
}
.solution {
padding-top: 120px;
padding-bottom: 42px;
background-color: #f9f9fb;
}
.solution .solution-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.solution .solution-wrap .solution-left {
width: 448px;
}
.solution .solution-wrap .solution-left .solution-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: rgba(18, 20, 28, 0.5);
font-size: 16px;
margin-bottom: 20px;
}
.solution .solution-wrap .solution-left .solution-line .solution-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(18, 20, 28, 0.7);
font-size: 18px;
font-weight: 800;
line-height: 25px;
}
.solution .solution-wrap .solution-left .solution-line .solution-icon img {
display: block;
width: 48px;
height: 48px;
margin-right: 4px;
}
.solution .solution-wrap .solution-right {
display: block;
width: 718px;
height: 460px;
}
@media all and (max-width: 900px) {
.solution {
padding-top: 75px;
padding-bottom: 26px;
}
.solution .solution-wrap .solution-left {
width: 280px;
}
.solution .solution-wrap .solution-left .solution-line {
padding: 0 10px;
text-align: center;
font-size: 10px;
margin-bottom: 13px;
}
.solution .solution-wrap .solution-left .solution-line .solution-icon {
font-size: 12px;
font-weight: 800;
line-height: 16px;
}
.solution .solution-wrap .solution-left .solution-line .solution-icon img {
width: 30px;
height: 30px;
margin-right: 2.5px;
}
.solution .solution-wrap .solution-right {
width: 448px;
height: 287px;
}
}
@media all and (max-width: 768px) {
.solution {
padding-top: 50px;
padding-bottom: 20px;
}
.solution .solution-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.solution .solution-wrap .solution-left {
width: 448px;
}
.solution .solution-wrap .solution-left .solution-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(18, 20, 28, 0.5);
font-size: 16px;
margin-bottom: 24px;
}
.solution .solution-wrap .solution-left .solution-line .solution-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
color: rgba(18, 20, 28, 0.7);
font-size: 18px;
font-weight: 800;
line-height: 25px;
}
.solution .solution-wrap .solution-left .solution-line .solution-icon img {
display: block;
width: 48px;
height: 48px;
margin-right: 4px;
}
.solution .solution-wrap .solution-right {
display: block;
width: 343px;
height: 223px;
}
}
.fge-rights {
padding-top: 120px;
padding-bottom: 42px;
background: #ffffff;
}
@media all and (max-width: 900px) {
.fge-rights {
padding-top: 75px;
padding-bottom: 26px;
}
}
@media all and (max-width: 768px) {
.fge-rights {
padding-top: 50px;
padding-bottom: 20px;
}
}
.qualification {
padding-top: 120px;
padding-bottom: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
}
.qualification .qualification-wrap {
width: 1160px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qualification .qualification-wrap .qualification-item {
width: 380px;
height: 348px;
background: #ffffff;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.04);
padding: 16px 16px 0 16px;
margin-bottom: 10px;
}
.qualification .qualification-wrap .qualification-item .qualification-img-wrap {
background: #f9f9fbff;
width: 348px;
height: 270px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qualification
.qualification-wrap
.qualification-item
.qualification-img-wrap
.qualification-img {
display: block;
width: 185px;
height: 242px;
}
.qualification .qualification-wrap .qualification-item .qualification-name {
height: 62px;
line-height: 62px;
text-align: center;
color: #12141c;
font-size: 16px;
}
@media all and (max-width: 900px) {
.qualification {
padding-top: 75px;
padding-bottom: 26px;
}
.qualification .qualification-wrap {
width: 725px;
}
.qualification .qualification-wrap .qualification-item {
width: 237.5px;
height: 217.5px;
padding: 10px 10px 0 10px;
margin-bottom: 10px;
}
.qualification
.qualification-wrap
.qualification-item
.qualification-img-wrap {
background: #f9f9fbff;
width: 217.5px;
height: 169px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qualification
.qualification-wrap
.qualification-item
.qualification-img-wrap
.qualification-img {
display: block;
width: 115.6px;
height: 151.25px;
}
.qualification .qualification-wrap .qualification-item .qualification-name {
height: 38.75px;
line-height: 38.75px;
font-size: 10px;
}
}
@media all and (max-width: 768px) {
.qualification {
padding-top: 50px;
padding-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.qualification .qualification-wrap {
width: 375px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.qualification .qualification-wrap .qualification-item {
width: 147.9px;
height: 193.2px;
background: #ffffff;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.04);
padding: unset;
margin-bottom: 72px;
}
.qualification
.qualification-wrap
.qualification-item
.qualification-img-wrap {
background: unset;
width: 147.9px;
height: 193.2px;
}
.qualification
.qualification-wrap
.qualification-item
.qualification-img-wrap
.qualification-img {
display: block;
width: 147.9px;
height: 193.2px;
}
.qualification .qualification-wrap .qualification-item .qualification-name {
padding: 0 20px;
padding-top: 9px;
line-height: 20px;
text-align: center;
color: #12141c;
font-size: 14px;
}
}
.allUse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
padding-top: 120px;
padding-bottom: 42px;
}
.allUse .logo {
width: 1176px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.allUse .logo .logo-img {
display: block;
width: 176px;
height: 76px;
margin: 0 10px 20px 10px;
}
@media all and (max-width: 900px) {
.allUse {
padding-top: 75px;
padding-bottom: 26px;
}
.allUse .logo {
width: 735px;
}
.allUse .logo .logo-img {
display: block;
width: 110px;
height: 47.5px;
margin: 0 6.25px 12.5px 6.25px;
}
}
@media all and (max-width: 768px) {
.allUse {
padding-top: 50px;
padding-bottom: 20px;
}
.allUse .logo {
width: 336px;
}
.allUse .logo .logo-img {
display: block;
width: 76px;
height: 32px;
margin: 0 4px;
margin-bottom: 10px;
}
}
#etp_count {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
#etp_count::-webkit-scrollbar {
width: 5px;
}
#etp_count::-webkit-scrollbar-thumb {
background-color: #b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}
#etp_count .select-box {
height: 56px;
z-index: 10000;
}
#etp_count .customer-server-title {
padding-top: 120px;
margin-bottom: 72px;
}
@media only screen and (max-width: 768px) {
#etp_count .banner .banner-content {
padding: 3.2rem 0;
}
}
@media all and (max-width: 768px) {
#etp_count::-webkit-scrollbar {
width: 0px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
li {
list-style: none;
}
.mu-text-field.has-label .mu-text-field-label.float {
font-size: 16px;
font-family: PingFang-SC-Medium;
font-weight: 300;
color: #9b9b9b;
}
/*---- variables ----*/
/*---- Mixins ----*/
.el-input {
background: rgba(255, 255, 255, 0.04);
}
.el-input input.el-input__inner {
margin-bottom: 18px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
border: 1px solid rgba(18, 20, 28, 0.15);
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
border-radius: 10px;
height: 54px;
}
.el-input input.el-input__inner:focus {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(18, 20, 28, 0.5);
color: rgba(255, 255, 255, 0.5);
}
.el-input input.el-input__inner:active {
background: rgba(255, 255, 255, 0.04);
border: 1px solid #436ef3;
color: rgba(255, 255, 255, 0.5);
font-weight: 500;
}
.el-select .el-input.is-focus .el-input__inner {
border-color: #436ef3;
}
.el-select-dropdown__item.selected {
color: #436ef3;
}
.fade-enter-active,
.fade-leave-active {
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
.dialog-tips-mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
height: 100vh;
z-index: 100000;
}
.dialog-tips-mask.dialog-no-mask {
background: transparent !important;
}
.dialog-tips-mask .mini-tips {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 136px;
height: 136px;
background: rgba(0, 0, 0, 0.7);
border-radius: 14px;
color: rgba(255, 255, 255, 0.6);
font-size: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dialog-tips-mask .mini-tips img {
margin-bottom: 1rem;
width: 30px;
height: 22px;
}
.dialog-tips-mask .dialog-tips {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 480px;
height: 320px;
background: #fff;
-webkit-box-shadow: 0px 4px 60px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 60px 2px rgba(0, 0, 0, 0.05);
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.04);
text-align: center;
}
.dialog-tips-mask .dialog-tips .close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 24px;
height: 24px;
cursor: pointer;
}
.dialog-tips-mask .dialog-tips .success-bg {
margin: 0 auto;
margin-top: 36px;
width: 140px;
height: 140px;
}
.dialog-tips-mask .dialog-tips .title {
margin-top: 8px;
font-size: 24px;
font-weight: 600;
color: #06183a;
}
.dialog-tips-mask .dialog-tips .desc {
margin-top: 8px;
font-size: 16px;
font-weight: 400;
color: #03164e;
}
.dialog-tips-mask .dialog-tips .qrcode {
margin: 0 auto;
margin-top: 16px;
width: 150px;
height: 150px;
}
.dialog-tips-mask .dialog-tips .tips {
margin-top: 16px;
font-size: 14px;
font-weight: 500;
color: #787f8a;
}
.dialog-tips-mask .dialog-tips .remarks-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 6px;
font-size: 14px;
font-weight: 500;
color: #838a95;
}
.dialog-tips-mask .dialog-tips .remarks-wrapper .remarks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dialog-tips-mask .dialog-tips .remarks-wrapper .remarks img {
width: 24px;
height: 24px;
margin-right: 4px;
}
@media all and (max-width: 768px) {
.dialog-tips-mask .dialog-tips {
width: 280px;
}
}
.finacial-header-wrapper[data-v-19d5bc80] {
margin-top: 72px;
width: 100%;
height: 548px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #507afb;
}
.finacial-header-wrapper .bg-box[data-v-19d5bc80] {
position: relative;
width: 1160px;
height: 548px;
}
.finacial-header-wrapper .bg-box .bg-content[data-v-19d5bc80] {
position: absolute;
top: 140px;
left: 40px;
z-index: 100;
min-width: 480px;
}
.finacial-header-wrapper .bg-box .bg-content .content-tit[data-v-19d5bc80] {
font-size: 54px;
font-weight: 600;
color: #ffffff;
line-height: 76px;
}
.finacial-header-wrapper .bg-box .bg-content .content-desc[data-v-19d5bc80] {
font-size: 20px;
color: #ffffff;
line-height: 37px;
margin-bottom: 60px;
}
.finacial-header-wrapper .bg-box img[data-v-19d5bc80] {
position: absolute;
top: 0;
right: 0;
width: 1160px;
height: 548px;
}
@media all and (max-width: 768px) {
.finacial-header-wrapper[data-v-19d5bc80] {
width: 100%;
height: 365px;
}
.finacial-header-wrapper .bg-box[data-v-19d5bc80] {
width: 773px;
height: 365px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.finacial-header-wrapper .bg-box .bg-content[data-v-19d5bc80] {
position: unset;
top: unset;
left: unset;
z-index: 100;
width: 315px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.finacial-header-wrapper .bg-box .bg-content .content-tit[data-v-19d5bc80] {
font-size: 32px;
font-weight: 600;
line-height: 40px;
text-align: center;
width: 80%;
}
.finacial-header-wrapper .bg-box .bg-content .content-desc[data-v-19d5bc80] {
width: 250px;
font-size: 16px;
line-height: 32px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.finacial-header-wrapper .bg-box img[data-v-19d5bc80] {
width: 773px;
height: 365px;
}
}
@charset "UTF-8";
.select-box-frist[data-v-3217821c] {
height: 56px;
z-index: 2003;
position: relative;
}
.select-box-frist .box[data-v-3217821c] {
max-height: 56px;
border: 1px solid rgba(255, 255, 255, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
background: #1b1d25;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select-box-frist .box[data-v-3217821c]:hover {
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.select-box-frist .box:hover .select-con[data-v-3217821c] {
color: rgba(255, 255, 255, 0.3);
}
.select-box-frist .box-after[data-v-3217821c] {
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border: 1px solid #436ef3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
overflow: hidden;
background: #1b1d25;
max-height: 600px;
-webkit-transition: max-height 0.3s ease-in-out;
-o-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select-box-frist .select-box[data-v-3217821c] {
width: 100%;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.select-box-frist .select-box .select-img[data-v-3217821c] {
width: 14px;
margin-right: 24px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.select-box-frist .select-box .select-img-after[data-v-3217821c] {
width: 14px;
margin-right: 24px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
/* IE 9 */
-moz-transform: rotate(-180deg);
/* Firefox */
-webkit-transform: rotate(-180deg);
/* Safari 和 Chrome */
-o-transform: rotate(-180deg);
}
.select-box-frist .select-box .select-con[data-v-3217821c] {
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
font-style: normal;
font-size: 18px;
line-height: 26px;
color: rgba(255, 255, 255, 0.5);
margin-left: 24px;
text-align: left;
}
.select-box-frist .select-box .select-con-after[data-v-3217821c] {
font-style: normal;
font-size: 18px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
color: rgba(255, 255, 255, 0.3);
margin-left: 24px;
text-align: left;
}
.select-box-frist .select-list[data-v-3217821c] {
font-weight: 500;
font-size: 18px;
padding: 0 24px;
color: rgba(255, 255, 255, 0.9);
height: 54px;
line-height: 54px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.select-box-frist .select-list[data-v-3217821c]:hover {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: rgba(255, 255, 255, 0.04);
}
.select-box-frist .select-animal-enter-active[data-v-3217821c],
.select-box-frist .select-animal-leave-active[data-v-3217821c] {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.select-box-frist .select-animal-enter[data-v-3217821c],
.select-box-frist .select-animal-leave-to[data-v-3217821c] {
opacity: 0;
}
.select-box-frist .select-color[data-v-3217821c] {
color: #ffffff !important;
}
.theme-bright .box[data-v-3217821c] {
background-color: #ffffff !important;
border: 1px solid #dbdcdd !important;
}
.theme-bright .box[data-v-3217821c]:hover {
border: 1px solid red;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-bright .box:hover .select-con[data-v-3217821c] {
color: #88898d;
}
.theme-bright .box-after[data-v-3217821c] {
background-color: #ffffff !important;
}
.theme-bright .select-box .select-con[data-v-3217821c] {
color: #88898d;
}
.theme-bright .select-box .select-con-after[data-v-3217821c] {
color: #dbdcdd;
}
.theme-bright .select-list[data-v-3217821c] {
color: #88898d !important;
}
.theme-bright .select-color[data-v-3217821c] {
color: #88898d !important;
}
.theme-bright .select-list[data-v-3217821c]:hover {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #dbdcdd;
}
@charset "UTF-8";
.box[data-v-2bc304a4] {
max-height: 56px;
border: 1px solid rgba(255, 255, 255, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
background: #1b1d25;
margin-bottom: 18px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box-error[data-v-2bc304a4] {
max-height: 56px;
border: 1px solid #dd5b5b;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
background: rgba(255, 255, 255, 0.04);
margin-bottom: 18px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box[data-v-2bc304a4]:hover {
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-bright[data-v-2bc304a4] {
background: #fff !important;
border: 1px solid #dbdcdd !important;
}
.theme-bright .input-box .input-con[data-v-2bc304a4] {
color: #88898d !important;
}
.theme-bright .input-box .input-con-after[data-v-2bc304a4] {
color: #88898d !important;
}
.theme-bright#handle-box[data-v-2bc304a4] {
border: 1px solid #436ef3 !important;
}
.theme-bright input[data-v-2bc304a4]::-webkit-input-placeholder {
/* WebKit browsers 适é…è°·æŒ */
color: #88898d;
}
.theme-bright input[data-v-2bc304a4]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适é…ç«ç‹ */
color: #88898d;
}
.theme-bright input[data-v-2bc304a4]::-moz-placeholder {
/* Mozilla Firefox 19+ 适é…ç«ç‹ */
color: #88898d;
}
.theme-bright input[data-v-2bc304a4]:-ms-input-placeholder {
/* Internet Explorer 10+ 适é…ie*/
color: #88898d;
}
.theme-bright.box:hover input[data-v-2bc304a4]::-webkit-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
.theme-bright.box:hover input[data-v-2bc304a4]:-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
.theme-bright.box:hover input[data-v-2bc304a4]::-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
.theme-bright .box:hover input[data-v-2bc304a4]:-ms-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
#handle-box[data-v-2bc304a4] {
border: 1px solid #436ef3;
}
.input-box[data-v-2bc304a4] {
width: 100%;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.input-box .input-con[data-v-2bc304a4] {
height: 50px;
width: 100%;
font-style: normal;
font-size: 18px;
line-height: 26px;
color: rgba(255, 255, 255, 0.9);
margin-left: 24px;
background: none;
}
.input-box .input-con-after[data-v-2bc304a4] {
width: 100%;
height: 50px;
font-style: normal;
font-size: 18px;
line-height: 26px;
color: rgba(255, 255, 255, 0.9);
margin-left: 24px;
margin-right: 24px;
background: none;
}
.input-box .number-error[data-v-2bc304a4] {
margin-right: 24px;
color: #dd5b5b;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
}
input[data-v-2bc304a4]::-webkit-input-placeholder {
/* WebKit browsers 适é…è°·æŒ */
color: rgba(255, 255, 255, 0.5);
}
input[data-v-2bc304a4]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适é…ç«ç‹ */
color: rgba(255, 255, 255, 0.5);
}
input[data-v-2bc304a4]::-moz-placeholder {
/* Mozilla Firefox 19+ 适é…ç«ç‹ */
color: rgba(255, 255, 255, 0.5);
}
input[data-v-2bc304a4]:-ms-input-placeholder {
/* Internet Explorer 10+ 适é…ie*/
color: rgba(255, 255, 255, 0.5);
}
.box:hover input[data-v-2bc304a4]::-webkit-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
.box:hover input[data-v-2bc304a4]:-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
.box:hover input[data-v-2bc304a4]::-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
.box:hover input[data-v-2bc304a4]:-ms-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
@charset "UTF-8";
.box[data-v-2bc304a4] {
max-height: 56px;
border: 1px solid rgba(255, 255, 255, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
background: #1b1d25;
margin-bottom: 18px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box-error[data-v-2bc304a4] {
max-height: 56px;
border: 1px solid #dd5b5b;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
background: rgba(255, 255, 255, 0.04);
margin-bottom: 18px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.box[data-v-2bc304a4]:hover {
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.theme-bright[data-v-2bc304a4] {
background: #fff !important;
border: 1px solid #dbdcdd !important;
}
.theme-bright .input-box .input-con[data-v-2bc304a4] {
color: #88898d !important;
}
.theme-bright .input-box .input-con-after[data-v-2bc304a4] {
color: #88898d !important;
}
.theme-bright#handle-box[data-v-2bc304a4] {
border: 1px solid #436ef3 !important;
}
.theme-bright input[data-v-2bc304a4]::-webkit-input-placeholder {
/* WebKit browsers 适é…è°·æŒ */
color: #88898d;
}
.theme-bright input[data-v-2bc304a4]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适é…ç«ç‹ */
color: #88898d;
}
.theme-bright input[data-v-2bc304a4]::-moz-placeholder {
/* Mozilla Firefox 19+ 适é…ç«ç‹ */
color: #88898d;
}
.theme-bright input[data-v-2bc304a4]:-ms-input-placeholder {
/* Internet Explorer 10+ 适é…ie*/
color: #88898d;
}
.theme-bright.box:hover input[data-v-2bc304a4]::-webkit-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
.theme-bright.box:hover input[data-v-2bc304a4]:-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
.theme-bright.box:hover input[data-v-2bc304a4]::-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
.theme-bright .box:hover input[data-v-2bc304a4]:-ms-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #dbdcdd;
}
#handle-box[data-v-2bc304a4] {
border: 1px solid #436ef3;
}
.input-box[data-v-2bc304a4] {
width: 100%;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.input-box .input-con[data-v-2bc304a4] {
height: 50px;
width: 100%;
font-style: normal;
font-size: 18px;
line-height: 26px;
color: rgba(255, 255, 255, 0.9);
margin-left: 24px;
background: none;
}
.input-box .input-con-after[data-v-2bc304a4] {
width: 100%;
height: 50px;
font-style: normal;
font-size: 18px;
line-height: 26px;
color: rgba(255, 255, 255, 0.9);
margin-left: 24px;
margin-right: 24px;
background: none;
}
.input-box .number-error[data-v-2bc304a4] {
margin-right: 24px;
color: #dd5b5b;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
}
input[data-v-2bc304a4]::-webkit-input-placeholder {
/* WebKit browsers 适é…è°·æŒ */
color: rgba(255, 255, 255, 0.5);
}
input[data-v-2bc304a4]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适é…ç«ç‹ */
color: rgba(255, 255, 255, 0.5);
}
input[data-v-2bc304a4]::-moz-placeholder {
/* Mozilla Firefox 19+ 适é…ç«ç‹ */
color: rgba(255, 255, 255, 0.5);
}
input[data-v-2bc304a4]:-ms-input-placeholder {
/* Internet Explorer 10+ 适é…ie*/
color: rgba(255, 255, 255, 0.5);
}
.box:hover input[data-v-2bc304a4]::-webkit-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
.box:hover input[data-v-2bc304a4]:-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
.box:hover input[data-v-2bc304a4]::-moz-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
.box:hover input[data-v-2bc304a4]:-ms-input-placeholder {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: rgba(255, 255, 255, 0.3);
}
/*---- variables ----*/
/*---- Mixins ----*/
.table-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.table-wrapper .table {
margin: 0 auto;
margin-bottom: 10px;
}
.table-wrapper .table th {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 64px;
background: #f9f9fb;
padding: 0 24px;
border-radius: 12px;
color: rgba(18, 20, 28, 0.9);
}
.table-wrapper .table th td {
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5;
-webkit-box-flex: 0;
-ms-flex: 0 0 134px;
flex: 0 0 134px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.table-wrapper .table th td:nth-child(1) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.table-wrapper .table .table-title.blue {
background: #436ef3;
color: #ffffff;
}
.table-wrapper .table tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 54px;
margin-top: 12px;
padding: 0 24px;
}
.table-wrapper .table tr td {
font-size: 1.1rem;
font-weight: 500;
line-height: 1.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 134px;
flex: 0 0 134px;
color: rgba(18, 20, 28, 0.7);
text-align: center;
}
.table-wrapper .table tr td img {
width: 22px;
}
.table-wrapper .table tr td:nth-child(1) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: rgba(18, 20, 28, 0.7);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media all and (max-width: 768px) {
.table-wrapper {
width: 100vw;
}
.table-wrapper .table {
margin: 0 auto;
margin-bottom: 10px;
}
.table-wrapper .table th {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 24px);
height: 60px;
background: #f9f9fb;
padding-left: 9px;
padding-right: 0px;
border-radius: 12px;
color: rgba(18, 20, 28, 0.9);
margin: 0 auto;
}
.table-wrapper .table th td {
font-weight: 500;
font-size: 12px;
-webkit-box-flex: 0;
-ms-flex: 0 0 52px;
flex: 0 0 52px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.table-wrapper .table th td:nth-child(1) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.table-wrapper .table tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
min-height: 60px;
height: auto;
margin-top: 12px;
padding-left: 22px;
padding-right: 0;
}
.table-wrapper .table tr td {
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 52px;
flex: 0 0 52px;
color: rgba(18, 20, 28, 0.7);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 12px;
}
.table-wrapper .table tr td img {
width: 22px;
}
.table-wrapper .table tr td:nth-child(1) {
color: rgba(18, 20, 28, 0.7);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.table-wrapper .table tr td:nth-child(1) span {
text-align: left;
width: 84px;
}
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 100%;
height: 200px;
margin: 20px auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
width: 316px;
height: 160px;
position: relative;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 316px;
height: 160px;
}
.swiper-slide .swiper-txt {
text-shadow: 5px 2px 6px #000;
color: #ffffff;
font-size: 14px;
z-index: 20;
position: absolute;
bottom: 17px;
line-height: 20px;
}
.select-item:hover {
border: 1px solid #2878ff !important;
-webkit-transition: all 0.2s ease-in-out !important;
-o-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important;
}
.select-animal-enter-active,
.select-animal-leave-active {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.select-animal-enter,
.select-animal-leave-to {
opacity: 0;
}
.edu-contact-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99999;
}
.edu-contact-modal .modal-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
overflow-y: auto;
width: 732px;
max-height: 750px;
background-color: #fff;
}
.edu-contact-modal .modal-box .close_btn {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.edu-contact-modal .modal-box .modal-title {
background: #436ef3;
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: 500;
letter-spacing: 1px;
line-height: 100px;
margin-bottom: 47px;
}
.edu-contact-modal .modal-box .modal-content .modal-content-title,
.edu-contact-modal .modal-box .modal-content .modal-content-desc {
text-align: center;
color: #000000;
}
.edu-contact-modal .modal-box .modal-content .modal-content-title {
font-size: 18px;
line-height: 25px;
font-weight: 500;
margin-bottom: 45px;
}
.edu-contact-modal .modal-box .modal-content .modal-content-desc {
font-size: 14px;
line-height: 20px;
font-weight: 400;
margin-bottom: 50px;
opacity: 0.5;
}
.edu-contact-modal .modal-box .modal-content .modal-form-box {
padding-left: 32px;
}
.edu-contact-modal .modal-box .modal-content .modal-form-box .modal-form-item {
position: relative;
margin-bottom: 20px;
font-size: 0;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.tip {
position: absolute;
left: 164px;
width: 400px;
height: 20px;
line-height: 20px;
color: #c9c9c9;
font-size: 10px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
label {
margin-right: 26px;
color: #222222;
font-size: 14px;
font-weight: 400;
text-align: right;
display: inline-block;
width: 130px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select {
width: 400px;
height: 40px;
line-height: 40px;
border: 1px solid #c9c9c9;
background-color: #fff;
font-size: 14px;
padding: 0 8px;
color: #c9c9c9;
display: inline-block;
position: relative;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select
.select-img {
position: absolute;
top: 13px;
right: 0;
width: 14px;
margin-right: 24px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select
.select-img-after {
position: absolute;
top: 13px;
right: 0;
width: 14px;
margin-right: 24px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
/* IE 9 */
-moz-transform: rotate(-180deg);
/* Firefox */
-webkit-transform: rotate(-180deg);
/* Safari 和 Chrome */
-o-transform: rotate(-180deg);
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select-black {
color: #000000;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select-list {
position: absolute;
top: 40px;
left: 156px;
z-index: 20;
background: #ffffff;
border: 1px solid #c9c9c9;
width: 400px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select-list
.select-item {
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
width: 398px;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #ffffff;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input {
width: 400px;
height: 40px;
border: 1px solid #c9c9c9;
background-color: #fff;
font-size: 14px;
padding: 0 8px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input.error {
border: 1px solid #ff3756;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::-webkit-input-placeholder {
/* Edge */
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::-moz-placeholder {
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::-ms-input-placeholder {
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::placeholder {
color: #c9c9c9;
}
.edu-contact-modal .modal-box .modal-content hr {
margin-top: 60px;
height: 1px;
border: 0;
border-top: 1px dashed rgba(36, 39, 66, 0.2);
}
.edu-contact-modal .modal-box .modal-footer {
height: 132px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.edu-contact-modal .modal-box .modal-footer .btn {
padding: 0 20px;
height: 40px;
background: #2878ff;
border-radius: 4px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media all and (max-width: 768px) {
.edu-contact-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99999;
}
.edu-contact-modal .modal-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
overflow-y: auto;
width: 327px;
max-height: 554px;
background-color: #fff;
}
.edu-contact-modal .modal-box .close_btn {
position: absolute;
top: 10px;
right: 10px;
width: 14px;
height: 10px;
cursor: pointer;
z-index: 20;
}
.edu-contact-modal .modal-box .modal-title {
position: relative;
height: 60px;
line-height: 60px;
background: #436ef3;
border-radius: 8px 8px 0px 0px;
text-align: center;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
margin-bottom: 0;
}
.edu-contact-modal .modal-box .modal-content {
padding-top: 10px;
}
.edu-contact-modal .modal-box .modal-content .modal-content-title,
.edu-contact-modal .modal-box .modal-content .modal-content-desc {
color: #000000;
text-align: center;
padding-left: 0;
}
.edu-contact-modal .modal-box .modal-content .modal-content-title {
font-size: 14px;
line-height: 40px;
font-weight: 500;
margin-bottom: 10px;
display: none;
}
.edu-contact-modal .modal-box .modal-content .modal-content-desc {
width: 80%;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin: 20px auto;
opacity: 0.5;
}
.edu-contact-modal .modal-box .modal-content .modal-form-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item {
margin-bottom: 20px;
font-size: 0;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.tip {
position: absolute;
left: 8px;
width: 287px;
height: 20px;
line-height: 20px;
color: #c9c9c9;
font-size: 8px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
label {
display: none !important;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select {
width: 287px;
height: 44px;
line-height: 40px;
border: 1px solid #c9c9c9;
background-color: #fff;
font-size: 14px;
padding: 0 8px;
color: #c9c9c9;
display: inline-block;
position: relative;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select
.select-img {
position: absolute;
top: 13px;
right: 0;
width: 14px;
margin-right: 24px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select
.select-img-after {
position: absolute;
top: 13px;
right: 0;
width: 14px;
margin-right: 24px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
/* IE 9 */
-moz-transform: rotate(-180deg);
/* Firefox */
-webkit-transform: rotate(-180deg);
/* Safari 和 Chrome */
-o-transform: rotate(-180deg);
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select-black {
color: #000000;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select-list {
position: absolute;
top: 44px;
left: 0px;
z-index: 20;
background: #ffffff;
border: 1px solid #c9c9c9;
width: 287px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
.select-list
.select-item {
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
width: 285px;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #ffffff;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input {
width: 287px;
height: 44px;
border: 1px solid #c9c9c9;
background-color: #fff;
font-size: 14px;
padding: 0 8px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input.error {
border: 1px solid #ff3756;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::-webkit-input-placeholder {
/* Edge */
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::-moz-placeholder {
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::-ms-input-placeholder {
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input::placeholder {
color: #c9c9c9;
}
.edu-contact-modal .modal-box .modal-content hr {
display: none;
margin-top: 0px;
}
.edu-contact-modal .modal-box .modal-footer {
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.edu-contact-modal .modal-box .modal-footer .btn {
padding: 0 20px;
height: 40px;
background: #2878ff;
border-radius: 4px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.mu-text-field-focus-line {
background: #2878ff;
}
.mu-text-field.focus-state {
color: #2878ff;
}
.mu-menu-item-wrapper.active {
color: #2878ff;
}
.mu-dropDown-menu-text {
font-size: 16px;
font-weight: 400;
color: #333333;
}
.mu-dropDown-menu-icon {
color: #5b606a;
}
/*---- variables ----*/
/*---- Mixins ----*/
#etp_count {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
#etp_count::-webkit-scrollbar {
width: 5px;
}
#etp_count::-webkit-scrollbar-thumb {
background-color: #b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}
#etp_count .banner .banner-content {
margin: 0 auto;
padding: 3.2rem;
}
#etp_count .banner .banner-content .banner-input {
display: block;
margin-top: 18px;
}
#etp_count .banner .banner-content .get-price-btn {
margin-top: 18px;
width: 100%;
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
border-radius: 10px;
}
#etp_count .banner .banner-content .tips {
text-align: center;
margin-top: 20px;
color: rgba(255, 255, 255, 0.3);
}
#etp_count .select-box {
height: 56px;
z-index: 10000;
}
#etp_count .etp-content-wrapper {
margin-top: 60px;
}
#etp_count .etp-content-wrapper .etp-list {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#etp_count .etp-content-wrapper .etp-list .etp-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
}
#etp_count .etp-content-wrapper .etp-list .etp-section:nth-child(1) {
margin-bottom: 60px;
}
#etp_count .customer-server-title {
padding-top: 120px;
margin-bottom: 72px;
}
#etp_count .get-price-form {
height: 540px;
background: #12141c;
-webkit-box-shadow: inset 0px 0px 100px #010016;
box-shadow: inset 0px 0px 100px #010016;
padding-top: 35px;
margin-top: 120px;
}
#etp_count .get-price-form .form-wrapper {
margin: 0 auto;
max-width: 500px;
}
#etp_count .get-price-form .form-wrapper .banner-input {
display: block;
margin-top: 18px;
}
#etp_count .get-price-form .form-wrapper .get-price-btn {
margin-top: 18px;
width: 100%;
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
border-radius: 10px;
}
#etp_count .get-price-form .form-wrapper .tips {
text-align: center;
margin-top: 20px;
color: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 768px) {
#etp_count .banner .banner-content {
padding: 3.2rem 0;
}
}
@media all and (max-width: 768px) {
#etp_count::-webkit-scrollbar {
width: 0px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
li {
list-style: none;
}
.mu-text-field.has-label .mu-text-field-label.float {
font-size: 16px;
font-family: PingFang-SC-Medium;
font-weight: 300;
color: #9b9b9b;
}
/*---- variables ----*/
/*---- Mixins ----*/
.el-input {
background: rgba(255, 255, 255, 0.04);
}
.el-input input.el-input__inner {
margin-bottom: 18px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
border: 1px solid rgba(18, 20, 28, 0.15);
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
border-radius: 10px;
height: 54px;
}
.el-input input.el-input__inner:focus {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(18, 20, 28, 0.5);
color: rgba(255, 255, 255, 0.5);
}
.el-input input.el-input__inner:active {
background: rgba(255, 255, 255, 0.04);
border: 1px solid #436ef3;
color: rgba(255, 255, 255, 0.5);
font-weight: 500;
}
.el-select .el-input.is-focus .el-input__inner {
border-color: #436ef3;
}
.el-select-dropdown__item.selected {
color: #436ef3;
}
#etp_count .get-price-form .form-wrapper .banner-input:hover {
border-color: red;
}
/*---- variables ----*/
/*---- Mixins ----*/
.header-wrapper-dark[data-v-1c9719a2] {
background: #12141c;
position: relative;
height: calc(100vh - 158px);
max-height: 800px;
min-height: 700px;
}
.header-wrapper-dark .header[data-v-1c9719a2] {
height: 100%;
}
.header-wrapper-dark .header .l-title-h1 .title[data-v-1c9719a2] {
font-size: 3.4rem;
font-weight: 600;
line-height: 1.5;
color: white;
}
.header-wrapper-dark .header .l-title-h1 .desc[data-v-1c9719a2] {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
margin-top: 0.8rem;
color: rgba(255, 255, 255, 0.5);
padding-right: 2.4rem;
}
.text-content[data-v-1c9719a2],
.right[data-v-1c9719a2] {
z-index: 11;
}
.wave_bg[data-v-1c9719a2] {
width: 2560px;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
bottom: 0;
}
.img_bg[data-v-1c9719a2] {
position: absolute;
bottom: 0;
width: 1440px;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
.header-wrapper-dark[data-v-1c9719a2] {
height: 100%;
padding-top: 120px;
padding-bottom: 120px;
max-height: 1200px;
}
}
* {
margin: 0;
padding: 0;
}
/*---- variables ----*/
/*---- Mixins ----*/
.meeting {
overflow: hidden;
}
.meeting .features {
margin-top: 60px;
}
.meeting .features .feature-title {
margin-bottom: 72px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.meeting .features .feature-title .title {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
position: relative;
z-index: 1;
color: rgba(18, 20, 28, 0.9);
}
.meeting .features .feature-title .desc {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
margin-top: 6px;
margin-bottom: 72px;
color: rgba(18, 20, 28, 0.5);
}
.meeting .features .feature-title .desc .link-color {
color: #2878ff;
}
.meeting .features .feature-title .desc .link-color:hover {
cursor: pointer;
}
.meeting .features .team-logo {
margin-bottom: 120px;
}
.meeting .features .copy_text {
position: relative;
margin: 0 auto;
margin-bottom: 120px;
padding: 4rem 4.8rem;
border-radius: 12px;
background: #fffdf7;
border: 1px solid rgba(125, 84, 42, 0.1);
}
.meeting .features .copy_text .copy_text_content {
font-size: 1.2rem;
font-weight: 500;
line-height: 2.1;
color: #66523d;
}
.meeting .features .copy_text .copy_btn {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
cursor: pointer;
margin-top: 4.8rem;
width: 174px;
height: 54px;
line-height: 54px;
text-align: center;
color: #7d542a;
background: #fbf4e1;
border: 1px solid rgba(125, 84, 42, 0.2);
border-radius: 10px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.meeting .features .copy_text .copy_btn:hover {
opacity: 0.9;
}
.meeting .features .video-wrapper {
position: relative;
max-width: 1160px;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border: 1px solid rgba(18, 20, 28, 0.06);
border-radius: 16px;
margin: 0 auto;
margin-bottom: 120px;
}
.meeting .features .video-wrapper video {
width: 100%;
height: 100%;
outline: none;
border-radius: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-o-object-fit: fill;
object-fit: fill;
}
.meeting .features .video-wrapper .video-play-btn {
width: 72px;
cursor: pointer;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.meeting .features .video-wrapper .video-play-btn:hover {
opacity: 0.7;
}
.meeting .features .feature-list {
padding: 60px 0px;
background: #fcfdff;
-webkit-box-shadow: inset 0px 0px 100px #eff3fa;
box-shadow: inset 0px 0px 100px #eff3fa;
margin-bottom: 120px;
}
.meeting .features .feature-list ul {
display: block;
margin: 0 auto;
}
.meeting .features .feature-list ul li {
margin-bottom: 36px;
}
.meeting .features .feature-list ul li .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.meeting .features .feature-list ul li .title img {
width: 48px;
height: 48px;
margin-right: 1.2rem;
}
.meeting .features .feature-list ul li .title span {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.7);
}
.meeting .features .feature-list ul li .content {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.5);
}
.meeting .features .feature-list ul li .content p {
padding-left: 0.8rem;
margin-bottom: 0.4rem;
position: relative;
}
.meeting .features .feature-list ul li .content p:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
background: rgba(18, 20, 28, 0.5);
width: 4px;
height: 4px;
border-radius: 50%;
}
.meeting .features .feature-list ul li:last-child {
margin-bottom: 0px;
}
.meeting .features .users-logo-wrap-all {
position: relative;
overflow: hidden;
height: 504px;
}
.meeting .features .users-logo-content {
width: 1440px;
height: 504px;
background: url(https://lhcdn.lanhuapp.com/home/img/LogoWall.jpg) center
center no-repeat;
background-size: cover;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.meeting .features .users-logo-content .leftMask {
position: absolute;
top: 0;
left: 0;
width: 450px;
height: 100%;
}
.meeting .features .users-logo-content .rightMask {
position: absolute;
top: 0;
right: 0;
width: 450px;
height: 100%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.meeting .features .ppt {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0 auto;
padding-bottom: 120px;
}
.meeting .features .ppt .ppt-wrap {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-shadow: 0px 4px 30px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 30px rgba(167, 167, 167, 0.1);
border-radius: 12px;
margin-bottom: 36px;
}
.meeting .features .ppt .ppt-wrap .ppt-cut {
width: 100%;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.meeting .features .ppt iframe {
width: 100%;
height: 500px;
margin-left: -4px;
margin-top: -4px;
border-radius: 12px;
}
.meeting .features .ppt .download-btn {
margin: 0 auto;
}
.meeting .features .ppt .intro {
margin-top: 12px;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
text-align: center;
color: rgba(18, 20, 28, 0.5);
opacity: 0.8;
}
#check_box[data-v-d145fa92] {
font-size: 14px;
width: 1000px;
margin: 50px auto;
}
#check_box h2[data-v-d145fa92],
#check_box h3[data-v-d145fa92] {
color: #2878ff;
}
#check_box h2[data-v-d145fa92] {
padding-bottom: 30px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#check_box h3[data-v-d145fa92] {
font-size: 18px;
padding-top: 20px;
}
#check_box ul[data-v-d145fa92] {
padding-top: 10px;
}
#check_box ul li[data-v-d145fa92] {
line-height: 1.5;
}
#check_box ul .name[data-v-d145fa92] {
color: #666;
}
#load-box[data-v-d145fa92] {
margin-left: 6px;
}
.lanhu-load[data-v-d145fa92] {
width: 30px;
height: 30px;
}
.velocity-box[data-v-d145fa92] {
width: 100%;
height: 100px;
}
.velocity-title[data-v-d145fa92] {
font-size: 18px;
color: #333;
font-weight: 700;
}
a[data-v-d145fa92] {
color: #2878ff;
}
#velocity-title-box[data-v-d145fa92] {
margin-top: 20px;
}
.axure-wrap[data-v-4826e9fc] {
overflow: hidden;
}
.axure-wrap .banner .help[data-v-4826e9fc] {
margin-left: 24px;
}
.axure-wrap .videos-wrap[data-v-4826e9fc] {
padding-top: 75px;
}
.axure-wrap .product-title-wrapper[data-v-4826e9fc] {
padding-top: 62px;
}
/*---- variables ----*/
/*---- Mixins ----*/
.use-tutorial-mask {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(33, 36, 40, 0.9);
z-index: 100000;
}
.use-tutorial-mask .dialog {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 819px;
min-height: 628px;
border-radius: 16px;
background: white;
-webkit-box-shadow: 0px 6px 20px 5px rgba(40, 120, 255, 0.1),
0px 16px 24px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 6px 20px 5px rgba(40, 120, 255, 0.1),
0px 16px 24px 2px rgba(0, 0, 0, 0.05);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.use-tutorial-mask .dialog .dialog-close {
position: absolute;
top: 25px;
right: 25px;
width: 26px;
height: 28px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjQgMjUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjEgKDc4MTM2KSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY19jbG9zZV8yNHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIxOSA2LjQxIDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTIiPjwvcG9seWdvbj4KICAgICAgICA8ZmlsdGVyIHg9Ii02MC4xJSIgeT0iLTYwLjElIiB3aWR0aD0iMjIwLjIlIiBoZWlnaHQ9IjIzNC41JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE1Njg2Mjc0NSAgIDAgMCAwIDAgMC40NzA1ODgyMzUgICAwIDAgMCAwIDEgIDAgMCAwIDAuMDggMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjAuNSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMiI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjAiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjIiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIyIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIyIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjIiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjEyIDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0JsdXJPdXRlcjIiIHJlc3VsdD0ic2hhZG93TWF0cml4T3V0ZXIyIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgICAgIDxmZU1lcmdlPgogICAgICAgICAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJzaGFkb3dNYXRyaXhPdXRlcjEiPjwvZmVNZXJnZU5vZGU+CiAgICAgICAgICAgICAgICA8ZmVNZXJnZU5vZGUgaW49InNoYWRvd01hdHJpeE91dGVyMiI+PC9mZU1lcmdlTm9kZT4KICAgICAgICAgICAgPC9mZU1lcmdlPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkRTTSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuahjOmdouerr0hEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA4MS4wMDAwMDAsIC0yMDMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLliIbnu4QtOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEwLjAwMDAwMCwgMTc5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuW8ueeqlyI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImljX2Nsb3NlXzI0cHgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3MS4wMDAwMDAsIDI0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2hhcGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
center center no-repeat;
cursor: pointer;
}
.use-tutorial-mask .dialog .title {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
padding: 1.6rem 0;
position: relative;
background-color: #436ef3;
border-radius: 16px 16px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: white;
}
.use-tutorial-mask .dialog .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 48px;
}
.use-tutorial-mask .dialog .content .text-tips {
min-height: 72px;
}
.use-tutorial-mask .dialog .content .text-tips section {
display: inline-block;
height: 100%;
line-height: 72px;
}
.use-tutorial-mask .dialog .content .text-tips section span:first-child {
width: 24px;
height: 24px;
display: inline-block;
text-align: center;
font-size: 1.1rem;
font-weight: 400;
line-height: 1.8;
line-height: 24px;
background: #436ef3;
border-radius: 12px;
font-size: 16px;
color: white;
margin-right: 4px;
}
.use-tutorial-mask .dialog .content .text-tips section span:last-child {
font-size: 1rem;
font-weight: 400;
line-height: 2.1;
color: rgba(18, 20, 28, 0.9);
}
.use-tutorial-mask .dialog .content .text-tips section:nth-child(1) {
margin-right: 30px;
}
.use-tutorial-mask .dialog .content .text-tips section:nth-child(2) {
margin-right: 28px;
}
.use-tutorial-mask .dialog .content .video-wrapper {
height: 404px;
background: #e5e5e5;
-webkit-box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.05),
0px 2px 4px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.05),
0px 2px 4px 0px rgba(0, 0, 0, 0.06);
border-radius: 4px;
padding-top: 22px;
background: url(data:image/png;base64,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ANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANNB7NWBAAAAAIAgf+sHKYkAmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4g9upAAAAAAECQv/WDlETAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdAAQe3UgAAAAACDI3/pBSiKmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmg9irAwEAAAAAQf7WD1ISATAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdQOzVgQAAAACAIH/rBymJgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAIPbqQAAAAABAkL/1g5RETAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAexVwcCAAAAAIL8rR+kJAJgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOoDYqwMBAAAAAEH+1g9SEgHTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAUDt1TEBAAAAwqD+rV0JPygB0QEA0QEA0QEA0QEA0QEA0QEA0QEADwP48LacFnwetwAAAABJRU5ErkJggg==)
left top/100% no-repeat;
}
.use-tutorial-mask .dialog .content .video-wrapper.video_bg_axure {
background: url(https://lhcdn.lanhuapp.com/home/img/axure_head.png) left
top/100% no-repeat;
}
.use-tutorial-mask .dialog .content .video-wrapper video {
width: 100%;
outline: 0 none !important;
}
.use-tutorial-mask .dialog .content .video-wrapper .progress-wrap {
width: 100%;
}
.use-tutorial-mask
.dialog
.content
.video-wrapper
.progress-wrap
.progress-bar {
background: #2878ff;
height: 4px;
background: -webkit-gradient(
linear,
left top,
right top,
from(#43acff),
to(#2074ff)
);
background: -webkit-linear-gradient(left, #43acff 0%, #2074ff 100%);
background: -o-linear-gradient(left, #43acff 0%, #2074ff 100%);
background: linear-gradient(90deg, #43acff 0%, #2074ff 100%);
border-radius: 0px 100px 100px 4px;
}
.use-tutorial-mask .dialog .content .nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 68px;
}
.use-tutorial-mask .dialog .content .nav a {
margin-top: 20px;
font-size: 1rem;
font-weight: 400;
line-height: 2.1;
color: #436ef3;
}
/*---- variables ----*/
/*---- Mixins ----*/
.sharingType-wrap {
padding-top: 4rem;
padding-bottom: 4rem;
}
.sharingType {
width: 50%;
margin: 0 auto;
}
.sharingType p {
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.3);
}
.sharingType img {
width: 36px;
height: 36px;
}
@media only screen and (max-width: 768px) {
.sharingType {
width: 90%;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.PictureText {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 120px 0 116px;
}
.PictureText .icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
}
.PictureText h1 {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 24px;
}
.PictureText .introduce-left {
margin-right: 124px;
}
.PictureText .introduce-right {
margin-left: 124px;
}
.PictureText .image {
width: 665px;
height: 410px;
}
.PictureText .contant {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
line-height: 34px;
color: rgba(18, 20, 28, 0.5);
}
/*---- variables ----*/
/*---- Mixins ----*/
.compare-table {
font-size: 1.1rem;
font-weight: 500;
line-height: 1.5;
margin-bottom: 120px;
color: rgba(18, 20, 28, 0.7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.compare-table ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: wrap;
}
.compare-table ul.title {
width: 235px;
}
.compare-table ul.title li {
text-align: left;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 1.6rem;
}
.compare-table ul.title li:first-child {
background: #f9f9fb;
border-radius: 12px 0 0 12px;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.compare-table ul.lanhu {
width: 352.5px;
border-radius: 8px;
}
.compare-table ul.lanhu li {
text-align: left;
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.compare-table ul.lanhu li:first-child {
background: #f9f9fb;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.compare-table ul.email {
width: 352.5px;
text-align: start;
}
.compare-table ul.email li {
padding-right: 3.2rem;
}
.compare-table ul.email li:first-child {
background: #f9f9fb;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.compare-table ul.svn {
width: 235px;
text-align: start;
}
.compare-table ul.svn li:first-child {
background: #f9f9fb;
border-radius: 0 12px 12px 0;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.compare-table ul li {
min-height: 50px;
}
.compare-table ul li img {
width: 24px;
display: block;
padding-top: 13px;
}
@media only screen and (max-width: 1024px) {
.compare-table {
margin: 0 auto;
width: 600px;
}
.compare-table .email li {
padding-left: 1.6rem;
}
.compare-table .title {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1024px) {
.compare-table {
width: 100%;
}
}
@media all and (max-width: 768px) {
.compare-table {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.compare-table ul.title,
.compare-table ul.lanhu,
.compare-table ul.email,
.compare-table ul.svn {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.compare-table ul.title li,
.compare-table ul.lanhu li,
.compare-table ul.email li,
.compare-table ul.svn li {
padding-left: 1.6rem;
}
.compare-table ul.title li:first-child,
.compare-table ul.lanhu li:first-child,
.compare-table ul.email li:first-child,
.compare-table ul.svn li:first-child {
border-radius: 8px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.video-introduction {
width: 100%;
margin: 0 auto;
position: relative;
margin-bottom: 120px;
}
.video-introduction .introduction {
width: 34%;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.video-introduction .introduction.left {
left: 0;
}
.video-introduction .introduction.right {
right: 0;
}
.video-introduction .introduction .title-img {
width: 48px;
}
.video-introduction .introduction .title-name {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
margin-top: 16px;
color: #323541;
line-height: 40px;
}
.video-introduction .introduction .desc {
margin-top: 24px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.5);
}
.video-introduction .video-wrapper-box {
width: 60%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 1.1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.04);
}
.video-introduction .video-wrapper-box.left {
float: left;
}
.video-introduction .video-wrapper-box.right {
float: right;
}
.video-introduction .video-wrapper-box .video-wrapper {
width: 100%;
height: 384px;
border-radius: 1.1rem;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.video-introduction .video-wrapper-box .video-wrapper .video-box {
width: 100%;
padding-top: 22px;
background: url(data:image/png;base64,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ANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANMBANNB7NWBAAAAAIAgf+sHKYkAmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4AmA4g9upAAAAAAECQv/WDlETAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdAAQe3UgAAAAACDI3/pBSiKmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmAwCmg9irAwEAAAAAQf7WD1ISATAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdADAdQOzVgQAAAACAIH/rBymJgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAgOkAIPbqQAAAAABAkL/1g5RETAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAcATAexVwcCAAAAAIL8rR+kJAJgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOgBgOoDYqwMBAAAAAEH+1g9SEgHTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAQDTAUDt1TEBAAAAwqD+rV0JPygB0QEA0QEA0QEA0QEA0QEA0QEA0QEADwP48LacFnwetwAAAABJRU5ErkJggg==)
left top/100% no-repeat;
}
.video-introduction .video-wrapper-box .video-wrapper .video-box.left {
float: left;
}
.video-introduction .video-wrapper-box .video-wrapper .video-box.right {
float: right;
}
.video-introduction
.video-wrapper-box
.video-wrapper
.video-box.video_bg_axure {
background: url(https://lhcdn.lanhuapp.com/home/img/axure_head.png) left
top/100% no-repeat;
}
.video-introduction .video-wrapper-box .video-wrapper .video-box video {
width: 100%;
position: absolute;
left: 0;
top: 22px;
border-radius: 0 0 4px 4px;
overflow: hidden;
z-index: 11;
}
.video-introduction
.video-wrapper-box
.video-wrapper
.video-box
.section_play_btn {
width: 2.5rem;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 111;
}
.video-introduction
.video-wrapper-box
.video-wrapper
.video-box
.section_play_btn
img {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.video-introduction .introduction {
position: relative;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
float: none;
width: 100%;
margin-bottom: 60px;
}
.video-introduction .video-wrapper-box {
float: none;
width: 100%;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.dsm-wrap {
overflow: hidden;
}
.dsm-wrap .banner .btn-wrapper .download_btn {
display: inline-block;
margin-right: 1.6rem;
}
.dsm-wrap .banner .btn-wrapper .video_btn {
display: inline-block;
}
.dsm-wrap .tips {
margin-top: 12px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjc5MDcgMC40NDYyMDdMNy41MTQ2NSAwTDExLjc1MDIgMC40NDY3NDdMMTUuMDI5MyA0LjgzODE0TDcuNTE0NjUgMTMuNTYxTDAgNC44MzgxNEwzLjI3OTA3IDAuNDQ2MjA3WiIgZmlsbD0iI0ZEQjMwMCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNTE0NjQgMTMuNTYxTDExLjk4NTMgNC44MzU0NUgxNS4wMjkzTDcuNTE0NjQgMTMuNTYxWk03LjUxNDY0IDEzLjU2MUwzLjA0Mzk3IDQuODM1NDhIMEw3LjUxNDY0IDEzLjU2MVoiIGZpbGw9IiNFQTZDMDAiLz4KPHBhdGggZD0iTTMuMDQzNyA0LjgzNTQ1SDExLjk4NTFMNy41MTQzOCAxMy41NjFMMy4wNDM3IDQuODM1NDVaIiBmaWxsPSIjRkRBRDAwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzUgMC40NDYyMDdMNy41MTQ0NSAwTDExLjk4NTEgNC44MzU0NEwxMS43NSAwLjQ0NjIwN1pNMy4yNzg4IDAuNDQ2MjQyTDcuNTE0MzggMy40NTQ5OGUtMDVMMy4wNDM3IDQuODM1NDdMMy4yNzg4IDAuNDQ2MjQyWiIgZmlsbD0iI0ZERDIzMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc1MDEgMC40NDYyODlMMTUuMDI5MiA0LjgzNTUySDExLjk4NTJMMTEuNzUwMSAwLjQ0NjI4OVpNMy4yNzkwNyAwLjQ0NjQyMUwwIDQuODM1NjVIMy4wNDM5N0wzLjI3OTA3IDAuNDQ2NDIxWiIgZmlsbD0iI0ZEQUQwMCIvPgo8cGF0aCBkPSJNNy41MTQzOCAwTDMuMDQzNyA0LjgzNTQ0SDExLjk4NTFMNy41MTQzOCAwWiIgZmlsbD0iI0ZFRUVCNyIvPgo8L3N2Zz4K)
left center no-repeat;
padding-left: 22px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: rgba(18, 20, 28, 0.3);
text-align: left;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dsm-wrap .dsm-content {
margin-top: 120px;
}
.dsm-wrap .dsm-content .feature-videos {
padding-bottom: 120px;
}
.dsm-wrap .dsm-content .feature-videos li {
padding-top: 120px;
}
.dsm-wrap .dsm-content .feature-videos li:first-child {
padding: 0px;
}
.dsm-wrap .dsm-content .feature-videos li .video-box {
margin: 0 auto;
position: relative;
}
.dsm-wrap .dsm-content .feature-videos li .video-box .video {
width: 100%;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 16px;
z-index: 2;
background: white;
overflow: hidden;
}
.dsm-wrap .dsm-content .feature-videos li .video-box .video video {
width: 100%;
}
.dsm-wrap .dsm-content .feature-videos li .video-box .video_cover_box {
position: absolute;
z-index: 100;
left: 0;
top: 0.83333rem;
}
.dsm-wrap
.dsm-content
.feature-videos
li
.video-box
.video_cover_box
.video_cover {
width: 100%;
}
.dsm-wrap
.dsm-content
.feature-videos
li
.video-box
.video_cover_box
.video_cover
img {
width: 100%;
display: block;
}
.dsm-wrap
.dsm-content
.feature-videos
li
.video-box
.video_cover_box
.section_play_btn {
width: 2.5rem;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 111;
}
.dsm-wrap
.dsm-content
.feature-videos
li
.video-box
.video_cover_box
.section_play_btn
img {
width: 100%;
}
.dsm-wrap .dsm-content .jingxuan {
margin-bottom: 120px;
}
.dsm-wrap .dsm-content .jingxuan .l-title-h2 {
margin-bottom: 72px;
}
.dsm-wrap .dsm-content .jingxuan .showPictrue-wrap {
margin: 0 auto;
}
.dsm-wrap .dsm-content .jingxuan .showPictrue-wrap .showPictrue img {
width: 100%;
height: 100%;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.04);
}
.dsm-wrap .dsm-content .dsm-detail {
margin-bottom: 120px;
}
.dsm-wrap .dsm-content .dsm-detail .l-title-h2 {
margin-bottom: 72px;
}
.dsm-wrap .dsm-content .dsm-detail .what-dsm .line {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 800px;
height: 1px;
}
.dsm-wrap .dsm-content .dsm-detail .advantage {
margin: 0 auto;
}
.dsm-wrap .help {
position: absolute;
top: 21px;
right: 46px;
}
.dsm-wrap .help a {
color: #0e1726;
font-size: 16px;
}
.dsm-wrap .product {
position: absolute;
top: 21px;
right: 138px;
font-size: 16px;
color: #0e1726;
}
.dsm-wrap .video-wrapper {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #212428;
z-index: 100000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dsm-wrap .video-wrapper .close-icon {
position: absolute;
top: 30px;
right: 30px;
z-index: 100001;
width: 30px;
height: 30px;
}
.dsm-wrap .video-wrapper .close-icon:hover {
cursor: pointer;
}
.dsm-wrap .video-wrapper video {
position: relative;
height: 100%;
}
@media only screen and (max-width: 1024px) {
.tips {
margin: 0 auto;
}
}
.mu-menu .line {
background: white;
}
/*---- variables ----*/
/*---- Mixins ----*/
.dsm-feature-icon {
max-width: 1280px;
margin: 0 auto;
padding: 40px 60px;
}
.dsm-feature-icon .feature {
height: 71px;
}
.dsm-feature-icon .feature img {
margin: 0 auto;
width: 36px;
height: 36px;
}
.dsm-feature-icon .feature p {
margin-top: 0.8rem;
font-size: 1.2rem;
font-weight: 500;
line-height: 2.1;
text-align: center;
color: rgba(18, 20, 28, 0.7);
}
.dsm-feature-icon .feature:last-child {
margin-right: 0;
}
@media only screen and (max-width: 1024px) {
.dsm-feature-icon {
padding: 40px 30px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.case-page {
overflow: hidden;
}
.case-page .home-header-wrapper {
position: relative;
min-height: 600px;
margin-bottom: 60px;
margin-top: 0 !important;
}
.case-page .home-header-wrapper .wave_bg {
position: absolute;
bottom: 170px;
width: 2560px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.case-page .package-wrap {
padding-top: 118px;
}
.case-page .package-wrap .scroll_logo {
width: 1374px;
margin: 0 auto 97px;
text-align: center;
}
.case-page .package-wrap .scroll_logo .title {
color: #12141c;
display: inline-block;
margin-right: 10px;
text-align: left;
}
.case-page .package-wrap .scroll_logo .title h3 {
font-size: 54px;
font-weight: 800;
line-height: 87px;
}
.case-page .package-wrap .scroll_logo .title span {
font-size: 20px;
line-height: 37px;
}
.case-page .package-wrap .scroll_logo .logo {
vertical-align: middle;
display: inline-block;
}
.case-page .package-wrap .package-title {
font-weight: 600;
color: #12141c;
line-height: 63px;
text-align: center;
font-size: 45px;
}
.case-page .package-wrap .company-data-title {
font-weight: 600;
color: #12141c;
line-height: 63px;
text-align: center;
font-size: 45px;
padding-top: 130px;
}
.case-page .package-wrap .industry-wrap {
padding: 48px 0 50px;
text-align: center;
}
.case-page .package-wrap .industry-wrap span {
font-size: 16px;
font-weight: bold;
color: #a2a3ac;
padding: 0 20px;
cursor: pointer;
}
.case-page .package-wrap .industry-wrap .industry-select {
color: #446ef3;
}
.case-page .package-wrap .card-wrap {
width: 1200px;
text-align: left;
margin: 10px auto;
}
.case-page .package-wrap .card-wrap .card {
width: 376px;
height: 318px;
border-radius: 17px;
position: relative;
bottom: 0;
border: 1px solid #ebecf1;
display: inline-block;
margin: 0 12px 42px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.case-page .package-wrap .card-wrap .card:hover {
bottom: 10px;
-webkit-box-shadow: 0px 8px 30px 0px rgba(0, 4, 60, 0.05);
box-shadow: 0px 8px 30px 0px rgba(0, 4, 60, 0.05);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.case-page .package-wrap .card-wrap .card:hover .card-bg {
background-size: 120%;
background-position: center;
border-radius: 16px 16px 0 0;
-webkit-transition: background-size 0.3s;
-o-transition: background-size 0.3s;
transition: background-size 0.3s;
}
.case-page .package-wrap .card-wrap .card .card-bg {
width: 100%;
height: 220px;
position: absolute;
background-size: 100%;
background-repeat: no-repeat;
top: 0;
}
.case-page .package-wrap .card-wrap .card .card-bg .card-img {
width: 180px;
margin: 80px auto;
}
.case-page .package-wrap .card-wrap .card .card-content {
position: absolute;
width: 100%;
height: 98px;
bottom: 0;
padding: 24px 30px;
text-align: left;
}
.case-page .package-wrap .card-wrap .card .card-content .card-title {
font-weight: 800;
color: #12141c;
line-height: 25px;
font-size: 18px;
}
.case-page .package-wrap .card-wrap .card .card-content .card-desc {
font-size: 14px;
color: #12141c;
opacity: 0.6;
line-height: 20px;
margin-top: 5px;
}
.case-page .package-wrap .company-fold {
width: 100%;
text-align: center;
font-size: 20px;
}
.case-page .package-wrap .company-fold .fold-btn {
width: 198px;
height: 54px;
border-radius: 8px;
border: 1px solid #2f5ce6;
padding-left: 56px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #2f5ce6;
cursor: pointer;
opacity: 90%;
}
.case-page .package-wrap .company-fold .fold-btn img {
padding: 2px 0 0 2px;
width: 24px;
height: 24px;
}
.case-page .package-wrap .company-fold .fold-btn span {
color: #2f5ce6;
font-weight: bold;
}
.case-page .package-wrap .company-fold :hover,
.case-page .package-wrap .company-fold :active {
opacity: 100%;
}
.case-page .package-wrap .company-data {
width: 1170px;
margin: 0 auto;
}
.case-page .package-wrap .company-data .left-data {
width: 360px;
position: relative;
display: inline-block;
margin-top: 45px;
}
.case-page .package-wrap .company-data .left-data .part {
margin-top: 75px;
}
.case-page .package-wrap .company-data .left-data .part .icon {
width: 56px;
position: absolute;
}
.case-page .package-wrap .company-data .left-data .part .content {
margin-left: 73px;
}
.case-page .package-wrap .company-data .left-data .part .content .title {
font-size: 24px;
font-weight: 800;
color: #323541;
line-height: 30px;
}
.case-page .package-wrap .company-data .left-data .part .content .desc {
padding-top: 8px;
font-size: 16px;
font-weight: 800;
color: #12141c;
line-height: 25px;
opacity: 0.5;
}
.case-page .package-wrap .company-data .right-data {
position: relative;
width: 810px;
float: right;
padding-left: 40px;
}
.case-page .package-wrap .company-data .right-data .part {
display: inline-block;
margin: 90px 0 0 79px;
}
.case-page .package-wrap .company-data .right-data .part .image {
height: 72px;
display: inline-block;
}
.case-page .package-wrap .company-data .right-data .part .nuit {
font-size: 13px;
font-weight: 800;
color: #2b2d36;
opacity: 0.8;
line-height: 20px;
}
.case-page .package-wrap .company-data .right-data .part .desc {
padding-left: 5px;
font-size: 18px;
font-weight: 800;
color: #12141c;
opacity: 0.5;
line-height: 25px;
}
.case-page .package-wrap .company-data .right-data .computing-method {
font-size: 12px;
color: #b4b5c0;
padding: 30px 0 0 85px;
line-height: 20px;
}
.case-page .package-wrap .contact_us {
width: 56px;
height: 160px;
z-index: 100;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 0px 6px 20px 0px rgba(0, 4, 60, 0.1);
box-shadow: 0px 6px 20px 0px rgba(0, 4, 60, 0.1);
border-radius: 8px;
border: 1px solid #e1e6f5;
font-size: 14px;
cursor: pointer;
padding: 52px 19px 20px;
background: #fff;
}
.case-page .package-wrap .contact_us .contact_icon {
position: absolute;
width: 24px;
height: 24px;
top: 20px;
}
.case-page .package-wrap .contact_us a {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: inline-block;
color: #12141c;
width: 100%;
text-align: center;
height: 88px;
font-size: 16px;
line-height: 22px;
}
.case-page .package-wrap .bg {
position: fixed;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 989;
width: 220px;
height: 160px;
display: none;
}
.case-page .package-wrap .bg:hover {
display: block;
cursor: pointer;
}
.case-page .package-wrap .listing {
width: 162px;
height: 160px;
font-size: 16px;
background: #ffffff;
-webkit-box-shadow: 0px 6px 20px 0px rgba(0, 4, 60, 0.1);
box-shadow: 0px 6px 20px 0px rgba(0, 4, 60, 0.1);
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
position: fixed;
z-index: 999;
right: 80px;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 8px 1px;
display: none;
}
.case-page .package-wrap .listing:hover {
display: block;
cursor: pointer;
}
.case-page .package-wrap .listing div {
width: 160px;
height: 48px;
line-height: 48px;
margin: auto;
padding-left: 16px;
}
.case-page .package-wrap .listing div:hover {
cursor: pointer;
color: #446ff4;
background: rgba(73, 114, 241, 0.08);
}
.case-page .package-wrap .contact_us:hover + .bg {
display: block;
cursor: pointer;
}
.case-page .package-wrap .bg:hover + .listing {
display: block;
cursor: pointer;
}
.case-page .swiper {
background: #f9fafc;
margin-top: 120px;
}
.case-page .swiper .swiper-container {
width: 976px;
margin: auto;
}
.case-page .swiper .swiper-container .swiper-slide {
width: 748px !important;
margin: 64px 114px 0;
display: block;
text-align: left;
background: none;
}
.case-page .swiper .swiper-container .swiper-slide .logo {
width: auto;
height: 40px;
margin-bottom: 16px;
}
.case-page .swiper .swiper-container .swiper-slide .yinhao {
position: absolute;
width: 160px;
height: 160px;
right: 0;
top: 0;
}
.case-page .swiper .swiper-container .swiper-slide p {
font-size: 24px;
font-weight: 600;
color: #12141c;
line-height: 50px;
margin-bottom: 24px;
min-height: 200px;
}
.case-page .swiper .swiper-container .swiper-slide .line {
width: 88px;
height: 3px;
margin-bottom: 24px;
}
.case-page .swiper .swiper-container .swiper-slide .head-icon {
width: 40px;
height: 40px;
display: inline;
vertical-align: middle;
margin-right: 16px;
}
.case-page .swiper .swiper-container .swiper-slide .name {
margin-right: 8px;
font-size: 18px;
font-weight: 800;
color: #12141c;
line-height: 25px;
}
.case-page .swiper .swiper-container .swiper-slide .content {
font-size: 14px;
font-weight: 800;
color: #12141c;
line-height: 20px;
opacity: 0.5;
}
.case-page .swiper .swiper-container .swiper-button-prev {
width: 60px;
height: 60px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background-image: url(data:image/png;base64,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);
background-size: 100%;
}
.case-page .swiper .swiper-container .swiper-button-prev:hover {
background-image: url(data:image/png;base64,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);
}
.case-page .swiper .swiper-container .swiper-button-next {
width: 60px;
height: 60px;
background-image: url(data:image/png;base64,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);
background-size: 100%;
}
.case-page .swiper .swiper-container .swiper-button-next:hover {
background-image: url(data:image/png;base64,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);
}
.case-page #udesk_container {
display: none !important;
}
@media all and (max-width: 768px) {
.case-page .package-wrap .home-header-wrapper {
margin-bottom: 50px;
}
.case-page .package-wrap .home-header-wrapper .scroll_logo {
width: 100%;
text-align: center;
margin-bottom: 37px;
position: absolute;
}
.case-page .package-wrap .home-header-wrapper .scroll_logo .title h3 {
font-size: 43px;
line-height: 61px;
text-align: left;
}
.case-page .package-wrap .home-header-wrapper .scroll_logo .title span {
font-size: 16px;
line-height: 22px;
text-align: left;
opacity: 0.5;
display: block;
margin-top: 7px;
margin-bottom: 33px;
}
.case-page .package-wrap .package-title {
font-size: 28px;
font-weight: 600;
color: #292c33;
line-height: 40px;
width: 315px;
margin: 0 auto;
}
.case-page .package-wrap .company-data-title {
font-size: 28px;
font-weight: 600;
color: #292c33;
line-height: 40px;
width: 315px;
margin: 0 auto;
padding-top: 56px;
}
.case-page .package-wrap .industry-wrap {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 84px;
padding: 32px 20px;
overflow: scroll;
white-space: nowrap;
}
.case-page .package-wrap .industry-wrap span {
font-size: 14px;
padding: 0 16px;
}
.case-page .package-wrap .industry-wrap::-webkit-scrollbar {
display: none;
}
.case-page .package-wrap .card-wrap {
width: 100%;
text-align: center;
margin: 0 auto 10px;
}
.case-page .package-wrap .card-wrap .card {
width: 315px;
height: 322px;
margin-bottom: 30px;
}
.case-page .package-wrap .card-wrap .card .card-bg {
background-size: cover;
background-position: center;
border-radius: 16px 16px 0 0;
}
.case-page .package-wrap .company-fold {
font-size: 14px;
}
.case-page .package-wrap .company-fold .fold-btn {
width: 140px;
height: 40px;
padding-left: 39px;
}
.case-page .package-wrap .company-data {
width: 100%;
text-align: center;
}
.case-page .package-wrap .company-data .left-data {
margin: 0;
}
.case-page .package-wrap .company-data .left-data .part {
margin-top: 40px;
text-align: center;
}
.case-page .package-wrap .company-data .left-data .part img {
display: block;
width: 48px !important;
}
.case-page .package-wrap .company-data .left-data .part .icon {
position: inherit;
margin: auto;
margin-bottom: 10px;
}
.case-page .package-wrap .company-data .left-data .part .content {
margin-left: 0;
}
.case-page .package-wrap .company-data .left-data .part .content .title {
font-size: 18px;
line-height: 20px;
}
.case-page .package-wrap .company-data .left-data .part .content .desc {
margin-top: 8px;
font-size: 14px;
line-height: 16px;
}
.case-page .package-wrap .company-data .right-data {
width: 350px;
text-align: left;
margin: 16px auto 40px;
padding: 0;
float: none;
}
.case-page .package-wrap .company-data .right-data .part {
margin: 40px 0 0 32px;
text-align: left;
vertical-align: text-top;
}
.case-page .package-wrap .company-data .right-data .part img {
height: 50px !important;
}
.case-page .package-wrap .company-data .right-data .part p {
font-size: 14px;
line-height: 16px;
}
.case-page .package-wrap .company-data .right-data .part .desc {
width: 140px;
text-align: left;
font-size: 14px;
line-height: 16px;
padding: 8px 0 0 0;
}
.case-page .package-wrap .company-data .right-data .computing-method {
width: 340px;
text-align: left;
padding: 24px 0 0 30px;
}
.case-page .package-wrap .contact_us {
display: none;
}
#udesk_container {
display: none !important;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-download-banner {
background: #0b0c3b;
margin-top: 0;
position: relative;
}
.l-download-banner .bj {
position: absolute;
height: 100%;
right: 0;
top: 0;
}
.l-download-banner .title {
line-height: 90px;
margin-bottom: 60px;
}
.l-download-banner .core-user-logo .user-logo img {
width: 174px;
}
.l-download-banner .l-normal:hover {
-webkit-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
transform: translateY(0) !important;
}
@media all and (max-width: 768px) {
.l-download-banner .title {
width: 308px;
height: 94px;
font-size: 25px !important;
font-weight: 500;
color: #ffffff;
line-height: 47px;
margin: 0 auto 56px;
}
.l-download-banner .core-user-logo {
height: 110px;
margin-bottom: 37px;
}
.l-download-banner .core-user-logo .user-logo img {
width: 100%;
height: 100%;
}
}
.swiper-container {
background: #f9fafc;
margin-bottom: 0;
height: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
background: #f9fafc;
display: block;
padding: 30px;
height: 100%;
margin: auto;
}
.swiper-container .swiper-wrapper .swiper-slide .logo {
width: 140px;
height: 48px;
margin-bottom: 18px;
}
.swiper-container .swiper-wrapper .swiper-slide .yinhao {
width: 132px;
height: 113px;
position: absolute;
right: 0;
top: 0;
}
.swiper-container .swiper-wrapper .swiper-slide p {
text-align: left;
font-size: 15px;
font-weight: 500;
color: #12141c;
line-height: 28px;
}
.swiper-container .swiper-wrapper .swiper-slide .line {
width: 88px;
height: 3px;
margin: 24px 0;
}
.swiper-container .swiper-wrapper .swiper-slide .person {
text-align: left;
margin-bottom: 50px;
}
.swiper-container .swiper-wrapper .swiper-slide .person .head-icon {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
}
.swiper-container .swiper-wrapper .swiper-slide .person .name {
font-size: 18px;
font-weight: 800;
color: #12141c;
line-height: 25px;
}
.swiper-container .swiper-wrapper .swiper-slide .person .content {
font-size: 14px;
font-weight: 800;
color: #12141c;
line-height: 20px;
opacity: 0.5;
}
/*---- variables ----*/
/*---- Mixins ----*/
#numbers-wrap {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: Roboto Mono;
font-size: 95px;
color: #12141c;
}
#numbers-wrap .single-wrap {
display: inline-block;
height: 126px;
overflow: hidden;
}
#numbers-wrap .single-wrap .not-num {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 50px;
}
#numbers-wrap .single-wrap .rolling0 {
-webkit-animation: rolling 1s ease;
animation: rolling 1s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#numbers-wrap .single-wrap .rolling1 {
-webkit-animation: rolling 1.1s ease;
animation: rolling 1.1s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#numbers-wrap .single-wrap .rolling2 {
-webkit-animation: rolling 1.2s ease;
animation: rolling 1.2s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#numbers-wrap .single-wrap .rolling3 {
-webkit-animation: rolling 1.3s ease;
animation: rolling 1.3s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#numbers-wrap .single-wrap .rolling4 {
-webkit-animation: rolling 1.4s ease;
animation: rolling 1.4s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#numbers-wrap .single-wrap .rolling5 {
-webkit-animation: rolling 1.5s ease;
animation: rolling 1.5s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#numbers-wrap .single-wrap .rolling6 {
-webkit-animation: rolling 1.6s ease;
animation: rolling 1.6s ease;
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
@-webkit-keyframes rolling {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-630px);
transform: translateY(-630px);
}
}
@keyframes rolling {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-630px);
transform: translateY(-630px);
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.article {
font-family: PingFang-SC-Medium, PingFang-SC !important;
overflow: hidden;
}
.article .package-wrap {
width: 800px;
margin: 0 auto;
padding-top: 158px;
letter-spacing: 0.8px;
}
.article .package-wrap .package-title {
text-align: left;
font-weight: 600;
color: #12141c;
line-height: 63px;
font-size: 45px;
margin-bottom: 64px;
}
.article .package-wrap .comment {
width: 800px;
height: 248px;
padding: 54px 40px 78px;
margin: 0 auto;
background: #ffffff;
-webkit-box-shadow: -9px 22px 39px 0px #f1f3f8;
box-shadow: -9px 22px 39px 0px #f1f3f8;
border-radius: 24px;
border: 1px solid #f2f2f2;
margin-bottom: 40px;
position: relative;
}
.article .package-wrap .comment p {
font-size: 18px;
color: #12141c;
line-height: 30px;
}
.article .package-wrap .comment .people {
margin-top: 24px;
position: absolute;
bottom: 28px;
right: 40px;
}
.article .package-wrap .comment .people .head-icon {
width: 32px;
height: 32px;
display: inline;
vertical-align: middle;
margin-right: 8px;
}
.article .package-wrap .comment .people .name {
font-size: 14px;
color: #12141c;
line-height: 30px;
opacity: 0.5;
}
.article .package-wrap .comment .phone_people {
width: 80%;
position: absolute;
bottom: 20px;
text-align: right;
right: 10%;
}
.article .package-wrap .comment .phone_people .post {
font-size: 12px;
color: #12141c;
opacity: 0.5;
display: inline-block;
line-height: 18px;
text-align: left;
vertical-align: middle;
}
.article .package-wrap .comment .phone_people .post .s-name {
font-size: 14px;
}
.article .package-wrap .describe p {
font-size: 18px;
color: #12141c;
line-height: 30px;
opacity: 0.8;
margin-bottom: 24px;
}
.article .package-wrap .section .name {
font-size: 24px;
font-weight: 800;
color: #12141c;
line-height: 33px;
margin: 40px 0 24px;
}
.article .package-wrap .section .s-name {
font-size: 20px;
font-weight: 700;
color: #12141c;
line-height: 33px;
margin: 40px 0 24px;
}
.article .package-wrap .section p {
font-size: 18px;
color: #12141c;
line-height: 30px;
opacity: 0.8;
margin-bottom: 24px;
}
.article .package-wrap .section img {
width: 100%;
margin-bottom: 24px;
}
.article .package-wrap .section .img_bg {
padding: 5% 7%;
background: RGBA(247, 247, 250, 1);
border-radius: 20px;
margin-bottom: 24px;
}
.article .package-wrap .section .img_bg img {
margin-bottom: 0 !important;
-webkit-box-shadow: 0px 2px 20px 0px rgba(167, 167, 167, 0.2);
box-shadow: 0px 2px 20px 0px rgba(167, 167, 167, 0.2);
border-radius: 20px;
}
.article .package-wrap .section .sub-content {
padding-left: 20px;
}
.article .package-wrap .section .sub-content:before {
content: "\B7 ";
color: #373ae2;
font-size: 22px;
font-weight: 600;
}
@media all and (max-width: 768px) {
.article .package-wrap {
width: 100% !important;
padding-top: 123px !important;
}
.article .package-wrap .package-title {
width: 315px;
height: 75px;
font-size: 24px !important;
color: #292c33 !important;
line-height: 33px !important;
margin: auto;
margin-bottom: 40px !important;
}
.article .package-wrap .comment {
width: 86% !important;
height: 100% !important;
margin: 0 auto 40px !important;
padding: 30px 30px 38px 30px !important;
}
.article .package-wrap .comment p {
font-size: 15px !important;
line-height: 28px !important;
margin-bottom: 30px;
}
.article .package-wrap .describe p {
width: 100%;
padding: 0 30px;
font-size: 15px !important;
line-height: 28px !important;
margin: auto;
margin-bottom: 24px;
}
.article .package-wrap .section {
padding: 0 30px;
}
.article .package-wrap .section .name {
font-size: 20px !important;
line-height: 28px !important;
}
.article .package-wrap .section div .desc {
font-size: 15px;
line-height: 28px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.public .more_case {
text-align: center;
}
.public .more_case .more_case_btn {
width: 198px;
height: 54px;
border-radius: 8px;
border: 1px solid #2f5ce6;
margin: 56px auto 96px;
padding-left: 56px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
opacity: 90%;
}
.public .more_case .more_case_btn img {
padding: 2px 0 0 2px;
width: 24px;
height: 24px;
}
.public .more_case .more_case_btn span {
color: #2f5ce6;
font-weight: bold;
font-size: 20px;
}
.public .more_case :hover,
.public .more_case :active {
opacity: 100%;
}
.public .share {
position: fixed;
display: -webkit-box;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 110px;
z-index: 999;
}
.public .share .wx_share {
z-index: 999;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
}
.public .share .wx_share .wx_icon {
background: #fff;
background-image: url(data:image/png;base64,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);
-webkit-box-shadow: 0px 2px 20px 0px rgba(167, 167, 167, 0.2);
box-shadow: 0px 2px 20px 0px rgba(167, 167, 167, 0.2);
border: 1px solid rgba(0, 0, 0, 0.08);
width: 48px;
height: 48px;
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
right: 16px;
bottom: 75px;
border-radius: 50%;
}
.public .share .wx_share .wx_icon:hover {
cursor: pointer;
background-image: url(data:image/png;base64,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);
}
.public .share .wx_share .wx_erweima {
opacity: 0;
position: fixed;
right: 72px;
bottom: 75px;
width: 121px;
height: 150px;
padding: 10px;
background: #ffffff;
-webkit-box-shadow: 0px 6px 12px 0px #f1f3f8;
box-shadow: 0px 6px 12px 0px #f1f3f8;
border-radius: 8px;
border: 1px solid #f2f2f2;
}
.public .share .wx_share .wx_erweima img {
width: 100px;
}
.public .share .wx_share .wx_erweima span {
text-align: center;
position: absolute;
bottom: 10px;
width: 101px;
font-size: 14px;
font-weight: 500;
color: #12141c;
opacity: 0.8;
line-height: 20px;
}
.public .share .wx_share .wx_icon:hover + .wx_erweima {
opacity: 1;
}
.public .share .qq_share {
z-index: 999;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
}
.public .share .qq_share .qq_icon {
background: #fff;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADYklEQVR4Xu2aB4sUQRCFvzMr5qygYsCsIIgRERHFX6yIoJwJBTOYA6ioGDFjVh70wO5y685Ov55dmC5Y7tjrfl39pmq66vWN0HAbafj+yQTkCGg4AzkFGh4A+SWYUyCnQMMZyCkwgACYDswBpgBTgb/At/B5B3yp06e6IkDrLANWALN7bFAkPAGe1kFEHQToKW8D5vW5odfAtRAZfU4tPzw1ATOAvcDE8i61jfwOnAW+Vpzfc1pKAiYD+0Ke93TkPwM+BxJ+xoB0m5uSgJ3AQpPTz4ArJqw2mFQEKN/3mB0+DXwwYybrBZT3c83OvgIumjGTEDANOOh2NOAdB344sVOkwCpgk9PJFqzroUawwacgYDcw3+ZhO9AL4JITOwUBhwEdgSlMZfJJJ7CbABU8R5wOdmCpbzgK/HGt4SZAdb6Kn5R2ClBxZDE3Acp9vQNS2hngvWsBNwGLgB0u57rgnAfeutZwE7AE2O5yrguOiiEVRRZzE7A19PwW57qAPARuuRZwEjABOAToZ0pTJXjCdRI4CZDaowiow9QZqkOMNicBOv56yV3RDgcAvQT1Mow2FwEzgf3R3vQHoIowWkB1EbARWN2f/9Gj7wL3YlEcBAhD7a/EzzpN1aCqwihzEJBC/Sm7qWiVyEGAen9pAIOw+8CdmIUdBBwAdNszCFNPoN6gssUSoL5f/f8g7Rjwq6oDsQRI9pb8XZi0+6qXIGX30LlGVHMUS0Cr/qcGRefyyrI7qTjuQVCcC9X5BvC4Ila0KrwBWBOU2lFA3eDmqs6UnHcV0AWqCi/1HXoJ6mVYyWIjYH0g4ALwJlx5qyFKZZLEJI0rDQrt4TagqKhksQTMCgJoa3/uvBLr3NRz4HLLl4tD2n2qtHuIToGx1tWNsMIzltxObAmhqvysN8VuJwun1wFrqz6VLvMkgkgMsVoqAuSkUx16BNy07jyApSJgPLAU2ALo9xhTkaOjTrdCtvuAwqEUBCwHdDxOitn1GHP13yKKAosSlIqABcAu88Y74c6FOsCyjDsCxgE6mnQSKAIKgVTr6AxXCP8OtbtCW09VfyvGarxSRjjFHM3THImhH4GXzlRwE2B5KnWCZALqZHsY18oRMIxPpU6fcgTUyfYwrpUjYBifSp0+5Qiok+1hXKvxEfAPPJl5QWKvVxAAAAAASUVORK5CYII=);
-webkit-box-shadow: 0px 2px 20px 0px rgba(167, 167, 167, 0.2);
box-shadow: 0px 2px 20px 0px rgba(167, 167, 167, 0.2);
border: 1px solid rgba(0, 0, 0, 0.08);
width: 48px;
height: 48px;
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
right: 16px;
bottom: 15px;
border-radius: 50%;
}
.public .share .qq_share .qq_icon:hover {
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFIElEQVR4Xu2Zb2hbZRTGz3lv2rXNrbV1bIpOEYS5gojD+We6iTZp51BxoKKI4MZk+KU37YpziBpUVnVzzS34Byb4YeAfxDHUbV1zq0yrwiY4RSw60H0oc7BKV3PTuvbmfSRz1bbLmvTek2Jp+vk8z/m9T86bm57LNM//eJ6fn0oBlCZgnidQugLzfABKX4KlK1C6AvM8gdIVmO0BWGP9tdQj72YmvgKklxCRBnO/IurXHPqqp6Pi19lkmpUJiMehvh4cXq+hN4LolgsfkEGEXqV4VzJh7p6NIIoeQGPr8BLtZXaD6I6ZHIiJu8oX0Pr9282TM9HNtLaoAURiZ5YRRnsBqpsp2D/1fNIoN1Z276j8zZ8+v6poAdy7GQtHxtKHQbg6P8Y0l4KpjyrMW51XeCiIz4W0RQsgYrmfALhHApqZ33Vs81EJr6keRQmgqWVklZfxvpADZihFy5MJ86ic57lLJm2Y9WuwUocItFrSm5n3ObYpMlETucQnYO3mkavOjHnHJQ9/9uuQOINweHFPO/8h6S0eQLTZtTQhIQk57sXEG5xO8x1Jb/EAGiy3m4CoJOS/ATB95NjVD0h6ywfQ7P5OhEslIf+bAPrF6axeKuktGkBkC2ow4p6WBJzkxezV1YbDH8Z5VKqHaADRlvSNOqOPSMHl8injsmu77IqfpXqIBtDUmrrT8+gzKbhcPspQK5Id4W+leogG0BhL353Rer8UXC4fptAqp7OyV6qHaADR5uF1mjJ7pOByTwA3JTvMbqkeogFErNQbAD0pBZdzApi3O7b5lFQPsQAa2xDWo+4JEF0kBZfTh2mgrta8XOpJIBZANJbeqLXeVdTDnzM3iB7p7qx+X6KXWAARyz0MYIUEVH4P/ryn07wrf13+CpEAIi3udcjgh/ztpCoYZISukVigigTQYLkvE7BF6niF+DCrZx07/FIhtdPVBA4AAEdj6eMArgwKMxM9M/U5dnX9TDS5f1cEdJDf/hQOxCG13NkZ/q5wxfmVgScgYrk7AbQEgfCrVYpeTCaqn/Orz+oEAkj9BNCyIBB+tcx8xLHNm/zqAweQXX0Pj7mnggAE0WbXZKo8XNO9g9N+fQJNQEOLu4YyODCh+SAR1fqFKVA3qUfICK0+2FH5ZYHa88oCBTBp/8d8QBEd00CzX5hCdIq4XTNuG986K6WeSCbCbxeiFX8KRJvdbZqwlYlOGUpd74HWEfTrfmEK0Snmxww2ej3tHQVRjWL1TNIObytEKx9ALPWC1vy0MoxosqPyUFMsfVkG6Aeg/AJNp2PmUZPDi/cm+HR296CBTxm0Ndlpvuq3X6ArEGlN30AZLHJs8+A4QMRy9wFY6xcoTwAfOLb58HhN1ErfBw4dcxIL+vz2CxRArqbZN8LQY98TocwvVE4d80gZG/VdiUrRly7iAWThI83p50E6LhkAM7c6ttkh6Rn4d8B0MA1W6i0CbRIBZn6txzbbRLymmBRlAh6Po6J/MP0Qgd4EoSoIOBP9qYg21dSZe6S2QBN5xAOIxNIbCGgHsCjIwadqmfgEK2pLJsz3ZH0F3RotN5oBxDa2OdGUsbInUfWNFLboBDwYR/ngkHs/geoJ6hIQzOzuBnz2ny6PgVEoHmEgRcxDTDQAnX3zTQsJqIFik4EqEGefICEGgZg8ArvMNADmH2+/uPLjeJy9/2UAUlCz6SM6AbMJLtWrFIBUknPVpzQBc/WTk+IuTYBUknPVpzQBc/WTk+IuTYBUknPV529kMrBQWYih5QAAAABJRU5ErkJggg==);
}
.public .share .qq_share .qq_icon:hover + .qq_erweima {
opacity: 1;
}
.public .share .qq_share .qq_erweima {
opacity: 0;
position: fixed;
right: 72px;
bottom: 15px;
width: 121px;
height: 150px;
padding: 10px;
background: #ffffff;
-webkit-box-shadow: 0px 6px 12px 0px #f1f3f8;
box-shadow: 0px 6px 12px 0px #f1f3f8;
border-radius: 8px;
border: 1px solid #f2f2f2;
}
.public .share .qq_share .qq_erweima img {
width: 100px;
}
.public .share .qq_share .qq_erweima span {
text-align: center;
position: absolute;
bottom: 10px;
width: 101px;
font-size: 14px;
font-weight: 500;
color: #12141c;
opacity: 0.8;
line-height: 20px;
}
@media all and (max-width: 768px) {
.public .more_case .more_case_btn {
width: 140px;
height: 40px;
padding-left: 39px;
margin: 56px 0;
}
.public .more_case .more_case_btn span {
font-size: 14px;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
#page_error {
overflow: hidden;
}
#page_error .header-wrapper {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#ffffff),
to(#f9fbff)
);
background: -webkit-linear-gradient(top, #ffffff 0%, #f9fbff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f9fbff 100%);
background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
position: relative;
height: 800px;
text-align: center;
}
#page_error .wave_bg {
width: 2560px;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
bottom: 0;
}
#page_error .error-img {
width: 404px;
display: block;
margin: 0 auto;
}
#page_error p {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8;
margin-top: 36px;
color: rgba(18, 20, 28, 0.5);
}
#page_error .back-btn {
margin: 0 auto;
margin-top: 36px;
}
#page_error .wave_bg {
width: 100%;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: absolute;
bottom: 0;
}
#edu {
overflow: hidden;
}
#edu .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
opacity: 0.1;
}
#edu .swiper-pagination .swiper-pagination-bullet-active {
width: 20px;
height: 8px;
background: #2878ff;
border-radius: 5px;
opacity: 1;
}
#edu .edu-content {
padding-top: 72px;
background-color: #f9f9fb;
}
#edu .edu-content .edu-title {
margin-top: 125px;
text-align: center;
font-size: 45px;
line-height: 64px;
font-weight: 500;
margin-bottom: 129px;
}
#edu .edu-content .edu-list {
/*width: 100%;*/
margin-left: -85px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 1160px;
margin: 0 auto;
}
#edu .edu-content .edu-list .edu-item {
width: 331px;
height: 150px;
margin-bottom: 78px;
margin-right: 81px;
/*width: 28.44828%;*/
/*width: calc((100% - 255px) / 3);*/
/*max-width: 330px;*/
/*height: 12.93103%;*/
/*max-height: 150px;*/
/*border-radius: 4px;*/
/*overflow: hidden;*/
/*background-color: #fff;*/
/*margin-left: 85px;*/
/*float: left;*/
}
#edu .edu-content .edu-list .edu-item:nth-child(3n) {
margin-right: 0px;
}
#edu .edu-content .edu-list .edu-item .item-wrapper {
border-radius: 4px;
background-color: #fff;
width: 100%;
height: 100%;
position: relative;
cursor: pointer;
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
border: 1px solid #ededed;
overflow: hidden;
}
#edu .edu-content .edu-list .edu-item .item-wrapper .item-logo {
width: 238px;
height: 70px;
display: block;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#edu .edu-content .edu-list .edu-item .item-wrapper:hover {
-webkit-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.2);
box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.2);
border: 0;
}
#edu .edu-content .edu-list .edu-item .item-wrapper:hover .item-logo {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#edu .edu-content .student-list {
width: 1160px;
padding-top: 50px;
background-color: #f9f9fb;
margin: 0 auto;
}
#edu .edu-content .student-list .title {
text-align: center;
font-size: 45px;
line-height: 64px;
font-weight: 500;
margin-bottom: 130px;
}
#edu .edu-content .student-list .swiper-container {
height: 400px;
}
#edu .edu-content .student-list .swiper-container .swiper-wrapper .swiper-ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#edu
.edu-content
.student-list
.swiper-container
.swiper-wrapper
.swiper-ul
li {
width: 200px;
height: 323px;
text-align: center;
}
#edu
.edu-content
.student-list
.swiper-container
.swiper-wrapper
.swiper-ul
li
img {
width: 100%;
}
#edu
.edu-content
.student-list
.swiper-container
.swiper-wrapper
.swiper-ul
li
.student-name {
margin-top: 16px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: black;
line-height: 30px;
}
#edu
.edu-content
.student-list
.swiper-container
.swiper-wrapper
.swiper-ul
li
.student-desc {
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #6d6d6d;
line-height: 30px;
}
#edu
.edu-content
.student-list
.swiper-container
.swiper-wrapper
.swiper-ul
li
.student-desc
span:last-child {
margin-left: 4px;
}
#edu .edu-content .contact-box {
padding-bottom: 122px;
width: 1160px;
margin: 0 auto;
margin-top: 150px;
}
#edu .edu-content .contact-wrapper {
width: 100%;
height: 320px;
margin-top: 41px;
background-color: #2878ff;
border-radius: 10px;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0px 10px 20px 0px rgba(1, 61, 162, 0.28);
box-shadow: 0px 10px 20px 0px rgba(1, 61, 162, 0.28);
}
#edu .edu-content .contact-wrapper .huhu {
position: absolute;
bottom: 0;
right: 7px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
#edu .edu-content .contact-wrapper p {
color: #ffffff;
letter-spacing: 1px;
line-height: 64px;
font-weight: 500;
font-family: PingFangSC-Medium, PingFang SC;
padding-left: 118px;
}
#edu .edu-content .contact-wrapper .contact-title {
font-size: 20px;
margin-top: 58px;
}
#edu .edu-content .contact-wrapper .contact-desc {
font-size: 38px;
margin-bottom: 26px;
}
#edu .edu-content .contact-wrapper .contact-btn {
position: relative;
z-index: 1;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
margin-left: 118px;
display: block;
width: 150px;
height: 40px;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
font-size: 16px;
color: #2878ff;
line-height: 40px;
text-align: center;
cursor: pointer;
}
#edu .xsf-modal-box {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 99999;
}
#edu .xsf-modal {
width: 732px;
height: 494px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 100000;
}
#edu .xsf-modal .modal-title {
background-color: #2878ff;
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: 500;
letter-spacing: 1px;
line-height: 100px;
position: relative;
}
#edu .xsf-modal .modal-title .close {
position: absolute;
right: 40px;
top: 41px;
cursor: pointer;
}
#edu .xsf-modal .modal-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 394px;
background-color: #ffffff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
}
#edu .xsf-modal .modal-content .logo-box {
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
}
#edu .xsf-modal .modal-content .logo-box img {
width: 370px;
display: block;
margin: 0 auto;
}
#edu .xsf-modal .modal-content .route-box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#edu .xsf-modal .modal-content .route-box .route-item {
font-size: 18px;
line-height: 25px;
font-weight: 500;
color: #222222;
margin-bottom: 35px;
cursor: pointer;
position: relative;
/*&:hover {*/
/* color: #436EF3;*/
/* img {*/
/* opacity: 1;*/
/* }*/
/*}*/
}
#edu .xsf-modal .modal-content .route-box .route-item img {
width: 24px;
position: absolute;
top: 6px;
left: 170px;
opacity: 0;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#edu .xsf-modal .modal-content .route-box .route-item.active {
color: #436ef3;
}
#edu .xsf-modal .modal-content .route-box .route-item.active img {
opacity: 1;
}
@media screen and (max-width: 1280px) {
#edu .edu-content .edu-list {
width: 746px;
}
#edu .edu-content .edu-list .edu-item {
margin-right: 81px;
}
#edu .edu-content .edu-list .edu-item:nth-child(3n) {
margin-right: 81px;
}
#edu .edu-content .edu-list .edu-item:nth-child(2n) {
margin-right: 0px;
}
#edu .edu-content .student-list {
width: 746px;
}
#edu .edu-content .contact-box {
width: 746px;
}
}
@media screen and (max-width: 900px) {
#edu .edu-content .edu-list {
width: 100%;
}
#edu .edu-content .edu-list .edu-item {
margin-right: 0px !important;
width: 100%;
}
#edu .edu-content .edu-list .edu-item .item-wrapper {
width: 331px;
margin: 0 auto;
}
#edu .edu-content .student-list {
width: 90%;
}
#edu .edu-content .contact-box {
width: 90%;
}
}
@media screen and (max-width: 480px) {
#edu .edu-content .contact-wrapper .contact-title {
padding-left: 20px;
margin-top: 20px;
}
#edu .edu-content .contact-wrapper .contact-desc {
font-size: 22px;
padding-left: 20px;
}
#edu .edu-content .contact-wrapper .contact-btn {
margin-left: 20px;
}
}
.edu-contact-modal[data-v-fcf6db02] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99999;
}
.edu-contact-modal .modal-box[data-v-fcf6db02] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 10px;
overflow-y: auto;
width: 732px;
max-height: 800px;
background-color: #fff;
}
.edu-contact-modal .modal-box .close_btn[data-v-fcf6db02] {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.edu-contact-modal .modal-box .modal-title[data-v-fcf6db02] {
background-color: #2878ff;
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: 500;
letter-spacing: 1px;
line-height: 100px;
margin-bottom: 47px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-content-title[data-v-fcf6db02],
.edu-contact-modal
.modal-box
.modal-content
.modal-content-desc[data-v-fcf6db02] {
color: #000000;
padding-left: 48px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-content-title[data-v-fcf6db02] {
font-size: 18px;
line-height: 25px;
font-weight: 500;
margin-bottom: 15px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-content-desc[data-v-fcf6db02] {
font-size: 14px;
line-height: 20px;
font-weight: 400;
margin-bottom: 50px;
opacity: 0.5;
}
.edu-contact-modal .modal-box .modal-content .modal-form-box[data-v-fcf6db02] {
padding-left: 32px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item[data-v-fcf6db02] {
margin-bottom: 20px;
font-size: 0;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
label[data-v-fcf6db02] {
margin-right: 26px;
color: #222222;
font-size: 14px;
font-weight: 400;
text-align: right;
display: inline-block;
width: 130px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input[data-v-fcf6db02] {
width: 316px;
height: 40px;
border: 1px solid #c9c9c9;
background-color: #fff;
font-size: 14px;
padding: 0 8px;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input.error[data-v-fcf6db02] {
border: 1px solid #ff3756;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input[data-v-fcf6db02]::-webkit-input-placeholder {
/* Edge */
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input[data-v-fcf6db02]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input[data-v-fcf6db02]::-moz-placeholder {
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input[data-v-fcf6db02]::-ms-input-placeholder {
color: #c9c9c9;
}
.edu-contact-modal
.modal-box
.modal-content
.modal-form-box
.modal-form-item
input[data-v-fcf6db02]::placeholder {
color: #c9c9c9;
}
.edu-contact-modal .modal-box .modal-content hr[data-v-fcf6db02] {
margin-top: 60px;
height: 1px;
border: 0;
border-top: 1px dashed rgba(36, 39, 66, 0.2);
}
.edu-contact-modal .modal-box .modal-footer[data-v-fcf6db02] {
height: 132px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.edu-contact-modal .modal-box .modal-footer .btn[data-v-fcf6db02] {
padding: 0 20px;
height: 40px;
background: #2878ff;
border-radius: 4px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#edu .swiper-pagination .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
background: #2878ff;
opacity: 1;
}
.edu-mobile {
padding-top: 72px;
}
.edu-mobile .swiper-container-horizontal > .swiper-pagination-bullets,
.edu-mobile .swiper-pagination-custom,
.edu-mobile .swiper-pagination-fraction {
bottom: 50px;
}
.edu-mobile .edu-mobile-content {
height: 356px;
margin: 0 auto;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#ffffff),
to(#f4f7fd)
);
background: -webkit-linear-gradient(top, #ffffff 0%, #f4f7fd 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f4f7fd 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f4f7fd 100%);
}
.edu-mobile .edu-mobile-content .l-title-h1 {
width: 240px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 34px;
text-align: center;
}
.edu-mobile .edu-mobile-content .l-primary {
margin: 0 auto;
margin-top: 60px;
}
.edu-mobile .logo-list {
background-color: #f9f9fb;
margin: 0 auto;
padding-top: 60px;
position: relative;
padding-bottom: 70px;
}
.edu-mobile .logo-list .content {
width: 100%;
height: 100%;
margin: 0 auto;
}
.edu-mobile
.logo-list
.content
.swiper-container-mobile
.swiper-ul
.li-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
width: 315px;
}
.edu-mobile .logo-list .content .swiper-container-mobile .swiper-ul li {
width: 150px;
height: 80px;
margin-right: 15px;
border-radius: 8px;
border: 1px solid #ededed;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 15px;
}
.edu-mobile
.logo-list
.content
.swiper-container-mobile
.swiper-ul
li:nth-child(2n) {
margin-right: 0px;
}
.edu-mobile .logo-list .content .swiper-container-mobile .swiper-ul li img {
width: 120px;
height: 32px;
}
.edu-mobile .student-list {
background-color: #f9f9fb;
margin: 0 auto;
position: relative;
padding-bottom: 70px;
}
.edu-mobile .student-list .title {
text-align: center;
font-size: 28px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #292c33;
margin-bottom: 23px;
}
.edu-mobile .student-list .content {
width: 100%;
overflow: hidden;
height: 100%;
margin: 0 auto;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper {
margin: 0 auto;
width: 354px;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper
li {
width: 100%;
height: 102px;
border-radius: 8px;
border: 1px solid #ededed;
background: #fff;
margin-bottom: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper
li:nth-child(2n) {
margin-right: 0px;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper
li
img {
-webkit-box-flex: 0;
-ms-flex: 0 0 52px;
flex: 0 0 52px;
width: 52px;
height: 52px;
border-radius: 50%;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper
li
.info-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 16px;
margin-top: 4px;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper
li
.info-wrapper
.name {
font-size: 16px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #5b5d67;
}
.edu-mobile
.student-list
.content
.swiper-container-person
.swiper-ul
.li-wrapper
li
.info-wrapper
.desc {
margin-top: 5px;
font-size: 12px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #adaeb3;
}
.edu-mobile .l-download-banner {
margin-top: 0;
}
.edu-mobile .edu-mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 100001;
}
.edu-mobile .edu-mask .content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 327px;
background: white;
border-radius: 8px;
}
.edu-mobile .edu-mask .content .title {
position: relative;
height: 60px;
line-height: 60px;
background: #436ef3;
border-radius: 8px 8px 0px 0px;
text-align: center;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
}
.edu-mobile .edu-mask .content .title .close-btn {
position: absolute;
right: 6px;
top: 6px;
cursor: pointer;
}
.edu-mobile .edu-mask .content .form {
padding: 16px 20px;
}
.edu-mobile .edu-mask .content .form .desc {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #87888d;
line-height: 22px;
margin-bottom: 16px;
position: relative;
z-index: 1;
}
.edu-mobile .edu-mask .content .form input {
width: 287px;
height: 44px;
display: inline-block;
background: white;
border-radius: 8px;
border: 1px solid #c9c9c9;
font-size: 14px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #87888d;
line-height: 14px;
margin-bottom: 16px;
padding-left: 8px;
}
.edu-mobile .edu-mask .content .form input::-webkit-input-placeholder {
color: #87888d;
}
.edu-mobile .edu-mask .content .form input::-moz-placeholder {
color: #87888d;
}
.edu-mobile .edu-mask .content .form input::-ms-input-placeholder {
color: #87888d;
}
.edu-mobile .edu-mask .content .form input::placeholder {
color: #87888d;
}
.edu-mobile .edu-mask .content .form input.error {
border: 1px solid #ff3756;
}
.edu-mobile .edu-mask .content .form .btn {
margin: 0 auto;
width: 122px;
height: 42px;
background: #436ef3;
-webkit-box-shadow: 0px 5px 15px 0px #e4e8f9;
box-shadow: 0px 5px 15px 0px #e4e8f9;
border-radius: 8px;
border: 1px solid #3163db;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.edu-mobile .px-mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 100001;
}
.edu-mobile .px-mask .content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 327px;
height: 378px;
background: white;
border-radius: 8px;
}
.edu-mobile .px-mask .content .title {
position: relative;
height: 60px;
line-height: 60px;
background: #436ef3;
border-radius: 8px 8px 0px 0px;
text-align: center;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: white;
}
.edu-mobile .px-mask .content .title .close-btn {
position: absolute;
right: 6px;
top: 6px;
cursor: pointer;
}
.edu-mobile .px-mask .content .logos {
padding-top: 24px;
padding-left: 94px;
}
.edu-mobile .px-mask .content .logos .logo-img {
width: 140px;
height: 38px;
}
.edu-mobile .px-mask .content .logos .logo-img img {
width: 100%;
height: 100%;
}
.edu-mobile .px-mask .content .logos p {
font-size: 14px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #292c34;
line-height: 14px;
margin-top: 40px;
padding-left: 25px;
}
.edu-mobile .px-mask .content .logos p:active {
color: #436ef3;
}
.order {
/*overflow-x: hidden;*/
overflow: hidden;
}
.order .package-wrap {
padding-top: 158px;
}
.order .package-wrap .package-title {
font-weight: 600;
color: #12141c;
line-height: 76px;
text-align: center;
font-size: 54px;
}
.order .package-wrap .package-desc {
padding-top: 8px;
color: #88898d;
line-height: 37px;
text-align: center;
font-size: 20px;
}
.order .package-wrap .picker-wrap {
padding-top: 78px;
padding-bottom: 126px;
width: 1088px;
margin: 0 auto;
}
.order .package-wrap .common-question {
z-index: 100;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 96px;
position: fixed;
right: 0px;
bottom: 116px;
background: #e1e6f5;
border-radius: 4px 0px 0px 4px;
border: 1px solid #e1e6f5;
font-size: 14px;
cursor: pointer;
}
.order .package-wrap .common-question a {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: inline-block;
color: #436ef4;
width: 100%;
text-align: center;
height: 80px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.order .price_logo {
height: 730px;
overflow: hidden;
}
.order .common-con {
width: 1094px;
margin: 0 auto;
position: relative;
height: 540px;
}
.order .apply .apply-con {
position: relative;
height: 355px;
text-align: right;
}
.order .apply .apply-con .apply-btn {
float: right;
}
.order .apply .apply-con .apply-btn .mu-flat-button {
background: whitesmoke;
font-size: 16px;
font-weight: 700;
color: black;
-webkit-box-shadow: none;
box-shadow: none;
}
.order .apply .apply-con .apply-btn .mu-flat-button:hover {
background: #e7e7e7;
}
.order .apply .apply-con .apply-img {
position: absolute;
top: 122px;
left: 0;
width: 315px;
}
.order .apply .apply-con .apply-text {
position: absolute;
width: 600px;
top: 60%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
color: #282828;
}
.order .apply .apply-con .apply-text .apply-title {
font-size: 44px;
font-weight: 500;
line-height: 62px;
}
.order .apply .apply-con .apply-text .apply-desc {
font-size: 20px;
font-weight: 400;
line-height: 28px;
padding-bottom: 38px;
padding-top: 5px;
}
.order .apply .icons {
padding-top: 100px;
}
.order .apply .icons img {
height: 36px;
float: left;
margin-right: 75px;
}
.order .apply .icons img:last-child {
margin-right: 0;
}
.order .common-con .ui-button {
border-radius: 8px;
}
.order .common-con .ui-button .mu-flat-button {
font-size: 18px;
height: 46px;
line-height: 46px;
}
@media screen and (max-width: 1024px) {
.order {
padding-bottom: 60px;
}
.order .package-wrap {
padding-top: 100px;
}
.order .package-wrap .package-title {
font-weight: 600;
color: #12141c;
line-height: 76px;
text-align: center;
font-size: 2rem;
}
.order .package-wrap .package-desc {
padding-top: 8px;
color: #88898d;
line-height: 37px;
text-align: center;
font-size: 1.2rem;
}
.order .package-wrap .picker-wrap {
padding-top: 28px;
padding-bottom: 40px;
width: 100%;
margin: 0 auto;
}
.order .apply .common-con .apply-text .apply-title {
font-size: 2rem;
}
.order .apply .common-con .apply-text .apply-desc {
font-size: 1.4rem;
padding-left: 1rem;
padding-right: 1rem;
}
.order .apply .common-con {
width: 100%;
height: 360px;
}
.order .apply .common-con .apply-text {
width: 100%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center;
}
.order .apply .common-con .apply-img {
display: none;
}
.order .apply .common-con .apply-text .apply-btn {
float: none;
}
.order .apply .icons {
display: none;
}
}
.clearfix:after {
display: block;
content: "";
clear: both;
}
/*muse-ui æ ·å¼é—®é¢˜ä¿®æ£*/
*,
:after,
:before {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.order .package-active-wrap.package-wrap {
margin-top: 72px;
background: url(https://lhcdn.lanhuapp.com/home/img/active_bg.svg);
background-repeat: no-repeat;
background-size: cover;
padding-top: 0;
}
.order .package-active-wrap.package-wrap .active-title {
padding-top: 154px;
}
.order .package-active-wrap.package-wrap .active-title img {
position: relative;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
}
.order .package-active-wrap.package-wrap .package-desc {
display: none;
}
.order .package-active-wrap.package-wrap .picker-wrap {
width: 1168px;
padding-top: 48px;
padding-bottom: 90px;
}
.order .package-active-wrap.package-wrap .picker-wrap .card-column {
width: 280px;
}
.order
.package-active-wrap.package-wrap
.picker-wrap
.free-btm
.mu-flat-button {
background: -webkit-gradient(
linear,
left top,
right top,
from(#ccd9ee),
to(#8698b6)
);
background: -webkit-linear-gradient(left, #ccd9ee 0%, #8698b6 100%);
background: -o-linear-gradient(left, #ccd9ee 0%, #8698b6 100%);
background: linear-gradient(90deg, #ccd9ee 0%, #8698b6 100%);
}
.order
.package-active-wrap.package-wrap
.picker-wrap
.start-btm
.mu-flat-button {
background: -webkit-gradient(
linear,
left top,
right top,
from(#559cff),
to(#2677f9)
);
background: -webkit-linear-gradient(left, #559cff 0%, #2677f9 100%);
background: -o-linear-gradient(left, #559cff 0%, #2677f9 100%);
background: linear-gradient(90deg, #559cff 0%, #2677f9 100%);
}
.order
.package-active-wrap.package-wrap
.picker-wrap
.advanced-btm
.mu-flat-button {
background: -webkit-gradient(
linear,
left top,
right top,
from(#ffdf78),
to(#feb617)
);
background: -webkit-linear-gradient(left, #ffdf78 0%, #feb617 100%);
background: -o-linear-gradient(left, #ffdf78 0%, #feb617 100%);
background: linear-gradient(90deg, #ffdf78 0%, #feb617 100%);
}
.order
.package-active-wrap.package-wrap
.picker-wrap
.enterprise-btm
.mu-flat-button {
background: -webkit-linear-gradient(356deg, #54507c 0%, #26243d 100%);
background: -o-linear-gradient(356deg, #54507c 0%, #26243d 100%);
background: linear-gradient(94deg, #54507c 0%, #26243d 100%);
}
.order
.package-active-wrap.package-wrap
.picker-wrap
.card-picker
.enterprise
.title-section {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDI4MCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTZDMCA3LjE2MzQ0IDcuMTYzNDQgMCAxNiAwSDI2NEMyNzIuODM3IDAgMjgwIDcuMTYzNDUgMjgwIDE2VjEyMEgwVjE2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzEwXzExMDgpIi8+CiAgICA8bWFzayBpZD0ibWFzazBfMTBfMTEwOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4MCIgaGVpZ2h0PSIxMjAiPgogICAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxNkMwIDcuMTYzNDQgNy4xNjM0NCAwIDE2IDBIMjY0QzI3Mi44MzcgMCAyODAgNy4xNjM0NSAyODAgMTZWMTIwSDBWMTZaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9tYXNrPgogICAgPGcgbWFzaz0idXJsKCNtYXNrMF8xMF8xMTA4KSI+CiAgICAgICAgPHJlY3Qgb3BhY2l0eT0iMC40NTAxNDkiIHdpZHRoPSI0MDIiIGhlaWdodD0iNzYiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjkwNjMwOCAwLjQyMjYxOCAwLjQyMjYxOCAwLjkwNjMwOCAzODEuMTA4IC0xLjM4NTk5KSIgZmlsbD0iIzFGMUQzNCIvPgogICAgICAgIDxyZWN0IG9wYWNpdHk9IjAuNTE5Njk0IiB3aWR0aD0iNDAyIiBoZWlnaHQ9Ijc2IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC45MDYzMDggMC40MjI2MTggMC40MjI2MTggMC45MDYzMDggMTk5LjEwOCAtMTA1LjM4NikiIGZpbGw9IiM0ODQ0NkMiLz4KICAgICAgICA8cmVjdCBvcGFjaXR5PSIwLjA1MDUyNTUiIHg9IjE5MCIgeT0iLTIiIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMyIgcng9IjIiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPHBhdGggZD0iTTI1NyAzNkMyNTcgMzguMjA5MSAyNTUuMjA5IDQwIDI1MyA0MEgyMDlDMjA2Ljc5MSA0MCAyMDUgMzguMjA5MSAyMDUgMzZWMTBDMjA1IDcuNzkwODYgMjA2Ljc5MSA2IDIwOSA2IiBzdHJva2U9IiMyRjMyNEMiLz4KICAgICAgICA8cGF0aCBkPSJNMjc3IDQ0QzI3NyA0MS43OTA5IDI3NS4yMDkgNDAgMjczIDQwSDIyOUMyMjYuNzkxIDQwIDIyNSA0MS43OTA5IDIyNSA0NFY5OS43MzAxIiBzdHJva2U9IiMyRjMyNEMiLz4KICAgICAgICA8cmVjdCBvcGFjaXR5PSIwLjkyOTAzNiIgeD0iMjUxIiB5PSIzMyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjEzIiByeD0iMiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzEwXzExMDgpIi8+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iMC41OTA1NDEiIGQ9Ik0yNTEgNDRWMzVDMjUxIDMzLjg5NTQgMjUxLjg5NSAzMyAyNTMgMzNIMjc5IiBzdHJva2U9InVybCgjcGFpbnQyX2xpbmVhcl8xMF8xMTA4KSIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICA8cmVjdCBvcGFjaXR5PSIwLjkyOTAzNiIgeD0iMjE4IiB5PSI5NyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjEzIiByeD0iMiIgZmlsbD0idXJsKCNwYWludDNfbGluZWFyXzEwXzExMDgpIi8+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iMC41NTMzODUiIGQ9Ik0yMTggMTA4Vjk5QzIxOCA5Ny44OTU0IDIxOC44OTUgOTcgMjIwIDk3SDIzMi4yMzIiIHN0cm9rZT0idXJsKCNwYWludDRfbGluZWFyXzEwXzExMDgpIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEwXzExMDgiIHgxPSIwIiB5MT0iMTIwIiB4Mj0iMjgwIiB5Mj0iMTIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1NzUzODEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUIxOTJFIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMTBfMTEwOCIgeDE9IjIzOC45MDMiIHkxPSI0MC4xNDQ2IiB4Mj0iMjQ3LjcyNSIgeTI9IjYwLjI2MzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzI0MjEzQyIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMzM2NTQiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xMF8xMTA4IiB4MT0iMjcxLjIzOCIgeTE9IjQwLjk0OTEiIHgyPSIyNjkuOTk3IiB5Mj0iMzAuNzgxMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjQyNzQzIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzEwXzExMDgiIHgxPSIyMTIuMzU1IiB5MT0iMTA0LjE0NSIgeDI9IjIyNC4zMjUiIHkyPSIxMTYuODg0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyNDIxM0MiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzMzNjU0Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMTBfMTEwOCIgeDE9IjIyOS44NjciIHkxPSIxMDIuMjM2IiB4Mj0iMjI1LjQ1NyIgeTI9IjkzLjgyMzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzI0Mjc0MyIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgo8L3N2Zz4K)
left top/100% no-repeat;
}
.order
.package-active-wrap.package-wrap
.picker-wrap
.card-picker
.advanced
.title-section {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDI4MCAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMEgyODBWMTIwSDBWMFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl82Nzk1XzI4MDMyKSIvPgogICAgPG1hc2sgaWQ9Im1hc2swXzY3OTVfMjgwMzIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyODAiIGhlaWdodD0iMTIwIj4KICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTZDMCA3LjE2MzQ0IDcuMTYzNDQgMCAxNiAwSDI2NEMyNzIuODM3IDAgMjgwIDcuMTYzNDUgMjgwIDE2VjEyMEgwVjE2WiIgZmlsbD0id2hpdGUiLz4KICAgIDwvbWFzaz4KICAgIDxnIG1hc2s9InVybCgjbWFzazBfNjc5NV8yODAzMikiPgogICAgICAgIDxyZWN0IG9wYWNpdHk9IjAuNTM4OTciIHdpZHRoPSIyODAiIGhlaWdodD0iMTA4IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43ODgwMTEgMC42MTU2NjIgMC42MTU2NjIgMC43ODgwMTEgMzAwLjI1MiA3LjA0ODgzKSIgZmlsbD0iI0ZEQjEwQyIvPgogICAgICAgIDxwYXRoIG9wYWNpdHk9IjAuMDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ4LjY5MyAxMzUuMDI1VjgzLjAyNDZIMjU2Ljc4MVY1MUwyODMuMjg3IDU3LjQ4ODRWOTMuMDI0NkgyOTEuNjkzVjEzNS4wMjVIMjQ4LjY5M1oiIGZpbGw9IiNEQjlBMzEiLz4KICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyMi4xMDUgMTI1LjIyM1Y5Mi42OTRMMjQ0Ljk3MiA4NC4xMTYyVjEyNS4zMDFMMjIyLjEwNSAxMjUuMjIzWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzY3OTVfMjgwMzIpIi8+CiAgICAgICAgPHBhdGggb3BhY2l0eT0iMC41MTc0MzkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQ3IDExOS45MjNWMzYuMjE2MUgyNTEuMDg0VjMzSDI2NS4zNTNWMzYuMjE2MUgyNjguOTczVjExOS45MjNIMjQ3WiIgZmlsbD0iI0ZFQzYzRCIvPgogICAgICAgIDxwYXRoIG9wYWNpdHk9IjAuNjE4NjI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI0NyAzNi4yMTU4SDI0Ny41Vjc3LjIxNThIMjQ3VjM2LjIxNThaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfNjc5NV8yODAzMikiLz4KICAgICAgICA8cmVjdCBvcGFjaXR5PSIwLjQyNDY4OCIgeD0iMjUwIiB5PSI0MC4yNTk4IiB3aWR0aD0iMiIgaGVpZ2h0PSI3NCIgZmlsbD0iI0ZEQUQwMyIvPgogICAgICAgIDxyZWN0IG9wYWNpdHk9IjAuNDI0Njg4IiB4PSIyNjQiIHk9IjQwLjI1OTgiIHdpZHRoPSIyIiBoZWlnaHQ9Ijc0IiBmaWxsPSIjRkRBRTA1Ii8+CiAgICAgICAgPHJlY3Qgb3BhY2l0eT0iMC40MjQ2ODgiIHg9IjI1OS4zMzQiIHk9IjQwLjI1OTgiIHdpZHRoPSIyIiBoZWlnaHQ9Ijc0IiBmaWxsPSIjRkRBRDAzIi8+CiAgICAgICAgPHJlY3Qgb3BhY2l0eT0iMC40MjQ2ODgiIHg9IjI1NC42NjYiIHk9IjQwLjI1OTgiIHdpZHRoPSIyIiBoZWlnaHQ9Ijc0IiBmaWxsPSIjRkRBRDAzIi8+CiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yODYuOTE0IDEyMC42MDdWMTEwLjY5N0gyNzcuMTg3VjkzLjEzODRMMjY4Ljk5OSA4N1YxMjEuMDE3SDI4Ni45MTRWMTIwLjYwN1oiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl82Nzk1XzI4MDMyKSIvPgogICAgICAgIDxwYXRoIG9wYWNpdHk9IjAuNDYzNDcyIiBkPSJNMjQwLjM5MSA4NS45MjU4TDIyMi4xMDUgOTIuNjk0N1YxMTYuMzU3IiBzdHJva2U9InVybCgjcGFpbnQ0X2xpbmVhcl82Nzk1XzI4MDMyKSIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82Nzk1XzI4MDMyIiB4MT0iMjgwIiB5MT0iLTEwLjM1NDQiIHgyPSIwIiB5Mj0iLTEwLjM1NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZEQUMwMCIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRUUzODMiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl82Nzk1XzI4MDMyIiB4MT0iMjIyLjEwNSIgeTE9IjEyNS41MTMiIHgyPSIyNDcuNTQ1IiB5Mj0iMTI1LjUxMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkRCQTI0Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZEQjEwRSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzY3OTVfMjgwMzIiIHgxPSIyNDYuNzUiIHkxPSIzNi4yMTU4IiB4Mj0iMjQ2Ljc1IiB5Mj0iNzcuMjE1OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEREJDOTAiIHN0b3Atb3BhY2l0eT0iMC4wMSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzY3OTVfMjgwMzIiIHgxPSIyODYuOTE0IiB5MT0iMTIxLjE5MiIgeDI9IjI2Ni45ODMiIHkyPSIxMjEuMTkyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGREJBMjQiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkRCMTBFIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfNjc5NV8yODAzMiIgeDE9IjIzNy4zMzQiIHkxPSI4OC4yODk5IiB4Mj0iMjIyLjEyMiIgeTI9Ijg1LjQ0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRDdCMDdDIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=)
left top/100% no-repeat;
}
.card-picker .card-column {
float: left;
margin-right: 16px;
position: relative;
height: 594px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.card-picker .card-column:last-child {
margin-right: 0;
}
.card-picker .card-column .content {
height: calc(100% - 111px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.card-picker .free .title-section {
background: url(https://lhcdn.lanhuapp.com/home/img/bg_free2.png) left
top/100% no-repeat;
}
.card-picker .start .title-section {
background: url(https://lhcdn.lanhuapp.com/home/img/bg_start2.png) left
top/100% no-repeat;
}
.card-picker .start .content .list li .value {
color: #cfa980;
}
.card-picker .start .content .list li:nth-child(3) .value {
color: #12141c;
opacity: 0.6;
}
.card-picker .start .content .list li:nth-child(1) .value {
color: #12141c;
}
.card-picker .advanced .title-section {
background: url(https://lhcdn.lanhuapp.com/home/img/bg_advanced2.png) left
top/100% no-repeat;
}
.card-picker .advanced .content .list li .value {
color: #cfa980;
}
.card-picker .advanced .content .list li:nth-child(3) .value {
color: #12141c;
opacity: 0.6;
}
.card-picker .advanced .content .list li:nth-child(1) .value {
color: #12141c;
font-weight: 500;
font-size: 14px;
}
.card-picker .privatization .title-section {
background: url(https://lhcdn.lanhuapp.com/home/img/bg_private2.png) left
top/100% no-repeat;
}
.card-picker .privatization .content .list li .value {
color: #cfa980;
}
.card-picker .enterprise .title-section {
background: url(https://lhcdn.lanhuapp.com/home/img/bg_enterprise2.png) left
top/100% no-repeat;
}
.card-picker .enterprise .content .list li .value {
color: #cfa980;
}
.card-picker .free-btm,
.card-picker .private-btm,
.card-picker .start-btm,
.card-picker .advanced-btm,
.card-picker .enterprise-btm {
position: absolute;
bottom: 32px;
width: 230px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.card-picker .free-btm .ui-button,
.card-picker .private-btm .ui-button,
.card-picker .start-btm .ui-button,
.card-picker .advanced-btm .ui-button,
.card-picker .enterprise-btm .ui-button {
display: block;
margin: 0 auto;
background: none;
}
.card-picker .enterprise-btm .ui-button .mu-flat-button {
background: #504c77;
}
.card-picker .enterprise-btm .ui-button .mu-flat-button:hover {
background: #645f93;
}
.card-picker .advanced-btm,
.card-picker .start-btm,
.card-picker .private-btm {
border-top: 1px dashed #dcdcdc;
padding-top: 74px;
}
.card-picker .advanced-btm .unit-text,
.card-picker .start-btm .unit-text,
.card-picker .private-btm .unit-text {
font-weight: 600;
color: black;
line-height: 18px;
font-size: 18px;
padding-bottom: 8px;
text-align: center;
}
.card-picker .advanced-btm .price,
.card-picker .start-btm .price,
.card-picker .private-btm .price {
color: #0e1726;
}
.card-picker .advanced-btm .price-desc,
.card-picker .start-btm .price-desc,
.card-picker .private-btm .price-desc {
padding-bottom: 14px;
font-weight: 500;
color: #0e1726;
font-size: 12px;
text-align: center;
}
.card-picker .private-btm {
border: none;
}
.card-picker .advanced-btm .select-box {
border-radius: 8px;
border: 1px solid rgba(18, 20, 28, 0.15);
/*padding-left:16px;*/
height: 46px;
line-height: 46px;
cursor: pointer;
}
.card-picker .advanced-btm .select-box .mu-select-input.is-enable {
cursor: pointer;
}
.card-picker .advanced-btm .select-box .mu-input {
top: 0;
}
.card-picker .advanced .tag {
padding: 5px 0 0 14px;
}
.card-picker .free-btm .price,
.card-picker .advanced-btm .price,
.card-picker .start-btm .price,
.card-picker .private-btm .price {
text-align: center;
}
.card-picker .free-btm .price strong,
.card-picker .advanced-btm .price strong,
.card-picker .start-btm .price strong,
.card-picker .private-btm .price strong {
font-size: 48px;
font-weight: 500;
}
.card-picker .free-btm .price {
color: #0e1726;
padding-bottom: 32px;
}
.card-picker .free-btm .ui-button {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.card-picker .btn-class {
border-radius: 8px;
-webkit-box-shadow: 0 5px 15px rgba(56, 93, 216, 0.15);
box-shadow: 0 5px 15px rgba(56, 93, 216, 0.15);
height: 46px;
line-height: 46px;
}
.card-picker .btn-class .mu-flat-button {
height: 46px;
}
@media screen and (max-width: 1024px) {
.card-picker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.card-picker .card-column {
height: 540px;
float: none;
margin: 3rem auto;
-webkit-box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
min-width: 36%;
}
.card-picker .card-column .content {
border-color: transparent;
}
.card-picker .card-column.advanced .list,
.card-picker .card-column.start .list,
.card-picker .card-column.privatization .list {
border-bottom: 1px dashed #dcdcdc;
}
.card-picker .card-column:last-child {
margin: 3rem auto;
}
.card-picker .card-column .title-section {
height: 100px;
}
.card-picker .card-column .title-section .title {
padding-top: 25px;
}
.card-picker .card-column .free-btm,
.card-picker .card-column .private-btm,
.card-picker .card-column .start-btm,
.card-picker .card-column .advanced-btm {
width: 100%;
position: absolute;
left: 0;
bottom: 40px;
margin: 0;
padding-top: 22px;
border-top: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.card-picker .card-column .free-btm .unit-text,
.card-picker .card-column .private-btm .unit-text,
.card-picker .card-column .start-btm .unit-text,
.card-picker .card-column .advanced-btm .unit-text {
font-size: 1.2rem;
font-weight: normal;
padding-bottom: 0;
}
.card-picker .card-column .free-btm .price,
.card-picker .card-column .private-btm .price,
.card-picker .card-column .start-btm .price,
.card-picker .card-column .advanced-btm .price {
font-size: 1rem;
}
.card-picker .card-column .free-btm .price strong,
.card-picker .card-column .private-btm .price strong,
.card-picker .card-column .start-btm .price strong,
.card-picker .card-column .advanced-btm .price strong {
font-weight: 400;
font-size: 2.5rem;
}
}
.card-column {
width: 260px;
border-radius: 16px;
background: white;
color: #12141c;
-webkit-transition: all ease 300ms;
-o-transition: all ease 300ms;
transition: all ease 300ms;
position: relative;
}
.card-column.card-column-active {
-webkit-box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.card-column.card-column-active .content {
border-color: transparent;
}
.card-column:hover {
-webkit-box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 20px 5px rgba(40, 120, 255, 0.1),
0 16px 24px 2px rgba(0, 0, 0, 0.05);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.card-column:hover .content {
border-color: transparent;
}
.card-column .title-section {
height: 111px;
background: #2878ff;
border-radius: 16px 16px 0 0;
text-align: center;
position: relative;
}
.card-column .title-section .discount_icon {
position: absolute;
top: 0;
left: 0;
height: 62px;
}
.card-column .title-section .title {
font-size: 20px;
font-weight: 500;
color: white;
line-height: 28px;
padding-top: 30px;
}
.card-column .title-section .desc {
height: 20px;
font-size: 14px;
font-weight: 500;
color: white;
line-height: 20px;
padding-top: 8px;
}
.card-column .content {
padding-bottom: 32px;
border: 1px solid #dbdbdb;
border-top: 0;
border-radius: 0 0 16px 16px;
}
.card-column .content .list {
margin: 0 24px;
padding-top: 24px;
padding-bottom: 18px;
}
.card-column .content .list li {
padding-bottom: 20px;
height: 20px;
font-size: 14px;
line-height: 20px;
color: rgba(18, 20, 28, 0.6);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.card-column .content .list li:first-child {
color: #12141c;
font-weight: 500;
}
.card-column .content .list li .name {
float: left;
position: relative;
}
.card-column .content .list li .name.disabled {
color: rgba(14, 23, 38, 0.2);
text-decoration: line-through;
}
.card-column .content .list li .name .tips {
position: absolute;
left: 95px;
top: 2px;
cursor: pointer;
}
.card-column .content .list li .name .tips .content {
display: none;
position: absolute;
z-index: 9;
width: 280px;
height: 82px;
background-color: #1f2126;
padding: 8px;
border-radius: 8px;
color: rgba(255, 255, 255, 0.6);
right: -9px;
top: 26px;
}
.card-column .content .list li .name .tips .content:after {
position: absolute;
content: "";
right: 12px;
top: -4px;
width: 8px;
height: 8px;
background: #1f2126;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.card-column .content .list li .name .tips:hover .content {
display: inline-block;
}
.card-column .content .list li .value {
float: right;
}
.card-column .content .list li .value img {
width: 20px;
vertical-align: middle;
display: inline-block;
}
@media screen and (max-width: 1024px) {
.card-column .title-section .discount_icon {
height: 48px;
}
}
.ui-button {
color: white;
/*box-shadow:0 1px 3px 0 rgba(0,0,0,0.05),0 2px 2px 0 rgba(40,120,255,0.12),0 0 2px 0 rgba(0,0,0,0.05);*/
border-radius: 4px;
height: 40px;
line-height: 40px;
text-align: center;
border: 0;
outline: none;
cursor: pointer;
}
.ui-button.disabled {
cursor: default;
}
.ui-button.disabled .mu-flat-button {
-webkit-box-shadow: none;
box-shadow: none;
background: rgba(40, 120, 255, 0.3);
pointer-events: none;
display: inline-block;
}
.ui-button.disabled .mu-flat-button:hover {
background: rgba(40, 120, 255, 0.3);
}
.ui-button a {
display: block;
width: 100%;
}
.ui-button .mu-flat-button {
width: 100%;
height: 40px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05),
0 2px 2px 0 rgba(40, 120, 255, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05),
0 2px 2px 0 rgba(40, 120, 255, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 14px;
background: #2878ff;
color: white;
display: inline-block;
}
.ui-button .mu-flat-button:hover {
background: rgba(40, 120, 255, 0.8);
}
.ui-button .mu-flat-button .mu-circle-ripple {
display: none !important;
}
.order-question {
padding: 95px 0;
background: #f9f9fb;
}
.order-question [class*=" el-icon-"],
.order-question [class^="el-icon-"] {
font-weight: 700;
}
.order-question .el-collapse {
border-top: 0px;
}
.order-question .el-collapse-item .is-active {
color: #2878ff;
}
.order-question .el-collapse-item__header {
font-size: 16px;
height: 60px;
line-height: 60px;
}
.order-question .el-collapse-item__header {
background-color: transparent;
}
.order-question .el-collapse-item__wrap {
background-color: transparent;
}
.order-question .question-title {
font-weight: 500;
color: black;
line-height: 64px;
font-size: 36px;
text-align: center;
padding-bottom: 56px;
}
.order-question .list-wrap {
width: 960px;
margin: 0 auto;
}
.order-question .list-wrap .question-list .el-collapse-item__content .desc {
font-size: 14px;
color: #6d747e;
line-height: 30px;
}
@media screen and (max-width: 1024px) {
.order-question {
padding: 3rem 0;
}
.order-question .question-title {
font-size: 2rem;
}
.order-question .list-wrap {
width: 100%;
}
.order-question .list-wrap .question-list {
width: 100%;
padding: 0 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.order-question .list-wrap .question-list li h4 {
font-size: 1.2rem;
}
.order-question .list-wrap .question-list li:last-child {
margin-bottom: 60px;
}
}
.contact-us {
min-height: 540px;
background: #fff;
border-bottom: 1px solid #f7f7f7;
}
.contact-us .wrapper {
width: 1440px;
text-align: center;
margin: 0 auto;
}
.contact-us .wrapper .title {
padding-top: 93px;
font-size: 36px;
font-weight: 500;
color: black;
}
.contact-us .wrapper .title-desc {
margin-top: 10px;
font-size: 18px;
color: rgba(18, 20, 28, 0.7);
}
.contact-us .wrapper .contact-list {
width: 1072px;
margin: 0 auto;
margin-top: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact-us .wrapper .contact-list .kefu-wrapper .btn {
cursor: pointer;
background: #2878ff;
color: white;
}
.contact-us .wrapper .contact-list .kefu-wrapper .btn:hover {
background: rgba(40, 120, 255, 0.8);
}
.contact-us .wrapper .contact-list .write-message .btn {
cursor: pointer;
}
.contact-us .wrapper .contact-list .write-message .btn:hover {
background: #e7e7e7;
}
.contact-us .wrapper .contact-list li {
width: 309px;
margin-right: 90px;
}
.contact-us .wrapper .contact-list li .msg-title {
font-size: 20px;
font-weight: 500;
color: black;
}
.contact-us .wrapper .contact-list li .msg-desc {
margin-top: 24px;
margin-bottom: 24px;
color: #6d747e;
}
.contact-us .wrapper .contact-list li .btn {
width: 228px;
height: 46px;
border-radius: 8px;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
color: #000;
background: whitesmoke;
}
.contact-us .wrapper .contact-list li:last-child {
margin-right: 0px;
}
@media screen and (max-width: 1024px) {
.contact-us {
border-bottom: 1px solid #f7f7f7;
}
.contact-us .wrapper {
width: 100%;
}
.contact-us .wrapper .title-desc {
padding: 0 20px;
}
.contact-us .wrapper .contact-list {
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-us .wrapper .contact-list li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 0;
margin-bottom: 60px;
}
}
* {
margin: 0;
padding: 0;
}
/*---- variables ----*/
/*---- Mixins ----*/
.apply-wrap {
overflow: hidden;
}
.apply-wrap pre {
white-space: pre-wrap;
}
.apply-wrap .copy-all-btn {
margin: 0 auto;
}
.apply-wrap .copy-all-text {
width: 208px;
margin: 0 auto;
font-size: 20px;
font-weight: 500;
color: #12141c;
line-height: 28px;
padding-top: 40px;
letter-spacing: 1px;
}
.apply-wrap .copy-all-text span {
float: left;
}
.apply-wrap .copy-all-text span img {
width: 38px;
position: relative;
top: -6px;
left: 3px;
}
.apply-wrap .features {
margin-top: 60px;
}
.apply-wrap .features .feature-title {
margin-bottom: 72px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.apply-wrap .features .feature-title .title {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.5;
position: relative;
z-index: 1;
color: rgba(18, 20, 28, 0.9);
}
.apply-wrap .features .feature-title .desc {
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
margin-top: 6px;
margin-bottom: 72px;
color: rgba(18, 20, 28, 0.5);
}
.apply-wrap .features .feature-title .desc .link-color {
color: #2878ff;
}
.apply-wrap .features .feature-title .desc .link-color:hover {
cursor: pointer;
}
.apply-wrap .features .pdf-wrap {
padding-top: 245px;
}
.apply-wrap .features .pdf-wrap .feature-title .title,
.apply-wrap .features .pdf-wrap .feature-title .desc {
text-align: center;
}
.apply-wrap .features .team-logo {
margin-bottom: 120px;
}
.apply-wrap .features .copy_text {
position: relative;
margin: 0 auto;
margin-bottom: 120px;
padding: 4rem 4.8rem;
border-radius: 12px;
background: #fffdf7;
border: 1px solid rgba(125, 84, 42, 0.1);
}
.apply-wrap .features .copy_text .copy_text_content {
font-size: 1.2rem;
font-weight: 500;
line-height: 2.1;
color: #66523d;
}
.apply-wrap .features .copy_text .copy_btn {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
cursor: pointer;
margin-top: 4.8rem;
width: 174px;
height: 54px;
line-height: 54px;
text-align: center;
color: #7d542a;
background: #fbf4e1;
border: 1px solid rgba(125, 84, 42, 0.2);
border-radius: 10px;
float: right;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.apply-wrap .features .copy_text .copy_btn:hover {
opacity: 0.9;
}
.apply-wrap .features .video-wrapper {
position: relative;
max-width: 1160px;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border: 1px solid rgba(18, 20, 28, 0.06);
border-radius: 16px;
margin: 0 auto;
margin-bottom: 120px;
}
.apply-wrap .features .video-wrapper video {
width: 100%;
height: 100%;
outline: none;
border-radius: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.apply-wrap .features .video-wrapper .video-play-btn {
width: 72px;
cursor: pointer;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.apply-wrap .features .video-wrapper .video-play-btn:hover {
opacity: 0.7;
}
.apply-wrap .features .feature-list {
padding: 60px 0px;
background: #fcfdff;
-webkit-box-shadow: inset 0px 0px 100px #eff3fa;
box-shadow: inset 0px 0px 100px #eff3fa;
margin-bottom: 120px;
}
.apply-wrap .features .feature-list ul {
display: block;
margin: 0 auto;
}
.apply-wrap .features .feature-list ul li {
margin-bottom: 36px;
}
.apply-wrap .features .feature-list ul li .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.apply-wrap .features .feature-list ul li .title img {
width: 48px;
height: 48px;
margin-right: 1.2rem;
}
.apply-wrap .features .feature-list ul li .title span {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.7);
}
.apply-wrap .features .feature-list ul li .content {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.8;
color: rgba(18, 20, 28, 0.5);
}
.apply-wrap .features .feature-list ul li .content p {
padding-left: 0.8rem;
margin-bottom: 0.4rem;
position: relative;
}
.apply-wrap .features .feature-list ul li .content p:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
background: rgba(18, 20, 28, 0.5);
width: 4px;
height: 4px;
border-radius: 50%;
}
.apply-wrap .features .feature-list ul li:last-child {
margin-bottom: 0px;
}
.apply-wrap .features .users-logo-wrap-all {
position: relative;
overflow: hidden;
height: 504px;
}
.apply-wrap .features .users-logo-content {
width: 1440px;
height: 504px;
background: url(https://lhcdn.lanhuapp.com/home/img/LogoWall.jpg) center
center no-repeat;
background-size: cover;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.apply-wrap .features .users-logo-content .leftMask {
position: absolute;
top: 0;
left: 0;
width: 450px;
height: 100%;
}
.apply-wrap .features .users-logo-content .rightMask {
position: absolute;
top: 0;
right: 0;
width: 450px;
height: 100%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.apply-wrap .features .ppt {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0 auto;
padding-bottom: 120px;
}
.apply-wrap .features .ppt .ppt-wrap {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-shadow: 0px 4px 30px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 30px rgba(167, 167, 167, 0.1);
border-radius: 12px;
margin-bottom: 36px;
}
.apply-wrap .features .ppt .ppt-wrap .ppt-cut {
width: 100%;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.apply-wrap .features .ppt iframe {
width: 100%;
height: 500px;
margin-left: -4px;
margin-top: -4px;
border-radius: 12px;
}
.apply-wrap .features .ppt .download-btn {
margin: 0 auto;
}
.apply-wrap .features .ppt .download-btn a {
color: white;
font-weight: 500;
padding: 12px 48px;
}
.apply-wrap .features .ppt .intro {
margin-top: 12px;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
text-align: center;
color: rgba(18, 20, 28, 0.5);
opacity: 0.8;
}
@charset "UTF-8";
.header {
border-bottom: 1px solid #f3f3f3;
}
.hader-inner {
display: table;
height: 100px;
}
.wrap {
width: 1080px;
margin: 0 auto;
font-weight: 800;
font-family: PingFang-SC-Heavy, PingFang-SC;
}
.wrap .logo {
padding: 10px 0;
display: table-cell;
vertical-align: middle;
}
.wrap .logo img {
display: block;
width: 74px;
}
.wrap .header-nav {
float: right;
margin-top: 38px;
}
.wrap .header-nav .header-nav-list {
margin-right: 10px;
}
.wrap .header-nav .header-nav-list li {
float: left;
margin-left: 15px;
line-height: 1;
padding-left: 15px;
font-size: 14px;
color: #12141c;
}
.wrap .header-nav .header-nav-list a {
font-size: 14px;
color: #12141c;
}
.wrap .header-nav .header-nav-list span {
cursor: pointer;
}
.udesk-sdk-ticket--component-dynamic-form::before {
content: "\63D0\4EA4\65B0\95EE\9898";
font-size: 20px;
margin: 40px 0 20px 0;
color: #12141c;
display: block;
font-weight: 800;
font-family: PingFang-SC-Heavy, PingFang-SC;
}
.field-input input,
.field-input textarea {
border-radius: 10px;
}
.field-input textarea {
height: 200px !important;
resize: none;
}
.field-input input {
width: 469px !important;
height: 46px !important;
}
.udesk-sdk-ticket-input-button {
width: 162px;
height: 43px;
background: #4972f1 !important;
border-radius: 8px;
color: #fff;
font-size: 16px !important;
margin: 50px 0 !important;
border: none;
}
.udesk-sdk-ticket {
border-bottom: 10px solid #f9f9fb;
}
.show-field-list {
display: none;
}
.udesk-sdk-ticket-new-ticket
.udesk-sdk-ticket-component-attachment-upload:before {
content: "PS\FF1A\82E5\662F\4EA7\54C1\95EE\9898\FF0C\9700\8981\586B\5199\63D2\4EF6\7248\672C/\8F6F\4EF6\7248\672C/\7535\8111\7CFB\7EDF/\6D4F\89C8\5668\7248\672C\4FE1\606F\FF0C\82E5\6709\56FE\7247\3001\89C6\9891\6216\539F\6587\4EF6\4E5F\53EF\4EE5\6DFB\52A0\9644\4EF6\5E2E\52A9\6211\4EEC\66F4\5FEB\5B9A\4F4D\95EE\9898\FF0C\6211\4EEC\5C06\5728 1\4E2A\5DE5\4F5C\65E5\7ED9\60A8\56DE\590D\FF0C\4F60\53EF\4EE5\901A\8FC7\4E0B\65B9\6240\6709\5DE5\5355\627E\5230\6240\6709\5DE5\5355\5185\5BB9\53CA\56DE\590D\54E6\FF01";
color: #12141c;
opacity: 0.3;
font-size: 12px;
}
.udesk-sdk-ticket-list::before {
content: "\6211\7684\5DE5\5355";
font-size: 20px;
margin: 40px 0 20px 0;
color: #12141c;
display: block;
font-weight: 800;
font-family: PingFang-SC-Heavy, PingFang-SC;
}
.ticket-table thead .ticket-table-thead-th {
background: #f9f9fb !important;
border-left: none !important;
font-weight: 600;
color: #3a3a3a;
font-size: 16px;
}
table {
border-collapse: separate !important;
border-spacing: 0 !important;
border-top: 0 !important;
border-radius: 10px;
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
}
table tr:first-child th:first-child {
border-top-left-radius: 10px;
}
table tr:first-child th:last-child {
border-top-right-radius: 10px;
}
table tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
.ticket-table .ticket-table-tbody-td,
.ticket-table .ticket-table-thead-th {
height: 40px !important;
line-height: 40px !important;
}
.ticket-table .ticket-table-tbody-td {
font-size: 14px;
font-weight: 500;
color: #12141c;
opacity: 0.9;
}
.field-label {
color: #12141c;
opacity: 0.9;
}
.attachment-upload-button {
width: 110px;
height: 110px;
border-radius: 10px;
border: 1px solid rgba(18, 20, 28, 0.15);
text-align: center;
line-height: 145px;
color: #12141c;
opacity: 0.5;
margin-top: 26px;
}
.attachment-upload-button input {
width: 100% !important;
height: 100% !important;
}
.attachment-upload-button:active {
color: #12141c !important;
}
.attachment-upload-button::before {
content: "";
background: url(data:image/png;base64,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)
no-repeat;
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
background-size: 100%;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -30px;
}
.attachment-upload-input {
margin-top: 26px !important;
}
.udesk-sdk-ticket .udesk-sdk-ticket-new-ticket,
.udesk-sdk-ticket-list {
width: 1080px !important;
margin: 0 auto !important;
}
.dynamic-field-list {
width: 100%;
}
.udesk-sdk-ticket-list {
width: 100%;
}
.udesk-sdk-ticket-select-list-wrap {
display: none;
}
.content-guidance {
display: none;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-detail
.ticket-detail-content
.ticket-remark-box {
border-bottom: 1px solid rgba(18, 20, 28, 0.1) !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item
.log-content {
padding-left: 84px !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item
.log-header
.log-header-image {
width: 64px !important;
height: 64px !important;
margin-right: 20px !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item
.log-header
.log-header-info
.log-header-info-user {
color: #323541;
font-size: 16px;
padding: 4px 0 !important;
}
.log-header-info-time {
color: #323541;
font-size: 14px;
opacity: 0.6;
padding-bottom: 6px !important;
}
.view-content {
padding: 3px 0 16px 0 !important;
color: #12141c;
font-size: 14px;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item {
border-bottom: 1px solid rgba(18, 20, 28, 0.1) !important;
}
.udesk-sdk-ticket-list .udesk-sdk-ticket-component-text-area {
height: 200px !important;
resize: none;
border-radius: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.udesk-sdk-ticket-list .udesk-sdk-ticket-common-rick-text::before {
content: "\95EE\9898\63CF\8FF0";
color: #12141c;
opacity: 0.9;
display: block;
margin: 5px 0;
}
.icon-fanhui {
vertical-align: middle;
}
.content-detail-back .icon-fanhui::before {
content: "";
display: inline-block;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACu0lEQVRoQ+1YvWsTYRh/nktC2nyoFHFxUhd1cxHExXiJELDo5OQfYBFzKUWDFlsjKlX8SA4cdHFwEVykWFqaVBxc3KSIRcRFUVo/qJpLW429n5jSYLykLXnexgbvxsDv6/m97733hqnFH25x/+QG+NcNug24DQgn4C4h4QDFcLcB8QiFBP9XA7Fk4TjAvcyUymVCd4XDUwJfcQMxo3jGhn1xQZWhMXflssFbSlwISFYUQE9al8nGqb91WKNIPhN+LNAXQ5cMAIBjhnUTRF0O88xv2zRtz8MbgXdiFwKCugH6++F98qV4h4CjTvP0iuCJ5s3AG4G2EmjNAHET/h+vrXsEOuxQYR4PEh0YzIamlDgQkjgCdJ5DYGa6+ICAWI1l89TfHowPDfC0UFcZvCpANIX1NGcNAbS3xuQfdWwIHrqfZkuZugKiSoDOHmycLRVHQdhVY80P+raFjgwn+LsCTaUU5QAHu2c2z9nzOYB2OMwTfSMmk0krKVUWkNmgyTEzeLt8IunJ2a1sz+dB2CLgbDp0zAyXh8/RRGECRNub7kAoWAmgG9ZVAnqEfE2HVwL8VtaTVoZsGE130aAgE33Mm+FN5SW0yFGvCSb6Cs0T7+D2Zw3qKYftXEeldJp/VgUoN2FYAwSkaryJPnuZ949kQ+PK3QgJHSdxNFG4AKJe50FGnzygyKgZfi7UVAqv+S2kG4U0gfqcBxp/8Hl9keFr/hdKXQjI6n6N6oniWSL7vLMJnmL2RfIZ/4RAVxl0yfuAnrROk41LTjWe9LF330i27aUyJw0SLXsjixrWSQBXnBub37d5tN1r9kLzp+GoYXUDuO4IsdavlFUhkoUTsMlc+K3FLvWLQWKJ4jEw+lryb5UG99iqw5bdxKvuQCjgBhAOUAx3GxCPUEjgNiAcoBjuNiAeoZDAbUA4QDH8F6+B0TFVZzkoAAAAAElFTkSuQmCC)
no-repeat;
width: 24px;
height: 24px;
background-size: 100%;
margin-right: 10px;
}
.content-detail-back {
font-size: 16px;
}
.content-detail-back::after {
content: "\6211\7684\5DE5\5355";
}
.udesk-sdk-ticket .ticket-list-content-detail .content-detail-back {
color: #436ef3 !important;
}
@charset "UTF-8";
.header {
border-bottom: 1px solid #f3f3f3;
}
.hader-inner {
display: table;
height: 100px;
}
.wrap {
width: 1080px;
margin: 0 auto;
font-weight: 800;
font-family: PingFang-SC-Heavy, PingFang-SC;
}
.wrap .logo {
padding: 10px 0;
display: table-cell;
vertical-align: middle;
}
.wrap .logo img {
display: block;
width: 74px;
}
.wrap .header-nav {
float: right;
margin-top: 38px;
}
.wrap .header-nav .header-nav-list {
margin-right: 10px;
}
.wrap .header-nav .header-nav-list li {
float: left;
margin-left: 15px;
line-height: 1;
padding-left: 15px;
font-size: 14px;
color: #12141c;
}
.wrap .header-nav .header-nav-list a {
font-size: 14px;
color: #12141c;
}
.wrap .header-nav .header-nav-list span {
cursor: pointer;
}
.udesk-sdk-ticket--component-dynamic-form::before {
content: "\53CD\9988\5185\5BB9";
font-size: 20px;
margin: 40px 0 20px 0;
color: #12141c;
display: block;
font-weight: 800;
font-family: PingFang-SC-Heavy, PingFang-SC;
}
.field-input input,
.field-input textarea {
border-radius: 10px;
}
.field-input textarea {
height: 200px !important;
resize: none;
}
.field-input input {
width: 469px !important;
height: 46px !important;
}
.udesk-sdk-ticket-input-button {
width: 162px;
height: 43px;
background: #4972f1 !important;
border-radius: 8px;
color: #fff;
font-size: 16px !important;
margin: 50px 0 !important;
border: none;
}
.udesk-sdk-ticket {
border-bottom: 10px solid #f9f9fb;
}
.show-field-list {
display: none;
}
.udesk-sdk-ticket
.udesk-sdk-ticket--component-dynamic-form
.dynamic-field-list
.dynamic-field-item {
margin-top: 10px !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket--component-dynamic-form
.dynamic-field-list
.dynamic-field-item
.field-label {
display: none !important;
}
.udesk-sdk-ticket--component-dynamic-form .dynamic-field-list::before {
content: "\7D27\6025\95EE\9898\8BF7\52A0\5BA2\670D\5FAE\4FE1 lanhuhu0923";
color: #12141c;
opacity: 1;
font-size: 12px;
}
.udesk-sdk-ticket-new-ticket
.udesk-sdk-ticket-component-attachment-upload:before {
content: "\6709\56FE\7247\3001\89C6\9891\6216\8BBE\8BA1\6E90\6587\4EF6\8BF7\6DFB\52A0\9644\4EF6\FF0C\5E2E\52A9\6211\4EEC\66F4\5FEB\5B9A\4F4D\95EE\9898\3002";
color: #12141c;
opacity: 0.3;
font-size: 12px;
}
.udesk-sdk-ticket-list::before {
content: "\6211\7684\53CD\9988";
font-size: 20px;
margin: 40px 0 20px 0;
color: #12141c;
display: block;
font-weight: 800;
font-family: PingFang-SC-Heavy, PingFang-SC;
}
.ticket-table thead .ticket-table-thead-th {
background: #f9f9fb !important;
border-left: none !important;
font-weight: 600;
color: #3a3a3a;
font-size: 16px;
}
table {
border-collapse: separate !important;
border-spacing: 0 !important;
border-top: 0 !important;
border-radius: 10px;
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
}
table tr:first-child th:first-child {
border-top-left-radius: 10px;
}
table tr:first-child th:last-child {
border-top-right-radius: 10px;
}
table tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
.ticket-table .ticket-table-tbody-td,
.ticket-table .ticket-table-thead-th {
height: 40px !important;
line-height: 40px !important;
}
.ticket-table .ticket-table-tbody-td {
font-size: 14px;
font-weight: 500;
color: #12141c;
opacity: 0.9;
}
.field-label {
color: #12141c;
opacity: 0.9;
}
.attachment-upload-button {
width: 110px;
height: 110px;
border-radius: 10px;
border: 1px solid rgba(18, 20, 28, 0.15);
text-align: center;
line-height: 145px;
color: #12141c;
opacity: 0.5;
margin-top: 26px;
}
.attachment-upload-button input {
width: 100% !important;
height: 100% !important;
}
.attachment-upload-button:active {
color: #12141c !important;
}
.attachment-upload-button::before {
content: "";
background: url(data:image/png;base64,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)
no-repeat;
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
background-size: 100%;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -30px;
}
.attachment-upload-input {
margin-top: 26px !important;
}
.udesk-sdk-ticket .udesk-sdk-ticket-new-ticket,
.udesk-sdk-ticket-list {
width: 1080px !important;
margin: 0 auto !important;
}
.dynamic-field-list {
width: 100%;
}
.udesk-sdk-ticket-list {
width: 100%;
}
.udesk-sdk-ticket-select-list-wrap {
display: none;
}
.content-guidance {
display: none;
}
.udesk-sdk-ticket .udesk-sdk-ticket-detail .ticket-detail-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-detail
.ticket-detail-content
.ticket-remark-box {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-detail
.ticket-detail-content
.ticket-detail-log-list {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.udesk-sdk-ticket
.udesk-sdk-page-pagination
.udesk-sdk-page-pagination-pull-right
.udesk-sdk-page-pagination-pages
.udesk-sdk-page-pagination-current {
background-color: #4972f1 !important;
border: #4972f1;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-detail
.ticket-detail-content
.ticket-remark-box {
border-bottom: 1px solid rgba(18, 20, 28, 0.1) !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item
.log-content {
padding-left: 84px !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item
.log-header
.log-header-image {
width: 64px !important;
height: 64px !important;
margin-right: 20px !important;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item
.log-header
.log-header-info
.log-header-info-user {
color: #323541;
font-size: 16px;
padding: 4px 0 !important;
}
.log-header-info-time {
color: #323541;
font-size: 14px;
opacity: 0.6;
padding-bottom: 6px !important;
}
.view-content {
padding: 3px 0 16px 0 !important;
color: #12141c;
font-size: 14px;
}
.udesk-sdk-ticket
.udesk-sdk-ticket-component-log-list
.log-list-content
.log-list-content-item {
border-bottom: 1px solid rgba(18, 20, 28, 0.1) !important;
}
.udesk-sdk-ticket-list .udesk-sdk-ticket-component-text-area {
height: 200px !important;
resize: none;
border-radius: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.udesk-sdk-ticket-list .udesk-sdk-ticket-common-rick-text::before {
content: "\95EE\9898\63CF\8FF0";
color: #12141c;
opacity: 0.9;
display: block;
margin: 5px 0;
}
.icon-fanhui {
vertical-align: middle;
}
.content-detail-back .icon-fanhui::before {
content: "";
display: inline-block;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACu0lEQVRoQ+1YvWsTYRh/nktC2nyoFHFxUhd1cxHExXiJELDo5OQfYBFzKUWDFlsjKlX8SA4cdHFwEVykWFqaVBxc3KSIRcRFUVo/qJpLW429n5jSYLykLXnexgbvxsDv6/m97733hqnFH25x/+QG+NcNug24DQgn4C4h4QDFcLcB8QiFBP9XA7Fk4TjAvcyUymVCd4XDUwJfcQMxo3jGhn1xQZWhMXflssFbSlwISFYUQE9al8nGqb91WKNIPhN+LNAXQ5cMAIBjhnUTRF0O88xv2zRtz8MbgXdiFwKCugH6++F98qV4h4CjTvP0iuCJ5s3AG4G2EmjNAHET/h+vrXsEOuxQYR4PEh0YzIamlDgQkjgCdJ5DYGa6+ICAWI1l89TfHowPDfC0UFcZvCpANIX1NGcNAbS3xuQfdWwIHrqfZkuZugKiSoDOHmycLRVHQdhVY80P+raFjgwn+LsCTaUU5QAHu2c2z9nzOYB2OMwTfSMmk0krKVUWkNmgyTEzeLt8IunJ2a1sz+dB2CLgbDp0zAyXh8/RRGECRNub7kAoWAmgG9ZVAnqEfE2HVwL8VtaTVoZsGE130aAgE33Mm+FN5SW0yFGvCSb6Cs0T7+D2Zw3qKYftXEeldJp/VgUoN2FYAwSkaryJPnuZ949kQ+PK3QgJHSdxNFG4AKJe50FGnzygyKgZfi7UVAqv+S2kG4U0gfqcBxp/8Hl9keFr/hdKXQjI6n6N6oniWSL7vLMJnmL2RfIZ/4RAVxl0yfuAnrROk41LTjWe9LF330i27aUyJw0SLXsjixrWSQBXnBub37d5tN1r9kLzp+GoYXUDuO4IsdavlFUhkoUTsMlc+K3FLvWLQWKJ4jEw+lryb5UG99iqw5bdxKvuQCjgBhAOUAx3GxCPUEjgNiAcoBjuNiAeoZDAbUA4QDH8F6+B0TFVZzkoAAAAAElFTkSuQmCC)
no-repeat;
width: 24px;
height: 24px;
background-size: 100%;
margin-right: 10px;
}
.content-detail-back {
font-size: 16px;
}
.content-detail-back::after {
content: "\6211\7684\53CD\9988";
}
.udesk-sdk-ticket .ticket-list-content-detail .content-detail-back {
color: #436ef3 !important;
}
* {
margin: 0;
padding: 0;
}
.canvas {
background: #000;
}
.canvas .l-header {
top: 0 !important;
}
.canvas .l-header .logo div {
background: url(data:image/png;base64,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)
no-repeat;
background-size: 100%;
width: 74px;
height: 28px;
}
.canvas .l-header .logo img {
display: none;
}
.canvas .header-ul {
color: #fff !important;
}
.canvas .newCanvasTip {
display: none;
}
.canvas .l-secondary {
color: #fff !important;
background: url(data:image/png;base64,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)
no-repeat !important;
background-size: 100% !important;
width: 102px;
height: 42px;
}
.canvas .top_title {
height: 930px;
background-size: cover;
overflow: hidden;
max-width: 1440px;
margin: auto;
}
.canvas .top_title img {
margin: auto;
}
.canvas .top_title .name {
width: 788px;
margin-top: 173px;
}
.canvas .top_title .qifei {
width: 609px;
margin-top: 95px;
}
.canvas .top_title .bg-tl {
width: 359px;
position: absolute;
left: 0;
top: 575px;
}
.canvas .top_title .bg-tr {
position: absolute;
width: 238px;
top: 403px;
right: 0;
}
.canvas .top_title .detail {
font-weight: 600;
font-size: 16px;
line-height: 36px;
color: #fff;
opacity: 0.8;
text-align: center;
margin-top: 80px;
}
.canvas .top_title .detail span {
font-weight: bold;
color: #2ebfb3;
}
.canvas .top_title .btn {
margin: auto;
width: 324px;
height: 56px;
background: url(data:image/png;base64,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)
center center;
background-size: 100%;
margin-top: 32px;
font-weight: bold;
font-size: 20px;
line-height: 56px;
color: #fff;
text-align: center;
}
.canvas .top_title .btn span {
opacity: 0.85;
}
.canvas .top_title .btn:hover {
cursor: pointer;
background: url(data:image/png;base64,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)
center center;
background-size: 100%;
}
.canvas .top_title .btn:hover span {
opacity: 1;
}
.canvas .content {
background: #000;
height: 940px;
position: relative;
overflow: hidden;
max-width: 1440px;
margin: auto;
}
.canvas .content .name {
width: 432px;
position: absolute;
top: 154px;
left: 88px;
z-index: 99;
}
.canvas .content .scoll-mask {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
opacity: 0.9;
}
.canvas .content .detail {
font-weight: 700;
font-size: 16px;
line-height: 36px;
color: #fff;
opacity: 0.8;
position: absolute;
width: 334px;
top: 326px;
left: 88px;
z-index: 99;
}
.canvas .content .detail span {
font-weight: bold;
color: #2ebfb3;
}
.canvas .content .bottom {
position: absolute;
left: 88px;
bottom: 109px;
color: #fff;
opacity: 0.5;
font-weight: 600;
font-size: 14px;
line-height: 36px;
z-index: 99;
}
.canvas .content .scroll {
background: url(https://lhcdn.lanhuapp.com/home/img/uilit.png) no-repeat;
background-size: cover;
width: 100%;
height: 100%;
opacity: 0.5;
}
.canvas .content .num {
position: absolute;
width: 617px;
right: 150px;
top: 380px;
}
.canvas .func {
height: 950px;
background: #000;
position: relative;
max-width: 1440px;
margin: auto;
}
.canvas .func .name {
width: 265px;
position: absolute;
top: 161px;
right: 88px;
z-index: 99;
}
.canvas .func .image {
width: 909px;
position: absolute;
top: 179px;
left: 0;
}
.canvas .func .text {
position: absolute;
right: 88px;
color: #fff;
opacity: 0.5;
font-weight: 600;
font-size: 14px;
line-height: 36px;
z-index: 99;
}
.canvas .func .bg3 {
position: absolute;
top: 0;
right: 250px;
width: 203px;
}
.canvas .func .text1 {
top: 330px;
}
.canvas .func .text2 {
bottom: 117px;
}
.canvas .func .s-title {
position: absolute;
color: #fff;
opacity: 0.8;
}
.canvas .praise {
height: 930px;
background: #000;
overflow: hidden;
position: relative;
max-width: 1440px;
margin: auto;
}
.canvas .praise .userMask {
position: absolute;
top: 0;
left: 404px;
width: 401px;
}
.canvas .praise .name {
font-weight: bold;
font-size: 54px;
line-height: 67px;
color: #fff;
opacity: 0.9;
text-align: center;
margin-top: 90px;
}
.canvas .praise .detail {
font-weight: 600;
font-size: 16px;
line-height: 36px;
color: #fff;
opacity: 0.8;
text-align: center;
margin-top: 18px;
}
.canvas .praise .detail span {
color: #2ebfb3;
font-weight: bold;
}
.canvas .praise .evaluate {
width: 1250px;
height: 543px;
margin: auto;
margin-top: 51px;
position: relative;
}
.canvas .praise .evaluate .user {
position: absolute;
}
.canvas .praise .evaluate .user img {
width: 34px;
height: 34px;
display: inline;
vertical-align: top;
}
.canvas .praise .evaluate .user div {
background: #2c2c2c;
display: inline-block;
color: rgba(255, 255, 255, 0.8);
padding: 12px 18px;
border-radius: 10px;
margin-left: 20px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.canvas .praise .evaluate .user div:hover {
cursor: pointer;
background: #a9ea7a;
color: rgba(0, 0, 0, 0.9);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.canvas .praise .evaluate .emoj1 {
position: absolute;
left: 475px;
top: 0;
width: 84px;
}
.canvas .praise .evaluate .emoj2 {
position: absolute;
top: 143px;
right: 127px;
width: 84px;
}
.canvas .praise .evaluate .emoj3 {
position: absolute;
bottom: 152px;
left: 295px;
width: 84px;
}
.canvas .praise .qq {
font-weight: 600;
font-size: 14px;
line-height: 36px;
color: #fff;
opacity: 0.5;
position: absolute;
right: 88px;
bottom: 50px;
}
.canvas .foot {
position: relative;
}
.canvas .foot .foot-con {
position: relative;
max-width: 1440px;
height: 940px;
margin: auto;
}
.canvas .foot .foot-con .name {
position: absolute;
width: 460px;
left: 88px;
top: 155px;
}
.canvas .foot .foot-con .btn {
width: 178px;
height: 56px;
position: absolute;
top: 484px;
left: 88px;
text-align: center;
line-height: 56px;
}
.canvas .foot .foot-con .btn .btn_bg {
width: 100%;
height: 100%;
position: absolute;
opacity: 0.4;
z-index: 1;
}
.canvas .foot .foot-con .btn .btn_bg:hover {
cursor: pointer;
opacity: 1;
}
.canvas .foot .foot-con .btn .btn_bg:hover + .btn_con {
opacity: 1;
}
.canvas .foot .foot-con .btn .btn_con {
width: 100%;
text-align: center;
opacity: 0.85;
}
.canvas .foot .foot-con .btn .btn_con span {
color: #fff;
font-weight: 600;
font-size: 20px;
}
.canvas .foot .foot-con .btn .btn_con img {
display: inline;
width: 23px;
}
.canvas .foot .foot-con .btn .text {
position: absolute;
left: 88px;
bottom: 95px;
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: #fff;
opacity: 0.5;
}
.canvas .foot .bg-b {
position: absolute;
width: 587px;
bottom: 780px;
left: 0;
}
.canvas .foot .path {
position: absolute;
bottom: 0;
right: 0;
width: 531px;
height: 689px;
}
@-webkit-keyframes scrollToTop-data-v-4d0c3a5b {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
@keyframes scrollToTop-data-v-4d0c3a5b {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
@keyframes scrollToTop-data-v-4d0c3a5b {
from {
-webkit-transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -50%, 0);
}
}
.logo_wrap[data-v-4d0c3a5b] {
position: absolute;
overflow: hidden;
font-size: 0;
display: inline-block;
right: 0;
}
.logo_wrap .mask[data-v-4d0c3a5b] {
position: absolute;
z-index: 10;
}
.logo_wrap .top_mask[data-v-4d0c3a5b] {
top: 0;
left: 0;
}
.logo_wrap .bottom_mask[data-v-4d0c3a5b] {
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.logo_wrap .line_odd[data-v-4d0c3a5b] {
height: 2664px;
width: 180px;
display: inline-block;
-webkit-animation: scrollToTop-data-v-4d0c3a5b 50s linear infinite;
animation: scrollToTop-data-v-4d0c3a5b 50s linear infinite;
margin-left: 50px;
}
.logo_wrap .line_odd .logo_img[data-v-4d0c3a5b] {
width: 100%;
display: inline-block;
}
.logo_wrap .line_even[data-v-4d0c3a5b] {
height: 2664px;
width: 180px;
display: inline-block;
-webkit-animation: scrollToTop-data-v-4d0c3a5b 30s linear infinite;
animation: scrollToTop-data-v-4d0c3a5b 30s linear infinite;
margin-left: 50px;
}
.logo_wrap .line_even .logo_img[data-v-4d0c3a5b] {
width: 100%;
display: inline-block;
}
.kefu-setting #udesk_container {
display: none;
}
.ts_main_wrapper {
height: 100vh;
position: relative;
background: black;
overflow: hidden;
}
.ts_main_wrapper .video_ts {
position: relative;
display: block;
overflow-x: hidden;
overflow-y: scroll;
min-height: 100%;
min-width: 100%;
-o-object-fit: fill;
object-fit: fill;
}
.ts_main_wrapper .text_wrapper {
overflow-x: hidden;
}
.ts_main_wrapper .text_wrapper .start_icon {
cursor: pointer;
z-index: 999;
position: absolute;
left: 50%;
top: 55%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
}
.ts_main_wrapper .text_wrapper .start_icon .icon_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .startNew {
z-index: 999;
position: absolute;
width: 512px;
height: 101px;
left: 50%;
top: 38%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ts_main_wrapper .startNew .start_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .main_wrapper {
width: 100vw;
height: 100vh;
overflow: hidden !important;
position: relative;
background-color: black;
}
.ts_main_wrapper .lanhu_logo {
z-index: 999;
position: absolute;
width: 85px;
height: 31.34px;
left: 40px;
top: 41px;
}
.ts_main_wrapper .lanhu_logo .lanhu_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .replay {
cursor: pointer;
z-index: 999;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
}
.ts_main_wrapper .replay .replay_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .add_us {
z-index: 999;
position: absolute;
left: 50%;
top: 60%;
width: 140px;
height: 52px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ts_main_wrapper .add_us .add_us_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .bg_view {
width: 100%;
height: 100%;
position: relative;
display: block;
-o-object-fit: fill;
object-fit: fill;
}
.ts_main_wrapper .share_wrapper {
cursor: pointer;
z-index: 999;
position: absolute;
width: 96px;
height: 40px;
right: 40px;
top: 40px;
}
.ts_main_wrapper .share_wrapper .share_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .copy_success {
z-index: 999;
position: absolute;
width: 259px;
height: 36px;
right: 40px;
top: 96px;
}
.ts_main_wrapper .copy_success .success_img {
width: 100%;
height: 100%;
}
.ts_main_wrapper .two_video {
width: 100vw;
height: 100vh;
position: absolute;
overflow: hidden;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ts_main_wrapper video::-internal-media-controls-download-button {
display: none;
}
.ts_main_wrapper video::-webkit-media-controls-enclosure {
overflow: hidden;
}
.ts_main_wrapper video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
@media screen and (max-width: 500px) {
.ts_main_wrapper .startNew {
width: 63.3vw;
height: 15.15vw;
}
}
/*---- variables ----*/
/*---- Mixins ----*/
.bgMainContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bgMainView {
width: 1000px;
text-align: center;
}
.bgMainView .contentLine {
font-size: 16px;
line-height: 30px;
}
.bgMainView .title2 {
font-weight: bold;
}
.bgMainView .title1 {
font-weight: bold;
font-size: 24px;
}
ul {
margin: 0;
padding: 0;
}
p {
margin: 0;
}
video {
display: block;
}
.seo_home_wrap {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.seo_home_wrap::-webkit-scrollbar {
width: 5px;
}
.seo_home_wrap::-webkit-scrollbar-thumb {
background-color: #b8bbc1;
border: 1px solid rgba(184, 187, 193, 0.1);
border-radius: 10px;
}
.seo_home_wrap .product-introduce-wrapper {
display: block;
}
.seo_home_wrap .mobile-sections {
display: none;
}
.seo_home_wrap .top-banner {
background: #436ef3;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
position: relative;
}
.seo_home_wrap .top-banner .content .title {
font-size: 1.1rem;
font-weight: 500;
line-height: 1.5;
}
.seo_home_wrap .top-banner .content .dsm-btn {
margin-left: 18px;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.5;
padding: 8px 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0.5rem;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.seo_home_wrap .top-banner .content .dsm-btn:hover {
background: rgba(255, 255, 255, 0.06);
}
.seo_home_wrap .top-banner .banner-close {
position: absolute;
right: 27px;
top: 24px;
}
.seo_home_wrap .top-banner .banner-close img {
width: 12px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor: pointer;
}
.seo_home_wrap .top-banner .banner-close img:hover {
opacity: 0.5;
}
.seo_home_wrap .banner-home .btn-wrapper {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.seo_home_wrap .banner-home .home-video-wrapper .video_box .video_main {
max-width: 775px;
padding-top: 25px;
margin: 45px auto 0 auto;
}
.seo_home_wrap .banner-home .home-video-wrapper .video_box .video_main video {
width: 100%;
border-radius: 0 0 4px 4px;
}
.seo_home_wrap .video_bg {
background: url(../static/spbj.png) left top/100% no-repeat;
background-size: contain;
}
.seo_home_wrap .product-title-wrapper {
padding-top: 60px;
}
.seo_home_wrap .product-title-wrapper .product-icons {
margin: 36px auto 0 auto;
width: 55%;
}
.seo_home_wrap .product-title-wrapper .product-icons .icons {
display: inline-block;
}
.seo_home_wrap .product-title-wrapper .product-icons .icons img {
width: 36px;
height: 36px;
}
.seo_home_wrap .design-title-wrapper {
text-align: center;
margin: 120px auto 72px auto;
}
.seo_home_wrap .design-title-wrapper .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.seo_home_wrap .design-title-wrapper .title span {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
position: relative;
color: rgba(18, 20, 28, 0.9);
}
.seo_home_wrap .design-title-wrapper .title span i {
display: inline-block;
position: absolute;
top: 2px;
right: -6px;
-webkit-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%);
background: -webkit-gradient(
linear,
left top,
right top,
from(#ff7e6c),
to(#ea5264)
);
background: -webkit-linear-gradient(left, #ff7e6c 0%, #ea5264 100%);
background: -o-linear-gradient(left, #ff7e6c 0%, #ea5264 100%);
background: linear-gradient(90deg, #ff7e6c 0%, #ea5264 100%);
width: 48px;
height: 21px;
text-align: center;
line-height: 21px;
color: white;
font-size: 12px;
font-weight: 600;
margin-top: 12px;
margin-left: 6px;
border-radius: 4px;
}
.seo_home_wrap .design-title-wrapper .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
color: rgba(18, 20, 28, 0.5);
margin-top: 12px;
}
.seo_home_wrap .design-title-wrapper .info {
margin-top: 2.4rem;
}
.seo_home_wrap .dsm-content-wrapper {
position: relative;
max-width: 1160px;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border: 1px solid rgba(18, 20, 28, 0.06);
border-radius: 16px;
margin: 0 auto;
}
.seo_home_wrap .dsm-content-wrapper video {
width: 100%;
height: 100%;
outline: none;
border-radius: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.seo_home_wrap .dsm-content-wrapper .video-play-btn {
width: 72px;
cursor: pointer;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.seo_home_wrap .dsm-content-wrapper .video-play-btn:hover {
opacity: 0.7;
}
.seo_home_wrap .axure-title-wrapper {
text-align: center;
width: 100%;
margin: 120px auto 72px auto;
}
.seo_home_wrap .axure-title-wrapper .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: rgba(18, 20, 28, 0.9);
}
.seo_home_wrap .axure-title-wrapper .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
color: rgba(18, 20, 28, 0.5);
margin-top: 12px;
margin-left:20%;
margin-right: 20%;
}
.seo_home_wrap .axure-title-wrapper .info {
margin-top: 2.4rem;
}
.seo_home_wrap .axure-content-wrapper .axure-list {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.seo_home_wrap .axure-content-wrapper .axure-list .axure-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
}
.seo_home_wrap .axure-content-wrapper .axure-list .axure-section:nth-child(1) {
margin-bottom: 60px;
}
.seo_home_wrap .customer-server-banner {
margin-top: 115px;
padding: 140px 0;
width: 100%;
background-color: #10101e;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.seo_home_wrap .customer-server-banner .content {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 0 60px;
}
.seo_home_wrap .customer-server-banner .content .banner_bg {
width: 100%;
padding-top: 4rem;
}
.seo_home_wrap .customer-server-banner .content .title {
font-size: 3rem;
font-weight: 600;
line-height: 1.5;
color: white;
}
.seo_home_wrap .customer-server-banner .content .desc {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
margin-top: 17px;
color: white;
opacity: 0.5;
}
.seo_home_wrap .customer-server-banner .content .learn-more-btn {
display: inline-block;
margin-top: 36px;
}
.seo_home_wrap .gov-server-banner {
margin-top: 0;
background-color: #507afb;
}
.seo_home_wrap .users-title-wrapper {
margin: 120px auto 72px auto;
}
.seo_home_wrap .user-comment-title {
margin: 120px auto 72px auto;
}
.seo_home_wrap .user-comment-title .user-logo {
padding-top: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
.seo_home_wrap .user-comment-title .user-logo li {
width: 100%;
height: 72px;
margin-right: 23px;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.seo_home_wrap .user-comment-title .user-logo li img {
width: 100%;
height: 4.8rem;
}
.seo_home_wrap .user-comment-title .user-logo li:hover {
opacity: 0.6;
}
.seo_home_wrap .user-comment-title .user-logo li:last-child {
margin-right: 0px;
}
.seo_home_wrap .user-comment-content {
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.seo_home_wrap .product-title-wrapper .product-icons {
width: 100%;
}
}
@media all and (max-width: 768px) {
.seo_home_wrap::-webkit-scrollbar {
width: 0px;
}
.seo_home_wrap .product-introduce-wrapper {
display: none;
}
.seo_home_wrap .mobile-sections {
display: block;
}
.seo_home_wrap .top-banner .content {
width: 280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.seo_home_wrap .top-banner .content .title {
word-break: break-all;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.seo_home_wrap .top-banner .content .dsm-btn {
white-space: nowrap;
}
}
.page .bd1 .bd12 .main17 .section2[data-v-39122f74] {
cursor: pointer;
}
.vue-codemirror .CodeMirror {
height: 100%;
width: 100%;
}
.vue-codemirror .CodeMirror-scroll {
background-color: #202020;
}
.vue-codemirror .CodeMirror-scroll .CodeMirror-gutters {
background-color: #202020;
width: 1px;
}
.vue-codemirror .cm-s-ayu-dark .cm-variable {
color: #39bae6 !important;
}
.vue-codemirror .cm-s-ayu-dark .cm-operator {
color: #39bae6 !important;
}
.vue-codemirror .cm-s-ayu-dark .cm-string-2 {
color: #39bae6 !important;
}
.vue-codemirror .CodeMirror-vscrollbar {
right: 8px;
}
.vue-codemirror .CodeMirror-hscrollbar {
bottom: 8px;
}
.vue-codemirror .CodeMirror-scrollbar-filler {
opacity: 0;
}
.vue-codemirror .CodeMirror .CodeMirror-vscrollbar {
opacity: 0 !important;
}
.vue-codemirror .CodeMirror .CodeMirror-hscrollbar {
opacity: 0 !important;
}
.vue-codemirror .CodeMirror .CodeMirror-linenumber {
min-width: none;
}
.vue-codemirror .CodeMirror:hover .CodeMirror-vscrollbar {
opacity: 1 !important;
}
.vue-codemirror .CodeMirror:hover .CodeMirror-hscrollbar {
opacity: 1 !important;
}
.vue-codemirror .CodeMirror .CodeMirror-code .line-highlight .CodeMirror-line {
opacity: 1;
}
.vue-codemirror .CodeMirror ::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: rgba(255, 255, 255, 0);
}
.vue-codemirror .CodeMirror ::-webkit-scrollbar-thumb {
border-radius: 6px;
width: 6px;
height: 6px;
-webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
background-color: rgba(0, 0, 0, 0.4);
}
.CodeMirror {
font-family: monospace;
height: 300px;
color: #000;
direction: ltr;
}
.CodeMirror-lines {
padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding: 0 4px;
}
.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
background-color: #fff;
}
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker {
color: #000;
}
.CodeMirror-guttermarker-subtle {
color: #999;
}
.CodeMirror-cursor {
border-left: 1px solid #000;
border-right: none;
width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, 0.5);
}
.cm-animate-fat-cursor,
.cm-fat-cursor-mark {
-webkit-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
width: auto;
background-color: #7e7;
}
@-webkit-keyframes blink {
50% {
background-color: transparent;
}
}
@keyframes blink {
50% {
background-color: transparent;
}
}
.cm-tab {
display: inline-block;
text-decoration: inherit;
}
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden;
}
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute;
}
.cm-s-default .cm-header {
color: blue;
}
.cm-s-default .cm-quote {
color: #090;
}
.cm-negative {
color: #d44;
}
.cm-positive {
color: #292;
}
.cm-header,
.cm-strong {
font-weight: 700;
}
.cm-em {
font-style: italic;
}
.cm-link {
text-decoration: underline;
}
.cm-strikethrough {
text-decoration: line-through;
}
.cm-s-default .cm-keyword {
color: #708;
}
.cm-s-default .cm-atom {
color: #219;
}
.cm-s-default .cm-number {
color: #164;
}
.cm-s-default .cm-def {
color: #00f;
}
.cm-s-default .cm-variable-2 {
color: #05a;
}
.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
color: #085;
}
.cm-s-default .cm-comment {
color: #a50;
}
.cm-s-default .cm-string {
color: #a11;
}
.cm-s-default .cm-string-2 {
color: #f50;
}
.cm-s-default .cm-meta,
.cm-s-default .cm-qualifier {
color: #555;
}
.cm-s-default .cm-builtin {
color: #30a;
}
.cm-s-default .cm-bracket {
color: #997;
}
.cm-s-default .cm-tag {
color: #170;
}
.cm-s-default .cm-attribute {
color: #00c;
}
.cm-s-default .cm-hr {
color: #999;
}
.cm-s-default .cm-link {
color: #00c;
}
.cm-invalidchar,
.cm-s-default .cm-error {
color: red;
}
.CodeMirror-composing {
border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22;
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
background: #e8f2ff;
}
.CodeMirror {
position: relative;
overflow: hidden;
background: #fff;
}
.CodeMirror-scroll {
overflow: scroll !important;
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none;
position: relative;
}
.CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent;
}
.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
position: absolute;
z-index: 6;
display: none;
outline: none;
}
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0;
bottom: 0;
}
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
.CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent;
}
.CodeMirror-lines {
cursor: text;
min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: 0.1px;
}
.CodeMirror-rtl pre {
direction: rtl;
}
.CodeMirror-code {
outline: none;
}
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
.CodeMirror-measure pre {
position: static;
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors,
div.CodeMirror-dragcursors {
visibility: visible;
}
.CodeMirror-selected {
background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0;
}
.CodeMirror-crosshair {
cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0;
}
.cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, 0.4);
}
.cm-force-border {
padding-right: 0.1px;
}
@media print {
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
.cm-tab-wrap-hack:after {
content: "";
}
span.CodeMirror-selectedtext {
background: none;
}
.cm-s-neo.CodeMirror {
background-color: #fff;
color: #2e383c;
line-height: 1.4375;
}
.cm-s-neo .cm-comment {
color: #75787b;
}
.cm-s-neo .cm-keyword,
.cm-s-neo .cm-property {
color: #1d75b3;
}
.cm-s-neo .cm-atom,
.cm-s-neo .cm-number {
color: #75438a;
}
.cm-s-neo .cm-node,
.cm-s-neo .cm-tag {
color: #9c3328;
}
.cm-s-neo .cm-string {
color: #b35e14;
}
.cm-s-neo .cm-qualifier,
.cm-s-neo .cm-variable {
color: #047d65;
}
.cm-s-neo pre {
padding: 0;
}
.cm-s-neo .CodeMirror-gutters {
border: none;
border-right: 10px solid transparent;
background-color: transparent;
}
.cm-s-neo .CodeMirror-linenumber {
padding: 0;
color: #e0e2e5;
}
.cm-s-neo .CodeMirror-guttermarker {
color: #1d75b3;
}
.cm-s-neo .CodeMirror-guttermarker-subtle {
color: #e0e2e5;
}
.cm-s-neo .CodeMirror-cursor {
width: auto;
border: 0;
background: hsla(223, 4%, 62%, 0.37);
z-index: 1;
}
.cm-s-ayu-dark.CodeMirror {
background: #0a0e14;
color: #b3b1ad;
}
.cm-s-ayu-dark div.CodeMirror-selected {
background: #273747;
}
.cm-s-ayu-dark .CodeMirror-line::selection,
.cm-s-ayu-dark .CodeMirror-line > span::selection,
.cm-s-ayu-dark .CodeMirror-line > span > span::selection {
background: #273747;
}
.cm-s-ayu-dark .CodeMirror-line::-moz-selection,
.cm-s-ayu-dark .CodeMirror-line > span::-moz-selection,
.cm-s-ayu-dark .CodeMirror-line > span > span::-moz-selection {
background: #273747;
}
.cm-s-ayu-dark .CodeMirror-gutters {
background: #0a0e14;
border-right: 0;
}
.cm-s-ayu-dark .CodeMirror-guttermarker {
color: #fff;
}
.cm-s-ayu-dark .CodeMirror-guttermarker-subtle,
.cm-s-ayu-dark .CodeMirror-linenumber {
color: #3d424d;
}
.cm-s-ayu-dark .CodeMirror-cursor {
border-left: 1px solid #e6b450;
}
.cm-s-ayu-dark .cm-animate-fat-cursor,
.cm-s-ayu-dark.cm-fat-cursor .CodeMirror-cursor {
background-color: #a2a8a175 !important;
}
.cm-s-ayu-dark span.cm-comment {
color: #626a73;
}
.cm-s-ayu-dark span.cm-atom {
color: #ae81ff;
}
.cm-s-ayu-dark span.cm-number {
color: #e6b450;
}
.cm-s-ayu-dark span.cm-comment.cm-attribute {
color: #ffb454;
}
.cm-s-ayu-dark span.cm-comment.cm-def,
.cm-s-ayu-dark span.cm-comment.cm-tag {
color: #39bae6;
}
.cm-s-ayu-dark span.cm-comment.cm-type {
color: #5998a6;
}
.cm-s-ayu-dark span.cm-attribute,
.cm-s-ayu-dark span.cm-property {
color: #ffb454;
}
.cm-s-ayu-dark span.cm-keyword {
color: #ff8f40;
}
.cm-s-ayu-dark span.cm-builtin {
color: #e6b450;
}
.cm-s-ayu-dark span.cm-string {
color: #c2d94c;
}
.cm-s-ayu-dark span.cm-variable {
color: #b3b1ad;
}
.cm-s-ayu-dark span.cm-variable-2 {
color: #f07178;
}
.cm-s-ayu-dark span.cm-variable-3 {
color: #39bae6;
}
.cm-s-ayu-dark span.cm-type {
color: #ff8f40;
}
.cm-s-ayu-dark span.cm-def {
color: #fe9;
}
.cm-s-ayu-dark span.cm-bracket {
color: #f8f8f2;
}
.cm-s-ayu-dark span.cm-tag {
color: #39bae6;
}
.cm-s-ayu-dark span.cm-header {
color: #c2d94c;
}
.cm-s-ayu-dark span.cm-link {
color: #39bae6;
}
.cm-s-ayu-dark span.cm-error {
color: #f33;
}
.cm-s-ayu-dark .CodeMirror-activeline-background {
background: #01060e;
}
.cm-s-ayu-dark .CodeMirror-matchingbracket {
text-decoration: underline;
color: #fff !important;
}
.codetype-list[data-v-762ca7ac] {
margin: 0;
padding: 0;
list-style: none;
width: 26vw;
-webkit-animation: 6s wordsLoop-data-v-762ca7ac linear infinite;
animation: 6s wordsLoop-data-v-762ca7ac linear infinite;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.codetype-list li[data-v-762ca7ac] {
display: inline-block;
font-weight: bold;
background-image: -webkit-linear-gradient(
162deg,
#fa9191 0%,
#b491fd 50%,
#ffe190 100%
);
background-image: -o-linear-gradient(
162deg,
#fa9191 0%,
#b491fd 50%,
#ffe190 100%
);
background-image: linear-gradient(
288deg,
#fa9191 0%,
#b491fd 50%,
#ffe190 100%
);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-animation: 3s background-change-data-v-762ca7ac linear infinite;
animation: 3s background-change-data-v-762ca7ac linear infinite;
white-space: nowrap;
}
@-webkit-keyframes wordsLoop-data-v-762ca7ac {
0% {
-webkit-transform: translateY(-83%);
transform: translateY(-83%);
}
10% {
-webkit-transform: translateY(-68%);
transform: translateY(-68%);
}
11% {
-webkit-transform: translateY(-69%);
transform: translateY(-69%);
}
20% {
-webkit-transform: translateY(-68%);
transform: translateY(-68%);
}
30% {
-webkit-transform: translateY(-49%);
transform: translateY(-49%);
}
31% {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
40% {
-webkit-transform: translateY(-49%);
transform: translateY(-49%);
}
50% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%);
}
51% {
-webkit-transform: translateY(-34%);
transform: translateY(-34%);
}
60% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%);
}
70% {
-webkit-transform: translateY(-16.5%);
transform: translateY(-16.5%);
}
71% {
-webkit-transform: translateY(-17.5%);
transform: translateY(-17.5%);
}
80% {
-webkit-transform: translateY(-16.5%);
transform: translateY(-16.5%);
}
90% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
91% {
-webkit-transform: translateY(-1%);
transform: translateY(-1%);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes wordsLoop-data-v-762ca7ac {
0% {
-webkit-transform: translateY(-83%);
transform: translateY(-83%);
}
10% {
-webkit-transform: translateY(-68%);
transform: translateY(-68%);
}
11% {
-webkit-transform: translateY(-69%);
transform: translateY(-69%);
}
20% {
-webkit-transform: translateY(-68%);
transform: translateY(-68%);
}
30% {
-webkit-transform: translateY(-49%);
transform: translateY(-49%);
}
31% {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
40% {
-webkit-transform: translateY(-49%);
transform: translateY(-49%);
}
50% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%);
}
51% {
-webkit-transform: translateY(-34%);
transform: translateY(-34%);
}
60% {
-webkit-transform: translateY(-33%);
transform: translateY(-33%);
}
70% {
-webkit-transform: translateY(-16.5%);
transform: translateY(-16.5%);
}
71% {
-webkit-transform: translateY(-17.5%);
transform: translateY(-17.5%);
}
80% {
-webkit-transform: translateY(-16.5%);
transform: translateY(-16.5%);
}
90% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
91% {
-webkit-transform: translateY(-1%);
transform: translateY(-1%);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes background-change-data-v-762ca7ac {
0% {
background-size: 100% 100%;
background-position: 0 0;
}
50% {
background-size: 300% 150%;
background-position: 100% 50%;
}
100% {
background-size: 100% 100%;
background-position: 0% 0%;
}
}
@keyframes background-change-data-v-762ca7ac {
0% {
background-size: 100% 100%;
background-position: 0 0;
}
50% {
background-size: 300% 150%;
background-position: 100% 50%;
}
100% {
background-size: 100% 100%;
background-position: 0% 0%;
}
}
.l-icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-normal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
padding: 0 20px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
height: 3.6rem;
width: 11.6rem;
border-radius: 0.75rem;
}
.l-normal:hover {
cursor: pointer;
}
.l-normal:hover {
-webkit-transform: translateY(-2%);
-ms-transform: translateY(-2%);
transform: translateY(-2%);
}
.l-small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
padding: 0 20px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
width: 6.8rem;
height: 2.8rem;
border-radius: 0.5rem;
}
.l-small:hover {
cursor: pointer;
}
.l-primary {
color: white;
background: #436ef3;
-webkit-box-shadow: 0px 5px 15px rgba(56, 93, 216, 0.15);
box-shadow: 0px 5px 15px rgba(56, 93, 216, 0.15);
}
.l-primary:hover {
background: #2f5ce6;
}
.l-secondary {
color: #436ef3;
background: #ecf0fe;
}
.l-secondary:hover {
background: #d9e2fd;
}
.l-primary-white {
color: #436ef3;
background: white;
-webkit-box-shadow: 0px 5px 15px rgba(56, 93, 216, 0.15);
box-shadow: 0px 5px 15px rgba(56, 93, 216, 0.15);
}
.l-primary-white:hover {
color: #2f5ce6;
}
.l-secondary-white {
color: white;
background: rgba(255, 255, 255, 0.15);
}
.l-secondary-white:hover {
background: rgba(255, 255, 255, 0.3);
}
.l-link {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.5;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-link i {
display: inline-block;
width: 23px;
height: 12px;
background-color: white;
background-image: none;
background-size: 23px 12px;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMwMTUyNyA0Ljc1MjIySDE4LjY3MThMMTUuNDIxIDEuNjkzNDdDMTUuMjQ1MiAxLjUyNDczIDE1LjI0NTIgMS4yNTk1NiAxNS40MjEgMS4xMTQ5MkwxNi40NTEzIDAuMTI2NTU4QzE2LjYyNzIgLTAuMDQyMTg2MSAxNi45MDM2IC0wLjA0MjE4NjEgMTcuMDc5NCAwLjEyNjU1OEwyMi44NjgxIDUuNTk1OTRDMjMuMDQ0IDUuNzY0NjkgMjMuMDQ0IDYuMDI5ODYgMjIuODY4MSA2LjE3NDVMMTcuMDc5NCAxMS44NzM0QzE2LjkwMzYgMTIuMDQyMiAxNi42MjcyIDEyLjA0MjIgMTYuNDUxMyAxMS44NzM0TDE1LjQyMSAxMC44ODUxQzE1LjI0NTIgMTAuNzE2MyAxNS4yNDUyIDEwLjQ1MTIgMTUuNDIxIDEwLjMwNjVMMTguNjcxOCA3LjAxODIySDAuMzAxNTI3QzAuMTUwNzYzIDcuMDE4MjIgMCA2Ljg5NzY5IDAgNi43Mjg5NFY1LjA0MTVDMCA0Ljg3Mjc1IDAuMTI1NjM2IDQuNzUyMjIgMC4zMDE1MjcgNC43NTIyMloiIGZpbGw9IiMzMjVFRTYiLz4KPC9zdmc+Cg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMwMTUyNyA0Ljc1MjIySDE4LjY3MThMMTUuNDIxIDEuNjkzNDdDMTUuMjQ1MiAxLjUyNDczIDE1LjI0NTIgMS4yNTk1NiAxNS40MjEgMS4xMTQ5MkwxNi40NTEzIDAuMTI2NTU4QzE2LjYyNzIgLTAuMDQyMTg2MSAxNi45MDM2IC0wLjA0MjE4NjEgMTcuMDc5NCAwLjEyNjU1OEwyMi44NjgxIDUuNTk1OTRDMjMuMDQ0IDUuNzY0NjkgMjMuMDQ0IDYuMDI5ODYgMjIuODY4MSA2LjE3NDVMMTcuMDc5NCAxMS44NzM0QzE2LjkwMzYgMTIuMDQyMiAxNi42MjcyIDEyLjA0MjIgMTYuNDUxMyAxMS44NzM0TDE1LjQyMSAxMC44ODUxQzE1LjI0NTIgMTAuNzE2MyAxNS4yNDUyIDEwLjQ1MTIgMTUuNDIxIDEwLjMwNjVMMTguNjcxOCA3LjAxODIySDAuMzAxNTI3QzAuMTUwNzYzIDcuMDE4MjIgMCA2Ljg5NzY5IDAgNi43Mjg5NFY1LjA0MTVDMCA0Ljg3Mjc1IDAuMTI1NjM2IDQuNzUyMjIgMC4zMDE1MjcgNC43NTIyMloiIGZpbGw9IiMzMjVFRTYiLz4KPC9zdmc+Cg==);
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-left: 8px;
margin-top: -2px;
}
.l-link:hover {
cursor: pointer;
color: rgba(255, 255, 255, 0.7);
}
.l-link:hover i {
background-color: rgba(255, 255, 255, 0.7);
-webkit-transform: translateX(15%);
-ms-transform: translateX(15%);
transform: translateX(15%);
}
.l-light-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
padding: 0 20px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: white;
}
.l-light-link:hover {
cursor: pointer;
}
.l-light-link img {
width: 23px;
height: 12px;
-webkit-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-light-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.l-light-link:hover img {
-webkit-transform: translateX(40%);
-ms-transform: translateX(40%);
transform: translateX(40%);
}
/*---- variables ----*/
/*---- Mixins ----*/
.l-card-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.l-card-list.grid-item {
width: 31.5%;
}
.l-card-list .l-card {
padding: 30px 0;
background: white;
border: 1px solid rgba(0, 0, 0, 0.04);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
box-shadow: 0px 4px 60px rgba(167, 167, 167, 0.1);
border-radius: 16px;
margin-bottom: 24px;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.l-card-list .l-card:hover {
-webkit-box-shadow: 0px 10px 80px rgba(167, 167, 167, 0.2);
box-shadow: 0px 10px 80px rgba(167, 167, 167, 0.2);
}
.l-card-list .l-card .content {
font-size: 1rem;
font-weight: 400;
line-height: 2.1;
margin-bottom: 2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
color: rgba(18, 20, 28, 0.7);
}
.l-card-list .l-card .person-info {
padding-left: 2.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-card-list .l-card .person-info .pic {
width: 4rem;
height: 4rem;
margin-right: 1.2rem;
}
.l-card-list .l-card .person-info .pic img {
width: 4rem;
height: 4rem;
display: block;
}
.l-card-list .l-card .person-info .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.l-card-list .l-card .person-info .text .name {
font-size: 1.2rem;
font-weight: 500;
line-height: 2.1;
color: rgba(18, 20, 28, 0.9);
}
.shejibutton1 {
/* width: 200px; */
height: 40px;
line-height: 40px;
padding: 0 16px;
text-align: center;
color: #537bf8;
background: #ffffff;
display: inline-block;
border-radius: 20px;
margin-bottom: 40px;
font-weight: 600;
}
.l-card-list .l-card .person-info .text .company {
margin-top: -0.2rem;
font-size: 1rem;
font-weight: 400;
line-height: 2.1;
color: rgba(18, 20, 28, 0.5);
}
@media only screen and (max-width: 1024px) {
.l-card-list.grid-item {
width: 48%;
}
}
@media only screen and (max-width: 768px) {
.l-card-list.grid-item {
width: 100%;
}
}