/*
graceUI.css
link   : grace.hcoder.net
author : 5213606@qq.com 深海
verson : 2.0

版权声明 : 
GraceUI 的版权约束是不能转售或者将 GraceUI 直接发布到公开渠道！
侵权必究，请遵守版权约定！
*/

/* div 全局样式 */
/* view{font-size:28upx; line-height:2em; color:#0E151D;} */

/* 方形按钮 */
.grace-box-btn {
    width: 70upx;
    height: 70upx;
    line-height: 70upx;
    padding: 0;
    text-align: center;
    font-size: 50upx;
}

/* flex 布局 */
.grace-flex {
    display: flex;
}

.grace-rows {
    display: flex;
    flex-direction: row;
}

.grace-columns {
    display: flex;
    flex-direction: column;
}

.grace-wrap {
    display: flex;
    flex-wrap: wrap;
}

.grace-nowrap {
    display: flex;
    flex-wrap: nowrap;
}

.grace-space-between {
    display: flex;
    justify-content: space-between;
}

.grace-flex-center {
    justify-content: center;
}

.grace-flex-vtop {
    align-items: flex-start;
}

.grace-flex-vcenter {
    align-items: center;
}

.grace-flex-vbottom {
    align-items: flex-end;
}

.grace-center-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.grace-relative {
    position: relative;
}

.grace-img-in {
    font-size: 0;
}

.grace-absolute-lt {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.grace-absolute-rt {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
}

.grace-absolute-lb {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
}

.grace-absolute-rb {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}

/* 吸顶容器 */
.grace-fixed-top {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
}

/* 九宫格 */
.grace-grids {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.grace-grids .items {
    width: 33.3%;
    padding: 8px 0;
    box-sizing: border-box;
}

.grace-grids .icon {
    width: 100upx;
    height: 100upx;
    margin: 0 auto;
    line-height: 100upx;
    text-align: center;
    font-size: 0;
}

.grace-grids .icon span {
    font-size: 60upx;
}

.grace-grids .icon img {
    width: 100%;
    border-radius: 6upx;
}

.grace-grids .text {
    line-height: 2em;
    text-align: center;
    font-size: 26upx;
    margin-top: 5px;
}

/* 内外间距 */
.grace-padding {
    padding: 0 15px;
}

.grace-margin {
    margin: 0 15px;
}

.grace-margin-top {
    margin-top: 15px;
}

/* 文字颜色 */
.grace-black {
    color: #0E151D;
}

.grace-white {
    color: #FFFFFF;
}

.grace-blue {
    color: #3688FF;
}

.grace-light-blue {
    color: #AFCFFF;
}

.grace-blue-sky {
    color: #61CBEF;
}

.grace-gray {
    color: #A5A7B2;
}

.grace-red {
    color: #E76B61;
}

.grace-yellow {
    color: #FFCC00;
}

.grace-light-yellow {
    color: #ECD1A8;
}

.grace-green {
    color: #9DD26D;
}

/* 背景颜色 */
.grace-bg-black {
    background: #0E151D !important;
    color: #FFFFFF !important;
}

.grace-bg-white {
    background: #FFFFFF !important;
    color: #0E151D !important;
}

.grace-bg-blue {
    background: #3688FF !important;
    color: #FFFFFF !important;
}

.grace-bg-blue-sky {
    background: #61CBEF !important;
    color: #FFFFFF !important;
}

.grace-bg-gray {
    background: #A5A7B2 !important;
    color: #FFFFFF !important;
}

.grace-bg-red {
    background: #E76B61 !important;
    color: #FFFFFF !important;
}

.grace-bg-green {
    background: #9DD26D !important;
    color: #FFFFFF !important;
}

.grace-bg-yellow {
    background: #FFCC00 !important;
    color: #FFFFFF !important;
}

.grace-bg-light-blue {
    background: #AFCFFF !important;
    color: #FFFFFF !important;
}

.grace-bg-light-yellow {
    background: #ECD1A8 !important;
    color: #FFFFFF !important;
}

/* 渐变背景 */
.grace-gtbg-blue {
    background-image: linear-gradient(45deg, #B100FF 0%, #00B3FF 80%);
    color: #FFFFFF;
}

.grace-gtbg-pink {
    background-image: linear-gradient(45deg, #FF0066 0%, #CA00FF 80%);
    color: #FFFFFF;
}

.grace-gtbg-green {
    background-image: linear-gradient(45deg, #39B55A 0%, #8DC63E 80%);
    color: #FFFFFF;
}

.grace-gtbg-purple {
    background-image: linear-gradient(45deg, #F000EE 0%, #6E00FF 80%);
    color: #FFFFFF;
}

.grace-gtbg-orange {
    background-image: linear-gradient(160deg, #FFCD00 0%, #FF9B00 80%);
    color: #FFFFFF;
}

.grace-gtbg-blue-sky {
    background-image: linear-gradient(160deg, #00FFD5 0%, #008CFF 80%);
    color: #FFFFFF;
}

/* 背景图片 */
.grace-imgbg {
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.grace-imgbg-center {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.grace-imgbg-bc {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;
}

/* 边框 */
.grace-border {
    border: 1px solid #E9E9E9;
}

.grace-border-l {
    border-left: 1px solid #E9E9E9;
}

.grace-border-r {
    border-right: 1px solid #E9E9E9;
}

.grace-border-t {
    border-top: 1px solid #E9E9E9;
}

.grace-border-b {
    border-bottom: 1px solid #E9E9E9;
}

.grace-noborder {
    border: none !important;
}

/* 圆角 */
.grace-border-radius {
    border-radius: 100upx;
}

.grace-border-radius-small {
    border-radius: 20upx;
}

/* 阴影 */
.grace-box-shadow {
    box-shadow: 0px 0px 8px #D5D6D8;
}

.grace-shadow {
    position: relative;
}

.grace-shadow::before {
    content: "";
    display: block;
    background: inherit;
    filter: blur(6upx);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 8upx;
    left: 8upx;
    z-index: -1;
    opacity: 0.38;
    transform-origin: 0 0;
    border-radius: inherit;
    transform: scale(1, 1);
}

/*  文本  */
.grace-h1 {
    font-size: 80upx;
    line-height: 1.8em;
}

.grace-h2 {
    font-size: 60upx;
    line-height: 1.8em;
}

.grace-h3 {
    font-size: 45upx;
    line-height: 1.8em;
}

.grace-h4 {
    font-size: 32upx;
    line-height: 1.8em;
}

.grace-h5 {
    font-size: 30upx;
    line-height: 1.8em;
}

.grace-h6 {
    font-size: 28upx;
    line-height: 1.8em;
}

.grace-bold {
    font-weight: bold;
}

.grace-text {
    line-height: 2em;
}

.grace-text-small {
    font-size: 22upx;
    line-height: 1.8em;
}

.grace-line-through {
    text-decoration: line-through;
}

.grace-italic {
    font-style: italic;
}

.grace-indent {
    text-indent: 2em;
}

.grace-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grace-text-center {
    text-align: center;
}

.grace-center {
    text-align: center;
}

/* 标题及更多 */
.grace-title {
    padding: 16upx 0;
    line-height: 1.8em;
    display: flex;
    flex-wrap: nowrap;
    font-size: 28upx;
    justify-content: space-between;
    font-weight: 500;
}

/* #ifdef H5 */
.grace-title {
    padding: 16upx 0;
    line-height: 1.8em;
    display: flex;
    flex-wrap: nowrap;
    font-size: 28upx;
    justify-content: space-between;
    font-weight: 700;
}

/* #endif */
.grace-center-title {
    text-align: center;
}

.grace-center-title span {
    color: #B2B2B2;
    margin: 0 10px;
}

.grace-title-small-text {
    color: #B2B2B2 !important;
    font-size: 22upx;
}

.grace-more-bottom {
    font-size: 24upx;
    text-align: center;
    justify-content: center;
    padding: 15upx 0;
    line-height: 40upx;
}

.grace-more-bottom span {
    font-size: 24upx;
}

.grace-more {
    display: block;
    width: auto;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 22upx;
    color: #A5A7B2;
}

.grace-more span {
    font-size: 22upx;
    font-weight: 400;
}

/* 遮罩层 */
.grace-shade {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(255, 255, 255, 1);
}

.grace-shade-black {
    background: rgba(0, 0, 0, 0.5);
}

/* 模态对话框 */
.grace-shade-msg {
    width: 75%;
    padding: 20upx 30upx;
    text-align: center;
    border-radius: 5upx;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.grace-shade-msg .close-btn {
    text-align: right;
    font-size: 28upx;
    color: #E76B61;
    line-height: 1.5em;
}

.grace-shade-msg .body {
    padding-bottom: 20upx;
}

/* 轮播组件 */
.grace-swiper {
    width: 100%;
    height: 200upx;
    position: relative;
    overflow: hidden;
}

.grace-swiper swiper-item {
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.grace-swiper swiper-item img {
    width: 100%;
}

.grace-swiper .title {
    width: 100%;
    height: 68upx;
    line-height: 68upx;
    overflow: hidden;
    text-align: center;
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.grace-swiper swiper-item navigator {
    width: 100%;
}

.grace-swiper swiper-item navigator img {
    width: 100%;
}

/* 分类标签 */
.grace-class {
    white-space: nowrap;
}

.grace-class div {
    width: auto;
    padding: 0 18px;
    margin: 0 2px;
    line-height: 66upx;
    display: inline-block;
    border-radius: 50upx;
}

.grace-class div:first-child {
    margin-left: 0;
}

.grace-class div:last-child {
    margin-right: 0;
}

.grace-class .grace-current {
    background: #3688FF;
    color: #FFFFFF;
}

/* 普通标签 */
.grace-tags {
    display: inline-block;
    padding: 6upx 16upx;
    height: 30upx;
    line-height: 30upx;
    font-size: 18upx;
    background: #A5A7B2;
    color: #FFFFFF;
}

.grace-tags-large {
    display: inline-block;
    padding: 6upx 20upx;
    height: 40upx;
    line-height: 40upx;
    font-size: 24upx;
    background: #A5A7B2;
    color: #FFFFFF;
}

.grace-tbr {
    border-radius: 5upx;
}

.grace-tbr-large {
    border-radius: 40upx;
}

.grace-capsule {
    display: inline-flex;
    flex-wrap: nowrap;
}

.grace-capsule-icon {
    display: inline-block;
    padding: 12upx 15upx;
    height: 30upx;
    line-height: 30upx;
    font-size: 26upx;
    background: #3688FF;
    color: #FFFFFF;
}

.grace-icon-br {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.grace-capsule-text {
    display: inline-block;
    padding: 12upx 15upx;
    line-height: 26upx;
    height: 26upx;
    font-size: 26upx;
    border: 2upx solid #3688FF;
    color: #3688FF;
}

.grace-text-br {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* 列表 */
.grace-list {
    width: 100%;
    padding: 5px 0;
}

.grace-list .items {
    width: 100%;
    margin: 5px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.grace-list .items .icons {
    width: 44px;
    height: 44px;
    text-align: center;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 0;
}

.grace-list .grace-icons {
    font-size: 20px !important;
    width: 25px !important;
    line-height: 44px;
}

.grace-list .items .icons img {
    width: 44px;
    height: 44px;
    border-radius: 44px;
}

.grace-list .items .body {
    width: 100%;
    padding-top: 12px;
    margin-left: 18px;
    border-bottom: 1px solid #F8F8F8;
    padding-bottom: 12px;
}

.grace-list .items .title {
    font-size: 15px;
    width: 100%;
    overflow: hidden;
    line-height: 1.6em;
    display: flex;
    justify-content: space-between;
}

.grace-list .items .title span {
    font-size: 13px;
    color: #A5A7B2;
}

.grace-list .items .desc {
    font-size: 12px;
    color: #A5A7B2;
    line-height: 1.6em;
}

.grace-list .items .arrow-right {
    font-family: "grace-iconfont";
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    flex-shrink: 0;
}

.grace-list .items .arrow-right:before {
    content: "\e601";
    color: #B2B2B2;
}

.grace-list .items:last-child .body {
    border: none;
}

/* 图文卡片 */
.grace-img-card {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.grace-img-card .item {
    width: 48%;
    margin: 12upx 1%;
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.grace-img-card .item .img {
    width: 100%;
    font-size: 0;
    position: relative;
}

.grace-img-card .item .img img {
    width: 100%;
}

.grace-img-card .item .bgTitle {
    line-height: 1.6em;
    padding: 10upx 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    width: 100%;
    font-size: 22upx;
}

.grace-img-card .title {
    width: 100%;
    font-size: 26upx;
    margin-top: 3px;
    height: 50upx;
    line-height: 50upx;
}

.grace-img-card .more {
    display: flex;
    justify-content: space-between;
    line-height: 46upx;
    color: #E76B61;
}

.grace-img-card .more .btn {
    display: inline-block;
    border: 1px solid #E76B61;
    line-height: 30upx;
    padding: 6upx 16upx;
    border-radius: 3px;
    font-size: 20upx;
    color: #E76B61;
}

/* 滚动区域 */
.grace-scroll-x {
    width: 100%;
    display: flex;
    white-space: nowrap;
    height: auto;
}

.grace-scroll-x .items {
    width: 300upx;
    height: 200upx;
    vertical-align: top;
    margin: 0 10upx;
    display: inline-flex;
}

.grace-scroll-y {
    width: 100%;
    display: flex;
    font-size: 0;
    height: 200upx;
}

.grace-scroll-y .items {
    width: 100%;
    height: 200upx;
}

/* 徽章 */
.grace-badge {
    border-radius: 19px;
    height: 19px;
    line-height: 19px;
    padding: 0 6.5px;
    font-size: 11px;
    background: #D1D1D1;
}

.grace-badge-absolute {
    position: absolute;
    right: 0upx;
    top: 4upx;
    z-index: 1;
}

.grace-badge-point {
    width: 20upx;
    height: 20upx;
    border-radius: 12upx;
    position: absolute;
    right: 4upx;
    top: 4upx;
    z-index: 1;
    background: #FF0000;
}

.grace-badge-gender {
    width: 38upx;
    height: 38upx;
    border-radius: 30upx;
    text-align: center;
    font-size: 22upx !important;
    line-height: 38upx;
    position: absolute;
    right: 6upx;
    top: 4upx;
    z-index: 1;
}

/* 新闻列表 */
.grace-news-list {
    padding: 0;
}

.grace-news-list .item {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    padding: 6px 0;
    margin: 6px 0;
}

.grace-news-list .img {
    width: 110px;
    flex-shrink: 0;
    font-size: 0;
}

.grace-news-list .img img {
    width: 100%;
    border-radius: 2.5px;
}

.grace-news-list .img-l {
    margin-right: 12px;
}

.grace-news-list .img-r {
    margin-left: 12px;
}

.grace-news-list .body {
    width: 100%;
    overflow: hidden;
}

.grace-news-list .title {
    line-height: 1.5em;
    font-size: 30upx;
}

.grace-news-list .desc {
    line-height: 1.5em;
    color: #A5A7B2;
    font-size: 22upx;
    width: 100%;
    margin-top: 5px
}

.grace-news-list .desc span {
    margin-right: 6px;
}

.grace-news-list .imgsItem {
    width: 100%;
    padding: 12upx 0;
    margin: 12upx 0;
}

.grace-news-list .imgs {
    width: 100%;
    flex-wrap: wrap;
}

.grace-news-list .imgs {
    justify-content: space-between;
    width: 100%;
    display: flex;
    margin: 18upx 0;
    align-items: flex-start;
}

.grace-news-list .imgs img {
    width: 31.3%;
    margin: 10upx 1%;
    border-radius: 3px;
}

.grace-news-list .big-img {
    width: 100%;
    padding: 12upx 0;
    margin: 12upx 0;
}

.grace-news-list .big-img img {
    width: 100%;
    border-radius: 3px;
    margin-top: 8px;
}

/* 卡片组件 */
.grace-card-view {
    margin-bottom: 30upx;
    box-shadow: 0px 0px 8px #E6E7E9;
    border-radius: 3px;
    background: #FFF;
    padding: 22upx 26upx;
}

.grace-card-view .body {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1upx solid #EEE;
    padding-bottom: 30upx;
}

.grace-card-view .body .img {
    width: 130upx;
    height: 130upx;
    flex-shrink: 0;
    margin-top: 6upx;
}

.grace-card-view .body .img img {
    width: 130upx;
    height: 130upx;
    border-radius: 80upx;
}

.grace-card-view .body .desc {
    width: 100%;
    margin: 0 30upx;
}

.grace-card-view .body .desc .title {
    line-height: 1.8em;
    font-weight: 700;
    font-size: 32upx;
}

.grace-card-view .body .desc .title span {
    color: #3688FF;
    margin-left: 15px;
    font-size: 26upx;
    font-weight: 400;
}

.grace-card-view .body .desc .text {
    line-height: 1.8em;
}

.grace-card-view .footer {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 16upx;
    justify-content: space-between;
}

.grace-card-view .footer div {
    width: 100%;
    font-size: 28upx;
    line-height: 1.8;
    text-align: center;
    border-right: 1px solid #EEE;
    color: #5E5E5E;
}

.grace-card-view .footer div:last-child {
    border: none;
}

.grace-card-view .footer .grace-icons:before {
    padding-right: 8px;
}

/* 选项卡 */
.grace-tab {
    padding: 0;
}

.grace-tab-title {
    white-space: nowrap;
    height: 104upx;
    text-align: center;
    background: #FFFFFF;
}

.grace-tab-title div {
    width: auto;
    padding: 0 28upx;
    margin: 0 16upx;
    height: 100upx;
    line-height: 100upx;
    display: inline-block;
    text-align: center;
    border-bottom: 4upx solid #FFFFFF;
    overflow: hidden;
}

.grace-tab-title div:first-child {
    margin-left: 0;
}

.grace-tab-title div:last-child {
    margin-right: 0;
}

.grace-tab-current {
    border-bottom: 4upx solid #3688FF !important;
    color: #3688FF;
    font-weight: 700;
}

.grace-tab-swiper {
    width: 100%;
    height: 350upx;
    overflow: hidden;
    padding: 0;
}

.grace-tab-swiper swiper-item {
    width: 100%;
}

.grace-tab-swiper swiper-item navigator {
    line-height: 70upx;
    width: 100%;
    display: block;
}

.grace-tab-swiper-full {
    width: 100%;
    height: auto;
}

.grace-tab-swiper-full swiper-item {
    width: 100%;
}

.grace-tab-swiper-full scroll-view {
    width: 100%;
    height: 100%;
}

/* 折叠面板 */
.grace-accordion {
    background: #FFFFFF;
}

.grace-accordion-items {
    overflow: hidden;
    border-bottom: 1px solid #F6F7F8;
}

.grace-accordion-items:last-child {
    border: none;
}

.grace-accordion-title {
    display: flex;
    flex-wrap: nowrap;
    width: 92%;
    justify-content: space-between;
    padding: 0 4% 0 4%;
    line-height: 88upx;
    height: 88upx;
    overflow: hidden;
    font-size: 30upx;
}

.grace-accordion .grace-current {
    background: #F6F7F8;
}

.grace-accordion-body {
    overflow: hidden;
}

/* 横向公告 */
.grace-box-banner {
    padding: 26upx 0;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    background: #FFF;
}

.grace-box-banner .garce-items {
    width: 100%;
    border-right: 1px solid #F1F2F3;
    justify-content: center;
    line-height: 1.5em;
    text-align: center;
}

.grace-box-banner .garce-items:last-child {
    border: none;
}

.grace-box-banner .garce-items div {
    justify-content: center;
    text-align: center;
}

.grace-box-banner .garce-items span text {
    font-size: 22rupx;
    color: #666;
}

.grace-box-banner .line1 {
    font-size: 36upx;
    line-height: 60upx;
    overflow: hidden;
}

.grace-box-banner .line1 span {
    font-size: 26upx;
    color: #666;
    line-height: 65upx;
    margin-left: 5upx;
}

.grace-box-banner .line2 {
    font-size: 26upx;
    color: #666;
    line-height: 32upx;
}

/* 表单 */
.grace-form {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.grace-form form {
    display: block;
    width: 100%;
    overflow: hidden;
}

.grace-form .grace-items {
    display: flex;
    border-bottom: 1px solid #F5F6F8;
    width: 100%;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 5px 0;
}

.grace-form .grace-items .grace-label {
    width: 65px;
    height: 40px;
    line-height: 40px;
    flex-shrink: 0;
    overflow: hidden;
    color: #5E5E5E;
}

.grace-form .grace-items .input {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: none;
    flex-shrink: 1;
    border: 0;
    text-align: right;
    padding: 10px 0;
    margin-left: 20px;
    color: #333333;
    font-size: 14px;
}

.grace-form .grace-items .other {
    width: 100%;
    padding: 0 10upx;
    line-height: 80upx;
    display: block;
    overflow: hidden;
    flex-shrink: 1;
    margin-left: 40upx;
    text-align: right;
}

.grace-form picker {
    width: 100%;
    height: 80upx;
    line-height: 80upx;
    color: #333333;
    background: none;
    border: 0;
    text-align: right;
}

.grace-form picker span {
    color: #333;
    font-size: 28upx;
}

.grace-form .grace-items picker span {
    justify-content: right;
    line-height: 80upx;
    font-size: 28upx;
}

.grace-form .grace-items picker span:after {
    content: "\e601";
    padding-left: 10upx;
    color: #888;
    font-family: "grace-iconfont" !important;
    font-size: 30upx;
}

.grace-form textarea {
    width: 100%;
    height: 60px;
    line-height: 1.2em;
    background: none;
    border: 0;
    padding:4px 0;
    font-size: 14px;
    color: #333333;
    text-align: left;
    margin-top: 5px;
}

@font-face {
    font-family: "grace-iconfonts";
    src: url('data:application/x-font-woff;charset=utf-8;base64,OLh6+EVGahJS0OU2yaKO26Kiu6Zv+fbC+9P6l/wm8ZwtrOU5zo2XwdDjj7ilb9szx6Pz8hzzU1DUMrbXMHC2NbU15WTlxOxUdK2llbX0DSSdFF0GClXLlRPIOJppGChZi5s6MnpKNvaqMLkwKoD8NsI9B7wqBANQgCNQhGDQgBAwhFKwhHGhBeDCDCOAI2YElRARjiAS2EBlMIQx4iGInC9nJQTHaVXQA5D37A2456D4BCO4gBKhATdCAWWEFskIYcQBnigDbEBX2IBwYQHyQhIThBohj9KScAF0gKAuQMEpALsJAHSEG+/kuiIgA4aBqIoCiQhzQx6qgEABMoBTShNDCC5oAC1AQWUAuIQRYwhzaCM7QFGOgo6EHXQAn6DDbQJNjjczuo4gsok+FuApClC9pt9nPwK3ehR05loNUk');
}

.grace-label-x {
    width: 100%;
    padding: 12upx 0;
    flex-shrink: 1;
    margin-left: 40upx;
}

.grace-label-x label {
    margin: 10upx;
    font-size: 28upx;
    color: #333333;
}

.grace-label-y {
    width: 100%;
    padding: 6px 0;
    flex-shrink: 1;
    margin-left: 20px;
}

.grace-form radio-group,
.grace-form checkbox-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.grace-label-y label {
    margin: 5px 0;
    font-size: 14px;
    width: 100%;
    color: #333333;
}

.grace-form-funs {
    width: 60upx;
    flex-shrink: 0;
    height: 80upx;
    text-align: right;
    line-height: 80upx;
    font-size: 36upx;
}

/* 可选标签 */
.grace-select-tags {
    padding: 10upx 0;
}

.grace-select-tags checkbox-group,
.grace-select-tags radio-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.grace-select-tags label {
    display: block;
    width: auto;
    overflow: hidden;
    padding: 20upx;
    height: 30upx;
    line-height: 30upx;
    margin: 6px;
    background: #F6F7F8;
    font-size: 26upx;
    border-radius: 8upx;
}

.grace-select-tags label checkbox,
.grace-select-tags label radio {
    display: none;
}

.grace-checked {
    background: #3688FF !important;
    color: #FFFFFF;
}

/* 底部导航 */
.grace-footer {
    position: fixed;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    height: 50px;
    overflow: hidden;
    box-shadow: 1px 1px 6px #888;
}

.grace-footer .icon-btn {
    width: 20%;
    height: 80upx;
    margin: 10upx 0;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #F1F2F3;
}

.grace-footer .icon-btn:last-child {
    border: none;
}

.grace-footer-center-btn {
    width: 90upx;
    height: 90upx;
    background: #FFFFFF;
    border-radius: 100upx;
    border: 10upx solid #F1F2F3;
    z-index: 3;
    position: fixed;
    bottom: 50upx;
    left: 325upx;
    font-size: 50upx;
    text-align: center;
    line-height: 90upx;
}

.grace-footer .icon-btn .icon {
    text-align: center;
    font-size: 40upx;
    line-height: 50upx;
}

.grace-footer .icon-btn .text {
    text-align: center;
    font-size: 22upx;
    line-height: 30upx;
}

.grace-footer .active {
    color: #E76B61 !important;
}

.grace-footer .active-blue {
    color: #3688FF !important;
}

.grace-footer button {
    width: 30%;
    border: none !important;
    float: right;
    font-size: 30upx;
    border-radius: 0;
    height: 100upx;
    line-height: 100upx;
}

.grace-footer button:after {
    width: 0;
    height: 0;
}

/* 轮播组件 */
.grace-swiper {
    width: 100%;
    height: 200upx;
    position: relative;
}

.grace-swiper swiper-item {
    width: 100%;
    height: 100%;
}

.grace-swiper swiper-item img {
    width: 100%;
}

.grace-swiper .title {
    width: 100%;
    height: 68upx;
    line-height: 68upx;
    overflow: hidden;
    text-align: center;
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.grace-swiper swiper-item navigator {
    width: 100%;
    height: 100%;
    text-align: center;
}

.grace-swiper swiper-item navigator img {
    width: 100%;
}

/* 滚动操作 */
.grace-scroll-do {
    width: 690upx;
}

.grace-scroll-do scroll-view {
    border-bottom: 1px solid #F3F4F5;
}

.grace-scroll-do scroll-div:last-child {
    border: none;
}

.grace-scroll-do .items {
    width: 690upx;
    flex-wrap: nowrap;
    overflow: hidden;
    height: 90upx;
    margin: 20upx 0;
    align-items: flex-start;
}

.grace-scroll-do .items .image {
    width: 90upx;
    height: 90upx;
    position: relative;
    margin-right: 30upx;
    flex-shrink: 0;
    font-size: 0;
}

.grace-scroll-do .items img {
    width: 90upx;
    height: 90upx;
    border-radius: 90upx;
}

.grace-scroll-do .items .contents {
    width: 100%;
    margin-right: 20upx;
}

.grace-scroll-do .items .contents .title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.grace-scroll-do .items .contents .title span {
    color: #888888;
    font-weight: 400;
    font-size: 22upx;
}

.grace-scroll-do .items .contents div {
    line-height: 1.8em !important;
}

.grace-scroll-do .btn {
    background: #FF3A30;
    color: #FFF;
    width: 130upx;
    height: 130upx;
    line-height: 130upx;
    justify-content: center;
    text-align: center;
    margin: 0;
    overflow: hidden;
    display: inline-flex;
}

.grace-scroll-do .btn-first {
    background: #3688FF;
}

/* 多功能菜单 - 纵向 */
.grace-popover-menu {
    width: 70px;
    height: auto;
    right: 0px;
    bottom: 88px;
    position: fixed;
    z-index: 9999;
}

.grace-popover-menu .item {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 12px 10px;
    overflow: hidden;
    box-shadow: 1px 0px 1px #C1C1C1;
}

.grace-popover-menu .item img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

/* 多功能菜单 - 横向 */
.grace-popover-menu-x {
    width: 100%;
    height: auto;
    left: 0px;
    bottom: 18px;
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.grace-popover-menu-x .item {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 8px;
    overflow: hidden;
    box-shadow: 1px -1px 2px #C1C1C1;
    flex-shrink: 0;
}

.grace-popover-menu-x .item img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.grace-popover-menu-x .itemCenter {
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 6px 10px;
    overflow: hidden;
    box-shadow: 1px 0px 1px #C1C1C1;
    flex-shrink: 0;
}

.grace-popover-menu-x .itemCenter img {
    width: 58px;
    height: 58px;
}

/* 动画 */
@keyframes grace-animate-rotateY360 {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

.grace-animate-rotateY360 {
    animation: 500ms linear grace-animate-rotateY360;
}

/* 评论列表 */
.grace-comments {
    padding: 2.5px 0;
}

.grace-comments .items {
    display: flex;
    flex-wrap: nowrap;
    padding: 6px 0;
    margin: 8px 0;
}

.grace-comments .face {
    width: 40px;
    height: 40px;
    font-size: 0;
    border-radius: 40px;
    margin-right: 10px;
    flex-shrink: 0;
    overflow: hidden;
}

.grace-comments .face img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.grace-comments .body {
    width: 100%;
}

.grace-comments .header {
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.5em;
    justify-content: space-between;
}

.grace-comments .header span {
    color: #3688FF;
}

.grace-comments .header span:last-child {
    color: #999999;
}

.grace-comments .info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    line-height: 1.5em;
    justify-content: space-between;
}

.grace-comments .info span {
    color: #999999;
    font-size: 11px;
    line-height: 1.5em;
    margin-top: 5px;
}

.grace-comments .content {
    line-height: 1.5em;
    font-size: 12px;
    color: #666666;
    padding: 6px 0;
}

.grace-comments .zan {
    color: #3688FF !important;
}

.grace-comments .grace-icons {
    color: #999999;
    font-size: 12px;
}

.grace-comments .grace-icons:before {
    margin-right: 5px;
}

.grace-comments .replay {
    background: #f8f8f8;
    font-size: 12px;
    color: #666666;
    border-radius: 3px;
    margin: 3px 0;
    padding: 10px;
    line-height: 1.5em;
}

.grace-comments .replay-btn {
    background: #F4F5F6;
    font-size: 10px;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 22px;
    margin: 5px 0;
    color: #333 !important;
}

.grace-comments .imgs {
    display: flex;
    justify-content: space-between;
    font-size: 0;
    flex-wrap: wrap;
    margin-top: 5px;
}

.grace-comments .imgs div {
    width: 31.3%;
    max-height: 90px;
    font-size: 0;
    margin: 3px 1%;
    overflow: hidden;
}

.grace-comments .imgs div img {
    width: 100%;
}

/* 搜索 */
.grace-search {
    width: 98%;
    padding: 6px 1%;
    height: 34px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
}

.grace-search .icons {
    width: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 28px;
    margin: 0 3px;
    flex-shrink: 0;
    color: #FFFFFF;
}

.grace-search-in {
    background: #FFFFFF;
    border-radius: 33px;
    overflow: hidden;
    display: flex;
    margin: 0 10px;
    flex-wrap: nowrap;
    width: 100%;
}

.grace-search-in .icons {
    color: #A5A7B2;
    font-size: 16px;
}

.grace-search input {
    width: 100%;
    background: #900;
    padding: 0 5px;
    border: 0;
    background: #FFF;
    height: 34px;
    line-height: 34px;
    margin: 0;
    color: #000;
}

.grace-search-taps {
    padding: 10upx 0;
    display: flex;
    flex-wrap: wrap;
}

.grace-search-taps div {
    padding: 2upx 20upx;
    border-radius: 30upx;
    margin-right: 15upx;
    margin-bottom: 15upx;
    font-size: 24upx;
    line-height: 40upx;
    border: 1px solid #D1D1D1;
    color: #A5A7B2;
}

/* 文件选择及预览 */
.grace-file-list {
    display: flex;
    flex-wrap: wrap;
}

.grace-file-list .add-btn {
    width: 31.3%;
    height: 210upx;
    margin: 5px 1%;
    background: #F3F4F5;
}

.grace-file-list .add-btn div {
    font-size: 28upx;
    height: 40upx;
    margin-top: 5px;
    line-height: 40upx;
    text-align: center;
    color: #999999;
    width: 100%;
}

.grace-file-list .add-btn div:first-child {
    font-size: 120upx !important;
    height: 80upx;
    line-height: 80upx;
    margin: 20upx 0;
}

.grace-file-list .items {
    width: 31.3%;
    position: relative;
    overflow: hidden;
    height: 210upx;
    margin: 5px 1%;
    font-size: 0;
    background: #F3F4F5;
}

.grace-file-list .items img {
    width: 100%;
}

.grace-file-list .items .remove {
    width: 50upx;
    height: 50upx;
    line-height: 50upx;
    text-align: center;
    font-size: 40upx;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

/* 普通表格 */
.grace-table {
    padding: 0;
}

.grace-table .title {
    flex-wrap: nowrap;
    display: flex;
}

.grace-table .title>view {
    line-height: 44px;
    width: 25%;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    background: #F4F5F6;
}

.grace-table .title>div:last-child {
    border-right: none;
}

.grace-table .body {
    flex-wrap: nowrap;
    display: flex;
}

.grace-table .body>view {
    line-height: 1.5em;
    padding: 10px 0;
    width: 25%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #E9E9E9;
    font-size: 28upx;
    border-right: 1px solid #E9E9E9;
}

.grace-table .body>div:last-child {
    border-right: none;
}

/* 数据表格 */
.grace-data-table {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

.grace-data-table .left {
    width: 200upx;
}

.grace-data-table .right {
    width: 539upx;
}

.grace-data-table .title {
    width: 100%;
    display: flex;
    height: 100upx;
    line-height: 100upx;
    background: #FFFFFF;
    overflow: hidden;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 2upx;
}

.grace-data-table .title div {
    line-height: 100upx;
    font-size: 30upx;
    text-align: center;
    width: 100%;
}

.grace-data-table .right scroll-view {
    width: 100%;
}

.grace-data-table .right .rows {
    width: 800upx;
    margin-top: 2upx;
    background: #FFFFFF;
    display: flex;
    flex-wrap: nowrap;
}

.grace-data-table .right .items {
    width: 25%;
    line-height: 100upx;
    text-align: center;
    overflow: hidden;
}

/* 时间轴 */
.grace-timeline {
    width: 100%;
    height: auto;
}

.grace-timeline .rows {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.grace-timeline .rows .left {
    width: 80upx;
    height: 100%;
    margin-right: 20px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.grace-timeline .rows .icons {
    width: 80upx;
    height: 80upx;
    line-height: 80upx;
    background: #FFFFFF;
    border-radius: 100%;
    text-align: center;
    color: #3688FF;
    font-size: 40upx;
}

.grace-timeline .rows .body {
    width: 100%;
    margin-left: 39upx;
    border-left: 4upx solid #E9E9E9;
    padding-top: 10upx;
    padding-bottom: 20upx;
}

.grace-timeline .rows .body .img {
    font-size: 0;
    margin-left: 70upx;
}

.grace-timeline .rows .body .img img {
    width: 100%;
    border-radius: 5px;
}

.grace-timeline .rows .body .text {
    padding: 25upx;
    line-height: 1.8em;
    margin-left: 70upx;
    background: #F4F5F6;
    border-radius: 5px;
}

.grace-timeline .rows .time {
    text-align: right;
    margin-left: 70upx;
    line-height: 1.8em;
    font-size: 22upx;
    color: #A5A7B2;
    margin-top: 8px;
}

/* 分类展示 */
.grace-cate {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    display: flex;
    flex-wrap: nowrap;
}

.grace-cate-left {
    display: flex;
    width: 26%;
    height: 100%;
    background: #F6F6F6;
    flex-shrink: 0;
}

.grace-cate-left div {
    width: 100%;
    line-height: 68px;
    font-size: 15px;
    border-bottom: 1px solid #EEE;
    text-align: center;
}

.grace-cate-left .item {
    width: 100%;
    line-height: 68px;
    font-size: 15px;
    border-bottom: 1px solid #EEE;
    text-align: center;
}

.grace-cate-left .current {
    background: #FFFFFF !important;
    color: #E2231A;
}

.grace-cate-right {
    width: 100%;
    height: 100%;
    display: flex;
    background: #FFFFFF;
    padding: 0 2%
}

.grace-cate-sons {
    padding: 15upx 3%;
    width: 94%;
}

.grace-cate-sons-title {
    line-height: 80upx;
    margin-top: 18upx;
    font-size: 30upx;
}

.grace-cate-sons-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #D1D1D1;
    padding-bottom: 22upx;
}

.grace-cate-sons-nav div {
    width: 29.3%;
    padding: 15upx 0;
    margin: 8upx 2%;
    color: #888;
    overflow: hidden;
}

/* 购物车 */
.grace-shoppingcard {
    background: #FFFFFF;
    border-radius: 5px;
    width: 94%;
    padding: 10upx 3%;
    margin-bottom: 20upx;
}

.grace-shoppingcard .shop-name {
    line-height: 1.8em;
    font-size: 30upx;
}

.grace-shoppingcard .goods {
    margin: 10upx 0;
    display: flex;
    flex-wrap: nowrap;
}

.grace-shoppingcard .goods img {
    width: 138upx;
    margin-right: 20upx;
    flex-shrink: 0;
}

.grace-shoppingcard .goods .body {
    width: 100%;
}

.grace-shoppingcard .goods .goods-title {
    line-height: 1.4em;
}

.grace-shoppingcard .goods .goods-price {
    margin-top: 10upx;
    color: #F00;
    font-size: 32upx;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.grace-shoppingcard .goods .goods-number {
    padding: 2px 0;
}

.grace-shoppingcard .goods-remove {
    display: flex;
    line-height: 50upx;
    margin-top: 30upx;
    color: #CCCCCC;
    font-size: 26upx;
    justify-content: flex-end;
}

.grace-shoppingcard .goods-remove span {
    color: #CCCCCC;
    margin-right: 20upx;
}

/* 条件筛选及排序 */
.grace-filter {
    width: 100%;
    background: #FFFFFF;
    position: fixed;
    height: 50px;
    z-index: 9;
    left: 0;
    top: 0;
    border-bottom: 1px solid #F2F3F4;
    display: flex;
    flex-wrap: nowrap;
}

.grace-filter .items {
    display: flex;
    flex-wrap: nowrap;
    width: 25%;
    justify-content: center;
    height: 50px;
    line-height: 50px;
}

.grace-filter .items span {
    margin-left: 10upx;
    font-size: 24upx;
}

.grace-filter-options {
    width: 100%;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    z-index: 10;
    padding: 2px 0;
    right: 0;
    top: 51px;
    background: #FFFFFF;
}

.grace-filter-options .option {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F8F8F8;
    text-indent: 2em;
    height: 100upx;
    line-height: 100upx;
}

.grace-filter-options .option span {
    margin-right: 30upx;
    font-size: 30upx;
    color: #F00;
    font-weight: 700;
}

.grace-filter-options .option:last-child {
    border: none;
}

.grace-filter-options .current {
    color: #F00;
    font-weight: 700;
}

.grace-filter-buttons {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    position: absolute;
    z-index: 11;
    left: 0;
    bottom: 0;
    height: 100upx;
    background: #FFF;
}

.grace-filter-buttons div {
    width: 50%;
    height: 100upx;
    line-height: 100upx;
    text-align: center;
    position: relative;
}

.grace-filter-buttons div:last-child {
    background: #FF0000;
    color: #FFF;
}

.grace-filter-buttons div button {
    opacity: 0;
    width: 100%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    height: 100upx;
}

/* 瀑布流 */
.grace-waterfall {
    width: 100%;
    display: flex;
    flex-wrap: no-wrap;
}

.grace-waterfall .list {
    width: 46%;
    margin: 0 2%;
}

.grace-waterfall .items {
    margin: 20upx 0;
    position: relative;
}

.grace-waterfall .items .imgs {
    width: 100%;
}

.grace-waterfall .items .title {
    line-height: 1.4em;
    font-size: 15px;
    margin-top: 8px;
}

.grace-waterfall .items .price {
    padding: 5px 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: 16px;
    line-height: 35px;
    color: #FF0036;
}

.grace-waterfall .items .tags {
    height: 30px;
    width: auto;
    line-height: 30px;
    font-size: 11px;
    background: #FF0036;
    color: #FFFFFF;
    padding: 0 10px;
    border-radius: 3px;
}

/* 骨架加载 */
.grace-skeleton {
    padding: 5px 0;
    background: #F1F2F3;
    border-radius: 8px;
}

/* 新闻详情 */
.grace-article-title {
    margin: 8px 12px;
    font-size: 24px;
    line-height: 1.8em;
    font-weight: 700;
}

.grace-article-author-line {
    margin: 5px 12px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.grace-article-author {
    display: flex;
    flex-wrap: nowrap;
}

.grace-article-author img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
}

.grace-article-author .author-name {
    line-height: 28px;
    padding-left: 5px;
}

.grace-article-author-line .btn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    padding: 0 10px;
    background: #00B26A;
    color: #FFFFFF;
}

.grace-article-info-line {
    margin: 8px 12px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.grace-article-info-line div {
    color: #888;
    line-height: 20px;
    font-size: 12px;
}

.grace-article-contents {
    margin: 15px 0;
}

.grace-article-contents .img-item {
    width: 100%;
    font-size: 0;
    margin: 8px 0;
}

.grace-article-contents .img-item img {
    width: 100%;
}

.grace-article-contents .text-item {
    margin: 8px 12px;
    line-height: 1.8em;
    font-size: 14px;
    color: #2F2F2F;
}

/* 模态对话框 */
.grace-dialog-btns {
    display: flex;
    width: 100%;
    padding: 10px 0;
    flex-wrap: nowrap;
}

.grace-dialog-btns div {
    width: 100%;
    border-right: 1px solid #F5F6F8;
}

.grace-dialog-btns div:last-child {
    border: 0;
}

.grace-dialog-btns button {
    width: 100%;
    padding: 0;
    text-align: center;
    background: none;
    border: none;
    box-shadow: none;
    height: 25px;
    font-size: 14px;
    color: #888888;
    line-height: 25px;
    border-radius: 0;
}

.grace-dialog-btns button:after {
    width: 0;
    height: 0;
    border: 0;
}

.grace-dialog-btns .button-hover {
    background: none;
    color: #3688FF;
}

.grace-btdialog-btns {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    background: #FFFFFF;
    justify-content: space-between;
}

.grace-btdialog-btns div {
    display: inline-block;
    padding: 0 20px;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
}

/* 编辑器 */
.grace-editor {
    margin: 15px;
}

.grace-editor .title {
    padding-bottom: 12px;
    border-bottom: 1px solid #F1F2F3;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.grace-editor .title textarea {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    background: none;
    line-height: 26px;
}

.grace-editor .content {
    padding: 20px 0;
}

.grace-editor .content .empty {
    color: #999999;
    text-align: center;
}

.grace-editor .add-item {
    text-align: center;
    position: relative;
    margin-top: 5px;
    color: #8788A3;
}

.grace-editor .menus {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    background: #F8F8F8;
    border-radius: 5px;
}

.grace-editor .menus .icon {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px !important;
}

.grace-editor .content .item {
    padding: 5px 0;
    width: 100%;
    line-height: 2.2em;
}

.grace-editor .content .input-txt {
    background: none;
    width: 100%;
    border: none;
    font-size: 28upx;
    line-height: 36upx;
    padding: 5px 0;
}

.grace-editor .content .imgs {
    margin: 8px 0;
    font-size: 0;
}

.grace-editor .content .imgs img {
    width: 100%;
    border-radius: 5px;
}

.grace-editor .content .quote {
    background: none;
    border: none;
    margin: 8px 0;
    border-radius: 3px;
    width: 92%;
    background: #F8F8F8;
    line-height: 1.8em;
    padding: 15px 4%;
}

.grace-editor .content .strong {
    background: none;
    font-weight: 600;
    width: 100%;
    border: none;
    font-size: 30upx;
    line-height: 36upx;
    padding: 5px 0;
}

.grace-editor .content .spline {
    padding: 10px 0;
    text-align: center;
    color: #8788A3;
    font-size: 20upx;
    opacity: 0.6;
}

.grace-editor .content .center {
    background: none;
    width: 200upx;
    text-align: center;
    border: none;
    font-size: 28upx;
    line-height: 60upx;
    padding: 5px 18px;
    border-bottom: 2px solid #C1C1C1;
    font-size: 30upx;
    font-weight: 600;
}

.grace-editor .content .center-title {
    text-align: center;
    border: none;
    font-size: 28upx;
    line-height: 60upx;
    padding: 10px 0;
    border-bottom: 2px solid #F4F5F6;
    font-size: 30upx;
    font-weight: 600;
    display: inline-block;
}

.grace-editor .content .link {
    background: none;
    line-height: 32upx;
    padding: 5px 0;
    color: #007AFF;
}

/*
graceIcons.css
link   : grace.hcoder.net
author : 5213606@qq.com 深海
verson : 2.0

版权声明 : 
GraceUI 的版权约束是不能转售或者将 GraceUI 直接发布到公开渠道！
侵权必究，请遵守版权约定！
*/
@font-face {
    font-family: "grace-iconfont";
    font-weight: normal;
    font-style: normal;
    src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
}

.grace-icons {
    font-family: "grace-iconfont";
    font-style: normal;
}

.icon-wifi:before {
    content: "\e61f";
}

.icon-face:before {
    content: "\e66e";
}

.icon-address:before {
    content: "\e63f";
}

.icon-tel:before {
    content: "\e60c";
}

.icon-voice:before {
    content: "\e800";
}

.icon-photograph:before {
    content: "\e60b";
}

.icon-microphone:before {
    content: "\e617";
}

.icon-keyboard:before {
    content: "\e627";
}

.icon-share3:before {
    content: "\e622";
}

.icon-filter:before {
    content: "\e686";
}

.icon-right:before {
    content: "\e60f";
}

.icon-shoppingcard:before {
    content: "\e60a";
}

.icon-share:before {
    content: "\e615";
}

.icon-position:before {
    content: "\e61c";
}

.icon-safe:before {
    content: "\e687";
}

.icon-time2:before {
    content: "\e64c";
}

.icon-eye:before {
    content: "\e609";
}

.icon-home:before {
    content: "\e608";
}

.icon-back:before {
    content: "\e616";
}

.icon-star:before {
    content: "\e645";
}

.icon-zan:before {
    content: "\e6ea";
}

.icon-share2:before {
    content: "\e606";
}

.icon-comments:before {
    content: "\e6b8";
}

.icon-weibo:before {
    content: "\e6cd";
}

.icon-weixin:before {
    content: "\e63e";
}

.icon-qq:before {
    content: "\e63c";
}

.icon-write:before {
    content: "\e69e";
}

.icon-remove:before {
    content: "\e684";
}

.icon-search:before {
    content: "\e604";
}

.icon-close:before {
    content: "\e602";
}

.icon-close2:before {
    content: "\e78a";
}

.icon-close3:before {
    content: "\e610";
}

.icon-refresh:before {
    content: "\e61a";
}

.icon-loading:before {
    content: "\e9db";
}

.icon-arrow-left:before {
    content: "\e600";
}

.icon-arrow-right:before {
    content: "\e601";
}

.icon-arrow-up:before {
    content: "\e654";
}

.icon-arrow-down:before {
    content: "\e603";
}

.icon-shoucang:before {
    content: "\e605";
}

.icon-time:before {
    content: "\e607";
}

.icon-boy:before {
    content: "\e618";
}

.icon-girl:before {
    content: "\e619";
}

.icon-speaker:before {
    content: "\e656";
}

.icon-gonggao:before {
    content: "\e62b";
}

.icon-spliter:before {
    content: "\e69b";
}

.icon-user:before {
    content: "\e6fe";
}

.icon-scan:before {
    content: "\e61d";
}

.icon-scancode:before {
    content: "\e631";
}

.icon-friend:before {
    content: "\e611";
}

.icon-set:before {
    content: "\e613";
}

.icon-wallet:before {
    content: "\e612";
}

.icon-phone:before {
    content: "\e60e";
}

.icon-user:before {
    content: "\e60d";
}

.icon-article:before {
    content: "\e624";
}

.icon-menu:before {
    content: "\e614";
}

.icon-img:before {
    content: "\e63d";
}

.icon-txt:before {
    content: "\e9e4";
}

.icon-link:before {
    content: "\e61e";
}

.icon-sp-line:before {
    content: "\e61b";
}

.icon-quote:before {
    content: "\e620";
}

.icon-strong:before {
    content: "\e640";
}

.icon-center:before {
    content: "\e621";
}

.icon-kf1:before {
    content: "\e67b";
}

.icon-kf2:before {
    content: "\e6cf";
}

.icon-kf3:before {
    content: "\e626";
}

.icon-help1:before {
    content: "\e628";
}

.icon-help2:before {
    content: "\e646";
}

.icon-help3:before {
    content: "\e67c";
}