.ribbon {
    background-color: rgba(170, 0, 0, 0.5);
    left: -3.5em;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
    position: fixed;
    top: 40px;
    white-space: nowrap;
    width: 15em;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.75;
}

.ribbon a {
    color: #fff;
    display: block;
    font-weight: 400;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
    pointer-events: none;
}

body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    min-height: 100%;
    height: 100%;
}

input, textarea {
    -webkit-appearance: none;
}

.page-main {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.main-edit-box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0;
    /*overflow: hidden*/
    display: block;
}

/*img204 控件兼容的样式，需要使用"overflow: hidden" 清除样式*/
.bfm-box-main-show[temp-class="img204"] > .main-edit-box {
    overflow: hidden;
}

.bfm-box-main[control-name="combProduct"] {
    overflow: inherit !important;
}

.control-music-show {
    top: -15px;
    left: 0;
    z-index: 1200;
}

.bfm-box-main:hover {
    box-shadow: none
}

.bfm-box-main {
    outline: none
}

.homyi-img-load {
    background: url(//imgv4.slimhand.com/homyi/8f026f79e3f542f3b8fd1271241cdc97.gif) no-repeat center/cover !important;
}

@keyframes imgshow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes imgshow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.text-align-center > table > tbody > tr > td,
.text-align-center > table > tbody > tr > th,
.text-align-center > table > thead > tr > td,
.text-align-center > table > thead > tr > th,
.text-align-center > table > tfoot > tr > td,
.text-align-center > table > tfoot > tr > th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}

.text-align-center > table > caption {
    text-align: center
}

.text-align-center > table {
    width: 100%;
}

.homyi-img-load-img {
    width: 100%
}

/*C端节点隐藏样式*/
.homyi-customer-hide {
    display: none !important;
}

.control-music-show {
    width: 50px !important;
    right: 0 !important;
}

.control-music-show .music-main {
    max-width: 720px !important;
    margin: 0 auto !important;
}

/*C端控件特殊样式布局*/
.ctr-fixed-bottom {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    background: transparent !important;

    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-width: 720px !important;

    position: fixed !important;
    top: initial !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;

}

.ctr-fixed-top-music {
    height: auto !important;
    overflow: hidden !important;
    position: fixed !important;
    z-index: 1300 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 40px !important;
    top: 7px !important;
    left: initial !important;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    .ctr-fixed-bottom {
        background: #fff !important;
        padding-bottom: env(safe-area-inset-bottom)  !important;
        padding-bottom: constant(safe-area-inset-bottom)  !important;
    }

    /*.ctr-fixed-bottom > div {*/
    /*    margin-bottom: env(safe-area-inset-bottom) !important;*/
    /*    margin-bottom: constant(safe-area-inset-bottom) !important;*/
    /*}*/

    /*  适配 ios x 等 型号 全面屏幕 */
    .homyi-box-ios-padding-bottom {
        background: #fff !important;
        padding-bottom: constant(safe-area-inset-bottom) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    .homyi-box-ios-bottom {
        bottom: constant(safe-area-inset-bottom) !important;
        bottom: env(safe-area-inset-bottom) !important;
    }
}

.bfm-butilc-msg {
    min-width: inherit;
    left: 0;
    right: inherit;
    top: 10px;
}

.bfm-butilc-msg .msg-box {
    border-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    min-width: 100px;
    box-shadow: none;
}

.bfm-butilc-msg.animate {
    animation: moveleft .5s ease-out;
    -moz-animation: moveleft .5s ease-out; /* Firefox */
    -webkit-animation: moveleft .5s ease-out; /* Safari and Chrome */
    -o-animation: moveleft .5s ease-out; /* Opera */
}

@keyframes mymove {
    from {
        left: -500px;
    }
    to {
        left: 0;
    }
}

@-moz-keyframes mymove /* Firefox */
{
    from {
        left: -500px;
    }
    to {
        left: 0;
    }
}

@-webkit-keyframes moveleft /* Safari 和 Chrome */
{
    from {
        left: -500px;
    }
    to {
        left: 0;
    }
}

@-o-keyframes mymove /* Opera */
{
    from {
        left: -500px;
    }
    to {
        left: 0;
    }
}

@media (max-width: 400px) {
    body::-webkit-scrollbar {
        width: 0 !important;
    }
}

/**
阅读文章送积分，隐藏初始化信息
**/

#openAlertDiv, .init-hide {
    display: none
}

#activity-detail .page-content {
    height: 100%;
}

#activity-detail .page-content .text-main {
    height: 100%;
    /* V5.3.2 滚动区域已不在 text-main 而是在 window,所以需要去除 */
    /*overflow: auto;*/
}

/*用于 safari 浏览器下面， 滑动*/
.homyi-text-main-touch {
    -webkit-overflow-scrolling: touch;
    /*overflow: auto;*/
    /*padding-bottom: 60px;*/
}

.homyi-fix-bottom-box {
    position: fixed;
    width: 100%;
    height: auto;
    min-height: 40px;
    overflow: hidden;
    bottom: 0;
    z-index: 100
}

.homyi-fix-top-box {
    position: fixed;
    width: 60px;
    height: 3rem;
    top: 7px;
    right: 0;
    z-index: 100;
}

/*自定义 背景  相关*/
/*1 为适应*/
#activity-detail[data-bg-img-style-type='1'], #activity-detail[data-bg-img-style-type='1'] .page-bg {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/*2为 填充*/
#activity-detail[data-bg-img-style-type='2'], #activity-detail[data-bg-img-style-type='2'] .page-bg {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

/*3 为拉伸*/
#activity-detail[data-bg-img-style-type='3'], #activity-detail[data-bg-img-style-type='3'] .page-bg {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}