html {
    font-size: 20px;
}

html,
body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    width: 100%;
}

body {
    line-height: 1.5;
    font-size: 0.7rem;
    color: #212121;
    background-color: #f5f5f5;
    outline: 0;
}
html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 21.33333333px !important;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 21px !important;
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px !important;
    }
}



.body-css{background-color: #fef6d5;}
.index_top{width: 100%;}
.bg-body.pcshow{max-width: 640px;margin: 0 auto;}
/* .pcshow.detail-body{background-size: 640px auto;background-position: top;} */


.aui-module-margin {margin: 0.35rem 0.75rem 0 0.75rem;width: calc(100% - 1.5rem);background-color: #fff;border-radius: 0.4rem;}

.radius-top-0{border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
.radius-bottom-0{border-bottom-left-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.radius-0{border-radius: 0 !important;}


.bg-theme{background-color: #ffe323;color: #582e12;}
.bg-primary{background-color: #582e12;color: #fff;}

.text-white,
.line-white,
.lines-white {
    color: #ffffff !important;
}

/* 倒计时 */
.countdown_wapp{padding:0 0.75rem;height: 3.2rem;line-height: 3.2rem;color: #582e12;}
.countdown_wapp .text{font-size: 0.7rem;color: #582e12;}
.data-show-box{font-size: 0.7rem;}
.data-show-box .date-tiem-span{background-color: #ffe323;width: 1.35rem;height: 1.35rem;border-radius: 0.2rem;
    display: inline-block; margin: 0 0.25rem;text-align: center;line-height: 1.35rem;color: #fff;font-weight: 600;}


/* 搜索条*/
.search_wapp{padding: 0 0.75rem;}
/* .search_wapp .search{border: 0.05rem solid #96D5FF;} */
.search_wapp .search .cu-btn{height: 1.75rem;padding: 0 1rem;}
.search_wapp .search.cu-bar .search-form input {
    flex: 1;
    padding-right: 0.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.65rem;
    background-color: transparent;
}
.search_wapp .search.cu-bar .search-form{background-color: #fff;margin-left: 0;}
.search_wapp .search-icon{width: 24px;height: 24px;}
.search_wapp .search-icon img{width: 100%;}
.search_wapp .cu-bar .search-form+.action { margin-right: 0;}


/* tab切换 */
.tab-margin{background-color: #fff;border-radius: 0.4rem;}
.mt-tab-container .tab-title {display: flex;display: -webkit-box;display: -webkit-flex;-webkit-align-self: center; align-self: center;margin: 0 0.75rem;}
.mt-tab-container .tab-title .tab-title-item { width: 100%;line-height: 1.5rem;position: relative;
 font-size: 0.7rem; text-align: center;-webkit-box-flex: 1; box-flex: 1;
background: #FFFFFF;
    border-radius: 0.75rem;
    border: 1px solid #cfcfcf;
    color: #cfcfcf;
    margin-right: 1.35rem;cursor: pointer;
}
.mt-tab-container .tab-title .tab-title-item:last-child{margin-right: 0;}
.mt-tab-container .tab-title .tab-title-item.tab-active {border: 1px solid #ffe323; background: #ffe323;color: #582e12; }

.category_tab {display: flex;display: -webkit-box;display: -webkit-flex;-webkit-align-self: center; align-self: center;padding:0 0.65rem;position: relative;}
.category_tab:before {
    content: '';
    position: absolute;
    left: 0;
    width: 200%;
    height: 200%;
    border-bottom: 0.05rem solid #D3D3D3;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
}
.category_tab .cate-item{
    width: 100%;
    height: 2.1rem;
    line-height: 2.1rem;
    position: relative;
    font-size: 0.7rem;
    text-align: center;
    color: #999999;
    margin-left: -1px;
    -webkit-box-flex: 1;
    box-flex: 1;}
.category_tab .cate-item.active{color: #582e12;font-weight: 600;}
.category_tab .cate-item.active span{border-bottom: 0.2rem solid #ffe323;padding-bottom: 0.5rem; }



/* 一行两个列表 */
.activity_wapper{background: transparent;margin-left: 0.75rem;margin-top: 0.75rem;}
.activity_wapper .activity_item{margin-right: 0.75rem;padding-bottom:0.25rem;
    position:relative ; 
    border-top-left-radius: 2rem !important;
    border: 2px solid #feefb7;
    border-bottom-right-radius: 1rem;

}
/* .activity_wapper .activity_item:before {
    content: '';
    position: absolute; 
    left: 0;
    width: 200%; 
    height: 200%;
    border: 2px solid #feefb7;
    transform-origin: 0 0; 
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
} */

.activity_wapper .activity_item .act_img img{width: 100%;border-bottom-right-radius: 1.2rem;}
.activity_wapper .activity_item .act_img{position: relative;border-top-left-radius: 1.2rem;border-bottom-right-radius: 1.2rem;overflow: hidden;width: 100%;
    /* height: 5.5rem; */
}
.activity_wapper .activity_item .mark{position: absolute;top: 0.4rem;right: 0;font-size: 0.6rem;
background: rgba(255,227,35,0.5);color: #fff;
height: 0.8rem;
padding: 0 0.2rem;
line-height: 0.8rem;
}
.activity_wapper .activity_item .act_img .title{position: absolute; bottom: 0.2rem;
    color: #fff;
    font-size: 0.6rem;
    width: 100%;
    border-bottom-right-radius: 1.2rem;
    background:rgba(244, 218, 134, 1) ;
        background: -webkit-linear-gradient(rgba(244, 218, 134, 0), rgba(244, 218, 134, 1));
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
        /*FireFox*/
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
        /* Opear */
        background: -ms-linear-gradient(rgba(244, 218, 134, 0), rgba(244, 218, 134, 1));
        /*IE10及IE10+*/

}
.activity_wapper .activity_item .act_info{padding: 0 0.4rem 0.2rem 0.4rem;margin-top: 0.4rem;}
.activity_wapper .activity_item .title{font-size: 0.65rem;line-height: 1.4rem;color: #666666;text-align: center;}
.activity_wapper .activity_item .title-sub{color: #6b4426;font-size: 0.6rem;text-align: center;line-height: 1.4rem;font-weight: 600;}
.activity_wapper .activity_item .cu-btn{height: 1.55rem;font-size: 0.5rem;padding: 0;}

.act_item{
    display: flex;
        position: relative;
        height: auto;
        margin-left: 0.25rem;
        background: #feefb7;
        border-top-left-radius: 1.2rem;
        border-bottom-right-radius: 1.7rem;
}
.act_item .act_img {
    transform: translate(-0.25rem, 0.25rem);
}


/* 内容框 */

/* .card-theme .cu-list.menu-avatar{padding: 0 0.75rem;} */

.card-theme .cu-avatar.lg {
    width: 2.7rem;
    height: 2.7rem;
    background-color: #fff;
    border: 1px solid #000;
    display: inline;
}
.card-theme .cu-avatar .cu-avatar-border{
padding: 0.25rem;
}
.card-theme .cu-avatar .cu-avatar-border img{width: 100%;border-radius: 50%;}

.card-theme .cu-list.menu-avatar>.cu-item>.cu-avatar{left: 0.25rem;}
.card-theme .cu-list.menu-avatar>.cu-item .content {
    position: absolute;
    left: 3.4rem;
    width: calc(100% - 3.9rem - 1.5rem - 3rem - 0.5rem);
    line-height: 1.6rem;
}
.card-theme .cu-list.menu-avatar>.cu-item .content>div:first-child {
    display: inherit;
}
.card-theme .cu-list.menu-avatar>.cu-item:after{
    display:none
}
.card-theme .cu-list.menu-avatar>.cu-item .content .title{color: #000;font-size: 0.7rem;}

.jiangpin-info{padding: 0 0.75rem;}
.jiangpin-img img{width: 100%;}
.jiangpin-img{padding-bottom: 1.5rem;padding-top: 1rem;}

.jiangpin-text{width: 80%;margin: 0 10%;}

.card-theme .cu-list .cu-item .cu-btn{height: 1.2rem;font-size: 0.6rem;padding: 0 0.5rem;}
.card-theme .cu-list .cu-item .cu-btn .iconfont{font-size: 0.6rem;}

.jiangpin-info .jingpin-title{position: absolute;
    top: -0.85rem;
    width: 40%;
    z-index: 1;}


/* 排行榜 */
.rank-top{padding:0.8rem 0.6rem 1rem 0.6rem;position: relative;}
/* .rank-top:before {
    content: '';
    position: absolute;
    left: 0;
    width: 200%;
    height: 200%;
    border-top: 1px solid #D3D3D3;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
} */
.gradient-text-orange {
    background-image: -webkit-linear-gradient(bottom, #f0642d, #f9c768);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rank-top .grid.col-3.grid-square>div {
    padding-bottom: 0;
    height: auto;
}
.rank-top .rank-item{background: #96D5FF; overflow: initial !important;margin-top: 1.5rem;}
.rank-top .rank-item .rank-number{font-size: 1rem;text-align: center;color: #fff;font-weight: bold;font-style: italic;
background-image: -webkit-linear-gradient(bottom, #f9c768, #f0642d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rank-top .rank-item .rank-name{font-size: 0.6rem;color: #582e12;text-align: center;}
.rank-top .rank-item .rank-btn{background: #fff; border-radius: 0.35rem; border: 1px solid #000000;text-align: center;margin: 0 0.5rem;line-height: 1.2rem;}

.rank-top .rank-item .rank-piaonum{font-size: 0.6rem;color: #582e12;text-align: center;padding-bottom: 0.3rem;}

.rank-top .rank-item .rank-avatar{width: 2.5rem;height: 2.5rem;background-color: #fff;border: 2px solid #fff;border-radius: 50%;margin: 0 auto;position: relative;top: -1rem;}
/* .rank-top .rank-item .rank-avatar .rank-avatar-border { padding: 0.25rem;} */
.rank-top .rank-item .rank-avatar .rank-avatar-border img { width: 100%;border-radius: 50%;}
.rank-top .rank-item .rank-avatar .rank-icon{position: absolute;right: -0.3rem; top: -0.5rem;}
.rank-top .rank-item .rank-avatar .rank-icon img{width: 1.35rem;}

.position-top{position: relative;top: -0.75rem;}

.rank-top .rank-item.rank-item-mid{background: #FBB215;padding-bottom: 0.5rem;margin-top: 0.85rem;}
.rank-top .rank-item.rank-item-mid .rank-number{margin-top: 0.3rem;}

.rank-top .rank-top2 .rank-item{
    background: url(../images/rank_bg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.rank-top .rank-top1 .rank-item {
    background: url(../images/rank_bg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.rank-top .rank-top3 .rank-item {
    background: url(../images/rank_bg3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.rank-line-pannel {
    display: flex;
    position: relative;
    height: auto;
    /* margin-left: 0.25rem; */
}

.rank-line-pannel .offset {
    transform: translate(-0.25rem, -0.45rem);
}

.rank-line-pannel .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #82d7ff;
    border: 1px solid #070707;
    background-size: 400% 400%;
    border-radius: 0.5rem;
    z-index: -1;
}
.rank-cu-list{background-color: #ffffff;width: 100%;}



.rank-culist-top .card-theme .cu-list.menu-avatar>.cu-item>.cu-avatar {
    left: 1.45rem;
    width: 2.5rem;
    height: 2.5rem;
}
.rank-culist-top .card-theme .cu-list.menu-avatar>.cu-item .content {
    position: absolute;
    left: 4.7rem;
    width: calc(100% - 3.9rem - 1.5rem - 3rem - 0.5rem);
    line-height: 1.6rem;
}
.rank-culist-top .order{font-size: 0.7rem;color: #cfcfcf;width: 1.2rem; position: absolute;left: 0; text-align: center;}
.rank-culist-top .like .text{color: #cfcfcf;font-size: 0.6rem;}
.rank-culist-top .like .number{color: #582e12;font-size: 0.9rem;font-weight: 600;margin-left: 0.25rem;}
.rank-culist-top .card-theme .cu-avatar .cu-avatar-border {
    padding: 0;
}
.rank-culist-top .card-theme .cu-avatar.lg {
    width: 2.7rem;
    height: 2.7rem;
    background-color: #fff;
    border: 2px solid #ffe323;
    display: inline;
}
.rank-culist-top .card-theme .cu-list.menu-avatar>.cu-item .content .title {
    color: #cfcfcf;
    font-size: 0.7rem;
}

/***滚动TAB***/
.tabsc{ background:#fff; position: relative; white-space: nowrap; overflow:auto hidden; padding: 0 0.5rem;width: calc(100% - 1.0rem);}
::-webkit-scrollbar{ width: 0;height: 0; color: transparent;}
.tabsc li{ display: inline-block; 
    line-height: 1.8rem;
    font-size: 0.7rem;
    text-align: center;
    color: #999999;
    margin-left: -1px;
    padding: 0 0.75rem;
    cursor: pointer;

}
.tabsc li.current{ border-bottom: 0.12rem solid #ffe323;color: #582e12;font-weight: 600;}
.tabsc .sline{ height:0.24rem; width:0.4rem; border-radius:0.1rem; position:absolute; bottom:0; left:0; background:#ffe323}

.category{position: relative;display: flex;border-bottom: 1px solid #f2f2f2;}
.category .arrow{position: absolute;right: 0;width: 1.0rem;background-color: #fff}
.category .arrow .iconfont{font-size: 1rem;font-weight: 600;color: #ffe323;line-height: 2.1rem;margin-top: -0.2rem;}

.category_tab:before{display: none;}


/* 规则 */
.rule-info{padding: 0.75rem;position: relative;}
.rule-info:before {
    content: '';
    position: absolute;
    left: 0;
    width: 200%;
    height: 200%;
    border-top: 1px solid #D3D3D3;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
}
.rule-info .rule-title{font-weight: normal; font-size: 1rem; color: #0891D3;font-weight: bold;}
.rule-info .cu-btn{background: #0891D3;color: #fff;height: 1.2rem;font-size: 0.65rem;}
.rule-info .rule-text{font-weight: normal; font-size: 0.65rem;color: #0891D3;line-height: 1.2rem;}

.rule-info .dashed-mid{border-top: 1px dashed #FBB215;margin-top: 0.75rem;margin-bottom: 0.75rem;}

.rule-info .icon-right{width: 4.35rem;height: 5.3rem;position:absolute;right: 0.3rem;bottom: 0;}
.rule-info .icon-left{width: 3.5rem;height: 2rem;position:absolute;left: 0;bottom: 0;}


/* 详情界面样式css */
.detail-body{background:#fef6d5;width: 100%; background-size: 100% auto;}

.detail-info-pann{padding: 0.75rem 0.6rem;}

.detail-title{font-size: 1.2rem;color: #582e12;font-weight: 600;text-align: center;position: relative;z-index: 1;}
.detail-title::after{
    content: '';
    position: absolute;
    background: #ffe323;
    bottom: 0.15rem;
    border-radius: 0.5rem;
    height: 0.6rem;
    left: 50%;
    width: 7rem;
    margin-left: -3.5rem;
    z-index: -1;}

.detail-rank{background-color: #ffe323;border-radius: 0.25rem;color: #582e12;line-height: 1.1rem;padding: 0.5rem;}
.detail-rank .detail-rank-item{font-size: 0.65rem;display: flex;align-items: center;width: 100%;}
.detail-rank .detail-rank-item span{font-size: 1rem;font-weight: bold;}

.detail-rank .detail-rank-item:first-child{border-right: 1px solid #fff;}
.detail-rank .detail-rank-item:nth-child(2){padding-left: 1.5rem;}

.detail-infolo{margin-top: 0.5rem;}
.detail-infolo .infolo{color: #666666;font-size: 0.65rem;line-height: 1.5rem;}
.detail-infolo .infolo .iconfont{color: #999;}

.video-pannel{background-color: #ffe323;padding: 0.35rem;border-radius: 0.25rem;}
.video-pannel img{display: inherit;}

.video-border{display: flex;
    position: relative;
    height: auto;margin-left: 0.5rem;}
.video-border .offset {
    transform: translate(-0.5rem, -0.5rem);
}
.video-border .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background-size: 400% 400%;
    border-radius: 0.15rem;
    z-index: -1;
}

.video-cont{margin-top: 1.5rem;}

.bg-transparent{background: transparent !important;}


.btn-bottom{margin-top: 4rem;margin-bottom: 3rem;}
.btn-bottom .cu-btn {
    flex: 1;
    margin: 0 0.5rem;
    max-width: 50%;
    height: 2rem;
    margin: 0 1rem;
}
.btn-bottom .bg-prirmary-light{background: #FFF7D2;border-radius: 1rem;border: 0.1rem solid #ffe323;color: #582e12;font-size: 0.7rem;}
.btn-bottom .bg-prirmary{background: #ffe323;border-radius: 1rem;border: 0.1rem solid #FFF7D2;color: #582e12;font-size: 0.7rem;}



/* 弹框效果 */
.popupContainer{position: fixed; top: 0; left: 0;z-index: 1;}
.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: grid;
    place-items: center;
    transition: opacity .2s;
    z-index: 11;
}
.popup-content {
    position: relative;
    width: 88%;
    margin: 0 6%;
    min-height: 7.5rem;
    border-radius: 0.5rem;
    animation: popup .2s linear forwards;
    z-index: 1;
}

.popup-text{background-color: #fff;padding: 0.75rem 0.75rem 0.35rem 0.75rem;position: relative;
background: linear-gradient(to left bottom, transparent 50%, rgba(255, 227, 35, 1)0) no-repeat 100% 0 / 1.2rem 1.2rem,
        linear-gradient(-135deg, transparent 0.85rem, #fff 0);
}

.popup-btn {
    margin-top: 1rem;
}

.popup-btn .cu-btn {
    flex: 1;
    margin: 0 0.5rem;
    max-width: 50%;
    height: 1.65rem;
    margin: 0 1rem;
}

.popup-btn .bg-prirmary-light {
    background: #FFF7D2;
    border-radius: 1rem;
    border: 0.1rem solid #ffe323;
    color: #582e12;
    font-size: 0.7rem;
}

.popup-btn .bg-prirmary {
    background: #ffe323;
    border-radius: 1rem;
    border: 0.1rem solid #FFF7D2;
    color: #582e12;
    font-size: 0.7rem;
}
.status-title{font-size: 0.7rem;color: #582e12;padding: 0.85rem 0 0.55rem 0;}
.status-text{font-size: 0.7rem;color: #582e12;}

.status-btn{background:#ffe323;display: inline-block;color: #582e12;font-size: 1.1rem;padding: 0 0.5rem;position: absolute;left: 0;top: -0.9rem;}

.relative-top{position: relative;top: -1.6rem;}

.status-success{width: 70%; margin: 0 15%;}
.status-faile{width: 4.15rem;height: 6.7rem;margin: 0 auto;position: relative;}
.status-faile .status-failicon{position:absolute;width: 2.65rem;height: 2.25rem;z-index: 1;bottom: 1rem;
    right: -1rem;}


.popup-close{color: rgba(255,255,255,0.5);text-align: center; margin-top: 1.0rem;}
.popup-close i{font-size: 24px;}



.welcom_bg{
    /* background: url(../images/welcom_bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
        width: 100%;
        position:relative; */
        background-image: url(../images/welcom_bg.jpg);
        background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            overflow: hidden;
            height: 100vh;
            position: relative;
}
.welcom_bg .logo{width: 5rem;margin-left: 0.75rem;padding-top: 1.0rem;}
.welcom_bg .logo img{width: 100%;}
.welcom_bg .text{width: 100%; }
.welcom_bg .text img{width: 100%;}
.welcom_bg .bottom{
    position: absolute;
    bottom: -0.5rem;
}
.welcom_bg .button{background-color: #ffe323;color: #582e12;height: 2.2rem;width: 80%;margin: 0 auto;
    border-radius:1.5rem;line-height: 2.2rem;text-align: center;
    font-size: 0.8rem;margin-top: 0.75rem;
    cursor: pointer;
}


#owl-index {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#owl-index .item {
    display: block;
}

#owl-index img {
    display: block;
    width: 100%;
}
.owl-banner.owl-theme .owl-controls{
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.owl-banner.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 4px;
    margin: 5px 3px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
}
.owl-banner.owl-theme .owl-controls .owl-page.active span,
.owl-banner.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}