input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align: right !important;}
.bar .searchbar-nav {padding:0rem 2.8rem 0rem 4.5rem;}
.bar .searchbar-nav .searchbar {background:#f7f7f8}
.nav-login {font-size:0.75rem!important;}
.logo {max-width:3.5rem}
.logo img {max-width:100%;}
.bar {z-index:500;}
.red {color: red !important;}
input {font-family: PingFang-SC-Regular !important;}
.num {font-family: PingFang-SC-Regular !important;}
.ml5 {margin-left:0.22rem !important;}
.mr5 {margin-right:0.22rem !important;}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge-default{background-color:#777}.badge-primary{background-color:#428bca}.badge-success{background-color:#5cb85c}.badge-info{background-color:#5bc0de}.badge-warning{background-color:#f0ad4e}.badge-danger{background-color:#d9534f}
.btn-danger{color:#fff!important;background-color:#d9534f;border-color:#d43f3a}.btn-link{font-weight:400;color:#337ab7!important}.btn-warning{color:#fff!important;background-color:#f0ad4e;border-color:#eea236}.btn-info{color:#fff!important;background-color:#5bc0de;border-color:#46b8da}.btn-success{color:#fff!important;background-color:#5cb85c;border-color:#4cae4c}.btn-primary{color:#fff!important;background-color:#337ab7;border-color:#2e6da4}.btn-default{color:#333!important;background-color:#fff;border-color:#ccc}.btn-gray{background-color:#cecece;color:#fff}
.nomsg {text-align:center;font-size:0.7rem;color:#ccc;padding:2rem 0;}
.popup {z-index:107000!important;}
.popup .popup-submit {position: fixed;bottom:0;z-index:100;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.toast {z-index:200000;height: auto !important;}
.img-circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.alert-success {color:#3c763d}
.alert-danger {color:#a94442}


/*引用的样式*/
blockquote{margin:15px 0;padding: 23px 20px 23px 55px;background: #fafafa url('../../images/blockquoteup.png') 18px 20px no-repeat ;border: 1px solid #f3f3f3;line-height: 28px;  }
blockquote p{padding-right:28px;}
blockquote p:last-child{padding-bottom: 10px;background: #fafafa url('../../images/blockquotedown.png') 100% 100% no-repeat}

/* 首页 */
.footer_tab.bar-tab {background: #fff;}
.page-index .head-bar.effect1:after{
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    content: '';
    background-image: url(../images/index-header-bg.png);
    background-size: 100% 100%;
    z-index: -1;
    left: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.page-index .reward-banner .itemt {
    position: relative;
    width: 33.33333333333333%;
    height: 135px;
    padding: 0rem 0.15rem 0rem 0.15rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
.page-index .reward-banner .link {
    height: 135px;
    display: block;
    position: relative;
    background: #fff;
    padding: 0.1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    text-align: center;
    z-index: 2;
}
.page-index .reward-banner .bzd {
    display: inline-block;
    vertical-align: middle;
    color: #ff3938;
    background: #ffd8dc;
    border: 1px solid #ff3938;
    font-size: 16px;
    width: 1.2rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    line-height: 1.1rem;
    text-align: center;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: unset;
    -moz-transform-origin: unset;
    transform-origin: unset;
}
.page-index .reward-banner .title {
    font-size: 14px;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    color: #000;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0rem;
}
.page-index .reward-bannert .corner {
    position: absolute;
    left: -1.5rem;
    top: 0.3rem;
    font-size: 14px;
    font-weight: 500;
    width: 3.5rem;
    height: 1rem;
    line-height: 1.2rem;
    box-sizing: border-box;
    vertical-align: bottom;
    text-align: center;
    color: #fff;
    background: -webkit-linear-gradient(left,#fda0a0,#ff3938);
    -webkit-transform: rotate(-45deg) scale(0.75);
    -moz-transform: rotate(-45deg) scale(0.75);
    transform: rotate(-45deg) scale(0.75);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
}
.page-index .reward-banner .fields {
    margin: 0.5rem 0rem 0.3rem 0rem;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}
.page-index .reward-banner .fields .labels {
    border: 1px solid #ff3938;
    color: #ff3938;
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 5px;
}
.page-index .reward-banner .fields .name {
    border: 1px solid #06c24b;
    color: #06c24b;
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 5px;
}
.page-index .reward-banner .fields .line-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-index .reward-banner .fields .m-r-15 {
    margin-right: 7px;
}
.page-index .reward-banner .metas {
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
}
.page-index .reward-banner .metas .badges {
    font-size: 12px;
}
.page-index .reward-banner .metas .badges span {
    color: #909090;
}
.page-index .reward-banner .metas .moneys s {
    text-decoration: none;
    color: #ff3938;
    font-size: 12px;
    margin-right: 0.02rem;
    display: inline-block;
    font-weight: normal;
}
.page-index .reward-banner .metas .moneys i {
    font-style: normal;
    color: #ff3938;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}
.page-index .reward-banner .metas .moneys u {
    text-decoration: none;
    color: #ff3938;
    font-size: 12px;
    margin-left: 0.02rem;
    display: inline-block;
}
.index .hot-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0px 15px 5px 15px;
    position: relative;
}
.index .hot-icon {
    width: 90px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 10px;
}
.index .hot-icon img{
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}
.index .hot-arrow {
    position: relative;
    padding-right: 0.8rem;
    color: #7f8699;
    font-size: 0.85rem;
}
.index .hot-arrow span {
    font-size: 0.7rem;
    color: #FFF;
}
.index .hot-flex-box{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.index .hot-arrow:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #FFF;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    right: 2px;
    border-radius: 1px;
    margin-top: -3px;
}
.index .header-search {
    position: fixed;
    z-index: 1200;
    width: 100%;
    top: 0;
    left: 0;
    background: #ff3938;
}
.index .header-search .main {
    max-width: 100%;
    height: 42px;
    margin: 0 auto;
}
.index .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 42px;
}
.index .header-search .search .icon {
    width: 25%;
    margin-right: 0.24rem;
    padding: 0.2rem .24rem;
    line-height: 45px;
}
.index .header-search .search .icon img {
    width: 100%;
}
.index .header-search .search .box {
    color: #909090;
}
.index .header-search .search .box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f8f8f8;
    border-radius: 0.3rem;
    display: block;
    color: #909090;
    margin: 6px;
    margin-left: -5px;
}
.index .header-search .search .box .ff {
    font-size: .26rem;
    margin-left: 0.2rem;
}
.index .header-search .search .box span {
    font-size: 14px;
    margin-left: 0.8rem;
    line-height: 32px;
}
.bar:after {
    height: 0px;
}
.page-index .reward-banner.reward-bannert {
    height: 145px;
    padding: 0;
    font-size: 0;
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    padding: 0px 11.17px 0px 11.17px;
}
.page-index .reward-banner .link {
    height: 135px;
    display: block;
    position: relative;
    background: #fff;
    padding: 0.1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    text-align: center;
    z-index: 2;
}
.page-index .reward-banner .titleicon {
    margin: 10px 0 0 0;
    overflow: hidden;
}
.page-index .reward-banner .titleicon .touxiang.stick {
    padding-right: 0.06rem;
}
.page-index .reward-banner .titleicon .touxiang img {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.page-index .reward-banner .bzd {
    display: inline-block;
    vertical-align: middle;
    color: #ff3938;
    background: #ffd8dc;
    border: 1px solid #ff3938;
    font-size: 16px;
    width: 1.2rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    line-height: 1.1rem;
    text-align: center;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: unset;
    -moz-transform-origin: unset;
    transform-origin: unset;
}
.page-index .reward-banner .title {
    font-size: 14px;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    color: #000;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0rem;
}
.page-index .reward-bannert .corner {
    position: absolute;
    left: -1.5rem;
    top: 0.3rem;
    font-size: 14px;
    font-weight: 500;
    width: 3.5rem;
    height: 1rem;
    line-height: 1.2rem;
    box-sizing: border-box;
    vertical-align: bottom;
    text-align: center;
    color: #fff;
    background: -webkit-linear-gradient(left,#fda0a0,#ff3938);
    -webkit-transform: rotate(-45deg) scale(0.75);
    -moz-transform: rotate(-45deg) scale(0.75);
    transform: rotate(-45deg) scale(0.75);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
}
.page-index .reward-banner .fields {
    margin: 30px 0rem 5px 0px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.page-index .reward-banner .metas {
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
}
.page-index .reward-banner .metas .badges {
    font-size: 12px;
}
.page-index .reward-banner .metas .badges span {
    color: #909090;
}
.page-index .reward-banner .metas .moneys s {
    text-decoration: none;
    color: #ff3938;
    font-size: 12px;
    margin-right: 0.02rem;
    display: inline-block;
    font-weight: normal;
}
.page-index .reward-banner .metas .moneys i {
    font-style: normal;
    color: #ff3938;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}
.page-index .reward-banner .metas .moneys u {
    text-decoration: none;
    color: #ff3938;
    font-size: 12px;
    margin-left: 0.02rem;
    display: inline-block;
}
.index .circle2 {
    background: #ff3938;
    width: 100%;
    height: 22rem;
    position: absolute;
    z-index: -1;
    border-radius: 0 0 0.5rem 0.5rem;
    top: -10rem;
}








































.index .toast{line-height: 1.2rem;padding: .5rem 1rem;}
.index .photo-browser .photo-browser-slide{overflow: scroll;align-items: stretch;padding-bottom: 1rem;}
.index .photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container, .photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container, .photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container{margin: auto;}
.index .hot-title.tjrw{padding: 0;padding-left: .75rem;border:0;color:#103D52;}
.index .hot-title.tjrw .item-inner{font-size: .8rem;}
.index .hot-title.tjrw .item-inner:after{height: 0;}
.index .list-box{margin: 0;padding: 10px;border-radius:10px}
.index .list-box ul{border-radius:10px}
.index .list-box li:after {content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #e7e7e7;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {.list-box li:after {-webkit-transform:scaleY(.4);transform: scaleY(.4)}}
.index .list-box li.hot-title:after,.list-box li.no-after:after{display: none;}
.index .tjrw-box ul:before,.tjrw-box ul:after{height: 0;}
.index .tjrw-box.list-block.media-list .item-media{position: relative;padding-bottom: 0;margin-bottom: .5rem;padding-top: 0;margin-top: .45rem;}
.index .tjrw-box .item-media .avatar{width: 3rem;height: 3rem;border-radius: 50%;}
.index .tjrw-box .item-media img.deposit{position: absolute;bottom: .5rem;right: 0;width: 1.1rem;background: #fff;border-radius: 50%;display: none;}
.index .tjrw-box .item-media .vip-icon{position: absolute;bottom: -.1rem;right: 0;font-size: .6rem;width: 1.45rem;text-align: center;color: #fff;}
.index .tjrw-box.list-block .item-inner:after{height: 0;}
.index .tjrw-box .item-title-row{color:#103D52;}
.index .tjrw-box .item-title-row .item-title{font-size: .75rem;}
.index .tjrw-box .item-title-row .item-after{color: #f33;font-size: .7rem;padding-top: .1rem;}
.index .tjrw-box .item-yu{color: #6B7E92;font-size: .5rem;margin-top: .1rem;}
.index .tjrw-box .cat{background: #f3f4f5;border-radius: .1rem;color: #8c8ca4;padding: .1rem .3rem;font-size: .5rem;margin-top: .2rem;display: inline-block;float: left;margin-right: .2rem;}
.index .tjrw-box .cat.cat_tags{font-family: iconfont-sm!important;}
.index .tjrw-box .cat.cat_tags:after {content: "\e61d";margin-left: .1rem;}
.index .tjrw-box .cat.cat_tags a{color: #fff;display: inline-block;}
.index .tjrw-box .reward_ios_black{width: .65rem;margin-bottom: .05rem;}
.index .tjrw-box .reward_android_black{width: .65rem;}
.index .home-4{text-align: center;font-size: .7rem;background: #fff;padding: .5rem .5rem;color: #333;margin: 0px 10px 0px 10px;
    border-radius: 10px;}
.index .home-4 a{color: #333;}
.index .home-4 .img{width: 2.4rem;height: 2.4rem;border-radius: 50%;}
.index .reward_list_right{width: 1rem;float: right;margin-left: .2rem;}
.index .shop_list{overflow: hidden;display: flex;font-size: .85rem;align-items: center;justify-content: space-between;background: #fff;}
.index .shop_list.buttons-fixed{}
.index .shop_list .icon-right:before {content: "\e613";}
.index .shop_list .swiper-container-shop{height: 1.8rem;line-height: 1.8rem;flex-grow:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .shop_list .after{color: #ff6700;font-size: .7rem;white-space: nowrap;padding-right: .7rem;font-weight: 600;}
.index .shop_list .a{display: flex;color: #ff6700;justify-content: space-between;}
.index .shop_list .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.index .shop_list .laba img{width: 2rem;display: block;}
.index .shop_list .laba{padding: 0 .8rem 0 .8rem;}
.index .shop_list .android{width: .65rem;}
.index .shop_list .ios{width: .65rem;margin-bottom: .05rem;}
.index .home-swiper-container{background: #fff;overflow: hidden;position: relative;}
.index .home-swiper-container .swiper-slide img{width: 100%;display: block;}
.index .home-swiper-container .swiper-pagination-bullet-active {background: #fff;}
.index .home-swiper-container .swiper-pagination.swiper-pagination-bullets{width: 30%;margin-left: 35%;line-height: .5rem;bottom: .4rem;}
.index .hongbao{padding: 0 1rem;background: #fff;}
.index .hongbao a{display: block;}
.index .hongbao img{width: 100%;display: block;}
.index .chakan{text-align: center;font-size: .75rem;margin: .5rem 0;}
.index .chakan a{color: #929292;}
.index .modal-overlay{background: rgba(0,0,0,.7);}
.index .push_open{position: fixed;bottom: 3.5rem;right: .5rem;padding: .2rem .4rem;color: #fff;border-radius: .2rem;font-size: .7rem;z-index: 20;background: rgba(255, 54, 14, 0.61);}    
  @keyframes earn_anim{0%   {transform: scale(1,1)}100% {transform: scale(1.1,1.1)}}
.index .earn_open{position: fixed;bottom: 4rem;right: .5rem;color: #fff;font-size: .7rem;padding: .1rem .4rem;z-index: 20;text-align: center;background: rgba(255, 54, 14, 0.61);display: flex;justify-content: center;align-items: flex-end;line-height: 1.2rem;animation: earn_anim 1.5s;animation-iteration-count: infinite;animation-direction: alternate;border-radius: .1rem;}

.index-box {background-color:#FFFFFF;border-bottom:1px solid #e7e7e7;}
.index-box .cat {float:left;margin:0.4rem;font-weight:100;font-size: 0.65rem}
.index-button {background-color:#FFFFFF;padding:0.7rem 0.5rem;margin-top:0.5rem;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.list-box {margin:0.5rem 0;}
.hot-title {padding:0.5rem 0.75rem;font-size:0.8rem;border-bottom:1px solid #e7e7e7;}
.hot-title a {font-size:0.7rem;color:#3d4145;}
.item-price {color:#ff6700;font-size:1rem;font-weight:bold;margin:0.2rem 0;}
.item-price .name {color:#999;font-size:0.6rem;font-weight:300;margin-left:5px;}
.item-votes {color:#999;font-size:13px;}
.item-votes .surplus_votes {color:green;font-size:0.8rem;font-weight:bold;}

/* 登录注册 */
.login .content {background: #fff;display: flex;flex-wrap: wrap;align-content: space-between;}
.login .bar {background: #fff;}
.login .bar:after {height: 0;}
.login .top {text-align: center;margin-top: 12%;}
.login .top .logo_img {width: 9rem;display: inline-block;}
.login .box2 {margin-top: 10%;}
.login .box2 .box3 {display: flex;width: 80%;margin: auto;align-items: center;position: relative;font-size: .8rem;margin-bottom: 0.8rem;}
.login .box2 .box3 .img {width: 1.2rem;}
.login .box2 .box3 input {flex-grow: 1;margin-left: 0.5rem;border: 0;padding: 0.4rem 0;width: 50%;}
.login .box2 .box3:after {content: ' ';position: absolute;width: 92%;height: 1px;left: 8%;bottom: 0;transform: scaleY(.5);background: #e7e7e7;}
.login .box2 .box3 .xian {width: 1px;background: #2496f3;height: 1.2rem;flex-shrink: 0;margin: 0 0.5rem;transform: scaleX(.5);}
.login .box2 .box3 #captcha_code {flex-shrink: 0;width: 5rem;display: block;margin-bottom: 0.2rem;flex-grow: 1;}
.login .box2 .box3 .fa_code {width: 5rem;flex-grow: 1;text-align: center;}
.login .box2 .btn {background: #ff3938;border-radius: 1rem;color: #fff;position: relative;font-size: .8rem;display: flex;width: 80%;margin: 1.5rem auto 0 auto;justify-content: center;align-items: center;padding: 0.3rem 0;border: 0.15rem solid #ff3938;letter-spacing: 1px;box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 30%);}
.login .register {font-size: .8rem;margin-top: 0.5rem;border-radius: 1rem;position: relative;display: flex;margin: 1.5rem auto 1.5rem auto;justify-content: center;align-items: center;}
.login .register a{color: #000;}
.login .footer {margin-bottom: 0.5rem;width: 100%;text-align: center;}
.login .footer .flex {width: 100%;font-size: .6rem;text-align: center;display: flex;justify-content: center;align-items: center;}
.login .footer input {margin-right: 0.1rem;accent-color:#ff3938;color:#fff;}
.login .footer .service {font-size: .6rem;margin-top: 0.5rem;display: inline-block;}

.login-text {font-size:0.7rem;}
.login-text .iconfont {margin-right:0.3rem;font-size:0.7rem;}
.login-text a {color:#333}
.login-block {margin:0.8rem 0;}
.login-block label.label-checkbox i.icon-form-checkbox {height:0.85rem;width:0.85rem;}
.button-big {display:block;width:100%;}
.login-block .iconfont {font-size:1rem;color:#999;}

/* 大厅 */
#page-reward-home .reward-list-item .item_top {
    width: 94%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start!important;
}
#page-reward-home .reward-list-item .item_top .item_top_txt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 45px;
}
#page-reward-home .reward-list-item .item_top .item_top_txt .item_top_txt_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#page-reward-home .reward-list-item .item_top .item_top_txt .item_top_txt_title .label {
    width: 17px;
    height: 17px;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    text-align: start;
    line-height: 15px;
    padding: 1px 3px;
    margin-right: 7px;
    justify-content: flex-start;
}
#page-reward-home .reward-list-item .item_top .item_top_txt .item_top_txt_title .label2 {
    background: #ffa940;
}
#page-reward-home .reward-list-item .item_top .item_top_txt .item_top_txt_title .label1 {
    background: #ff3938;
}
#page-reward-home .reward-list-item .item_top .item_top_txt .item_top_txt_title .label3 {
    background: #4e6ef2;
}
#page-reward-home .reward-list-item .item_top .item_top_txt .item_top_txt_title .titles {
    white-space: nowrap;
    width: 200px;
    color: #3d3d3d;
    font-weight: 400!important;
    text-align: start;
    font-size: 16px;
}
#page-reward-home .flex {
    display: flex;
}
#page-reward-home .m-t-20 {
    margin-top: 10px;
}
#page-reward-home .m-r-15 {
    margin-right: 7px;
}
#page-reward-home .line-1 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#page-reward-home .size-24 {
    font-size: 12px;
}
#page-reward-home .m-l-10 {
    margin-left: 5px;
}
#page-reward-home .text-right {
    text-align: right;
}
#page-reward-home .tasklist-cate {
    border: 1px solid #ff3938;
    color: #ff3938;
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 5px;
}
#page-reward-home .tasklist-name {
    border: 1px solid #06c24b;
    color: #06c24b;
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 5px;
}
#page-reward-home .reward-list-item .item_top .item_top_money {
    font-size: 16px;
    color: #ff3938;
    font-weight: 400!important;
}
#page-reward-home .reward-list-item .item_bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
#page-reward-home .reward-list-item .item_bottom .item_bottom_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#page-reward-home .reward-list-item .item_bottom .item_bottom_left .user-avatar {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-left: 0px;
}
#page-reward-home .reward-list-item .item_bottom .item_bottom_left .user-nickname {
    font-size: 14px;
    margin-left: 5px;
}
#page-reward-home .reward-list-item .item_bottom .item_bottom_right {
    color: #999dab;
}
#page-reward-home .reward-list-item .item_bottom .item_bottom_right span{
    font-size: 14px;
    color: #999dab;
}
#page-reward-home .reward-list-item .item_bottom .item_bottom_right span em{
    font-size: 14px;
    color: #ff3938;
    font-style: normal;
}

#page-reward-home .bar-nav{
    background: #ff3938;
    background-color: #ff3938;
    color: #000;
    height: 50px;
    font-weight: bold;
}
#page-reward-home .bar-nav .title,#page-reward-home .bar-nav .pull-right,#page-reward-home .bar-nav .pull-left{
    color: #fff;
}
#page-reward-home .bar-nav.bar:after{
    height: 0;
}
#page-reward-home .bar .fen_browse{
    display: flex;
    justify-content: center;
    align-items: center;
}
#page-reward-home .bar .fen_browse span{
    background: #f9ac2c;
    margin: 0 .1rem;
    padding:0 .1rem;
    border-radius: .1rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
#page-reward-home .bar .fen_browse .laba{
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    position: relative;
}
#page-reward-home .bar .fen_browse .laba img{
    display: block;
    width: 100%;
    z-index: 1;
    position: relative;
}
#page-reward-home .bar .fen_browse .laba:after{
    content: ' ';
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    background: #fff;
    border-radius: 50%;
}
#page-reward-home .bar .search_form{
    position: absolute;
    display: none;
    width: 100%;
    text-align: center;
    margin: 0 -.5rem;
    padding: .35rem .1rem;
    padding-right: 4rem;
    padding-left: 0.5rem;
}
#page-reward-home .bar .search_form.active{
    display: flex;
}
#page-reward-home .bar .search_form .shou{
    flex-grow: 1;
    text-align: right;
    line-height: inherit;
    width:50%;
}
#page-reward-home .bar .search_form form{
    position: relative;
    flex-grow: 1;
    width: 50%;
}
#page-reward-home .bar .search_form .search_input{
    width: 100%;
    border: 0;
    font-size: .7rem;
    background: #F6F6F6;
    padding: .25rem .5rem .25rem .5rem;
    border-radius: 2rem;
    height: 1.8rem;
    color: #3d4145;
    text-align: center;
}
#page-reward-home .bar .search_form .icon-search{
    position: absolute;
    padding: .2rem .4rem 0 0;
    right: 0;
    color: #3d4145;
    top: 0;
}
#page-reward-home .bar .search_btn{
    font-size: .7rem;
    color: #000;
    padding: .7rem .1rem 0 0;
    position: relative;
    display: none;
}
#page-reward-home .bar .icon-search{
    padding: .6rem .1rem 0 0;
}
#page-reward-home .bar .search_btn.active{
    display: inline-block;
}
#page-reward-home .bar .search_btn.active img{
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
#page-reward-home .bar-header-secondary{
    padding: 0;
    height: 1.8rem;
    top: 2.5rem;
}
#page-reward-home .bar-header-secondary.tou{
    height: 3.4rem;
}
#page-reward-home .bar-header-secondary.bar:after{
    height: 0;
}
.bar-header-secondary~.content{
    top: 2rem;
    background: #f7f7f7;
    bottom: 2.5rem;
}
.bar-header-secondary.tou~.content{
    top:4rem;
}
#page-reward-home .load{
    text-align: center;
    margin:.5rem 0;
}
#page-reward-home .load .a{
    transform: scale(0.5, 0.5);
}
#page-reward-home .load .a>div{
    background-color: #888;
}
#page-reward-home .load .b{
    color: #666;
    font-size: .7rem;
}
.loadPage{
    position: absolute;
    align-items: center;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #f7f7f7;
    z-index: 99;
    padding-bottom: 50px;
    padding-left: 50px;
}
#page-reward-home .shou{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.5rem;
}
#page-reward-home .shou .dian{
    display: flex;
    align-items: center;
    margin-left: 1rem;
}
#page-reward-home .shou img{
    width: .9rem;
    height: .9rem;
    margin-right: .1rem;
    margin-bottom: .15rem;
    display: block;
}
#page-reward-home .shou .zhuan{
    margin-left: .3rem;
    font-size: .6rem;
    color: yellow;
    border: 1px solid yellow;
    height: .9rem;
    line-height: .9rem;
    padding: 0rem .2rem;
    border-radius: 2px;
}
#page-reward-home .shou .zhuan .icon{
    font-size: .5rem;
    line-height: .9rem;
    top: -.05rem;
}
#page-reward-home .top_list{
    overflow: hidden;
    display: flex;
    font-size: .85rem;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
#page-reward-home .top_list .tit{
    position: relative;
}
#page-reward-home .top_list .tit img{
    width: 2rem;
    display: block;
    margin: 0 .8rem;
}
#page-reward-home .top_list .tit:after{
    content: ' ';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #b4b4b4;
    right: 0;
    top: 0;
    transform: scaleX(.5);
}
#page-reward-home .top_list .topSwiper{
    height: 1.8rem;
    line-height: 1.8rem;
    flex-grow:1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#page-reward-home .top_list .topSwiper .list{
    display: flex;
    align-items: center;
}
#page-reward-home .top_list .topSwiper .huo{
    margin-left: .3rem;
}
#page-reward-home .top_list .topSwiper .huo img{
    width: .6rem;
    display: block;
}
#page-reward-home .top_list .topSwiper .reward_title{
    color: #c11b29;
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .3rem;
    flex-grow: 1;
}
#page-reward-home .top_list .topSwiper .apply_price{
    color: #ff873c;
    font-size: .8rem;
    font-weight: 600;
    margin-right: .75rem;
}
#page-reward-home .top{
    background: #fff;
    font-size: .7rem;
    display: flex;
    justify-content:center;
    text-align: center;
    position: relative;
    align-items: center;
    height: 100%;
    height: 1.8rem;
}
#page-reward-home .top .lei{
    flex-grow: 1;
    margin: .1rem .2rem .1rem .2rem;
    border-radius: .1rem;
    padding-top: .1rem;
    padding-bottom: .1rem;
    color: #000;
}
#page-reward-home .top .lei.active{
    color: #000;
}
#page-reward-home .top .cate{
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-wrap:wrap;
    padding: 0.5rem 0rem 0.5rem 0rem;
    justify-content:center;
}
#page-reward-home .top .cate .cat{
    width: 15%;
    margin: 0.5rem;
    flex-grow: 1;
}
#page-reward-home .top .cate .cat span{
    border: 1px solid #efefef;
    height: 24px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    background-color: #efefef;
    color: #999;
    margin-top: 10px;
}
.button_wodejiedan {
    right: 20px;
    bottom: 100px;
    position: fixed;
    width: 50px;
    height: 50px;
    background-image: url(../images/im_wodejiedan.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
}
#page-reward-home .top .cate .cat.active span{
    background: #ff3938;
    border: 1px solid #ff3938;
    color: #FFF;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#page-reward-home .top .lei .icon-down,#page-reward-home .top .lei .icon-up{
    font-size: .5rem;
    padding: 0;
    line-height: 1rem;
}
#page-reward-home .top .type{
    flex-grow: 1;
    padding-top: .1rem;
    padding-bottom: .1rem;
    margin:.1rem .2rem .1rem 0;
    border-radius: .1rem;
}
#page-reward-home .top .type.active{
    color: #ff3938;
}
#page-reward-home .hei{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
#page-reward-home .list .list-enter-active{
  transition: all 1s;
}
#page-reward-home .list .list-leave-active {
    transition: all 0s;
}
#page-reward-home .list .list-enter,#page-reward-home .list .list-leave-to{
  opacity: 0;
  transform: translateY(30px);
}
#page-reward-home .list{
    margin: 0;
    background: #f7f7f7;
}
#page-reward-home .list ul{
    background: #f7f7f7;
    flex-direction: column;
    margin: 10px;
}
#page-reward-home .list .item-content{
    min-height: 4rem;
}
#page-reward-home .list.list-block ul:before,#page-reward-home .list.list-block ul:after,#page-reward-home .list.list-block .item-inner:after{
    height: 0;
}
#page-reward-home .list .item-media{
    position: relative;
    padding-top: .1rem;
    padding-bottom: 0;
    margin-bottom: .85rem;
}
#page-reward-home .list .item-media .avatar{
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
}
#page-reward-home .list .item-yu .deposit {
    font-size: .6rem;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
#page-reward-home .list .item-yu .deposit .img {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 0.2rem 0.1rem 0;
}
#page-reward-home .list .item-media .vip-icon{
    position: absolute;
    bottom: -.1rem;
    right: 0;
    font-size: .6rem;
    width: 1.45rem;
    text-align: center;
    color: #fff;
}
#page-reward-home .list .item-inner{
    padding-top: 0;
    padding-bottom: 0;
}
#page-reward-home .list .item-title {
    white-space: nowrap;
    color: #103D52;
    font-size: .8rem;
}
#page-reward-home .list .reward_ios_black{
    width: .65rem;
    margin-bottom: .05rem;
}
#page-reward-home .list .reward_android_black{
    width: .65rem;
}
#page-reward-home .list .item-title-row .item-after{
    color: #ff3938;
    font-size: .7rem;
    padding-top: .1rem;
}
#page-reward-home .list .item-yu{
    color: #6B7E92;
    font-size: .5rem;
    margin-top: .1rem;
}
#page-reward-home .list .cat{
    background: #f3f4f5;
    border-radius: .1rem;
    color: #8c8ca4;
    padding: .1rem .3rem;
    font-size: .5rem;
    margin-top: .2rem;
    display: inline-block;
    float: left;
    margin-right: .2rem;
}
#page-reward-home .list .cat.ding{
    background: #ff7e39;
    color: #fff;
}
#page-reward-home .list .cat.already{
    background: #f0ad4e;
}
#page-reward-home .list .cat.can{
    background: #5cb85c;
}
#page-reward-home .list .browse{
    width: 1rem;
    float: right;
    margin-left: .2rem;
}
#page-reward-home .list .hongbao{
    width: 1rem;
    float: right;
    margin-left: .2rem;
}
#page-reward-home .load{
    text-align: center;
    margin:.5rem 0;
}
#page-reward-home .load .a{
    transform: scale(0.5, 0.5);
}
#page-reward-home .load .a>div{
    background-color: #888;
}
#page-reward-home .load .b{
    color: #666;
    font-size: .7rem;
}
.level_modal .modal-inner,.level_modal .modal-button{
    background: #fff;
}
.level_modal .a{
    text-align: left;
    font-size: .7rem;
    color: #000;
    padding-top: .5rem;
}
.level_modal .a input{
    opacity: 0;
    position: absolute;
}
.level_modal .a .b{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 1.5rem;
}
.level_modal .a .b::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 8px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.level_modal .a input[type="radio"]:checked + .b::before {
    border-color: #5cb85c;
}
.level_modal .a .b::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 4px;
    top: 12px;
    border-radius: 50%;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.level_modal .a input[type="radio"]:checked + .b::after {
    background-color: #5cb85c;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.sig{
    position: fixed;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: .6rem;
    padding-top: .3rem;
    box-shadow: 0 0 2px #f1aa7e;
    line-height: .8rem;
    width: 2.2rem;
    height: 2.2rem;
    right: 1rem;
    bottom: 3.8rem;
    z-index: 20000;
    background-image: linear-gradient(to bottom,#ff9259,#ff6918);
}
.sig a{color: #FFF}
.sig .apply_count {
    position: absolute;
    background: #fb3534;
    border-radius: 50%;
    color: #fff;
    min-width: .8rem;
    top: -.1rem;
    left: 0;
}
.sig.state{
    box-shadow: 0 0 5px #33B2F9;
    background-image: linear-gradient(to bottom,#6ec5d9,#5ba5e6);
}
.sig2{
    position: fixed;
    background-image: url("/static/mobile/images/reward/red.png");
    background-size: 100% 100%;
    color: #ffffff;
    text-align: center;
    padding-top: .3rem;
    width: 2.4rem;
    height: 2.4rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 20000;
}
.sig2 a{
    display: block;
    height: 100%;
}
.sig2 .time{
    color: #fff;
    position: absolute;
    font-size: .5rem;
    bottom: -.05rem;
    left: 0;
    width: 100%;
    transform: scale(0.8,0.8);
}

.icon-game{
	background: url(/static/mobile/images/footer/game.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 0.9rem !important;
}
.game{
	margin-top:1px;
}
.guanzhu_no .text{
    margin-bottom: .5rem;
}
.guanzhu_no .text2{
    font-size: .65rem;
}
.guanzhu_no img{
    width: 80%;
    display: block;
    margin: auto;
    padding-top: .5rem;
}
/* 发布 */
.create .modal_auth {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 2001;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 1px;
}
.create .modal_box {
    width: 17rem;
    background: #fff;
    border-radius: 0.5rem;
    position: relative;
    padding: 0.5rem;
}
.create .modal_box .tit {
    font-size: 1rem;
}
.create .modal_box .list{
    color:red;
}
.create .modal_auth .modal_box .btn {
    width: 70%;
    margin: 1rem auto;
    padding: 0.3rem 0;
    height: auto;
    font-size: .85rem;
    background: #ff7745;
    margin-bottom: 0.5rem;
    color: #fff;
    border-radius: 0.2rem;
}

.create .bars{background-image: linear-gradient(to right,#ff3938,#ff3938);}
.create .bars:after{height: 0;}
.create .bars .title{color: #FFF;}
.create .bars a{color: #fff;}
.create .bars .button.pull-right {border-color: rgba(0,0,0,0);}
.create .fabu{position: fixed;bottom: 1rem;right: .5rem;z-index: 16;text-align: center;font-size: .6rem;color: #319cfc;}
.create .fabu img{width: 1.8rem;height: 1.8rem;display: block;margin: auto;}
.create .box{background: #fff;position: relative;}
.create .box .tit{display: flex;align-items: center;background: #fff;position: relative;}
.create .box .tit .addtask{width: .9rem;margin: .6rem .6rem;}
.create .box .tit .t{font-weight: 700;font-size: 0.78rem;flex-grow: 1;}
.create .box .tit .check{font-size: .75rem;}
.create .box .tit .check .button{border: 0;color: #ff3938;}
.create .box .tit .temp{color: #999;font-size: .75rem;margin: 0 .5rem 0 .7rem;}
.create .box .tit .buttons-row{margin-right: .3rem;}
.create .box .tit .buttons-row .button{padding: 0 .6rem;}
.create .box .list{display: flex;align-items: center;}
.create .box .list .left{font-size: 0.6rem;text-align: center;flex-grow: 1;margin: .6rem 0;width: 22%;}
.create .box .list .right{flex-grow: 4;font-size: 0.7rem;display: flex;align-items: center;width: 80%;}
.create .box .list .right .select{padding-right: .1rem;background: #fff;flex-grow: 1;width: 30%;position: relative;display: flex;align-items: center;}
.create .box .list .right .select input{width: 100%;display: block;border-radius: .1rem;height: 1.1rem;border: 0;}
.create .box .list .right .select .select_bottom{background: url('/static/mobile/images/bottom.png');height: .8rem;width: 1rem;background-size: 100%;}
.create .box .list .right .select .select_bottom.right {
    transform: rotate(-90deg);
}
.create .box .list .right .select:disabled{background: rgba(239, 239, 239, 0.3);color: #757575;opacity: .7;}
.create .box .list .right .text{flex-grow: 1;width: 45%;font-size: .6rem;padding-left: .5rem;line-height: 1.1rem;}
.create .box .list .right .text .text2{font-size: 0.78rem;}
.create .box .list .right .text .green{color: green;}
.create .box .list .right .input{border: 0;padding-right: .5rem;background: #fff;flex-grow: 1;border-radius: .1rem;font-size: 0.6rem;}
.create .box .list .right .input:disabled{background: rgba(239, 239, 239, 0.3);color: #757575;margin-right: .5rem;font-size: 0.6rem;}
.create .box .list .right .input2{border: 0;padding-right: .5rem;background: #fff;flex-grow: 1;width: 30%;border-radius: .1rem;font-size: 0.6rem;}
.create .box .list .right .input2:disabled{background: rgba(239, 239, 239, 0.3);color: #757575;opacity: 1;font-size: 0.5rem;}
.create .box .list .right .radio{position: relative;display: inline-block;margin-right: .2rem;}
.create .box .list .right .radio>input{position: absolute;opacity: 0;}
.create .box .list .right .radio>span{display: block;border: 1px solid #d9d8d8;color: #777;font-size: .65rem;padding: .1rem .5rem;}
.create .box .list .right .radio>input:disabled~span{background: rgba(239, 239, 239, 0.3);color: #757575;border: 1px solid rgba(239, 239, 239, 0.3);}
.create .box .list .right .radio>input:checked~span{border: 1px solid #ff3938;color: #ff3938;}
.create .box .list .right .radio>input:checked~span:after{content: "";position: absolute;display: block;left: 0;bottom: 0;height: 100%;width: 100%;z-index: 1;background: url('../images/success_type.png') no-repeat right bottom;background-size: 25%;}
.create .box .list .right .radio.device>input:checked~span:after{background-size: 35%;}
.create .box .contents{width: 100%;height: 4.6rem;font-size: .6rem;padding: .5rem;border: 0;resize: none;}
.create .box .list2{display: flex;align-items: center;font-size: 0.7rem;min-height: 4.5rem;margin:10px 0}
.create .box .list2 .left{text-align: center;flex-grow: 1;width: 20%;}
.create .box .list2 .left .index{width: 1.3rem;height: 1.3rem;background: #ff3938;text-align: center;line-height: 1.3rem;color: #fff;border-radius: 1.3rem;margin: 0 auto;}
.create .box .list2 .left .del{display: inline-block;margin-top: .4rem;color: #ff3938;}
.create .box .list2 .right{flex-grow: 2;width: 80%;}
.create .box .list2 .right.right_1{display: flex;align-items: center;}
.create .box .list2 .right .img{display: flex;align-items: center;flex-wrap:wrap;justify-content:center;align-content: center;width: 3.5rem;min-height: 3.5rem;border: 0.05rem dashed #ff1f30;color: #00a0e9;text-align: center;}
.create .box .list2 .right .img.upload{height: 3.5rem;}
.create .box .list2 .right .img.upload.up{animation: up 1s;animation-iteration-count: infinite;animation-direction:alternate;}
@keyframes up{from {background: #fff;}to {background: #e8e8e8;}}
.create .box .list2 .right .img .view{width: 100%;display: block;margin: auto;}
.create .box .list2 .right .img .notice{margin-top: .2rem;}
.create .box .list2 .right .img .progress{font-size: 1rem;}
.create .box .list2 .right .textarea{height: 3.5rem;border: 0;resize: none;border-bottom: 0.01rem solid #e7e7e7;padding: 0 .5rem;flex-grow: 1;font-size: .6rem;}
.create .box .list2 .right .input{border: 0;border-bottom: 0.01rem solid #e7e7e7;padding:.4rem .5rem;flex-grow: 1;font-size: 14px;width: 100%;}
.create .box .list2 .right.right_3{display: flex;align-items: center;}
.create .box .list2 .right.right_3 .textarea{height: 2.5rem;}
.create .box .list2 .right.right_3 .textarea2{height: 1.5rem;}
.create .box2{padding:.5rem .75rem;font-size: .7rem;}
.create .box2 .guize label span{position: relative;}
.create .box2 .guize label input{height: .6rem;}
.create .box2 .guize label i.on{background: url('/static/mobile/images/addtaskhook.png') no-repeat 2px 4px #00bf4b;border-color: #00bf4b;background-size: 10px 7px;display: none;width: .8rem;height: .8rem;margin: -.06rem .1rem 0 0;border: 1px solid #e0e0e0;border-radius: 50%;vertical-align: middle;position: absolute;left: -.1rem;top: 0;}
.create .box2 .guize label input:checked{opacity: 0;}
.create .box2 .guize label input:checked~.on{display: inline-block;}
.create .box2 .text{margin-top: .2rem;}
.create .box2 .text2{margin: .8rem 0;color: #999;}
.create .box2 .btn{text-align: center;color: #fff;background-color: #c8c9cb;font-size: .85rem;padding: .55rem 0;margin-bottom: .4rem;border-radius: .2rem;}
.create .box2 .btn.active{background-image: linear-gradient(to right,#F5BA56,#FF7300);box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);}


.edui-default .edui-box, .edui-default .edui-toolbar {line-height:1;}
.edui-default .edui-editor {border:none !important; border-top:1px solid #d4d4d4;}
.post-block {margin:0.8rem 0;}
.post-block .item-input-text {width:3.5rem;}
.post-block #price-tips { background-color:#fff;color:green;font-size:0.65rem;padding:0 0.3rem;position:absolute;right:0;top:-0.5rem;z-index:100;}
.list-block .item-post {padding-right:0.4rem;padding-left:0.4rem;font-size:0.78rem;}
.list-block .item-post input[placeholder] {font-size:0.7rem;}
.list-block .item-post .text-right {font-size:0.7rem;color:#999;}
.list-block .post-contents {padding:0;}

/* 列表 */
.reward-sort {background-color:#FFFFFF;padding:0.3rem 0;font-size:0.7rem;position:fixed;top:2.2rem;left:0;height:1.7rem}
.reward-sort a {color:#3d4145;width:25%;display:inline-block;float:left;text-align:center;line-height:1.1rem}
.reward-sort a.active {color:#ff6700}
.reward-sort a i{display: block;
    background: #f00;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.24rem;
    left: 50%;
    margin-left: 1.2rem;
    position: absolute;}
.reward-sort ~ .content {top:3.9rem}
.reward-list .list-block ul {background:none;}
.reward-list .list-block ul li {background-color:#FFFFFF;margin:0.5rem 0}
.reward-list .list-block .item-title {white-space: inherit;}
.reward-list .list-block .item-title .badge {margin-right: 0.2rem;}
.reward-list .list-block .item-content {padding:0;position:relative;}
.reward-list .list-block.media-list .item-inner {padding:0.5rem 0.75rem 0.45rem 0.75rem;}
.reward-list .push-time {font-size:0.6rem;color:#ccc;margin-top:0.5rem;font-weight:500}
#pagination {text-align:center;padding-bottom:0.7rem;color:#999;font-size:0.6rem;}
#pagination li {float:left;}
.already_connect, .can_connect {display:inline-block;top:0;right:0.5rem;position:absolute;color:#FFFFFF;text-align:center;line-height:1.1rem;font-size:0.6rem;padding:0 0.2rem;border-radius:0 0 20% 20%;font-weight:700;}
.already_connect {background-color:#f0ad4e}
.can_connect {background-color:#5cb85c}

/* 详情 */
.reward_reject, .reward_examine, .reward_normal, .reward_pause, .reward_full, .reward_finish {width:3rem;height:3rem;position:absolute;top:0;right:0.5rem;}
.reward_reject {background:url("../../images/reject.png") no-repeat;background-size:100% 100%;}
.reward_examine {background:url('../../images/examine.png') no-repeat;background-size:100% 100%;}
.reward_normal {background:url("../../images/normal.png") no-repeat;background-size:100% 100%;}
.reward_pause {background:url('../../images/pause.png') no-repeat;background-size:100% 100%;}
.reward_full {background:url('../../images/full.png') no-repeat;background-size:100% 100%;}
.reward_finish {background:url('../../images/finish.png') no-repeat;background-size:100% 100%;}
.detail {background-color: #FFFFFF}
.detail .titles {border-bottom:1px solid #e0e0e0;padding-bottom:0.4rem;margin-bottom:0.5rem}
.detail .titles h1 {font-size:0.8rem;padding:0.8rem 0.3rem 0.1rem;margin:0;line-height:1.4rem;}
.detail .titles .info {font-size:0.7rem;color:#cccccc;padding:0.2rem}
.detail .titles .info .mr {margin-right:0.5rem;}
.detail .titles .info .iconfont {margin:0 0.2rem}
.detail .reward {line-height:1.5rem;font-size:0.75rem;padding-bottom:0.5rem;color:#999999;position:relative;}
.detail .reward dd {width:5.5rem;margin:0 0.6rem 0 0;text-align:right;}
.detail .reward dt.price {font-size:1.2rem;color: #ff6700;font-weight:bold;}
.detail .reward dt.votes {font-weight:bold;font-size:0.9rem;color:green;}
.detail .reward dt .finish_time {margin-right:0.3rem}
.detail .reward dt .progress{display:inline-block;width:5rem;background-color:#f5f5f5;height:10px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);border-radius:4px;margin:0 10px;overflow:hidden;box-sizing:border-box}
.detail .reward dt .progress .progress-bar{background:#5cb85c;display:inline-block;height:10px;border-radius:4px 0 0 4px}
.ctabs {padding:0.1rem 0.5rem;background-color:#FFFFFF;overflow-wrap:break-word;}
.ctabs img {max-width:100%;}
.supplement {font-weight: bold;margin:1rem 0 0.5rem;}
.row.no-gutter .col-30 {width:30%}
.append-list {font-size:0.7rem;line-height:1.5rem}
.append-list .row {margin:0.2rem 0;border-bottom:1px solid #CCCCCC}
.append-list .row:last-child {border:none}
.apply_list .card {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 0 1rem}
.apply_list .button {display:inline-block;}
.apply_list .date {font-size:0.6rem;float:right;color:#cccccc;}
.apply_list .date .date-a{
    color: #cccccc;
    margin:0 .5rem;
}
.apply_list .card-header {padding:0}
.apply_list .card-header .apply-handle {padding:0 0.5rem 0 0.3rem}
.apply_list .apply_cont {line-height:1.3rem;padding-top:0.5rem}
.apply_list .more {text-align: center;background-color:#e1e1e1;display: block;margin: 0 -0.5rem -0.1rem;padding:0.3rem 0;font-size: 0.7rem;padding-bottom: 1rem;}
.apply_list .alert-apply_count{
    font-size: .65rem;
    margin-left: .3rem;
}
.apply_list .reason{
    color: red;
    position: relative;
    top: -.5rem;
    text-align: right;
    height: 0;
    right: -.7rem;
}
.apply_list .avatar-box{
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-left: .5rem;
}
.apply_list .avatar-box .avatar-a{
    display: flex;
    align-items: center;
    margin-right: 1rem;
    flex-shrink: 0;
}
.apply_list .avatar-box .avatar-img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: .3rem;
}
.apply_list .avatar-box .avatar-right{
    flex-grow: 2;
    text-align: right;
}

/** 用户中心 */
.user-main .bar-nav{
    background: #ff3938;
}
.user-main .bar-nav:after{
    height: 0;
}
.user-main .bar-nav a,.bar-nav h1{
    font-weight: 700;
    color: #FFF;
}
.user-main .aui-tour-content {
    width: 100%;
    height: 224px;
    background-image: url(../images/my_top_bg.png);
    border-radius: 0 0 20px 20px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.user-main .content2 {
    margin: 0.8rem;
    margin-bottom: 0.5rem;
    margin-top: -90px;
}
.user-main .content2 .userinfo {
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
    background: #ffffff;
}
.user-main .userinfo .list-block {
    margin: 0;
}
.user-main .userinfo .list-block .item-content {
    padding-left: 0;
}
.user-main .userinfo .list-block ul:before, .user-main .userinfo .list-block ul:after {
    height: 0;
}
.user-main .userinfo .item-media {
    align-self: flex-start;
    position: relative;
}
.user-main .userinfo .item-media img {
    width: 3rem;
    height: 3rem;
}
.user-main .userinfo .item-media .vip_name {
    position: absolute;
    color: #ff0000;
    bottom: -0.8rem;
    left: -25%;
    font-size: .65rem;
    width: 150%;
    text-align: center;
    font-weight: 600;
}
.user-main .userinfo .list-block .item-inner {
    padding-right: 0;
    padding-bottom: 0;
}
.user-main .userinfo .list-block.media-list .item-title {
    font-weight: bold;
    font-size: .8rem;
}
.user-main .userinfo .zhongti a:first-child {
    margin-right: 0.3rem;
}
.user-main .userinfo .zhongti a {
    color: #ff3938;
    border: 1px solid #ff3938;
    border-radius: 2em;
    padding: 1px 10px;
    font-size: .6rem;
    align-self: center;
}
.user-main .userinfo .list-block .item-subtitle {
    font-size: .65rem;
    margin-top: 0.1rem;
}

.user-main .userinfo .uid-gua {
    display: flex;
    justify-content: space-between;
}
.user-main .userinfo .list-block .item-subtitle {
    font-size: .65rem;
    margin-top: 0.1rem;
}
.user-main .userinfo .rank_box {
    display: flex;
    margin-top: 0.1rem;
}
.user-main .userinfo .rank_box a {
    color: #3d4145;
    width: 100%;
    height: 100%;
}
.user-main .userinfo .rank_box .progress {
    flex-grow: 3;
    background: #f5f5f5;
    border-radius: 2rem;
    height: 0.6rem;
    overflow: hidden;
    margin: 0.2rem 0.3rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.user-main .userinfo .rank_box .progress .progress-bar {
    background-image: linear-gradient(to right,#FF8B07,#FF4F00);
}
.user-main .userinfo .rank_points {
    flex-grow: 1;
}
.user-main .money-box {
    border: 0;
    padding: 0.3rem 0 0.3rem 1rem;
    padding-bottom: 0.5rem;
    display: flex;
    overflow: visible;
    background:#FFFFFF;
    color:#999;
    font-size: 0.6rem;
}
.user-main .money-box a {
    color: #999;
}
.user-main .money-box .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: -0.2rem;
    width: 33%;
}
.user-main .money-box .xian {
    position: absolute;
    right: -0.2rem;
    top: 0;
    height: 1.2rem;
    width: 1px;
    transform: scaleX(.5);
    background: #d5d5d5;
    margin-top: 0.5rem;
}
.user-main .money-box .col-33 {
    position: relative;
    width: 55%;
}
.user-main .money-box .encashment {
    display: flex;
    background-image: linear-gradient(to bottom,#fe8807,#ff5902);
    color: #fff !important;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 0 0.4rem 0 0.5rem;
    border-radius: 2rem 0 0 2rem;
}
.user-main .money-box .encashment img {
    width: 0.5rem;
    margin-right: 0.2rem;
}
.user-main .money-box .recharge {
    color: #333 !important;
    margin-top: 0.2rem;
    display: block;
    font-size: .7rem;
    width: 100%;
    text-align: right;
    padding-right: 0.5rem;
    height: 1rem;
}
.user-main .money-box .money {
    height: 1.3rem;
}
.money-box-a {
    border-radius: 0 0 10px 10px;
    background: #FFFFFF;
    font-size: .7rem;
    border-top: 1px solid #f3f0f0;
    padding-left: 0.5rem;
}

.my-reward ul {
    overflow: hidden;
    padding: 0.5rem;
}
.user-main .my-reward .box {
    font-size: .6rem;
    padding: 0.2rem 0;
}
.qxz-palace-grid-icon2 {
    margin: 0 auto;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.qxz-palace-grid-icon2 img {
    width: 90%;
    display: block;
    margin: auto;
    border-radius: 25px;
}
.my-reward .n {
    text-align: center;
    font-size: .65rem;
    color: #000;
}

.user-main .item-media .iconfont {font-size:1rem}
.user-main .item-inner a {display:block;width:100%;color:#999999}
.user-main .userinfo {background-color:#EE3C2D;background:-moz-linear-gradient(left, #EE3C2D, #E1435A);background:-webkit-gradient(linear, left top, right bottom, from(#EE3C2D), to(#E1435A));background:-o-linear-gradient(left, #EE3C2D, #E1435A);padding:0.6rem 0.8rem}
.user-main .userinfo .avatar {width:2.5rem;height:2.5rem;margin-right:1rem;}
.user-main .userinfo .avatar img {max-width:2.5rem}
.user-main .userinfo .info {color:#efefef;font-size:0.65rem;line-height:1.2rem}
.user-main .userinfo .info a {color:#efefef}
.user-main .money-box .br {border-right:1px solid #dedede}
.user-main .money-box .money {color:#ff3938;font-size:0.9rem;font-weight:bold;}
.user-main .my-reward .box {font-size:0.65rem;padding:0.4rem 0}
.user-main .my-reward .box a {display: block;color:#999999}
.user-main .my-reward .box .col-33 {position:relative;}
.user-main .my-reward .box .col-33 .badge {position:absolute;left:50%;top:0;background-color:red;}
.user-main .my-reward .box .iconfont {font-size:1.5rem;}
.user-main .toRecharge {border-top:1px solid #dedede;clear: both;margin-top:0.5rem; padding:0.7rem 0 0.3rem;font-size:0.8rem;}
.user-main .toRecharge a {color: #ff6700;display:block;width:100%; height:100%;}
.user-main .recharge ul {padding:1rem 0.5rem;font-size:0.65rem}
.user-main .recharge ul li {padding:0.3rem 0;color:#999999}
.user-main .recharge .money {color: #ff6700;font-size:1.4rem;padding:0 0.3rem}
.user-main .recharge b {margin:0 0.2rem}
.user-main .recharge .recharge_money {border: 1px solid #CCCCCC;font-size: 0.6rem;}
.user-main .recharge .pay-type * {float: left}
.user-main .recharge .pay-type input {margin-right:0.6rem;}
.user-main .recharge .alert-danger {background-color: #f2dede;padding:0.6rem 1rem;line-height:1.1rem;margin-top:1rem;-webkit-border-radius:0.3rem;-moz-border-radius:0.3rem;border-radius:0.3rem;}
.user-main .reward-list .list-block .item-title {white-space: nowrap;}
.user-main .reward-list .push-time {margin-right:0.5rem}
.user-main .reward-list .item-subtitle {padding:0.3rem 0}
.user-main .reward-list .item-subtitle .iconfont {font-size:1rem;margin:0 0.5rem}
.user-main .reward-list .item-subtitle a {color:#3d4145}
.user-main .account-list .item-inner {padding-left:0.5rem}
.user-main .account-list .item-subtitle {color:#999999;font-size:0.6rem;margin:0.3rem 0}

.user-main .account-list .item-info {color:rgb(135 135 135);font-size: 13px}
.user-main .account-list .item-money {color:#ff3938;font-size: 17px;font-weight: bold;}
.user-main .account-list .item-money span{font-size: 14px;}
.user-main .account-list .item-date {color:#000;font-size: 0.6rem}
.user-main .user-profile {margin:0}
.user-main .user-profile .avatar {padding:0.8rem}
.user-main .user-profile .avatar img {max-width:4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.user-main .notify .badge {background-color:red;padding:0;min-width:0.4rem;max-width:0.4rem;height:0.4rem;margin-top:0.4rem;float:right;}
.popup-EditProfile .list-block .select select {display:inline-block!important;float:right!important;width:auto!important;}
.popup-EditProfile .list-block .select .separate {float:right;margin:0 0.1rem 0 0.5rem;line-height:2rem}
.security_tips {font-size:0.7rem;color:#ff0000;padding:0.7rem 0.5rem;line-height:1.2rem}
#money_tips {font-size: 0.7rem;text-align:center}
.user-main .encashment ul {padding:0.2rem 0.5rem;font-size:0.65rem}
.user-main .encashment ul li {padding:0.2rem 0;color:#999999}
.user-main .encashment .item-subtitle {font-size:0.6rem}
.user-main .encashment .money {color:#ff6700;font-size:1rem;padding:0 0.3rem}



.QrCodeModal {text-align: center;}
.QrCodeModal img {max-width:100%;}
.QrCodeModal .code {position: relative; text-align: left;}
.QrCodeModal .example {position:absolute;font-weight: bold}
#alipay_money {top:44%;left:1.5rem;font-size:1.6rem}
#alipay_code {top:58%;left:0.4rem;font-size:0.7rem;}
#weixin_money {top:49%;left:2.75rem;font-size:1.6rem}
#weixin_code {top: 66%;left: 1.2rem;font-size: 0.7rem;}
.remind {border: 1px dashed #fc4e53;margin:0.5rem 0;padding:0.5rem;color:#fc4e53;text-align: left;}
.remind .tit {background-color: #fc4e53;color:#fff;text-align:center;padding:0.2rem 0}
.remind p {line-height:1.3rem;margin:0;padding:0}
.remind strong {color:#00b7ee}

.faq_list {margin-bottom:2rem; padding:0 0.6rem;}
.faq_list h2 {margin-bottom:0.7rem;font-size:0.8rem}
.faq_list .faq_details {padding-left:0.8rem;font-size:0.7rem}
.nav-list {list-style:none;margin:0.8rem;padding:0}
.nav-list li {line-height:2.5rem;}
.nav-list a {color:#3d4145;}
.nav-list li.active a {color:#ff6700}

/**个人信息**/
.user-info .bar-nav{
    background: #ff3938;
}
.user-info .bar-nav:after{
    height: 0;
}
.user-info .bar-nav a,.bar-nav h1{
    color: #FFF;
    font-weight: 700;
}
.user-info .user-profile {
    margin: 0;
    padding: 10px;
    
}
.user-info .gehang{
    margin: 1.75rem 0;
}

/**VIP会员**/
.user-vip .bar {
    background: #ff3938;
    color: #fff;
}
.user-vip .bar a {
    color: #fff;
}
.user-vip .bar:after {
    height: 0;
}
.user-vip .content {
    background: #fff;
}
.user-vip .bei {
    height: 5rem;
    background: #ff3938;
}
.user-vip .vip-swiper-container {
    margin-top: -5rem;
    overflow: hidden;
    padding: 0.5rem 0;
}
.user-vip .vip-swiper-container{
        margin-top: -5rem;
        overflow: hidden;
        padding: .5rem 0;
    }
    .user-vip .vip-swiper-container .swiper-wrapper{
        padding-left: 3%;
    }
    .user-vip .vip-swiper-container .swiper-slide{
        width: 87%;
    }
    .user-vip .vip-swiper-container .vip{
        background: #FFF7F4;
        border-radius: .5rem;
        padding: .5rem;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        margin-right: 1.2rem;
    }
    .user-vip .vip-swiper-container .vip .auto_close{
        position: absolute;
        right: 1.6rem;
        top: .2rem;
        font-size: .65rem;
        color: #888;
        z-index: 10;
    }
    .user-vip .vip-swiper-container .vip .list-block{
        margin: 0;
    }
    .user-vip .vip-swiper-container .vip .list-block .item-content{
        padding-left: .25rem;
    }
    .user-vip .vip-swiper-container .vip .list-block.media-list .item-media img{
        border-radius: 50%;
        width: 2.5rem;
        height: 2.5rem;
    }
    .user-vip .vip-swiper-container .vip .list-block .item-inner:after{
        height: 0;
    }
    .user-vip .vip-swiper-container .vip .list-block .item-title-row{

    }
    .user-vip .vip-swiper-container .vip .vip-icon{
        width: 1.4rem;
        position: relative;
        top: .1rem;
    }
    .user-vip .vip-swiper-container .vip .ka_name{
        font-size: .6rem;
        background: #c4bfbf;
        padding: 0rem .3rem;
        border-radius: 1rem;
        color: #fff;
        display: inline-block;
    }
    .user-vip .vip-swiper-container .vip .ka_name.active{
        background: #FF6262;
        box-shadow: 0px 0px 1px #FF6262;
        margin-right: .2rem;
    }
    .user-vip .vip-swiper-container .vip .list-block .item-subtitle{
        color: #999;
        font-size: .7rem;
    }
    .user-vip .vip-swiper-container .vip .bottom{
        display: flex;
        padding:.5rem .2rem 0 .2rem;
        border-top: 1px dashed rgba(0, 0, 0, 0.11);
        margin-top: .5rem;
        font-size: .75rem;
        align-items: center;
    }
    .user-vip .vip-swiper-container .vip .bottom .a{
        flex-grow:1;
    }
    .user-vip .vip-swiper-container .vip .bottom .b{
        flex-shrink:0;
    }
    .user-vip .vip-swiper-container .vip .bottom .btn{
        border-radius: 1rem;
        background: #ff3938;
        color: #fff;
        padding: .2rem .7rem;
        font-size: .7rem;
        text-align: center;
    }
    .user-vip .vip-swiper-container .vip .bottom .money_yuan{
        font-size: .65rem;
    }
    .user-vip .vip-swiper-container .vip .bottom .money{
        color: #ff3938;
        font-size: .85rem;
    }
    .user-vip .vip-swiper-container .vip .bottom .money_xu{
        color: #ff3938;
        font-size: .65rem;
        text-align: center;
        margin-bottom: -.5rem;
        margin-top: .1rem;
    }
    .user-vip .vip-swiper-container .vip .bottom .xianshi{
        font-size: .7rem;
        color: red;
        margin-left: .5rem;
    }
    .user-vip .box{
        padding: 1rem 0 1rem 1rem;
    }
    .user-vip .box .shengs{
        margin-top: -.5rem;
        margin-bottom: .5rem;
    }
    .user-vip .box .shengs .sheng{
        display: flex;
        justify-content:center;
        align-items:center;
        font-size: .85rem;
        padding-bottom: .5rem;
    }
    .user-vip .box .shengs .sheng.vip_2{
        color: #C24ECC;
    }
    .user-vip .box .shengs .sheng.vip_3{
        color:#ED1051;
    }
    .user-vip .box .shengs .sheng.vip_7{
        color: #E78945;
    }
    .user-vip .box .shengs .sheng .vip-icon{
        width: 1.4rem;
        margin-right: .2rem;
        margin-top: -.2rem;
    }
    .user-vip .box .shengs .sheng .btn{
        border-radius: 2rem;
        padding: .1rem .5rem;
        color: #fff;
        font-size: .7rem;
        margin-left: .5rem;
    }
    .user-vip .box .shengs .sheng.vip_2 .btn{
        background-image: linear-gradient(to left,#C24ECC,rgba(194, 78, 204, 0.67));
    }
    .user-vip .box .shengs .sheng.vip_3 .btn{
        background-image: linear-gradient(to left,#ED1051,rgba(237, 16, 81, 0.67));
    }
    .user-vip .box .shengs .sheng.vip_7 .btn{
        background-image: linear-gradient(to left,#E78945,rgba(231, 137, 69, 0.67));
    }
    .user-vip .box .shengs .xian{
        font-size: .7rem;
        text-align: center;
    }
    .user-vip .box .tit{
        font-size: .9rem;
    }
    .user-vip .box .tit .you{
        font-size: .7rem;
        margin-left: 1rem;
        color: red;
    }
    .user-vip .box .you2{
        font-size: .7rem;
        color: red;
    }
    .user-vip .box .list-block{
        margin: .5rem 0;
    }
    .user-vip .box .list-block ul:before,.user-vip .box .list-block ul:after{
        height: 0;
    }
    .user-vip .box .list-block.media-list .item-inner{
        padding-right:0;
    }
    .user-vip .box .list-block.media-list .item-media img{
        border-radius: 50%;
        width: 2.2rem;
    }
    .user-vip .box .list-block.media-list .item-title{
        font-size: .8rem;
    }
    .user-vip .box .list-block .item-subtitle{
        color: #999;
        font-size: .7rem;
    }
    .user-vip .dao{
        text-align: center;
        font-size: .8rem;
        margin-bottom: 1rem;
    }
    .user-vip .dao span{
        color: red;
    }
    .loadPage{
        position: absolute;
        align-items: center;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        background: #f7f7f7;
        z-index: 99;
        padding-bottom: 50px;
        padding-left: 50px;
    }
    .xu-box{
        display: none;
    }
    .xu-modal .tit{
        font-size: .9rem;
        margin-bottom: .5rem;
    }
    .xu-modal .auto{
        margin-top: .5rem;
        margin-bottom: .3rem;
    }
    
/**充值**/
.row.no-gutter .col-50 {
    width: 100%;
    margin: 0;
}
.recharge .list-block ul {
    border-radius: 0px;
}
    .money-a{
        padding: .6rem .2rem .2rem;
        background-color: #ff3938;
        color: #fff;
        text-align: center;
    }
    .money-b{
        font-size: .7rem;
        font-weight: bold;
    }
    .money-c{
        font-size: 1.5rem;
    }
    .money-d{
        position: relative;
    }
    .money-f{
        font-size: .6rem;
        text-align: center;
        background-color: #459CE5;
        color: #fff;
        padding: .4rem 0;
    }
    .button.button-big.money-button{
        background: #ff3938;
        color: #000;
        margin: .6rem auto;
        height: 2rem;
        line-height: 2rem;
        font-size: .7rem;
        border-radius: .1rem;
    }
    .pay-box{
        display: flex;
        flex-wrap:wrap;
        align-items:center;
    }
    .pay-type{
        flex-grow: 1;
        margin-bottom: .3rem;
        position: relative;
    }
    .pay-type .tui{
        position: absolute;
        top: -.7rem;
        font-size: .6rem;
        left: 54%;
        color: #fff;
        background: #f47936;
        padding: 0 .15rem;
        border-radius: .1rem;
        transform: scale(.8,.8);
    }
    .beiyong{
        color: rgba(255, 0, 0, .8);
        margin-top: .5rem;
    }
    

/**关注**/
.user-follow .bar {
    background: #ff3938;
    background-color: #ff3938;
    color: #000;
}
.user-follow .bar a {
    color: #FFF;
    font-weight: 700;
}

    .user-follow .bar.bar-nav .button{
        border:0;
        padding: 0;
        top: .5rem;
    }
    .user-follow .list{
        margin:0;
        margin-top: .5rem;
    }
    .user-follow .list ul{
        background: rgba(0,0,0,0);
    }
    .user-follow .list-block ul:before,.user-follow .list-block ul:after{
        height: 0;
    }
    .user-follow .list li{
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    .user-follow .list.list-block .item-inner:after{
        height: 0;
    }
    .user-follow .list .item-media img{
        border-radius: 50%;
        width: 3rem;
    }
    .user-follow .list .item-title{
        color: #333;
    }
    .user-follow .list .item-after{
        color: #ff6700;
        font-size: .5rem;
        padding-top: .2rem;
    }
    .user-follow .list .item-yu {
        color: #6B7E92;
        font-size: .5rem;
        margin-top: .1rem;
    }
    .user-follow .list .cat {
        background: #91A7FF;
        border-radius: .1rem;
        color: #fff;
        padding: .1rem .3rem;
        font-size: .5rem;
        margin-top: .2rem;
        display: inline-block;
        float: left;
        margin-right: .2rem;
    }
    .user-follow .list .after{
        float: right;
        font-size: .5rem;
        margin-top: .4rem;
    }
    .user-follow .list .list-enter-active,.user-follow .list .list-leave-active {
      transition: all 1s;
    }
    .user-follow .list .list-enter,.user-follow .list .list-leave-to{
      opacity: 0;
      transform: translateY(30px);
    }
    .user-follow .load{
        text-align: center;
        margin:.5rem 0;
    }
    .user-follow .load .a{
        transform: scale(0.5, 0.5);
    }
    .user-follow .load .a>div{
        background-color: #888;
    }
    .user-follow .load .b{
        color: #666;
        font-size: .7rem;
    }

/** 发布记录 */
.user-reward header.bar{
        background-image: linear-gradient(to right,#ff3938,#ff3938);
        background-color: #ff3938;
        color: #fff;
        font-weight: bold;
    }
    .user-reward header.bar a{
        font-weight: bold;
        color: #fff;
        border-color: rgba(0,0,0,0);
    }
    .user-reward header.bar::after{
        height: 0;
    }
    .deposit_sig{
        position: fixed;
        color: #ffffff;
        border-radius: 50%;
        text-align: center;
        font-size: .6rem;
        box-shadow: 0 0 5px rgb(255 108 31 / 50%);
        line-height: .8rem;
        width: 2.3rem;
        height: 2.3rem;
        right: 1rem;
        bottom: 1rem;
        z-index: 100;
        background-image: linear-gradient(to bottom,#ff9b49,#ff6c1f);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .deposit_sig .img{
        width: .9rem;
        height: auto;
    }
    .deposit_sig .text{
        white-space: nowrap;
        transform: scale(.8, .8);
    }
    .vip_sig {
        position: fixed;
        color: #ffffff;
        border-radius: 50%;
        text-align: center;
        font-size: .6rem;
        box-shadow: 0 0 5px rgb(63 144 250 / 50%);
        line-height: .8rem;
        width: 2.3rem;
        height: 2.3rem;
        right: 1rem;
        bottom: 4rem;
        z-index: 100;
        background-image: linear-gradient(to bottom,#05c8fe,#3f90fa);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .vip_sig .img {
        width: 1.1rem;
        height: auto;
    }
    .vip_sig .text {
        white-space: nowrap;
        transform: scale(.8, .8);
        margin-top: 0.1rem;
    }
    .reward-list .list-block .item-content{
        align-items: start;
        -webkit-box-align: start;
        -webkit-align-items: start;
    }
    .reward-list .item-media img{
        width: 3rem;
        height: 3rem;
        border-radius: .2rem;
        margin-left: .8rem;
        margin-top: .4rem;
    }
    .reward-list .list-block.media-list .item-inner{
        margin:0;
    }
    .reward-list .list-block .item-title-row{
        margin-top: .2rem;
    }
    .reward-list .list-block .item-title{
        color: #333;
        font-size: .8rem;
    }
    .reward-list .list-block .cat {
        background: #f3f4f5;
        border-radius: 0.1rem;
        color: #8c8ca4;
        padding: 0.1rem 0.3rem;
        font-size: .5rem;
        margin-top: 0.2rem;
        display: inline-block;
        float: left;
        margin-right: 0.2rem;
    }
    .reward-list .list-block .cat.toutiao {
        background: #009688;
        color: #fff;
    }
    .reward-list .list-block .cat.tui {
        background: #ff1100;
        color: #fff;
    }
    .reward-list .badge{
        height: 19px;
        position: relative;
        right: -.2rem;
    }
    .reward-list .list-block .item-after{
        margin-top: -.1rem;
    }
    .reward-list .badge-danger{
        background-color: rgba(0,0,0,0);
        color: #f90e0e;
        font-weight: 500;
    }
    .reward-list .badge-success{
        background-color: rgba(0,0,0,0);
        color: #5cb85c;
        font-weight: 500;
    }
    .reward-list .badge-default{
        background-color: rgba(0,0,0,0);
        color: #777;
        font-weight: 500;
    }
    .reward-list .badge-warning{
        background-color: rgba(0,0,0,0);
        color: #f0ad4e;
        font-weight: 500;
    }
    .reward-list .badge-primary{
        background-color: rgba(0,0,0,0);
        color: #428bca;
        font-weight: 500;
    }
    .reward-list .item-price{
        font-size: .7rem;
    }
    .reward-list .push-time{
        margin-top: 0;
    }
    .item-votes .surplus_votes{
        font-size: .7rem;
        color: #ff6700;
    }
    .item-votes-a{
        margin-bottom: .2rem;
    }
    .user-main .reward-list .item-subtitle a{
        color: #777;
        font-size: .7rem;
    }
    .user-main .reward-list .item-subtitle a.close_reward{
        color: #939f14;
        font-weight: 600;
    }
    .user-main .reward-list .item-subtitle{
        padding-right: .6rem;
    }
    .reward-list .shenhe{
        background: #ffffff;
        padding-top: 1px;
    }
    .reward-list .shenhe .loading {
        text-align: center;
        font-size: 0.7rem;
        padding:0.6rem 0;
        margin:0;
        color: #0894ec;;
        background: #e1e1e1;
        cursor: pointer;
    }
    .reward-list .shenhe .card {
        padding: 0.1rem 0.5rem;
        margin: 0 0 .1rem 0;
    }
    .reward-list .shenhe .card-header:after{
        height: 0;
    }
    .reward-list .shenhe .result-row .result-title span{
        border-radius: .1rem;
        font-weight: 500;
        background: #3eadf7;
        font-size: .7rem;
    }
    .reward-list .shenhe .result-row .result-title{
        font-size: .85rem;
        font-weight: 500;
    }
    .img-thumbnail img{
        width: 100%;
    }
    .reward-list .refresh_reward{
        font-weight: 700;
        position: relative;
        top: -.6rem;
    }
    .reward-list .views{
        position: absolute;
        top: 4rem;
        width: 4.6rem;
        text-align: center;
        margin-left: 0;
        font-size: .6rem;
        color: #999;
    }
    .reward-list .views .view{
        display: inline-block;
        width: .8rem;
        height: .8rem;
        vertical-align: text-top;
        background: url('/static/default/mobile/images/reward_view.png?v=3');
        margin-right: .1rem;
        background-size: 100% 100%;
    }
    .card-header .card-im{width: 55px;height: 20px;text-align: center;}
    .card-header .card-im a{width: 100%;height: 20px;line-height: 20px;display: block;border-radius:5px;font-size: 12px;}
    .card-header .card-name,.card-header .alert{flex: 3;}
    .select_all_list{width: 30px; height: 30px;;float: left;position: relative;}

    .cancel-num{background-color: red;display: block;width: 8px;height: 8px;position: relative;color: #FFF;
        border-radius: 4px;float: right;z-index: 999;padding-right: 0;right: 14px;
    }
    .reward-list .select-checkbox-all{
        width: 4.6rem;
        display: inline-block;
        position: absolute;
        top: 4.5rem;
        text-align: left;
        margin-top: 20px;
        font-size: 13px;
        text-align: center;
    }
    .reward-list .modify_reward{
        font-weight: 700;
        position: relative;
        top: -.6rem;
        color: #999999;
    }
    .reward-list .modify_state{
        display: none;
    }
    .reward-list .btn-exp {
    color: #ffffff;
    background: #ff6700;
    padding: 0.25rem 0.5rem;
    border-radius: 0.8rem;
    position: absolute;
    bottom: 0.8rem;
    right: 0.5rem;
}
.reward-list .btn-exp::before {
    display: inline-block;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: url(/static/mobile/images/user/clock.png);
    background-size: 100% 100%;
    vertical-align: sub;
}
.reward-list .views .view {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: text-top;
    background: url(/static/mobile/images/reward_view.png?v=3);
    margin-right: 0.1rem;
    background-size: 100% 100%;
}
.reward-list .list-block .item-inner::after {
    display: block!important;
}
.reward-list .list-block .item-subtitle {
    overflow: visible;
}
.reward-list .item-subtitle {
    padding-right: 0.6rem;
}
.reward-list .item-subtitle {
    padding: 0.3rem 0;
}
.reward-list .item-subtitle a {
    color: #777;
    font-size: .7rem;
}
.reward-list .set_top span {
    position: absolute;
    background-image: linear-gradient(to bottom,#ff9544,#ff7225);
    color: #fff;
    font-size: .6rem;
    top: -1.2rem;
    z-index: 20;
    left: 0;
    border-radius: 0.2rem;
    padding: 0 0.1rem 0.05rem 0.2rem;
    letter-spacing: 1px;
}
.reward-list .set_top span:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.15rem solid transparent;
    border-right: 0.15rem solid transparent;
    border-top: 0.3rem solid #ff7225;
    left: 0.3rem;
    top: 95%;
}
.reward-list .set_top {
    position: relative;
}
.reward-list .item-subtitle a.close_reward {
    color: #939f14;
    font-weight: 600;
}
.reward-list .item-inner a {
    display: block;
    width: 100%;
    color: #999999;
}
/** 接单记录 */
    .user-join .bar{
        background: #ff3938;
    }
    .user-join .bar:after{
        height: 0;
    }
    .user-join header.bar .pull-right{
        border-color: rgba(0,0,0,0);
        padding-right: .2rem;
        color: #FFF;
        margin-top: .1rem;
    }
    .user-join .bar .title,.user-join .bar a{
        color: #FFF;
        font-weight: 700;
    }
    .user-join .content{
        
    }
    .user-join .top{
        display: flex;
        text-align: center;
        color: #60646d;
        position: relative;
        font-size: .8rem;
        background: #fff;
    }
    .user-join .top.buttons-fixed{
        position: fixed;
        top: 44px;
    }
    .user-join .top .type{
        flex-grow: 1;
        padding: 0.5rem 0;
        font-size: 15px;
    }
    .user-join .top .type.active{
        color: #ff3938;
        font-weight: bold;
    }
    .user-join .top .xian{
        position: absolute;
        bottom: -1px;
        left: 0;
        background: #ff3938;
        height: 3px;
        width: 10%;
        transition: left .3s;
        margin-left: 7.5%;
    }
    .user-join .top .xian.active_1{
        left: 0%;
    }
    .user-join .top .xian.active_2{
        left: 25%;
    }
    .user-join .top .xian.active_3{
        left: 75%;
    }
    .user-join .top .xian.active_5{
        left: 50%;
    }
    .user-join .lists{
        margin: 0.45rem 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .user-join .lists .list{
        margin: 0.45rem 0rem;
        position: relative;
        padding: 5px 0;
        background-color: #fff;
        border-radius: 10px;
    }
    .user-join .lists .list .item-media{
        padding-top: 0.7rem;
        align-self: flex-start;
    }
    .user-join .lists .list .avatar{
        width: 2rem;
        height: 2rem;
        position: relative;
        overflow: hidden;
        border-radius: 1rem;
    }
    .user-join .lists .list .avatar img{
        width: 100%;
    }
    .user-join .lists .list .avatar .reward_id{
        font-size: .6rem;
        color: #fff;
        position: absolute;
        bottom: -0.05rem;
        left: -15%;
        width: 130%;
        text-align: center;
        transform: scale(0.8,0.8);
        height: 0.9rem;
        line-height: 1.2rem;
    }
    .user-join .lists .list .item-title-row{
        color: #373737;
        font-size: .8rem;
    }
    .user-join .lists .list .item-title-row .item-title{
        
    }
    .user-join .lists .list .item-title-row .shang{
        font-size: 12px;
        color: rgb(221, 0, 27);
        font-weight: bold;
    }
    .user-join .lists .list .item-inner{
        margin-left: .75rem;
    }
    .user-join .lists .list .item-inner:after{
        height: 0;
    }
    .user-join .lists .list .item-line {
        height: 1px;
        background-color: #f4f4f4;
        position: absolute;
        left: 15px;
        right: 15px;
    }
    .user-join .lists .list .item-a{
        font-size: .7rem;
        margin-top: 0.2rem;
        color: #a4a4a4;
    }
    .user-join .lists .list .item-a .item-aa{
        margin-bottom: 0.1rem;
    }
    .user-join .lists .list .item-a .green{
        color: #5cb85c;
    }
    .user-join .lists .list .item-a .yellow{
        color: #f0ad4e;
    }
    .user-join .lists .list .item-a .blue{
        color: #5bc0de;
    }
    .user-join .lists .list .item-a .red2{
        color: rgba(249, 14, 14, 0.85);
    }
    .user-join .lists .list .share{
        position: absolute;
        top: 2.4rem;
        right: 0;
        background: #65a9f7;
        color: #fff;
        font-size: .6rem;
        line-height: .6rem;
        padding: .2rem .2rem .05rem .3rem;
        border-radius: 1rem 0 0 1rem;
        z-index: 1;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .user-join .lists .list .share .text{
        transform: scale(0.8,0.8);
        display: inline-block;
    }
    .user-join .lists .list .share .share_user_money{
        font-size: .8rem;
        margin-left: -0.15rem;
    }
    .user-join .lists .list .share .text2{
        transform: scale(0.8,0.8);
        text-align: right;
    }
    .user-join .lists .list .btns{
        display: flex;
        text-align: center;
        font-size: .7rem;
        color: #999;
        margin-top: 0.8rem;
        margin-bottom: 0.4rem;
    }
    .user-join .lists .list .btns .btn{
        text-align: center;
        flex-grow: 1;
        position: relative;
        padding: .5rem 0;
        background: #fff;
        font-weight: bold;
    }
    .user-join .lists .list .btns .btn:nth-child(1):before{
        height: 0;
    }
    .user-join .load{
        text-align: center;
        margin:.75rem 0;
        display: flex;
        justify-content: center;
    }
    .user-join .load .a{
        transform: scale(0.5, 0.5);
    }
    .user-join .load .a>div{
        background-color: #888;
    }
    .user-join .load .b{
        color: #666;
        font-size: .7rem;
    }
    .user-join .load .btn{
        font-size: .8rem;
        padding: 0.2rem 0;
    }
    .user-join .load .btn span{
        color: #139dfe;
    }
    .user-join .button-view {
        position: absolute;
        right: 15px;
        bottom: 0;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
    }
    .user-join .button1, .button2 {
        font-size: 14px;
        width: 75px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1px;
    }
    .user-join .button1 {
        background-color: #ff3938;
        color: #fff;
        border-radius: 20px;
    }
    .user-join .button2 {
        margin-left: 5px;
        background-color: #fff;
        color: #b7b7b7;
        border-color: #b7b7b7;
        border-style: solid;
        border-width: 1px;
        border-radius: 20px;
    }
    .user-join .temp-tag {
        padding: 0 7px;
        height: 28px;
        line-height: 28px;
        background-color: #f4f4f4;
        border-radius: 5px;
        color: #959595;
        font-size: 12px;
    }
    .user-join .m-l-20 {
        margin-left: 10px;
    }

/** 申诉 */
.user-appeal header {
    background: #ff3938;
    color: #FFF;
}
.user-appeal .bar .icon {
    font-weight: 700;
    color:#FFF;
}
.user-appeal .tips-gun {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 44px;
    background: #fffded;
    color: #f4843a;
    font-size: .8rem;
    padding: 0.3rem 1.5rem;
    display: flex;
    width: 100%;
}
.user-appeal .tips-gun .left {
    width: 1rem;
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
}
.user-appeal .tips-gun .box {
    overflow: hidden;
    position: relative;
}
.user-appeal .tips-gun .right {
    width: 1rem;
    position: absolute;
    top: 0.4rem;
    right: 0.3rem;
}
.user-appeal .swiper-container-gun {
    width: 24rem;
    text-align: right;
    white-space: nowrap;
}
.user-appeal .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.user-appeal .speak_box {
    padding: 10px 0;
}
.user-appeal .reward_box {
    display: flex;
    align-items: center;
    margin: 0 0.5rem;
    margin-bottom: 0.75rem;
    text-align: left;
    background: #fff;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    border-radius: 0.3rem;
}
.user-appeal .reward_box .left {
    position: relative;
    margin-right: 0.5rem;
}
.user-appeal .reward_box .avatar {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 0.3rem;
    display: block;
}
.user-appeal .reward_box .right {
    flex-grow: 1;
    overflow: hidden;
}
.user-appeal .reward_box .item-title-row {
    display: flex;
    justify-content: space-between;
}
.user-appeal .reward_box .item-title-row {
    display: flex;
    justify-content: space-between;
}
.user-appeal .reward_box .surplus_votes {
    color: #6B7E92;
    font-size: .6rem;
}
.user-appeal .reward_box .item-title-row .item-title {
    white-space: nowrap;
    color: #103D52;
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-appeal .reward_box .cats .cat {
    background: #eee;
    border-radius: 0.1rem;
    color: #727272;
    padding: 0.1rem 0.3rem;
    font-size: .5rem;
    margin-top: 0.2rem;
    display: inline-block;
    float: left;
    margin-right: 0.2rem;
}
.user-appeal .reward_box .apply_price {
    float: right;
    font-size: .75rem;
    color: #ff5d04;
    margin-top: 0.2rem;
    font-weight: bold;
}
.user-appeal .tips {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
.user-appeal .tips span {
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 3px;
    background-color: rgba(0,0,0,.2);
}
.user-appeal .clear{clear:both}
    .user-appeal .speak_box{padding:10px;}
    .user-appeal .speak_box .active{opacity:.7}
    .user-appeal .answer,.question{margin-bottom:15px}
    .user-appeal .question{position:relative;clear:both}
    .user-appeal .question:after{content:'';display:block;clear:both}
    .user-appeal .question>div{display:inline-block}
    .user-appeal .heard_img{float:left;height:40px;width:40px;border-radius:5px;overflow:hidden;background:#ddd}
    .user-appeal .heard_img img{width:100%;height:100%}
    .user-appeal .question .heard_img{position:absolute;right:0;top:0}
    .user-appeal .answer_text,.question_text{box-sizing:border-box;position:relative;display:table-cell;min-height:40px;max-width:800px;word-break:break-all}
    .user-appeal .answer_text{padding-left:14px;padding-right:40px}
    .user-appeal .question_text{padding-left:40px;padding-right:14px;float:right;margin-right:40px}
    .user-appeal .question_text p{border: 1px solid rgba(255,87,86,.3);background: rgba(255,87,86,.1);border-radius: 5px;color:#000;text-align:left}
    .user-appeal .answer_text p,.question_text p{border-radius:10px;padding:10px;margin:0;font-size:14px;line-height:24px;box-sizing:border-box;vertical-align:middle;display:table-cell;height:40px;word-wrap:break-word}
    .user-appeal .answer_text p{background:#f8f8f8;border-radius: 10px;border: 1px solid #d9d9d9;}
    .user-appeal .answer_text i,.question_text i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:10px}
    .user-appeal .answer_text i{border-right:10px solid #fff;left:6px}
    .user-appeal .question_text i{border-left:10px solid #b2e281;right:6px}
    .user-appeal .tips{margin-bottom:20px;width:100%;text-align:center}
    .user-appeal .tips span{color:#fff;font-size:12px;padding:3px 8px;border-radius:3px;background-color:rgba(0,0,0,.2)}
    
    
    .user-appeal .bar-tab {
    position: fixed;
    line-height: 1rem;
    padding-top: 0.3rem;
    min-height: 2.2rem;
    height: auto;
}
.user-appeal #uploaderImg {
    display: inline-block;
}
.user-appeal .webuploader-pick {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.user-appeal #uploaderImg img {
    margin-top: 0.2rem;
    width: 1.3rem;
}
.user-appeal .webuploader-container {
    position: relative;
}
.user-appeal .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.user-appeal #message {
    border-radius: 0.25rem;
    border: 1px solid transparent;
    padding: 0.3rem;
    font-size: .7rem;
    height: 1.6rem;
    width: 103%;
    line-height: 1rem;
    max-height: 3rem;
}
.user-appeal .row.no-gutter .col-15 {
    width: 15%;
    margin: 0;
}
.user-appeal .row.no-gutter .col-50 {
    width: 70%;
    margin: 0;
}
#send {
    display: block;
    text-align: right;
    font-size: .8rem;
    margin-top: 0.4rem;
    color: #9e9f9f;
}
/** 步骤样式 */
.step {font-size:0.7rem;}
.step .num {width:5rem;text-align:center;padding-top:0.7rem;}
.step .step-num {display:inline-block;width:1.3rem;height:1.3rem;background:#31b0d5;text-align:center;line-height:1.3rem;color:#fff;border-radius:1.3rem;}
.step .del-step {text-align:center;margin-top:8px;}
.step .no-gutter {margin:0.6rem 0}
.step input, .step textarea {border-bottom:0.01rem solid #e7e7e7!important;}
.step .step-img {border:1px dashed #ff1f30;width:70px;height:70px;text-align:center;line-height:70px;overflow:hidden;color:#00a0e9;cursor:pointer;position:relative;}
.step .step-img img {width:100%;height:100%;}
.step .step-img .file-input {border:none;position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;background:none;top:0;left:0;}
.step .img-text {height:70px;}

.step-body .step-row, .result-row {margin-bottom:0.7rem;padding-left:4.5rem;}
.step-body .step-row:last-child {margin-bottom:0;}
.step-body .step-row:after, .result-row:after {content:'';display:block;clear:both;}
.step-body .step-title, .result-row .result-title {font-size:0.75rem;line-height:1.1rem;margin:0 0 0.3rem 0}
.step-body .step-title span, .result-row .result-title span {display:inline-block;width:1rem;height:1rem;color:#fff;background:green;border-radius:1rem;text-align:center;line-height:1rem;margin-left:-1.6rem;margin-right:0.5rem;}
.step-body .img {width:5rem;height:5rem;overflow:hidden;text-align:center;position:relative;margin:0 0.2rem 0 0;display:inline-block;}
.step-body .img img {max-width:100%;max-height:100%}
.step .step-img {border:0.05rem dashed #ff1f30;width:3.5rem;height:3.5rem;text-align:center;line-height:3.5rem;overflow:hidden;color:#00a0e9;cursor:pointer;position:relative;}
.step-body .img .file-input {border:none;position:absolute;width:100%;height:100%;cursor:pointer;opacity:0;background:none;top:0;left:0;z-index:1000}
.step-body .data-img {line-height:4.6rem;color:#00a0e9;font-size:0.7rem}
.img-thumbnail {display:inline-block;max-width:70%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition: all .2s ease-in-out;float:left;}
.step .step-img p, .step-body .data-img p {margin:0;padding:0;color:#ff3938;}

.notification span.spot {display:inline-block;padding:5px;background:#d5d5d5;border-radius:50%;font-size:0;line-height:0;border:1px solid #d5d5d5;position:absolute;top:41%;left:6px;}
.notification span.new {background:#d9534f;border:1px solid #d43f3a;}
.apply-handle_modal .reason-img{margin: 0 auto;color: #0894ec;position: relative;width: 3.5rem;height: 3.5rem;text-align: center;line-height: 2rem;overflow: hidden;font-size: .65rem;margin-top: .5rem;border: 0.05rem dashed #c6c6c6;float: none;}
.apply-handle_modal .reason-img .file-input {border: none;position: absolute;width: 100%;height: 100%;cursor: pointer;opacity: 0;background: none;top: 0;left: 0;}
.apply-handle_modal .reason-img img {width: 100%;height: 100%;}
.apply-handle_modal .ts{color:red;font-size: .6rem;margin-top: .5rem;}
.apply-handle_modal .ts2{font-size: .6rem;margin-top: .5rem;}

/** 保证金 **/ 
.user-deposit .bar{
        background: #ff3938;
    }
    .user-deposit .bar:after{
        height: 0;
    }
    .user-deposit header.bar a {
    color: #FFF;
    border-color: rgba(0,0,0,0);
    font-weight: 700;
}
.user-deposit .content {
    padding-top: 1rem;
}
.user-deposit .tab_title {
    margin: auto;
    width: 15rem;
    height: 9rem;
    background: #ff3938;
    border-radius: 10px;
    color: #ffffff;
    text-align: center;
}
.user-deposit .tab_title div {
    padding-top: 1rem;
}
.user-deposit .tab_title div {
    padding-top: 1rem;
}
.user-deposit .deposit {
    font-size: 26px;
}
.user-deposit .recharge a {
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 10px;
    padding: 3px 6px;
    margin-right: 0.5rem;
}
.user-deposit .details {
    padding: 1rem;
}
/*提现*/
.user-encashment .bar {
    background: #ff3938;
}
.user-encashment header.bar a {
    font-weight: bold;
    color: #FFF;
    border-color: rgba(0,0,0,0);
}
.user-encashment .text-money {
    font-size: 16px;
    text-align: center;
    margin: 20px;
    margin-bottom: 5px;
}
.user-encashment .text-money .money{
    font-size: 25px;
}
.user-encashment .moneys {
    font-size: 14px;
    margin-bottom: 5px;
}
.user-encashment .tip-text {
    font-size: 14px;
}
.user-encashment .person_wallet_encashment{
    width: 95%;
    height: auto;
    margin: 0 auto;
}
.user-encashment .person_wallet_encashment .ul {
    padding-left: 0px;
}
.user-encashment .ul li.current h2{
    color: #000;
}
.user-encashment .ul li span{
    color: rgb(255, 64, 64);
}
.user-encashment .person_wallet_encashment .ul li {
    float: left;
    width: 20%;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 2.5%;
    margin-left: 2.5%;
    margin-top: 15px;
    background-color: #fff;
    font-size: 12px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
}
.user-encashment .person_wallet_encashment .ul li.current {
    border-color: #ff0000;
}
.user-encashment .person_wallet_encashment .ul h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
    font: inherit;
    vertical-align: baseline;
    font-size: 14px;
}
.user-encashment .person_wallet_encashment .ul .money {
    color: rgb(255, 64, 64);
}
.sxb {
    font-size: 15px;
    color: #000;
    border-radius: 5px;
    padding: 15px;
    background-color: white;
    margin: 10px;
    font-weight: 700;
}
.num {
    position: absolute;
    color: rgb(255, 0, 0);
    font-weight: bold;
    right: 30px;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.user-encashment .person_wallet_encashment .ul li:nth-child(1) .sel {
    display: none;
}
.user-encashment .person_wallet_encashment .sel {
    background: url(../images/iconfont-dagouxuanzhong.png);
    background-size: cover;
    height: 1rem;
    width: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.user-encashment .tixian-type{
    background: #fff;
}
.user-encashment .tixian-type-text{
    padding: 10px 10px 0;
    font-weight: 700;
    margin: 0px;
}
.user-encashment .aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px;
    position: relative;
}
.user-encashment .b-line {
    position: relative;
}
.user-encashment .b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.user-encashment .aui-flex-wx {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.user-encashment .aui-flex-wx img {
    width: 100%;
    height: auto;
    border: none;
    display: block;
}
.user-encashment .aui-flex-member-list .aui-flex-box {
    color: #333;
}
.user-encashment .aui-flex-box-tj {
    width: 30px;
    display: inline-block;
}
.user-encashment .aui-flex-box-tj img {
    width: 100%;
}
.user-encashment .aui-flex-box p {
    color: #999;
    font-size: 0.75rem;
}
.user-encashment .cell-right input[type="radio"], .user-encashment .cell-right input[type="checkbox"]:not(.m-switch) {
    -moz-appearance: none;
    left: -9999em;
    opacity: 0;
}
.user-encashment .cell-right input[type="radio"]:checked + .cell-radio-icon:after, 
.user-encashment .cell-right input[type="checkbox"]:not(.m-switch):checked + 
.user-encashment .cell-radio-icon:after {
    content: '';
    background-image: url(data:image/png;base64,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);
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 22px;
}
.user-encashment .cell-right .cell-radio-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 22px;
    background-image: url(data:image/png;base64,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);
}
.user-encashment .aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #000;
}
.user-encashment .aui-flex-box h4{
    margin: 0;
    padding: 0;
}
.user-encashment .aui-flex-box p{
    margin: 0;
    padding: 0;
}
.user-encashment .aui-tabBar.aui-tabBar-fixed {
    bottom: 0;
    left: 0;
    z-index: 100;
}
.user-encashment .aui-tabBar {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 50px;
}
.user-encashment .aui-tabBar-btn {
    color: #fff;
    font-size: 0.9rem;
    border: none;
    width: 100%;
    border-radius: .5rem;
    height: 40px;
    line-height: 40px;
    background: #ff3938;
}


/*底部*/
.icon-game{background: url(/static/mobile/images/footer/game.png);background-size: 100% 100%;background-repeat: no-repeat;width: 1rem;height: 0.9rem !important;}
.icon-invite{background: url(/static/mobile/images/footer/invite.png);background-size: 100% 100%;background-repeat: no-repeat;width: 1rem;height: 1rem !important;}
.bar-tab .tab-item.icon-fen{width: 1.5%;}
.icon-fen .fen_red{position: absolute;width: 3rem;bottom: 0.1rem;left: 50%;margin-left: -1.5rem;z-index: 100;height: 3rem;}
@keyframes red_text{0%   {transform: scale(1,1)}100% {transform: scale(1.1,1.1)}}
@keyframes red_red{0%   {transform: rotate(0deg);}25%   {transform: rotate(3deg);}75% {transform: rotate(-3deg);}95%   {transform: rotate(0deg);}100%   {transform: rotate(0deg);}}
.icon-fen .fen_red .red_end{position: absolute;width: 100%;display: block;bottom: 0;}
.icon-fen .fen_red .red_red{position: absolute;width: 84%;display: block;bottom: 12%;margin: 0 8%;animation: red_red 1.2s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;transform-origin: 50% 125%;}
.icon-fen .fen_red .red_red .red_red_img{width: 100%;display: block;}
.icon-fen .fen_red .red_text{position: absolute;width: 70%;display: block;bottom: 17%;margin: 0 15%;animation: red_text 0.5s;animation-iteration-count: infinite;animation-direction: alternate;}



.reward .photo-thumbs{
    display:none;
    transition: all 1s;
}

.reward .photo-thumb{
    display: flex;
    align-items: center;
    background: #000;
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.reward .photo-thumb img{
    display: inline;
    margin: 0px auto;
    width: 90%;
    max-width: 90%;
    max-height: 90%;
}
    
#page-reward-detail .bar{
        background: #ff3938;
    }
    #page-reward-detail .bar:after{
        height: 0;
    }
    #page-reward-detail .bar .title{
        color: #FFF;
    }
    #page-reward-detail .bar a{
        color: #FFF;
        font-weight: 700;
    }
    #page-reward-detail .bar .shield{
        color: #fff;
        border-color: rgba(0,0,0,0);
        top: .5rem;
        padding-right: 0;
    }
    #page-reward-detail .bar .shield_box{
        position: absolute;
        right: .3rem;
        top: 90%;
        background: #fff;
        font-size: .8rem;
        color: #909090;
        border-radius: .1rem;
        padding: .1rem 0;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    }
    #page-reward-detail .bar .shield_box:after {
        content: ' ';
        position: absolute;
        top: -.5rem;
        right: .7rem;
        width: 0;
        height: 0;
        border-top: .3rem solid transparent;
        border-right: .3rem solid transparent;
        border-bottom: .3rem solid #fff;
        border-left: .3rem solid transparent;
        z-index: -1;
    }
    #page-reward-detail .bar .shield_box .list{
        padding: .15rem .25rem;
    }
    #page-reward-detail .bar-tab{
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        color: #fff;
        font-size: .6rem;
        display: flex;
        text-align: center;
    }
    #page-reward-detail .bar-tab .t{
        line-height: auto;
        margin: 0.2rem;
        font-size: .85rem;
    }
    #page-reward-detail .bar-tab:before{
        display: none;
    }
    #page-reward-detail .bar-tab .edit{
        margin: .2rem;
        background-image: linear-gradient(to bottom, #ff9259, #ff7f3c);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        flex-grow: 1;
        padding-top: .2rem;
        border-radius: .1rem;
    }
    #page-reward-detail .bar-tab .edit img{
        width: 1rem;
        display: block;
        margin: auto;
    }
    #page-reward-detail .bar-tab .suspend{
        margin: .2rem 0 .2rem .2rem;
        background-image: linear-gradient(to bottom, #7aa8ff, #3c7bf5);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        flex-grow: 1;
        padding-top: .2rem;
        border-radius: .1rem;
    }
    #page-reward-detail .bar-tab .suspend img{
        width: 1rem;
        display: block;
        margin: auto;
    }
    #page-reward-detail .bar-tab .topReward{
        margin: .2rem .2rem .2rem .2rem;
        background-image: linear-gradient(to bottom, #ff9f6a, #ff600b);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        flex-grow: 1;
        padding-top: .2rem;
        border-radius: .1rem;
    }
    #page-reward-detail .bar-tab .topReward img{
        width: 1rem;
        display: block;
        margin: auto;
    }
    #page-reward-detail .bar-tab .add{
        margin: .2rem .2rem .2rem 0;
        background-image: linear-gradient(to bottom, #7aa8ff, #3c7bf5);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        flex-grow: 1;
        padding-top: .2rem;
        border-radius: .1rem;
    }
    #page-reward-detail .bar-tab .add img{
        width: 1rem;
        display: block;
        margin: auto;
    }
    #page-reward-detail .bar-tab .end{
        margin: .2rem .2rem .2rem 0;
        background-image: linear-gradient(to bottom, #ff9c65, #ff6410);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        flex-grow: 1;
        padding-top: .2rem;
        max-width: 33.33%;
        border-radius: .1rem;
    }
    #page-reward-detail .bar-tab .end img{
        width: 1rem;
        display: block;
        margin: auto;
    }
    #page-reward-detail .bar-tab .addPrice{
        margin: .2rem .2rem .2rem 0;
        background-image: linear-gradient(to bottom, #ff9c65, #ff6410);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        flex-grow: 1;
        padding-top: .2rem;
        max-width: 33.33%;
        border-radius: .1rem;
    }
    #page-reward-detail .bar-tab .addPrice img{
        width: 1rem;
        display: block;
        margin: auto;
    }
    #page-reward-detail .bar-tab .block{
        text-align: center;
        line-height: 2.2rem;
        flex-grow: 1;
        margin: .2rem;
        font-size: .85rem;
        border-radius: .2rem;
        color: #fff;
        background: #b8b7b7;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        font-weight: 700;
        letter-spacing: 1px;
    }
    #page-reward-detail .bar-tab .block~.edit{
        margin-left: 0;
    }
    #page-reward-detail .bar-tab .apply.inset{
        flex-grow: 2;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #d43f3a;
    }
    #page-reward-detail .bar-tab .apply.green{
        background: #4cae4c;
    }
    #page-reward-detail .bar-tab .im,#page-reward-detail .bar-tab .apply{
        background: #ff3938;
        color: #FFF;
        text-align: center;
        line-height: 2.2rem;
        flex-grow: 1;
        font-size: .85rem;
        font-weight: 700;
        letter-spacing: 1px;
    }
    #page-reward-detail .bar-tab .apply{
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #page-reward-detail .bar-tab .apply img{
        width: 25px;
        height: 25px;
        margin-right: .2rem;
        margin-bottom: .05rem;
    }
    #page-reward-detail .bar-tab .notice{
        font-size: 14px;
        font-weight: 500;
    }
    #page-reward-detail .baoming{
        position: fixed;
        bottom: 5.7rem;
        z-index: 10;
        position: fixed;
        color: #ffffff;
        border-radius: 50%;
        text-align: center;
        font-size: .6rem;
        padding-top: .3rem;
        box-shadow: 0 0 2px #f1aa7e;
        line-height: .8rem;
        width: 2.1rem;
        height: 2.1rem;
        right: 1rem;
        z-index: 20000;
        background-image: linear-gradient(to bottom,#ff9259,#ff6918);
    }
    #page-reward-detail .baoming .apply_count{
        position: absolute;
        background: #fb3534;
        border-radius: 50%;
        color: #fff;
        min-width: .8rem;
        top: -.1rem;
        left: 0rem;
    }
    #page-reward-detail .baoming img{
        display: block;
        width: 70%;
        margin: auto;
        border-radius: 50%;
    }
    #page-reward-detail .meiri{
        position: fixed;
        bottom: 2.9rem;
        right: 1rem;
        z-index: 10;
        width: 2.3rem;
        height: 2.3rem;
        text-align: center;
        background-image: url('/static/mobile/images/reward/red.png');
        background-size: 100% 100%;
    }
    #page-reward-detail .meiri .time {
        color: #fff;
        position: absolute;
        font-size: .5rem;
        bottom: -.05rem;
        left: 0;
        width: 100%;
        transform: scale(0.8,0.8);
    }
    #page-reward-detail .shenhe_img{
        position: absolute;
        z-index: 10;
        width: 6rem;
        height: 5.75rem;
        right: 1rem;
        top: 14rem;
    }
    #page-reward-detail .top2{
        background-image: linear-gradient(to left, #ff3938, #ff3938);
        height: 4rem;
    }
    #page-reward-detail .top{
        background: #fff;
        margin: -4rem .5rem .5rem .5rem;
        border-radius: .15rem;
        padding: .5rem 0 .5rem 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        position: relative;
    }
    #page-reward-detail .top .jubao{
        position: absolute;
        top: 4.5rem;
        right: -.5rem;
        background: #e8e8e8;
        color: #9b9b9b;
        font-size: .55rem;
        padding: .05rem .2rem .05rem .3rem;
        border-radius: .5rem 0 0 .5rem;
        z-index: 1;
    }
    #page-reward-detail .top .jubao i{
        font-size: .6rem;
        margin-right: .1rem;
    }
    #page-reward-detail .top .share{
        position: absolute;
        top: .3rem;
        right: -.5rem;
        background: #ff3938;
        color: #fff;
        font-size: 14px;
        height: 1.3rem;
        padding: .15rem .3rem .5rem .5rem;
        border-radius: 1rem 0 0 1rem;
        z-index: 1;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    #page-reward-detail .top .box{
        display: flex;
    }
    #page-reward-detail .top .left{
        margin-right: .2rem;
        padding-left: .5rem;
    }
    #page-reward-detail .top .left .avatar{
        width: 2.7rem;
        height: 2.7rem;
        position: relative;
        border-radius: .1rem;
        overflow: hidden;
        margin: .5rem .5rem 0 .5rem;
    }
    #page-reward-detail .top .left .avatar img{
        width: 100%;
        display: block;
    }
    #page-reward-detail .top .left .avatar .reward_id{
        font-size: .6rem;
        color: #fff;
        position: absolute;
        bottom: -0.05rem;
        left: -15%;
        width: 130%;
        text-align: center;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        transform: scale(0.8,0.8);
        height: .9rem;
        line-height: 1.2rem;
    }
    #page-reward-detail .top .left .follow{
        font-size: .65rem;
        text-align: center;
        color: #fa6e21;
        margin-top: .2rem;
    }
    #page-reward-detail .top .right{
        overflow: hidden;
        flex-grow: 1;
    }
    #page-reward-detail .top .right .reward_title{
        font-weight: 700;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        margin: .2rem 0 .2rem 0;
    }
    #page-reward-detail .top .right .block{
        display: flex;
        text-align: center;
        font-size: .6rem;
    }
    #page-reward-detail .top .right .block .a{
        flex-grow: 1;
        margin-right: .3rem;
    }
    #page-reward-detail .top .right .block .b{
        flex-grow: 1;
    }
    #page-reward-detail .top .right .block .c{
        flex-grow: 2;
    }
    #page-reward-detail .top .right .block .a .cat_name{
        color: #fff;
        background-image: linear-gradient(to right, #f4d74b, #f7b322);
        border-radius: .1rem;
        padding: .05rem 0;
        margin-bottom: .3rem;
    }
    #page-reward-detail .top .right .block .a .surplus_votes{
        color: #fff;
        background: #3da0f5;
        border-radius: .1rem;
        padding: .05rem 0;
    }
    #page-reward-detail .top .right .block .b .tags_name{
        color: #fff;
        background-image: linear-gradient(to right, #fa9b63, #ff6837);
        border-radius: .1rem;
        padding: .05rem 0;
        margin-bottom: .3rem;
    }
    #page-reward-detail .top .right .block .b .frequency{
        color: #fff;
        background: #3da0f5;
        border-radius: .1rem;
        padding: .05rem 0;
    }
    #page-reward-detail .top .right .block .c .apply_price{
        font-size: 1.3rem;
        color: #ff3938;
        font-weight: 700;
        line-height: 1.3rem;
    }
    #page-reward-detail .top .right .block .c .apply_price span{
        font-size: .6rem;
        font-weight: 400;
        margin-left: .1rem;
        position: relative;
        bottom: .1rem;
    }
    #page-reward-detail .top .right .block .c .deposit{
        font-size: .6rem;
        color: #999;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #page-reward-detail .top .right .block .c .deposit .img{
        display: inline-block;
        width: .7rem;
        height: .7rem;
        margin: 0 .2rem .1rem 0;
    }
    #page-reward-detail .top .xian{
        height: 1px;
        transform: scaleY(.5);
        background: #d4e2fd;
        margin: .6rem 1rem 0 1rem;
    }
    #page-reward-detail .top .box2{
        display: flex;
        text-align: center;
        font-size: .6rem;
        margin-top: .9rem;
        color: #000;
    }
    #page-reward-detail .top .box2>div{
        flex-grow: 1;
    }
    #page-reward-detail .top .box2 .block{
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1rem;
    }
    #page-reward-detail .top .box2 .block span{
        font-size: .6rem;
        font-weight: 400;
        margin-left: .05rem;
        position: relative;
        bottom: .1rem;
    }
    #page-reward-detail .top .box2 .finish_time .block{
        color: #ff0000;
    }
    #page-reward-detail .top .notice{
        color: #9b9a9a;
        font-size: .6rem;
        text-align: center;
        margin-top: .5rem;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    #page-reward-detail .top .notice i{
        color: #f33;
        font-size: .6rem;
        margin-right: .2rem;
    }
    #page-reward-detail .top .notice .offer_img{
        margin-right: .2rem;
        width: .6rem;
    }
    #page-reward-detail .types{
        display: flex;
        background: #fff;
        margin: .6rem .5rem 0 .5rem;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        text-align: center;
        letter-spacing: 1px;
        font-size: .75rem;
        z-index: 1;
        position: relative;
    }
    #page-reward-detail .types .type{
        flex-grow: 1;
        padding: .5rem 0;
    }
    #page-reward-detail .types .type.active{
        color: #3a7af5;
    }
    #page-reward-detail .types .xian{
        position: absolute;
        width: 25%;
        bottom: -1px;
        left: 0;
        height: 1px;
        background: #3a7af5;
        transition: all .5s;
    }
    #page-reward-detail .types .xian.type_1{
        left: 0;
    }
    #page-reward-detail .types .xian.type_2{
        left: 25%;
    }
    #page-reward-detail .types .xian.type_3{
        left: 50%;
    }
    #page-reward-detail .types .xian.type_4{
        left: 75%;
    }
    #page-reward-detail .box3{
        padding: 20px;
        background: #fff;
        overflow: hidden;
    }
    #page-reward-detail .box3 .tit{
        color: #ff3938;
        background: #fff;
        display: inline-block;
        font-size: 14px;
        letter-spacing: 1px;
        padding: .1rem .5rem .1rem .1rem;
        border-radius: .1rem 0 0 .1rem;
        position: relative;
        margin-bottom: .5rem;
        height: 1.4rem;
        font-weight: 700;
    }
    #page-reward-detail .box3 .tit>i{
        font-size: .85rem;
        font-weight: 500;
    }
    #page-reward-detail .box3 .tit .icon3-dianzan{
        position: relative;
        margin-right: .2rem;
    }
    #page-reward-detail .box3 .tit .icon3-dianzan .icon3-xingxing{
        position: absolute;
        top: -.3rem;
        right: -.18rem;
        font-size: .5rem;
        transform: scale(0.8,0.8)
    }
    #page-reward-detail .box3 .contents{
        color: #5c5c5c;
        font-size: .78rem;
        margin-bottom: .5rem;
        word-break: break-all;
    }
    #page-reward-detail .box3 .steps{
        margin-top: .3rem;
    }
    #page-reward-detail .box3 .steps .step{
        display: flex;
    }
    #page-reward-detail .box3 .steps .step .a{
        flex-shrink: 0;
    }
    #page-reward-detail .box3 .steps .step .b{
        flex-shrink: 0;
    }
    #page-reward-detail .box3 .steps .step .c{
        flex-grow: 1;
    }
    #page-reward-detail .box3 .steps .step .tit2{
        color: #fff;
        background: #ff3938;
        display: inline-block;
        font-size: .5rem;
        letter-spacing: 1px;
        padding: 0.05rem 0.2rem 0.1rem 0.2rem;
        border-radius: 1px 0 0 1px;
        position: relative;
        height: 0.9rem;
    }
    #page-reward-detail .box3 .steps .step .tit2:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        right: -0.3rem;
        border-top: 0.45rem solid transparent;
        border-bottom: 0.45rem solid transparent;
        border-left: 0.3rem solid #ff3938;
    }
    #page-reward-detail .box3 .steps .step .b{
        position: relative;
        width: 1.3rem;
    }
    #page-reward-detail .box3 .steps .step .b i{
        font-size: 1.3rem;
        color: #ff3938;
        line-height: 1.2rem;
        z-index: 1;
        position: relative;
    }
    #page-reward-detail .box3 .steps .step .b:after{
        position: absolute;
        content: ' ';
        width: 1px;
        height: 100%;
        background: #ff3938;
        top: .5rem;
        left: 48%;
    }
    #page-reward-detail .box3 .steps .step .c{
        margin-left: 10px;
        color: #5c5c5c;
    }
    #page-reward-detail .box3 .steps .step .c .button-flex {
        display: flex;
        margin: 15px 0px 15px 0;
    }
    #page-reward-detail .box3 .steps .step .c .detail-fullbtn {
        width: 100%;
        height: 32px;
        text-align: center;
        line-height: 32px;
        color: #ff3938;
        background-color: rgba(255,87,86,.1);
        font-size: 14px;
        border-radius: 5px;
    }
    #page-reward-detail .box3 .steps .step .c .detail-btn {
        width: 50%;
        height: 32px;
        text-align: center;
        line-height: 32px;
        color: #FFF;
        font-size: 14px;
        background-color: #ff3938;
        border-radius: 5px;
        margin-left: 9px;
    }
    
    #page-reward-detail .box3 .steps .step .c .step_title{
        margin-bottom: .3rem;
        font-size: .78rem;
        word-break: break-all;
    }
    #page-reward-detail .box3 .steps .step.is_area .c .step_title{
        margin-bottom: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .step_title .copy{
        color: #3a7af5;
        font-size: .6rem;
    }
    #page-reward-detail .box3 .steps .step .c .step_title .look{
        color: #3a7af5;
        font-size: .6rem;
    }
    #page-reward-detail .box3 .steps .step .c .img_box{
        display: flex;
        margin-bottom: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_a{
        flex-grow: 1;
        width: 50%;
        margin-right: .5rem;
        position: relative;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_a>img{
        width: 100%;
        display: block;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_a .notice{
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.7);
        color: #ff6f3a;
        font-weight: 700;
        font-size: .9rem;
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_a .notices{
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(79,79,79);
        color: #FFF;
        font-weight: 700;
        font-size: 14px;
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_a .notice2{
        position: absolute;
        top: 0;
        right: 0;
        font-size: .5rem;
        background: rgba(255, 121, 23, .8);
        color: #fff;
        padding: .1rem .2rem;
        border-radius: .1rem;
        z-index: 1;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b{
        flex-grow: 1;
        width: 50%;
        justify-content: center;
        display: flex;
        align-items: self-start;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b>.img{

    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b>.img img{
        width: 100%;
        display: block;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b .upload{
        background: #ff3938;
        text-align: center;
        color: #fff;
        font-size: .5rem;
        width: 3.5rem;
        padding: .5rem 0 .3rem 0;
        border-radius: .25rem;
        transition: all .5s;
        box-shadow: 1px 2px 1px 0.5px rgb(240 30 30 / 10%);
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b .upload.up{
        animation: up 1s;
        animation-iteration-count: infinite;
        animation-direction:alternate;
    }
    @keyframes up
    {
        from {
            background: #418efa;
        }
        to {
            background: #00cbff;
        }
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b .upload img{
        display: block;
        max-width: 100%;
        width: 50%;
        margin: auto;
        position: relative;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b .upload .notice{
        margin-top: .2rem;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_b .upload .progress{
        font-size: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_c{
        flex-grow: 1;
        justify-content: flex-start;
        display: flex;
        align-items: self-start;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_c .upload{
        background: #ff3938;
        text-align: center;
        color: #fff;
        font-size: .5rem;
        width: 2rem;
        padding: .3rem 0 .1rem 0;
        border-radius: .1rem;
        transition: all .5s;
        margin-left: .5rem;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_c .upload img{
        display: block;
        max-width: 100%;
        width: 60%;
        margin: auto;
        position: relative;
        right: -.1rem;
    }
    #page-reward-detail .box3 .steps .step .c .img_box .img_c .upload .notice{
        margin-top: .1rem;
    }
    #page-reward-detail .box3 .steps .step .c .link_box{
        display: flex;
        font-size: .6rem;
        margin-bottom: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .link_box .link_a{
        margin-right: .3rem;
    }
    #page-reward-detail .box3 .steps .step .c .link_box .link_a .link{
        display: flex;
        border: 1px solid #a0a0a0;
        border-radius: .3rem;
        padding: .1rem .2rem .1rem .5rem;
        color: #383838;
        line-height: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .link_box .link_a .link i{
        font-size: 1rem;
        margin-left: .2rem;
        color: #aeaeae;
    }
    #page-reward-detail .box3 .steps .step .c .link_box .link_b .link{
        display: flex;
        background: #ff3938;
        border: 1px solid #ff3938;
        border-radius: .3rem;
        padding: .1rem .2rem .1rem .5rem;
        color: #fff;
        line-height: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .link_box .link_b .link i{
        font-size: 1rem;
        margin-left: .2rem;
        color: #fff;
    }
    #page-reward-detail .box3 .steps .step .c .input_box{
        display: flex;
        font-size: .7rem;
        margin-bottom: 1rem;
    }
    #page-reward-detail .box3 .steps .step .c .input_box input{
        flex-grow: 1;
        border: 0.03rem solid rgba(160,160,160,0.5) !important;
        padding: .3rem;
        border-radius: .1rem;
    }
    #page-reward-detail .box3 .steps .step .c .input_box input::-webkit-input-placeholder{
        color: #a0a0a0;
    }
    #page-reward-detail .box3 .steps .step .c .input_box input:disabled{
        background-color: #fff;
    }
    #page-reward-detail .box4{
        padding: .75rem .75rem .75rem .75rem;
        margin: 0 .5rem .6rem .5rem;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    #page-reward-detail .box4 .join{
        padding: .5rem 0;
        position: relative;
    }
    #page-reward-detail .box4 .join:after{
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        transform: scaleY(.5);
        background: #e1e1e1;
    }
    #page-reward-detail .box4 .join:first-child{
        padding-top: 0;
    }
    #page-reward-detail .box4 .join:last-child{
        padding-bottom: 0;
    }
    #page-reward-detail .box4 .join:last-child:after{
        display: none;
    }
    #page-reward-detail .box4 .join .flex{
        display: flex;
        align-items: center;
        margin-bottom: .3rem;
    }
    #page-reward-detail .box4 .join .flex .avatar{
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        margin-right: .3rem;
    }
    #page-reward-detail .box4 .join .flex .nickname{
        flex-grow: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }
    #page-reward-detail .box4 .join .flex .im{
        flex-shrink: 0;
        background: #FFB700;
        padding: .05rem .2rem;
        border-radius: .2rem;
        color: #fff;
        font-size: .6rem;
        margin-right: .3rem;
    }
    #page-reward-detail .box4 .join .flex .apply_time_str{
        flex-shrink: 0;
        font-size: .6rem;
        color: #cccccc;
    }
    #page-reward-detail .box4 .join .block{
        font-size: .75rem;
    }
    #page-reward-detail .box4 .load{
        text-align: center;
        color: #0894ec;
        margin-top: .75rem;
        font-size: .75rem;
    }
    #page-reward-detail .box4 .no_add{
        text-align: center;
        background: #fff;
        padding: .5rem;
    }
    #page-reward-detail .box5{
        padding: .3rem 0rem .4rem 0rem;
        margin: 0 .5rem .6rem .5rem;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    #page-reward-detail .box5 .tabs{
        display: flex;
        background: #fff;
        text-align: center;
        letter-spacing: 1px;
        font-size: .75rem;
        position: relative;
        margin-bottom: .5rem;
    }
    #page-reward-detail .box5 .tabs .tab{
        flex-grow: 1;
        padding: .5rem 0;
        display: block;
    }
    #page-reward-detail .box5 .tabs .tab.active{
        color: #3a7af5;
    }
    #page-reward-detail .box5 .tabs .xian{
        position: absolute;
        width: 33.33%;
        bottom: 0;
        left: 0;
        height: 1px;
        background: #3a7af5;
        transition: all .5s;
    }
    #page-reward-detail .box5 .tabs .xian.tab_1{
        left: 0;
    }
    #page-reward-detail .box5 .tabs .xian.tab_2{
        left: 33.33%;
    }
    #page-reward-detail .box5 .tabs .xian.tab_3{
        left: 66.66%;
    }
    #page-reward-detail .box5 .row{
        font-size: 0.7rem;
        line-height: 1.5rem;
        padding: 0.1rem 0;
        text-align: center;
        background: #fff;
        margin-bottom: 1px;
    }
    #page-reward-detail .box5 .load{
        text-align: center;
        color: #0894ec;
        padding: .5rem;
        font-size: .75rem;
    }
    #page-reward-detail .box5 .no_add{
        text-align: center;
        background: #fff;
        padding: .5rem;
    }
    #page-reward-detail .box6{
        padding: .75rem .75rem .75rem .75rem;
        margin: 0 .5rem .6rem .5rem;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    #page-reward-detail .box6 .keyword{
        display: flex;
    }
    #page-reward-detail .box6 .keyword input{
        border: 0;
        font-size: .8rem;
        padding: .25rem .5rem .25rem .5rem;
        color: #3d4145;
        flex-grow: 1;
    }
    #page-reward-detail .box6 .keyword .icon{
        padding: .2rem .4rem 0 .4rem;
    }
    #page-reward-detail .box6 .add_examine{
        padding-top: .3rem;
    }
    #page-reward-detail .box6 .add_examine .examine{
        padding: .5rem 0;
        position: relative;
    }
    #page-reward-detail .box6 .add_examine .examine:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        transform: scaleY(.5);
        background: #e1e1e1;
    }
    #page-reward-detail .box6 .add_examine .examine:last-child{
        padding-bottom: 0;
    }
    #page-reward-detail .box6 .add_examine .examine:last-child:after{
        display: none;
    }
    #page-reward-detail .box6 .add_examine .examine .flex{
        display: flex;
        align-items: center;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .success{
        color: #4cae4c;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .danger{
        color: #d43f3a;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .apply_count{
        font-size: .65rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .shenhe{
        font-size: .7rem;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .shenhe button{
        color: #fff;
        border: 0;
        border-radius: .1rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .shenhe button.cai{
        background: #4cae4c;
        margin-right: .2rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .shenhe button.bucai{
        background: #d43f3a;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .im{
        flex-shrink: 0;
        background: #FFB700;
        padding: .05rem .2rem;
        border-radius: .2rem;
        color: #fff;
        font-size: .6rem;
        margin-right: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .report{
        color: #cccccc;
        margin-right: .5rem;
        font-size: .6rem;
        flex-shrink: 0;
    }
    #page-reward-detail .box6 .add_examine .examine .flex .data_time_str{
        color: #cccccc;
        font-size: .6rem;
    }
    #page-reward-detail .box6 .add_examine .examine .tags_count{
        margin-top: .5rem;
        font-size: .6rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2{
        display: flex;
        align-items: center;
        font-size: .7rem;
        margin-top: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2 .avatar{
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        margin-right: .3rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2 .nickname{
        flex-grow: 1;
        margin-right: .5rem;
        flex-shrink: 0;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2 .repeat_img{
        color: red;
        margin-left: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2 .reason{
        color: red;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2 .reason i{
        margin-left: .1rem;
    }
    #page-reward-detail .box6 .add_examine .examine .flex2 .reason_img{
        display: none;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper{
        margin-top: .75rem;
        padding: 0 1.3rem;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .swiper-button-next{
        right: -.3rem;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .swiper-button-prev{
        left: -.3rem;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .swiper-button-next,#page-reward-detail .box6 .add_examine .examine .stepSwiper .swiper-button-prev {
        transform: scale(0.5,0.5);
        top: 45%;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .swiper-button-next.swiper-button-disabled,#page-reward-detail .box6 .add_examine .examine .stepSwiper .swiper-button-prev.swiper-button-disabled{
        display: none;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .flex3{
        display: flex;
        align-items: flex-start;
        font-size: .75rem;
        margin-bottom: .5rem;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .flex3 .index{
        color: #fff;
        background: #3a7af5;
        display: inline-block;
        font-size: .5rem;
        letter-spacing: 1px;
        padding: .1rem .2rem .1rem .2rem;
        border-radius: 1px 0 0 1px;
        position: relative;
        height: .9rem;
        margin-right: .8rem;
        flex-shrink: 0;
        margin-top: .05rem;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .flex3 .index:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        right: -.3rem;
        border-top: .45rem solid transparent;
        border-bottom: .45rem solid transparent;
        border-left: .3rem solid #3a7af5;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .flex3 .tit{
        word-break: break-all;
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .img_box img{
        width: 100%;
        display: block;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    }
    #page-reward-detail .box6 .add_examine .examine .stepSwiper .contents{
        margin-left: 2.6rem;
        word-break: break-all;
    }
    #page-reward-detail .box6 .add_examine .load{
        text-align: center;
        color: #0894ec;
        padding-top: .75rem;
        font-size: .75rem;
    }
    #page-reward-detail .box6 .add_examine .no_add{
        text-align: center;
        background: #fff;
        padding-top: .75rem;
    }
    #page-reward-detail .apply_modal{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #page-reward-detail .box7{
        padding: .5rem;
        text-align: center;
        background: #fff;
        width: 80%;
    }
    #page-reward-detail .box7 .tit{
        font-weight: 500;
        font-size: .9rem;
        margin-bottom: .5rem;
        margin-top: .2rem;
    }
    #page-reward-detail .box7 .input_box{
        display: flex;
        font-size: .7rem;
        margin-bottom: .75rem;
    }
    #page-reward-detail .box7 .input_box input{
        flex-grow: 1;
        border: 0.03rem solid rgba(160,160,160,0.5) !important;
        padding: .3rem;
        border-radius: .1rem;
    }
    #page-reward-detail .box7 .notice .clear{
        font-size: .65rem;
        float: right;
        margin-top: .1rem;
        color: #3a7af5;
    }
    #page-reward-detail .box7 .img_box{
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: .5rem;
    }
    #page-reward-detail .box7 .img_box .img{
        width: 25%;
        display: block;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        margin-right: .5rem;
    }
    #page-reward-detail .box7 .img_box .img:last-child{
        margin-right: 0;
    }
    #page-reward-detail .box7 .img_box .upload{
        background: #3a7af5;
        text-align: center;
        color: #fff;
        font-size: .5rem;
        width: 3.5rem;
        padding: .5rem 0 .3rem 0;
        border-radius: .1rem;
        transition: all .5s;
    }
    #page-reward-detail .box7 .img_box .upload.up{
        animation: up 1s;
        animation-iteration-count: infinite;
        animation-direction:alternate;
    }
    @keyframes up
    {
        from {
            background: #418efa;
        }
        to {
            background: #00cbff;
        }
    }
    #page-reward-detail .box7 .img_box .upload img{
        display: block;
        max-width: 100%;
        width: 60%;
        margin: auto;
        position: relative;
        right: -.2rem;
    }
    #page-reward-detail .box7 .img_box .notice{
        margin-top: .2rem;
    }
    #page-reward-detail .box7 .img_box .progress{
        font-size: 1rem;
    }
    #page-reward-detail .box7 .notice2{
        color: red;
        font-size: .6rem;
        margin-top: 1rem;
    }
    #page-reward-detail .box7 .but_box{
        display: flex;
        margin-top: .3rem;
    }
    #page-reward-detail .box7 .but_box .but{
        flex-grow: 1;
        padding: .2rem 0;
    }
    #page-reward-detail .box7 .but_box .but.ok{
        background-image: linear-gradient(to right,#FF8B07,#FF4F00);
        border-radius: .1rem;
        color: #fff;
    }
    #page-reward-detail .space-around, .space-between {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin: 20px 0;
    }
    #page-reward-detail .text {
        font-size: 14px;
        color: #999;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #page-reward-detail .text span{
        width: 100%;
    }
    #page-reward-detail .button-dark {
        background-color: #ff3938;
        color: #fff;
    }
    #page-reward-detail .button-light {
        background-color: #ffecec;
        color: #fb3030;
    }
    .loadPage{
        position: absolute;
        align-items: center;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        background: #ff3938;
        z-index: 600;
        padding-bottom: 50px;
        padding-left: 50px;
        top: 2.2rem;
    }
    .loadPage .pacman>div:nth-child(1),.loadPage .pacman>div:nth-child(2){
        border-top: 25px solid #fff;
        border-left: 25px solid #fff;
        border-bottom: 25px solid #fff;
    }
    .loadPage .pacman>div:nth-child(3),.loadPage .pacman>div:nth-child(4),.loadPage .pacman>div:nth-child(5){
        background-color: #fff;
    }
    .modal .modal-inner{
        background: #fff;
    }
    .modal .modal-button{
        background: #fff;
    }
    .tong-modal .tags_tong_a{
        font-size: .7rem;
        color: #666;
    }
    .tong-modal .tags_tong_a>div{
        margin-top: .5rem;
    }
    .vue_modal{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        z-index: 2001;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
    }
    .vue_modal .box{
        width: 80%;
        background: #fff;
        border-radius: .5rem;
        position: relative;
        z-index: 2;
        min-width: 15rem;
    }
    .vue_modal .box .tit{
        font-size: 1.1rem;
        margin: .5rem 0;
        text-align: center;
    }
    .vue_modal.modal_top .box{
        padding: 0 .75rem;
        font-size: .75rem;
        overflow: hidden;
    }
    .vue_modal.modal_top .box .input{
        text-align: center;
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
    .vue_modal.modal_top .box .input input{
        width: 6rem;
        border: 1px solid #a0a0a0;
        padding: .2rem .25rem;
        font-size: .7rem;
        border-radius: .25rem;
    }
    .vue_modal.modal_top .box .money{
        text-align: center;
        margin-top: .5rem;
    }
    .vue_modal.modal_top .box .money span{
        color: #ff6700;
        font-weight: bold;
    }
    .vue_modal.modal_top .box .hour{
        text-align: center;
        margin-top: .3rem;
    }
    .vue_modal.modal_top .box .hour span{
        color: #ff6700;
        font-weight: bold;
    }
    .vue_modal.modal_top .box .quan{
        text-align: center;
        margin-top: .3rem;
    }
    .vue_modal.modal_top .box .quan span{
        color: #ff6700;
        font-weight: bold;
    }
    .vue_modal.modal_top .box .topping_cost{
        text-align: center;
        margin-top: .3rem;
        margin-bottom: .5rem;
    }
    .vue_modal.modal_top .box .topping_cost span{
        color: #ff6700;
        font-weight: bold;
    }
    .vue_modal.modal_top .box .gui{
        text-align: center;
        margin-top: .5rem;
    }
    .vue_modal.modal_top .box .but_box{
        display: flex;
        text-align: center;
        margin: .5rem -.75rem 0 -.75rem;
        font-size: .85rem;
    }
    .vue_modal.modal_top .box .but_box .but{
        flex-grow: 1;
        padding: .3rem 0;
    }
    .vue_modal.modal_top .box .but_box .but.ok{
        background-image: linear-gradient(to bottom, #ff9f6a, #ff600b);
        border-radius: .1rem;
        color: #fff;
    }
    .vue_modal.modal_addPrice .box{
        padding: 0 .75rem;
        font-size: .75rem;
        overflow: hidden;
    }
    .vue_modal.modal_addPrice .box .input{
        text-align: center;
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
    .vue_modal.modal_addPrice .box .input input{
        width: 6rem;
        border: 1px solid #a0a0a0;
        padding: .2rem .25rem;
        font-size: .7rem;
        border-radius: .25rem;
    }
    .vue_modal.modal_addPrice .box .unit_price{
        text-align: center;
        margin-top: .5rem;
        display: flex;
    }
    .vue_modal.modal_addPrice .box .unit_price>div{
        flex-grow: 1;
    }
    .vue_modal.modal_addPrice .box .unit_price .new{
        text-align: left;
    }
    .vue_modal.modal_addPrice .box .unit_price>div span{
        color: #ff6700;
        font-weight: bold;
    }
    .vue_modal.modal_addPrice .box .money{
        text-align: center;
        margin-top: .5rem;
    }
    .vue_modal.modal_addPrice .box .money span{
        color: #ff6700;
        font-weight: bold;
    }
    .vue_modal.modal_addPrice .box .notice{
        text-align: center;
        margin-top: .5rem;
        color: red;
        font-size: .6rem;
    }
    .vue_modal.modal_addPrice .box .but_box{
        display: flex;
        text-align: center;
        margin: .5rem -.75rem 0 -.75rem;
        font-size: .85rem;
    }
    .vue_modal.modal_addPrice .box .but_box .but{
        flex-grow: 1;
        padding: .3rem 0;
    }
    .vue_modal.modal_addPrice .box .but_box .but.ok{
        background-image: linear-gradient(to bottom, #ff9f6a, #ff600b);
        border-radius: .1rem;
        color: #fff;
    }
    .vue_modal.modal_shield .box{
        text-align: center;
    }
    .vue_modal.modal_shield .box .tit2{
        font-size: .85rem;
        color: red;
        padding: .75rem .5rem .5rem .5rem;
    }
    .vue_modal.modal_shield .box .text{
        font-size: .7rem;
        margin-bottom: 1rem;
    }
    .vue_modal.modal_shield .box .text span{
        color: #3e8ffa;
    }
    .vue_modal.modal_shield .box .but_box{
        display: flex;
        color: #3e8ffa;
        position: relative;
        align-items: center;
    }
    .vue_modal.modal_shield .box .but_box:after{
        content: ' ';
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        position: absolute;
        transform: scaleY(.5);
        background: #e2e2e2;
    }
    .vue_modal.modal_shield .box .but_box .but{
        flex-grow: 1;
        width: 50%;
        padding: .3rem 0;
        position: relative;
    }
    .vue_modal.modal_shield .box .but_box .but.ok{
        padding-bottom: 0;
    }
    .vue_modal.modal_shield .box .but_box .but.ok:after{
        content: ' ';
        width: 1px;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        transform: scaleX(.5);
        background: #e2e2e2;
    }
    .vue_modal.modal_shield .box .but_box .but .notice{
        font-size: .6rem;
        color: #999;
    }
    .vue_modal.modal_guize{
        align-items: flex-end;

    }
    .vue_modal.modal_guize .box{
        width: 100%;
        height: 70%;
        border-radius: .5rem .5rem 0 0;
    }
    .vue_modal.modal_guize .box .tit2{
        text-align: center;
        color: #3e8ffa;
        padding: .5rem 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 2.2rem;
        width: 100%;
        background: #fff;
    }
    .vue_modal.modal_guize .box .tit2 .close{
        position: absolute;
        width: .9rem;
        right: .5rem;
        top: .5rem;
    }
    .vue_modal.modal_guize .box iframe{
        width: 100%;
        height: 100%;
    }
    .vue_modal.modal_apply_ok .box{
        width: 17rem;
        background: rgba(0, 0, 0, 0);
        min-width: 17rem;
        margin-top: -3rem;
    }
    .vue_modal.modal_apply_ok .box .apply_top{
        width: 100%;
        display: block;
    }
    .vue_modal.modal_apply_ok .box .tit2{
        position: absolute;
        top: 4.3rem;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 1.2rem;
        text-shadow: 0px 5px 5px #f3b658;
    }
    .vue_modal.modal_apply_ok .box .tit2 span{
        display: inline-block;
    }
    .vue_modal.modal_apply_ok .box .box2{
        background-image: linear-gradient(to bottom, #f3b658, #f3b658);
        width: 15.3rem;
        margin: auto;
        padding: 0 .5rem .5rem .5rem;
        border-radius: 0 0 .4rem .4rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3{
        background: #fff;
        margin-left: 1px;
        border-radius: 0 0 .2rem .2rem;
        height: 14.5rem;
        margin-top: -.5rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .tit3{
        text-align: center;
        color: #000;
        font-size: .7rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .tit3 span{
        position: relative;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .tit3 span:before {
        content: ' ';
        position: absolute;
        width: 1rem;
        height: 1px;
        top: 46%;
        left: -1.2rem;
        background: #000;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .tit3 span:after {
        content: ' ';
        position: absolute;
        width: 1rem;
        height: 1px;
        top: 46%;
        right: -1.2rem;
        background: #000;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .xian{
        height: 1px;
        transform: scaleY(.5);
        background: #efefef;
        margin-top: .2rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists{
        margin-top: .5rem;
        position: relative;
        min-height: .1px;
        padding: .0rem .5rem 0 .5rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list{
        display: flex;
        align-items: center;
        margin-bottom: .75rem;
        text-align: left;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .left{
        position: relative;
        margin-right: .75rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .right{
        flex-grow: 1;
        overflow: hidden;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .avatar{
        width: 2.9rem;
        height: 2.9rem;
        border-radius: 50%;
        display: block;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .vip-icon{
        position: absolute;
        bottom: -.1rem;
        right: 0;
        font-size: .6rem;
        width: 1.45rem;
        text-align: center;
        color: #fff;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .item-title-row{
        display: flex;
        justify-content: space-between;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .item-title-row .item-title{
        white-space: nowrap;
        color: #103D52;
        font-size: .8rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .item-title-row .item-after{
        color: #ff6700;
        font-size: .65rem;
        padding-top: .1rem;
        flex-shrink: 0;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .surplus_votes{
        color: #6B7E92;
        font-size: .6rem;
        margin-top: .1rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .cats .cat{
        background: #f3f4f5;
        border-radius: .1rem;
        color: #8c8ca4;
        padding: .1rem .3rem;
        font-size: .5rem;
        margin-top: .2rem;
        display: inline-block;
        float: left;
        margin-right: .2rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .cats .cat.ding{
        background: #18DA2E;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .browse{
        width: 1rem;
        float: right;
        margin-left: .2rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .lists .list .hongbao {
        width: 1rem;
        float: right;
        margin-left: .2rem;
    }
    .vue_modal.modal_apply_ok .box .box2 .box3 .list_no{
        margin: 1rem;
        text-align: center;
    }
    .vue_modal.modal_apply_ok .box .close{
        width:100%;
        text-align: center;
        position: absolute;
        bottom: -3rem;
    }
    .vue_modal.modal_apply_ok .box .close img{
        width: 1.5rem;
    }
    .vue_modal.modal_area .box{
        border-radius: .2rem;
        text-align: center;
        width: 16rem;
    }
    .vue_modal.modal_area .box .tit2{
        font-size: .9rem;
        margin: .75rem 0 .5rem 0;
        color: #3399ff;
    }
    .vue_modal.modal_area .box .tit2 span{
        position: relative;
    }
    .vue_modal.modal_area .box .tit2 span:before{
        content: ' ';
        position: absolute;
        top: 45%;
        left: -1.2rem;
        width: 1rem;
        height: 1px;
        background: #3399ff;
    }
    .vue_modal.modal_area .box .tit2 span:after{
        content: ' ';
        position: absolute;
        top: 45%;
        right: -1.2rem;
        width: 1rem;
        height: 1px;
        background: #3399ff;
    }
    .vue_modal.modal_area .box .name{
        display: flex;
        flex-wrap: wrap;
        padding: .2rem .75rem .95rem .75rem;
        font-size: .75rem;
        justify-content: center;
        max-height: 18rem;
        overflow: scroll;
    }
    .vue_modal.modal_area .box .btn{
        color: #3399ff;
        padding: .5rem 0;
        font-size: .8rem;
        position: relative;
    }
    .vue_modal.modal_area .box .btn:before{
        content: ' ';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
        transform: scaleY(.5);
        background: #e7e7e7;
    }
    .page-fy {
        text-align: center;
    }
    .page-fy ul {
        padding-left: 0rem;
    }
    .pagination{
        text-align: center;
        padding: 0px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: content-box;
        display: inline-block;
        vertical-align: middle;
        margin: 10px 0px;
        text-align: left !important;
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .pagination li {
        display: inline-block;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        padding: 0px 15px;
        height: 28px;
        line-height: 28px;
        margin: 0px -1px 5px 0px;
        background-color: rgb(255, 255, 255);
        color: rgb(51, 51, 51);
        font-size: 12px;
        border: 1px solid rgb(226, 226, 226);
    }
    .pagination li a{
        color: rgb(51, 51, 51);
    }
    .pagination .active {
        background-color: rgb(255, 64, 64);
        color: rgb(255, 255, 255);
    }
    
/**余额记录**/
    .balance .bar{
        background: #ff3938;
    }
    .balance .bar:after{
        height: 0;
    }
    .balance .bar .search_form{
        position: absolute;
        display: none;
        width: 100%;
        text-align: center;
        margin: 0 -.5rem;
        padding: .4rem .1rem;
    }
    .balance .bar .search_form.active{
        display: block;
    }
    .balance .bar .search_form .search_input{
        width: 70%;
        border: 0;
        font-size: .7rem;
        background: #F6F6F6;
        padding: .25rem 1.5rem .25rem .5rem;
        border-radius: 2rem;
    }
    .balance .bar .search_form .icon-search{
        position: absolute;
        top: .05rem;
        right: 17%;
    }
    .balance .bar .search_btn{
        font-size: .7rem;
        padding: .6rem .1rem;
        position: relative;
        display: none;
    }
    .balance .bar .search_btn.active{
        display: inline-block;
    }
    .balance .load{
        text-align: center;
        margin:.5rem 0;
    }
    .balance .load .a{
        transform: scale(0.5, 0.5);
    }
    .balance .load .a>div{
        background-color: #888;
    }
    .balance .load .b{
        color: #666;
        font-size: .7rem;
    }
    .balance .list .list-enter-active,.balance .list .list-leave-active {
      transition: all 1s;
    }
    .balance .list .list-enter,.balance .list .list-leave-to{
      opacity: 0;
      transform: translateY(30px);
    }
    .balance .loadPage{
        position: absolute;
        align-items: center;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        background: #f7f7f7;
        z-index: 99;
        padding-bottom: 50px;
        padding-left: 50px;
    }
    .balance .action_id{
        color: #999999;
        font-size: .65rem;
    }
    .balance .list-block ul:before,.list-block ul:after{
        height: 0;
    }
    .balance .reg_recovery{
        position: absolute;
        bottom: .4rem;
        right: 1rem;
        color: red;
        font-size: .6rem;
    }

.c-t img, .c-t-ri img, .nav img, .cr-c img, .r-float img, .c-tc img {
    display: block;
    margin: 0 auto;
    height: auto;
}

.invite-mian {
    padding: 0;
    box-shadow: 0;
    max-width: 100%;
    margin: auto;
    position: relative;
    background-color: #ff6857;
}
.invite-heng{
    height: 1.5rem;
    width: 100%;
    background-color: rgb(249,55,79);
}
.s6-bg {
    width: 100%;
    height: 20.3rem;
    margin-bottom: 3rem;
}
.c-t {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    padding-top: 1.5rem;
}
.c-t .s6-yqhy {
    width: 60%;
    height: 1.3rem;
    margin-bottom: 1.5rem;
}
.c-t .c-tlt {
    position: relative;
    width: 100%;
    margin: 0 auto 2rem auto;
}
.c-t .c-tlt .s6-tit {
    width: 14rem;
    height: 5rem;
}
.c-t .c-tlt .s6-m {
    position: absolute;
    top: 40%;
    left: 48%;
    max-width: 100%;
    max-height: 70%;
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
}
.cm-flex, .reward13 div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-t .c-t-r {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 2rem auto 0.5rem auto;
}
.c-t .c-t-r .c-t-ri {
    width: 33.3333%;
    position: relative;
    font-weight: bold;
}
.c-t .c-t-r .c-t-ri img {
    width: 90%;
    height: 8rem;
}
.c-t .c-t-r .c-t-ri .c-t-ri-c {
    text-align: center;
    font-size: 1rem;
}
.cm-pos {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-t .c-t-r .c-t-ri-c .m {
    height: 2.5rem;
    align-items: flex-end;
    font-size: 1rem;
    color: #F63236;
}
.c-t .c-t-r .c-t-ri-c .m strong {
    font-size: 1.6rem;
    margin-bottom: -0.4rem;
    margin-right: 0.2rem;
}
.c-t .c-t-r .c-t-ri-c .t1 {
    height: 2.5rem;
    font-size: 0.8rem;
    color: #F8797B;
}
.c-t .c-t-r .c-t-ri-c .t2 {
    height: 2.5rem;
    font-size: 0.8rem;
    color: #DF0519;
}
.c-t .c-t-btn {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -3rem;
    left: 50%;
    display: block;
    width: 12rem;
    height: 3.6rem;
    margin-left: -6rem;
}
.r-float.mtiem {
    margin-top: 3.5rem;
}
.r-float div {
    width: 0.2rem;
    margin-left: 0.7rem;
    font-size: 0.85rem;
    line-height: 1rem;
    color: #fff;
}
.r-float img {
    width: 100%;
}
.cm-flex, .reward13 div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.r-float {
    position: fixed;
    z-index: 9991;
    top: 15rem;
    right: -0.8rem;
    bottom: auto;
    left: auto;
    width: 2.2rem;
}
.c-nav {
    width: 93%;
    height: 1.8rem;
    margin: auto;
}
.c-nav .nav {
    width: 50%;
    height: 100%;
    position: relative;
}
.c-nav .nav img, .c-nav .nav div {
    width: 100%;
    height: 100%;
}
.c-nav .nav div {
    font-size: 1rem;
    font-weight: bold;
    color: #EA1432;
}
.c-reward {
    width: 93%;
    margin: auto auto 2rem auto;
    min-height: 200px;
    background-color: #fff;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 0.75rem;
    box-sizing: border-box;
}
.c-con {
    width: 100%;
}
.cr-c {
    position: relative;
    width: 100%;
    margin: 1rem 0;
}
.cr-c .s6-k1, .cr-c .cr-b {
    width: 100%;
    height: 10.5rem;
}
.cr-c .cr-t {
    padding-top: 0.5rem;
    height: 2.5rem;
    font-size: 1rem;
    color: #EA1432;
    font-weight: bold;
}
.cr-c .tg-con {
    justify-content: space-between;
    width: 93%;
    max-width: 30rem;
    margin: auto auto 2.5rem auto;
}
.cr-c .tg-con1 .tgb-it {
    width: 42%;
}
.cr-c .tg-con .tgb-it div {
    height: 65%;
    font-size: 1rem;
    font-weight: 600;
    color: #EF1731;
}
.cr-c .tg-con .tgb-it div strong {
    font-size: 1rem;
}

.cr-c .tg-con .tgb-it img {
    width: 100%;
    height: 3rem;
}
.cr-c .cb-btn div {
    font-size: 0.8rem;
    letter-spacing: 2px;
    width: 6.5rem;
    height: 2rem;
    margin: auto;
    border-radius: 1.5rem;
}
.hhr-tit {
    padding: 0 0 0.75rem 0;
}
.hhr-tit, .hhr-tit div, .hhr-reward, .hhr-reward .hhrr-p {
    display: flex;
    justify-content: center;
    align-items: center;
}
.hhr-tit .hti-i {
    display: block;
    width: 90%;
    height: auto;
}
.hhr-tit .hti-c {
    display: block;
    width: 25%;
    height: auto;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.hhr-tit .ht-txt {
    width: 55%;
    font-size: 0.9rem;
    color: #F84D44;
    font-weight: 600;
}
.c-con .cc-con {
    text-align: center;
    font-size: 0.65rem;
    line-height: 1rem;
    margin-bottom: 1rem;
}
.c-con .cc-con span {
    color: #EF1731;
}
.cf-li {
    box-sizing: border-box;
    padding: 1.5rem 0.5rem 1.5rem 1rem;
    width: 98%;
    margin: auto;
    border-radius: 0.5rem;
    border: 1px dashed #EF1731;
    margin-bottom: 1.5rem;
}
.reward13 .r13-li {
    margin-bottom: 0.5rem;
}
.reward13 .r13-li {
    justify-content: space-between;
    font-size: 0.8rem;
}
.cm-flex, .reward13 div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.reward13 .r13-li .b-btn {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    box-shadow: 0 0 2px #999;
    margin-right: 0.5rem;
    padding: 0;
}
.b-btn {
    color: #fff;
    background: -moz-linear-gradient(to bottom, #F7796F 0%, #F92E4A 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(0%,#F7796F), to(100%,#F92E4A));
    background: -webkit-linear-gradient(to bottom,#F7796F,#F92E4A);
    background: -o-linear-gradient(to bottom,#F7796F,#F92E4A);
    background: -ms-linear-gradient(to bottom,#F7796F,#F92E4A);
    background: linear-gradient(to bottom,#F7796F,#F92E4A);
}
.reward13 .r13-li .r13-t {
    color: #333;
}
.cf-li div:last-child {
    margin-bottom: 0;
}
.reward13 .r13-li .cf-m {
    color: #FF102C;
    padding-right: 0.25rem;
}
.hhr-reward {
    align-items: flex-end;
    justify-content: space-around;
    margin-bottom: 3rem;
}
.hhr-reward .hhrr-li {
    width: 2.6rem;
    text-align: center;
    box-sizing: border-box;
}
.hhr-reward .hhrr-p {
    width: 1.5rem;
    margin: auto;
    font-size: 0.75rem;
    font-weight: bold;
    flex-wrap: wrap;
    padding-bottom: 0.25rem;
}
.hhr-reward .hhrr-p div {
    width: 100%;
}
.hhr-reward .hhrr-n {
    color: #F92E4A;
}
.hhr-reward .hhrr-p div {
    width: 100%;
}
.hhr-reward .hhrr-c {
    width: 100%;
    border-radius: 0.25rem;
    box-shadow: 0 0.1rem 0.2rem #f92e4a;
}
.hhr-reward .hhrr-t {
    font-size: 0.75rem;
}
.c-tc {
    justify-content: space-around;
    width: 95%;
    margin: 1rem auto;
    padding-top: 1rem;
}
.c-tc .c-tc-p {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    text-align: center;
    color: #f63236;
    font-size: 10px;
    line-height: 14px;
}
.c-tc .c-tc-p img {
    width: 100%;
    height: 100%;
}
.cm-pos {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-tc .c-tc-p .c-tc-b {
    height: 2.5rem;
    padding-top: 0.4rem;
    font-size: 0.68rem;
    box-sizing: border-box;
}
.c-tc .c-tc-p .c-tc-b strong {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.1rem;
}
.c-tc .c-tc-p .c-tc-e {
    font-size: 0.5rem;
    padding-top: 0.25rem;
}
.c-con .inviteCode {
    justify-content: center;
    padding-bottom: 1rem;
    color: #FF6857;
    font-size: 0.64rem;
    margin: 3rem auto 2rem auto;
}
.c-con .inviteCode img {
    height: 0.8rem;
    width: 0.8rem;
    margin-left: 0.5rem;
}
.careful{
    font-size: 0.64rem;
}

.im-home .bar {
        background-color: #ff3938;
        background: #ff3938;
        color: #FFF
    }

    .im-home .bar .icon{
        color: #FFF;
    }

    .im-home .title {
        color: #FFF
    }

    .im-home .top {
        text-align: center;
        font-size: .7rem;
        background: #fff;
        padding: .5rem 0
    }

    .im-home .top a {
        color: #333;
        display: inline-block
    }
    .im-home .top .imgbox {
        position: relative
    }

    .im-home .top .imgbox .dian {
        position: absolute;
        top: 0;
        right: .1rem;
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        background: red
    }

    .im-home .top .img {
        width: 2rem
    }

    .im-home .chat-group {
        background: #fff;
        margin: 0.4rem 0;
    }

    .im-home .chat-group .group-title {
        display: flex;
        padding: .5rem;
        justify-content: space-between;
        align-items: center;
    }
    .im-home .chat-group .group-title .group-title-text{
        display: flex;
        flex-grow: 1;
    }
    .im-home .chat-group .group-title .group-title-icon{
        width: 1.3rem;
        height: 1.3rem;
        margin-right: 0.2rem;
        transform: rotate(-90deg);
        transition: all .5s;
    }
    .im-home .chat-group .group-title .group-title-icon.active{
        transform: rotate(0);
    }
    .im-home .chat-group .group-title .group-clear{
        margin-right: 0.3rem;
        margin-left: .5rem;
        font-size: 0.7rem;
        color: #999;
    }
    .im-home .chat-group .msgList{
        position: relative;
        margin: 0;
    }
    .im-home .chat-group .msgList:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
        height: 1px;
        width: 100%;
        background-color: #e7e7e7;
        display: block;
        z-index: 15;
        transform-origin: 50% 0;
        transform: scaleY(.5);
    }
    .im-home .chat-group .msgList .list .item-media{
        position: relative;
    }
    .im-home .chat-group .msgList .list .avatar{
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 0.3rem;
    }
    .im-home .chat-group .msgList .list .badge {
        position: absolute;
        top: 5px;
        right: -6px;
        background-color: red;
    }
    .im-home .chat-group .msgList .list .item-title{
        color: #3d4145;
        flex-grow: 1;
    }
    .im-home .chat-group .msgList .list .add_time_str{
        font-size: .7rem;
        align-items: center;
    }
    .im-home .chat-group .msgList .list .contents{
        color: #999999;
    }
    .im-home .chat-group .msgList .list .del-group{
        font-size: .6rem;
        align-items: center;
        color: #999999;
    }
    .im-home .chat-group .msgList .no-msg{
        text-align: center;
        padding: 0.7rem 0;
        color: #ccc;
        font-size: 0.7rem;
    }

            #new_award .user-main .bar-nav {
                background: #ff3938;
            }
            #new_award .user-main .bar-nav a, .bar-nav h1 {
                font-weight: bold;
                color: #FFF;
            }
            #new_award .top_box {
                position: relative;
            }
            #new_award .top_box img{
                width: 100%;
            }
            #new_award .t_p {
                height: 20px;
            }
            #new_award .t_ul {
                display: flex;
                align-items: center;
                background: #fff;
                border-radius: 10px;
                padding: 15px 3%;
                position: absolute;
                bottom: 0;
                left: 3%;
                right: 3%;
            }
            #new_award .n_lft {
                width: 10%;
                display: flex;
                align-items: center;
            }
            #new_award .t_ul img{
                width: 22px;
            }
            #new_award .cm-flex {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                font-size: 16px;
                margin-left: 10px;
            }
            #new_award .t_ul .cd-arr {
                color: #000;
            }
            #new_award .t_ul .cd-arr .cf-t {
                color: #fff;
                height: 20px;
                padding: 0 2px;
                min-width: 20px;
                justify-content: center;
                background-color: #ff3938;
                border-radius: 3px;
                margin-left: 2px;
                margin-right: 2px;
                text-align: center;
                line-height: 20px;
            }
            #new_award .t_ul .cd-arr span {
                font-weight: 700!important;
                font-size: 15px;
                font-weight: 700;
            }
            #new_award .box {
                width: 100%;
                padding: 0 3%;
            }
            #new_award .zhanwei {
                height: 15px;
            }
            #new_award .n_ul {
                background: #fff;
                width: 100%;
                padding: 15px 3%;
                display: flex;
                align-items: center;
                border-radius: 10px;
            }
            #new_award .n_rgt {
                display: block;
                font-size: 15px;
                margin-left: 10px;
            }
            #new_award .n_lft {
                width: 22px;
                display: flex;
                align-items: center;
            }
            #new_award .n_lft img{
                width: 22px;
            }
            #new_award .n_tle span{
                color: #ff3938;
            }
            #new_award .n_info span{
                color: #ff3938;
            }
            #new_award .n_icom {
                display: block;
                padding: 0 10px;
            }
            #new_award .l_ul {
    background-color: #fff;
    padding: 15px 1%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#new_award .l_top {
    width: 90%;
    background-color: #ed3942;
    border-radius: 5px;
    display: block;
    margin: auto;
}
#new_award .l_btn {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#new_award .l_btn .l_btn0 {
    background: #ff3938;
    color: #fff;
    box-sizing: border-box;
    width: 76px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
}
#new_award .l_btn .l_btn1 {
    background: #fa5b58;
    color: #fff;
    box-sizing: border-box;
    width: 76px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
}
#new_award .l_btn .l_btn2 {
    background: #9b9b9b;
    color: #fff;
    box-sizing: border-box;
    width: 76px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
}
#new_award .l_li {
    width: 33%;
}
#new_award .l_tle {
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: block;
}
#new_award .l_tle span {
    font-size: 15px;
    font-weight: 500;
}
#new_award .l_top img {
    width: 100%;
}
#new_award .l_msg {
    padding: 0;
    height: 55px;
    text-align: center;
    font-size: 10px;
    color: #fff;
}
#new_award .a_ul {
    background: #fff;
    width: 100%;
    padding: 15px 3%;
    border-radius: 10px;
    margin-bottom: 10px;
}
#new_award .a_tle {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
}
#new_award .a_tle img{
    width: 22px;
    margin-right: 5px;
}
#new_award .progress-box {
    display: flex;
    width: 90%;
    margin: 2px auto;
    align-items: center;
}
#new_award .progress {
    flex-grow: 1;
    width: 100%;
    flex-grow: 3;
    background: #f5f5f5;
    border-radius: 2rem;
    height: 0.5rem;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
#new_award .rank_points {
    float: left;
}
#new_award .process-text {
    position: absolute;
    left: 160px;
    top: 50%;
    font-size: 12px;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
#new_award .progress .progress-bar {
    background-image: linear-gradient(to right,#ffa700,#ffa700);
}
#new_award .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

#new_award .cm-empty {
    justify-content: center;
    width: 100%;
}
#new_award .cm-empty .ce-body {
    text-align: center;
}
#new_award .cm-empty .ce-body .ce-img {
    width: 200px;
    margin-bottom: 10px;
}
#new_award .cm-empty .ce-body .ce-img img{
    height: 138px;
}
#new_award .cm-empty .ce-body .ce-title {
    text-align: center;
    font-size: 10px;
    width: 100%;
    color: #666;
}
#new_award .cm-empty .ce-body .ce-info {
    margin: 20px 0;
    font-size: 14px;
}
#new_award .cm-empty .ce-body .cm-btn {
    height: 40px;
    width: 85%;
    border-radius: 20px;
    background-color: #ff3938;
    color: #fff;
}

#today_award .top {
    margin-top: 15rem;
    padding: 0 1rem;
    position: relative;
    padding-top: 0.3rem;
}
#today_award .top .tit {
    width: 100%;
    display: block;
    margin-left: 0.5rem;
}
#today_award .bar{
    background: rgba(0,0,0,0);
}
#today_award .bar-nav~.content {
    top: 0;
    background: url(../images/today_awardBg.jpg);
    background-size: 100% 100%;
}
#today_award .top .date {
    text-align: center;
    font-size: .85rem;
    color: #000;
    padding-top: 0.6rem;
}
#today_award .list-box {
    margin: 0.5rem;
    margin-top: 0.8rem;
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem 0;
}
#today_award .task-list .text {
    width: 60%;
    text-align: center;
    color: #FFF;
    font-size: .75rem;
    letter-spacing: 1px;
    background: #ffa801;
    border-radius: 0px 0px 10px 10px;
    margin: -16px auto 0.4rem;
}
#today_award .task-list.active {
    display: block;
}
#today_award .task-list {
    background: #fff;
    padding: 0.3rem 0.5rem;
    margin: 0 0.5rem;
    border-radius: 0.1rem;
    display: none;
}
#today_award .task-list.list-block ul:before, #today_award .task-list.list-block .item-inner:after, #today_award .task-list.list-block ul:after {
    height: 0;
}
#today_award .list-block .item-content {
    padding-left: 0;
}
#today_award .list-block.media-list .item-media {
    display: block;
    text-align: right;
}
#today_award .task-list .order {
    background-color: rgb(240, 173, 78);
    width: 16px;
    height: 16px;
    color: rgb(240, 240, 240);
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#today_award .task-list.list-block .item-subtitle.sub {
    color: #999;
    font-size: .65em;
}
#today_award .task-list .red2 {
    color: #fc7946;
    font-weight: 600;
    font-size: .6rem;
}
#today_award .task-list .progress-box {
    display: flex;
    width: 80%;
}
#today_award .task-list .progress {
    flex-grow: 10;
    background: #f5f5f5;
    border-radius: 2rem;
    height: 0.3rem;
    overflow: hidden;
    margin: 0.3rem 0.3rem 0 0;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
#today_award .task-list .progress .progress-bar {
    background-image: linear-gradient(to right,#FF8B07,#FF4F00);
}
#today_award .task-list .progress-box .a {
    color: #fc7946;
    font-size: .6rem;
    flex-grow: 1;
}
#today_award .list-block.media-list .item-media {
    display: block;
    text-align: right;
}
#today_award .task-list .qwc {
    margin-right: 0.5rem;
    display: inline-block;
}
#today_award .task-list .wanc {
        margin-right: .5rem;
        border-color: #fff;
        display: inline-block;
    }
    #today_award .sub_text{
        background: #F00;
        padding: 3px;
        border-radius: 0px 1rem 1rem 1rem;
        font-size: .5rem;
        color: #fff;
    }
    
#today_award header.bar a {
    color: #fff;
    border-color: rgba(0,0,0,0);
}

.hot-buy .postBuyTop {
    padding: 20px 34px;
}
.postBuyTop .buyInput {
    margin-bottom: 31px;
}
.postBuyTop .buyInput h3 {
    font-size: 15px;
    color: #333333;
}
.postBuyTop .buyInput h3 font {
    color: #F30;
}
.postBuyTop .buyInput ul {
    margin-top: 15px;
}
.postBuyTop .buyInput ul li {
    cursor: pointer;
    float: left;
    border: 1px solid #e4e4e4;
    color: #868686;
    padding: 7px 0;
    text-align: center;
    width: calc((100% - 100px) / 3);
    margin-right: 5px;
    border-radius: 23px;
    position: relative;
    font-size: 12px;
}
.postBuyTop .buyInput ul li i {
    position: absolute;
    top: -13px;
    right: -8px;
    padding: 2px 6px;
    border-radius: 40px;
    background: red;
    color: #FFF;
    font-size: 8px;
    font-style: normal;
    z-index: 1;
}
.postBuyTop .buyInput ul li.active {
    background: #ff3938;
    color: #fff;
    border: 1px solid #ff3938;
}
.postBuyTop .buyInput .form-box{
        width: 600px;
        margin: 100px auto 0;
      }
.postBuyTop .buyInput .reward_id{
    display: flex;
}
.postBuyTop .buyInput .layui-btn {
    border-radius: 5px;
    background-color: #ff3938;
    color: #fff;
}
.postBuyTop .tips {
    font-size: 0.7rem;
    color: #ff0000;
    padding: 0.1rem 0.5rem 0.1rem 1.4rem;
    background: #fff5f5;
    margin: 0.5rem 0;
    position: relative;
}
.postBuyTop .tips:before {
    content: ' ';
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    background: url(/static/mobile/images/user/tips.png);
    background-size: 100% 100%;
    top: 0.25rem;
    left: 0.5rem;
}
.postBuyTop .buyNotice {
    line-height: 29px;
    font-size: 14px;
    color: #787878;
}
.postBuyTop .payMoney {
    color: #F30;
    font-weight: bold;
}
.postBuyTop .payMoney span {
    font-size: 20px;
}
.postBuyTop .buyBtn {
    margin-top: 30px;
}
.postBuyTop .buyBtn a {
    cursor: pointer;
    float: left;
    width: calc((100% - 30px) / 2);
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    background: #F1F1F1;
    color: #666;
}
.postBuyTop .layui-input {
    border-radius: 5px;
}
.postBuyTop .buyBtnSure {
    cursor: pointer;
    float: left;
    width: calc((100% - 30px) / 2);
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    background: #F1F1F1;
    color: #666;
}

/**我的团队**/
.friends .bar-nav {
    background: #ff3938;
}
.friends .bar .title {
    color: #fff;
}
.friends .bar .icon {
    color: #fff;
}
.friends .my_team {
    max-width: 100%;
    margin: 0 auto;
    padding: 1px 0;
}
.friends .my_team .t_box {
    background-color: #ffffff;
    color: #000;
    width: 100%;
}
.friends .my_team .t_box .t-row:first-child {
    border-bottom: 1px solid #cccac7;
}
.friends .my_team .t_box .t-row {
    height: 80px;
    box-sizing: border-box;
}
.friends .my_team .t_box .t-row .t-col:first-child {
    border-right: 1px solid #cccac7;
}
.friends .my_team .t_box .t-row .t-col {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
}
.friends .my_team .t_box .t-row .t-col .t-m {
    height: 50%;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
    color: rgb(244, 74, 87);
}
.friends .cm-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.friends .my_team .t_box .t-row .t-col .t-t {
    text-align: center;
    font-size: 12px;
}
.friends .my_team .t_box .t-row .t-col .u_img {
    padding: 10px 0px 10px 15px;
    width: 35%;
    justify-content: flex-end;
}
.friends .my_team .t_box .t-row .t-col .u_img img{
    border-radius: 10rem;
    width: 100%;
}
.friends .my_team .t_box .t-row .t-col .t-u {
    width: 65%;
}
.friends .ul {
    justify-content: space-around;
}
.friends .ul .li {
    height: 40px;
    justify-content: center;
    font-size: 17px;
    color: #333;
    position: relative;
    font-weight: 600;
}
.friends .ul .li.tab-active {
    color: #ff3938;
}
.friends .mt-search {
    height: 37px;
    margin: 15px auto;
    justify-content: space-between;
}
.friends .mt-search .ms-body .mt-input {
    background-color: #f1f1f1;
    width: 90%;
    margin: 5px;
    padding: 10px;
    border-radius: 2rem;
    margin-right: 15px;
}
.friends .mt-search .ms-body .mt-input .keyword {
    color: #000;
    width: 100%;
}
.friends .mt-search .ms-body .mt-input .keyword input {
    display: block;
    font-size: 16px;
    overflow: hidden;
    border: 0;
    background: #f1f1f1;
}
.friends .mt-search .ms-body .mt-btn {
    background-color: #ff3938;
    color: #fff;
    width: 25%;
    height: 40px;
    font-size: 15px;
    border: 0;
    border-radius: 0.5rem;
}
.friends .my_team .bom {
    box-sizing: border-box;
}
.friends .my_team .bom .ls_li {
    justify-content: space-between;
    margin: 10px;
    height: 75px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 14px;
    color: #000;
}
.friends .my_team .bom .u_img {
    width: 65px;
    justify-content: center;
}
.friends .my_team .bom .u_img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.friends .my_team .bom .mst_time {
    width: 71px;
}
.friends .my_team .bom .mst_time div:last-child {
    color: #999;
    font-size: 13px;
}
.friends .my_team .bom .u_income {
    width: 80px;
    text-align: center;
}
.friends .team_ss{
    margin-bottom: 2rem;
}
.friends form{
    position: flex;
}

#page-fen .navs{
        background: url("../images/user/top.png");
        background-size: 100% auto;
    }
    #page-fen .bar:after{
        display: none;
    }
    #page-fen .bar .title{
        color: #fff;
    }
    #page-fen .navs a{
        color: #fff;
    }
    #page-fen .bar .button{
        border-color: rgba(0,0,0,0);
        top: .4rem;
        padding-right: 0;
        color: #fff;
    }
    #page-fen .top{
        background: #f34e43;
        background-image: url("../images/user/top.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position-y: -2.2rem;
        color: #fff;
        padding: 0 1rem 1rem 1rem;
    }
    #page-fen .top .box{
        display: flex;
        justify-content: space-between;
        font-size: .7rem;
    }
    #page-fen .top .box .tit{
        margin-top: .8rem;
        margin-bottom: .2rem;
        letter-spacing: 1px;
    }
    #page-fen .top .box .tit span{
        font-size: .6rem;
    }
    #page-fen .top .box .fen_money{
        background: #ffc020;
        font-size: 1rem;
        font-weight: 600;
        display: inline-block;
        color: #f33626;
        line-height: 1.3rem;
        padding: .05rem .3rem 0 .3rem;
        border-radius: 1rem;
        position: relative;
        z-index: 1;
    }
    #page-fen .top .box .fen_money:before{
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ffc020;
        border-radius: 1rem;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #page-fen .top .box .fen_money:after{
        content: ' ';
        position: absolute;
        width: 100%;
        height: .7rem;
        bottom: -.1rem;
        left: 0;
        background: #e2a303;
        border-radius: 0 0 1rem 1rem;
        z-index: -2;
    }
    #page-fen .top .box .fen_integral{
        font-size: 1.1rem;
        line-height: 1.1rem;
        color: #fff7d4;
        display: flex;
        position: relative;
    }
    #page-fen .top .box .fen_integral .integral{
        text-align: center;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    #page-fen .top .box .fen_integral .integral .i{
        transition: all .5s;
        transform: translate(0,0);
        height: 1rem;
        overflow: inherit;
    }
    #page-fen .top .box .fen_integral .integral .i .num_box .num{
        height: 1rem;
        line-height: 1rem;
        margin-bottom: .5rem;
    }
    #page-fen .top .box .fen_integral .integral .i .num_box{
        transition: all 2.5s ease-out;
        transform: translate(0,0%);
    }
    #page-fen .top .box .fen_integral .integral .i.i_0 .num_box{

    }
    #page-fen .top .box .fen_integral .integral .i.i_1 .num_box{
        transform: translate(0,-1.5rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_2 .num_box{
        transform: translate(0,-3rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_3 .num_box{
        transform: translate(0,-4.5rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_4 .num_box{
        transform: translate(0,-6rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_5 .num_box{
        transform: translate(0,-7.5rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_6 .num_box{
        transform: translate(0,-9rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_7 .num_box{
        transform: translate(0,-10.5rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_8 .num_box{
        transform: translate(0,-12rem);
    }
    #page-fen .top .box .fen_integral .integral .i.i_9 .num_box{
        transform: translate(0,-13.5rem);
    }
    #page-fen .top .box .fen_integral .integral .i.dian .num_box{
        transform: translate(0,-15rem);
        margin: 0 -0.1rem 0 -0.1rem;
    }
    #page-fen .top .box .fen_integral .wan{
        font-size: .6rem;
        margin-left: .1rem;
        align-self: flex-end;
        line-height: .6rem;
        position: relative;
    }
    #page-fen .top .box .fen_integral .integral_new{
        position: absolute;
        font-size: .75rem;
        top: -0.5rem;
        right: -2.1rem;
        width: 2rem;
        color: #fdd148;
    }
    #page-fen .top .dao{
        font-size: .7rem;
        text-align: center;
        margin-top: .75rem;
        color: #fff7d4;
        margin-bottom: -.25rem;
    }
    #page-fen .top .dao span{
        font-size: .6rem;
    }
    #page-fen .top .box .fen_log{
        display: block;
        background: rgba(0,0,0,0.3);
        text-align: center;
        border-radius: .2rem;
        padding: .15rem .25rem;
        margin-top: .8rem;
        margin-bottom: .75rem;
        letter-spacing: 1px;
        color: #fff;
    }
    #page-fen .top .box .fen_double{
        display: block;
        background: #ffc020;
        font-size: .7rem;
        color: #f33626;
        line-height: 1.2rem;
        padding: .05rem .3rem 0 .3rem;
        border-radius: 1rem;
        position: relative;
        z-index: 1;
        letter-spacing: 1px;
        font-weight: 600;
    }
    #page-fen .top .box .fen_double:before{
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ffc020;
        border-radius: 1rem;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #page-fen .top .box .fen_double:after{
        content: ' ';
        position: absolute;
        width: 100%;
        height: .6rem;
        bottom: -.1rem;
        left: 0;
        background: #e2a303;
        border-radius: 0 0 1rem 1rem;
        z-index: -2;
    }
    #page-fen .top .btn{
        width: 85%;
        margin: auto;
        text-align: center;
        background: #ffc020;
        font-size: .9rem;
        color: #fff;
        line-height: 1.4rem;
        padding: .15rem 0 .1rem 0;
        border-radius: 1rem;
        position: relative;
        z-index: 1;
        letter-spacing: 1px;
        margin-top: 1rem;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    }
    #page-fen .top .btn:before{
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ffc020;
        border-radius: 1rem;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #page-fen .top .btn:after{
        content: ' ';
        position: absolute;
        width: 100%;
        height: .8rem;
        bottom: -.1rem;
        left: 0;
        background: #e2a303;
        border-radius: 0 0 1rem 1rem;
        z-index: -2;
    }
    #page-fen .top .btn span{
        color: #f33626;
    }
    @keyframes myfirst
    {
        0%   {
            transform: scale(1,1)
        }
        100% {
            transform: scale(1.1,1.2)
        }
    }
    #page-fen .top .btn.anim{
        animation: myfirst 1.5s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        margin-bottom: .5rem;
    }
    #page-fen .box2{
        display: flex;
        justify-content: space-between;
        background: #fff;
        font-size: .75rem;
        align-items: center;
        padding: .5rem .5rem .5rem 1rem;
        letter-spacing: 1px;
    }
    #page-fen .box2 .laba{
        width: 1rem;
        float: left;
        margin-right: .2rem;
    }
    #page-fen .box2 .right{
        color: #f34e43;
    }
    #page-fen .box3{
        background: #fff;
        margin-top: .2rem;
        padding: 0 .75rem 0 1rem;
        letter-spacing: 1px;
    }
    #page-fen .box3 .list{
        display: flex;
        justify-content: space-between;
        font-size: .7rem;
        padding:.6rem 0;
        align-items: center;
        position: relative;
    }
    #page-fen .box3 .list:after{
        content: ' ';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        transform: scaleY(.5);
        background: #e7e7e7;
    }
    #page-fen .box3 .list:first-child:after{
        display: none;
    }
    #page-fen .box3 .list .tit{
        font-size: .85rem;
    }
    #page-fen .box3 .list .tit span{
        color: #f00;
        font-size: .55rem;
    }
    #page-fen .box3 .list .notice{
        color: #949494;
    }
    #page-fen .box3 .list .notice .xing{
        width: .6rem;
        height: .6rem;
    }
    #page-fen .box3 .list .btn{
        color: #fff;
        background: #f34e43;
        padding: .3rem .6rem;
        border-radius: 1rem;
    }
    #page-fen .box3 .list .fen_browse{
        display: block;
        width: 100%;
        margin-top: -.5rem;
        margin-bottom: -.3rem;
    }
    
    
    #page-fen .vue_modal {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 2001;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        letter-spacing: 1px;
    }
    
    #page-fen .vue_modal.modal_login .box {
        border-radius: 0.3rem;
        background-image: linear-gradient(to bottom,#ffe8e1,#fecfbc);
    }
    #page-fen .vue_modal .box {
        width: 80%;
        background: #fff;
        border-radius: 0.5rem;
        position: relative;
    }
    #page-fen .vue_modal.modal_login .box .box22 {
        background: #fff;
        margin: 0.5rem;
        border-radius: 0.3rem;
        padding: 1px 0;
    }
    #page-fen .vue_modal.modal_login .box .box22 .xing_big {
        width: 2.8rem;
        margin: 0.5rem auto;
    }
    #page-fen .vue_modal.modal_login .box .box22 .xing_big img{
        width: 100%;
        display: block;
    }
    #page-fen .vue_modal.modal_login .box .box22 .tit5 {
        font-size: .9rem;
        color: #f4652d;
    }
    #page-fen .vue_modal.modal_login .box .box22 .integral_box {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        font-size: 2rem;
        color: #f95336;
        line-height: 1.8rem;
        margin: 1.8rem 0;
    }
    #page-fen .vue_modal.modal_login .box .box22 .notice10 {
        font-size: .6rem;
        color: #5d594b;
    }
    #page-fen .vue_modal.modal_login .box .box22 .notice10 span {
        position: relative;
    }
    #page-fen .vue_modal.modal_login .box .box22 .notice10 span:before {
        content: ' ';
        position: absolute;
        width: 1.4rem;
        height: 1px;
        background: #5d594b;
        top: 45%;
        left: -1.8rem;
        transform: scaleY(.5);
    }
    #page-fen .vue_modal.modal_login .box .box22 .notice10 span:after {
        content: ' ';
        position: absolute;
        width: 1.4rem;
        height: 1px;
        background: #5d594b;
        top: 45%;
        right: -1.8rem;
        transform: scaleY(.5);
    }
    #page-fen .vue_modal.modal_login .box .box22 .btn5 {
        font-size: 1rem;
        background-image: linear-gradient(to bottom,#ff8e6b,#fd5739);
        color: #fff;
        width: 85%;
        margin: 0.75rem auto;
        border-radius: 1rem;
        padding: 0.35rem 0 0.3rem 0;
        box-shadow: 0px 3px 5px 0px rgb(232 78 10 / 38%);
    }
    #page-fen .vue_modal.modal_login .box .box22 .integral_box .jia {
        line-height: 1.5rem;
        margin-left: 0.5rem;
    }
    #page-fen .vue_modal.modal_login .box .box22 .integral_box .xing2 {
        width: 0.8rem;
        margin-bottom: 0.2rem;
        margin-left: 0.5rem;
    }
    #page-fen .vue_modal .box .caidai {
        width: 106%;
        display: block;
        position: absolute;
        top: -1rem;
        left: -3%;
    }
    #page-fen .vue_modal.modal_fen .box .tit {
        position: absolute;
        width: 100%;
        top: -1.5rem;
        left: 0;
        color: #fff;
        line-height: 2rem;
        font-size: 1rem;
    }
    #page-fen .vue_modal .box .cai {
        width: 100%;
        display: block;
        border-top: 1rem solid #f5e9d3;
        border-radius: 0.5rem 0.5rem 0 0;
    }
    #page-fen .vue_modal.modal_fen .box .tit2 {
        font-size: 1.2rem;
        margin-top: 1.5rem;
    }
    #page-fen .vue_modal.modal_fen .box .money {
        color: #ff5550;
        font-size: 1.2rem;
        font-weight: 600;
    }
    #page-fen .vue_modal.modal_fen .box .btn2 {
        background: #f74b43;
        color: #fff;
        width: 70%;
        margin: 1rem auto;
        padding: 0.4rem 0;
        font-size: .8rem;
        border-radius: 2rem;
        box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
    }
    #page-fen .vue_modal.modal_fen .box .close {
        position: absolute;
        bottom: -3rem;
        width: 100%;
        left: 0;
    }
    #page-fen .vue_modal.modal_fen .box .close img {
        width: 1.4rem;
        display: block;
        margin: auto;
    }
    #page-withdrawallog .withdrawal_log_box {
        width: 100%;
        height: 4rem;
        padding: 0 10px;
        box-sizing: border-box;
        float: left;
        border-bottom: 1px #f0f0f0 solid;
        background: #fff;
    }
    #page-withdrawallog .withdrawal_log_abox {
        width: 100%;
        height: 1.5rem;
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        color: #040404;
    }
    #page-withdrawallog .withdrawal_log_bbox {
        width: 100%;
        height: 1.5rem;
        font-size: 13px;
        color: #a1a1a1;
    }
    #page-withdrawallog .withdrawal_log_bbox span {
        float: right;
        color: #77aa5b;
        font-size: 12px;
    }
    #page-withdrawallog .withdrawal_log_bbox span span {
        float: right;
        color: #404040;
        font-size: 12px;
    }
    #page-withdrawallog .withdrawal_log_abox p:nth-child(2) {
        color: #f56a29;
        font-size: 14px;
    }
    #page-withdrawallog .withdrawal_log_abox p:nth-child(2) span {
        color: #404040;
        font-size: 13px;
    }
    
    
    
    #page-follow-index .bar{
        background-color: #ff3938;
    }
    #page-follow-index .bar:after{
        height: 0;
    }
    #page-follow-index .bar .icon-left:before {
        color: #FFF;
    }
    #page-follow-index .title{
        color: #FFF;
    }
    #page-follow-index .top{
        background-color: #ff3938;
        padding-bottom: .5rem;
        position: relative;
    }
    #page-follow-index .top .user{
        margin: 0;
        color: #FFF;
        padding-top: 2.2rem;
    }
    #page-follow-index .top .user ul{
        background: rgba(0,0,0,0);
    }
    #page-follow-index .top .item-media{
        position: relative;
    }
    #page-follow-index .top .avatar{
        width: 3rem;
        height: 3rem;
        display: inline-block;
        border: .2rem solid rgba(0,0,0,0.1);
        border-radius: 50%;
    }
    #page-follow-index .top .avatar img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: block;
        background: rgba(0,0,0,0.1);
    }
    #page-follow-index .top .vip-icon{
        position: absolute;
        bottom: .6rem;
        right: .2rem;
        font-size: .6rem;
        width: 1.45rem;
        text-align: center;
        color: #fff;
        height: auto;
    }
    #page-follow-index .top .user .item-title-row{
        margin-top: .1rem;
    }
    #page-follow-index .top .user .item-title{
        margin-top: .1rem;
    }
    #page-follow-index .top .user .item-subtitle{
        font-size: .65rem;
        margin-top: .2rem;
        display: flex;
        justify-content: space-between;
    }
    #page-follow-index .top .user .jin_bao{

    }
    #page-follow-index .top .user .follow{
        text-align: center;
    }
    #page-follow-index .top .user .follow .a{
        display: inline-block;
        color: #fff;
        border: 1px solid #fff;
        font-size: .6rem;
        padding: .1rem .2rem;
        border-radius: .2rem;
        box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
        letter-spacing: .1rem;
        text-indent: .1rem;
    }
    #page-follow-index .top .top2{
        padding: 0 .5rem;
        color: #FFF;
        font-size: .65rem;
        margin-top: .5rem;
        display: flex;
        justify-content: space-around;
    }
    #page-follow-index .top .top2 .a{
        padding: 0 .25rem;
    }
    #page-follow-index .list{
        margin:0;
        margin-top: .5rem;
    }
    #page-follow-index .list ul{
        background: rgba(0,0,0,0);
    }
    #page-follow-index .list-block ul:before,#page-follow-index .list-block ul:after{
        height: 0;
    }
    #page-follow-index .list li{
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    #page-follow-index .list.list-block .item-inner:after{
        height: 0;
    }
    #page-follow-index .list .item-media img{
        border-radius: 50%;
        width: 3rem;
        height: 3rem;
    }
    #page-follow-index .list .item-title{
        color: #333;
    }
    #page-follow-index .list .item-after{
        color: #ff0310;
        font-weight: bold;
        font-size: .7rem;
        padding-top: .2rem;
    }
    #page-follow-index .list .item-yu {
        color: #6B7E92;
        font-size: .5rem;
        margin-top: .1rem;
    }
    #page-follow-index .list .cat {
        background: #f3f4f5;
        border-radius: .1rem;
        color: #8c8ca4;
        padding: .1rem .3rem;
        font-size: .5rem;
        margin-top: .2rem;
        display: inline-block;
        float: left;
        margin-right: .2rem;
    }
    #page-follow-index .list .after{
        float: right;
        font-size: .5rem;
        margin-top: .4rem;
    }
    #page-follow-index .list .list-enter-active,#page-follow-index .list .list-leave-active {
      transition: all 1s;
    }
    #page-follow-index .list .list-enter,#page-follow-index .list .list-leave-to{
      opacity: 0;
      transform: translateY(30px);
    }
    #page-follow-index .load{
        text-align: center;
        margin:.5rem 0;
    }
    #page-follow-index .load .a{
        transform: scale(0.5, 0.5);
    }
    #page-follow-index .load .a>div{
        background-color: #888;
    }
    #page-follow-index .load .b{
        color: #666;
        font-size: .7rem;
    }
    
    
    
    
    #page-cat .bar{
        background: #ff3938;
    }
    #page-cat .bar.bar-tab{
        background: #fff;
        box-shadow: 0px 0 15px 0px rgb(176 176 176 / 20%);
    }
    #page-cat .bar.bar-tab:before{
        height: 0;
    }
    #page-cat .bar:after{
        height: 0;
    }
    #page-cat .bar .title{
        color: #FFF;
    }
    #page-cat .bar .pull-left{
        font-weight: 700;
        color: #FFF;
    }
    #page-cat .bar.bar-tab{
        height: 3rem;
    }
    #page-cat .bar.bar-tab .finish{
        text-align: center;
        line-height: 2.3rem;
        width: 85%;
        margin: 0.35rem auto;
        color: #fff;
        border-radius: 0.25rem;
        font-size: 1rem;
        background: rgb(184 183 183 / 50%);
    }
    #page-cat .bar.bar-tab .finish.actives{
        background: #ff3938;
        color: #FFF;
    }
    #page-cat .content{
        background: #f7f7f7;
    }
    #page-cat .bar-tab~.content{
        bottom: 3rem;
    }
        #page-cat .top_notice{
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ff0000;
        font-size: .75rem;
        padding: 0.3rem 0;
        background: #fefdec;
        position: fixed;
        width: 100%;
        top: 2.2rem;
        left: 0;
        z-index: 1;
    }
    #page-cat .top_notice img{
        width: 0.7rem;
        margin-right: 0.2rem;
        height: 0.7rem;
        display: block;
        margin-bottom: 0.1rem;
    }
    #page-cat .cat_list{
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 .6rem .6rem;
        margin-top: 1.3rem;
    }
    #page-cat .cat_list .cat_box{
        width: 48%;
        margin-right: 0.6rem;
        margin-top: 0.65rem;
        flex-grow: 1;
        border: 1px solid #EDEDED;
        border-radius: .5rem;
        display: flex;
        min-height: 3.5rem;
        align-items: center;
        position: relative;
        background: #FFF;
    }
    #page-cat .cat_list .cat_box.active{
        outline:#ff3938 solid 1px;
    }
    #page-cat .cat_list .cat_box2{
        width: 40%;
        flex-grow: 1;
    }
    #page-cat .cat_list .cat_box .left .cat_img{
        width: 1.5rem;
        height: auto;
        margin: 0 0.75rem;
        display: block;
    }
    #page-cat .cat_list .cat_box .right .cat_name{
        font-size: .9rem;
        font-weight: 400;
        position: relative;
    }
    #page-cat .cat_list .cat_box .right .text{
        color: #6b6b6b;
        font-size: .6rem;
    }
    #page-cat .cat_list .cat_box .right .tips{
        position: absolute;
        top: -0.5rem;
        right: -1.5rem;
        background: #ff0804;
        color: #fff;
        font-size: .6rem;
        padding: 0 0.2rem;
        border-radius: 0.1rem;
        transform: scale(.8,.8);
    }
    
    .bottom-one {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        width: 30%;
    }
    .bottom-one img{
        width: 25px;
        height: 21px;
    }
    .bottom-one span{
        color: #000;
    }
    
    .user-main-index {
        background-image: linear-gradient(180deg,#ff3938,#ff3938 15%,rgba(255,87,86,0) 30%,rgba(255,87,86,0) 0);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #page-user .mine-top {
        width: 100%;
        height: 174px;
    }
    #page-user .flex-col {
        display: flex;
        flex-direction: column;
    }
    #page-user .flex-row {
        display: flex;
        flex-direction: row;
    }
    #page-user .mine-top-content-info {
        margin-top: 40px;
        margin-left: 15px;
        color: #FFF;
        font-size: 14px;
        align-items: center;
    }
    #page-user .header {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }
    #page-user .header img{
        width: 50px;
        height: 50px;
        border-radius: 50px;
        border: 2px solid #fff;
    }
    #page-user .text_ellipsis {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    #page-user .text_id {
        margin-top: 5px;
        font-size: 14px;
        transform: scale(0.9);
        transform-origin: left center;
        font-weight: 500;
    }
    #page-user .wallet {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px;
    }
    #page-user .wallet .wallet_style {
        display: flex;
        width: 33.333%;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 47px;
        margin-bottom: 15px;
        font-weight: 700;
        color: #FFF;
    }
    #page-user .vip-bg {
        margin-top: 8px;
        background-repeat: no-repeat;
        background-image: url(../images/my_open_vip_bg.png);
        background-size: 100% 100%;
        width: 90%;
        height: 55px;
        align-self: center;
        align-items: center;
        padding-left: 25px;
        padding-right: 25px;
    }
    #page-user .hg img{
        width: 15px;
        height: 15px;
    }
    #page-user .hg-text {
        font-size: 0.7rem;
        color: rgb(255, 215, 152);
        margin-left: 8px;
    }
    #page-user .open-vip {
        position: absolute;
        right: 45px;
        font-size: 12px;
        background-color: #ffd798;
        padding: 2.5px 8px;
        border-radius: 4px;
        color: #333;
    }
    #page-user .myshop {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #FFF;
        padding: 5px;
        position: absolute;
        background-color: hsla(0,0%,100%,.3);
        right: 0;
        top: 25px;
        border-radius: 8px 0 0 8px;
    }
    #page-user .myfans {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #FFF;
        padding: 5px;
        position: absolute;
        background-color: hsla(0,0%,100%,.3);
        right: 0;
        top: 65px;
        border-radius: 8px 0 0 8px;
    }
    
    #page-user .jifen-tip {
        line-height: 18px;
    }
    #page-user .banner {
        margin-right: 12px;
        margin-left: 12px;
        overflow: hidden;
        -webkit-transform: rotate(0deg);
    }
    #page-user .banner .swiper-banner {
        overflow: hidden;
        position: relative;
    }
    #page-user .banner .swiper-wrapper img {
        width: 100%;
        border-radius: 2px;
        vertical-align: middle;
        overflow: hidden;
        height: auto;
    }
    #page-user .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 0px;
        left: 0;
        width: 100%;
    }
    #page-user .provisioning {
        height: 60px;
        background-image: url(data:image/png;base64,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);
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
        
        display: flex;
    background-color: #fff;
    position: relative;
    flex-direction: column;
    border-radius: 10px;
    margin: 12px;
    overflow: hidden;
    }
    #page-user .provisioning .provisioning_box {
        width: 94%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #page-user .provisioning .provisioning_box .provisioning_txt {
        display: flex;
        flex-direction: column;
    }
    #page-user .provisioning .provisioning_box .provisioning_txt span:nth-child(1){
        color: #ffe8bc;
        font-size: 18px;
    }
    #page-user .provisioning .provisioning_box .provisioning_txt span:nth-child(2){
        color: #fff;
        font-size: 14px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        letter-spacing: 1px;
        margin-left: -10%;
    }
    #page-user .provisioning .provisioning_box .provisioning_btn {
        width: 60px;
        height: 30px;
        background-color: #ffe7bb;
        border-radius: 25px;
        text-align: center;
        line-height: 30px;
    }
    #page-user .my_tasks {
        display: flex;
        background-color: #fff;
        position: relative;
        flex-direction: column;
        border-radius: 10px;
        margin: 12px;
        overflow: hidden;
        justify-content: flex-start;
        padding: 2% 0;
    }
    #page-user .my_tasks .tasks {
        width: 100%;
        display: flex;
    }
    #page-user .my_tasks .tasks .task {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 25%;
    }
    #page-user .my_tasks .tasks .task img{
        width: 45px;
        height: 45px;
    }
    
    #page-user .my_tasks .tasks .task span{
        margin-top: 10%;
        font-size: 13px;
        color: #333;
    }

    #page-user .myshop-icon{
        width: 20px;
        height: 20px;
    }
    #page-user .card {
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 19%);
    }
    #page-user .user-face-tool {
        margin-top: 8px;
    }
    #page-user .user-toolbar {
        height: auto;
        z-index: 5;
        margin-top: -30px;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
    }
    #page-user .money-face {
        margin-top: 8px;
        justify-content: space-around;
    }
    #page-user .money-face-money {
        color: #ff2135;
        font-size: 17px;
        font-weight: 700;
        text-align: center;
    }
    #page-user .money-face-describe {
        font-size: 12px;
        margin-top: 5px;
        text-align: center;
    }
    #page-user .money-face-btn {
        font-size: 12px;
        margin-top: 8px;
        color: #d92a19;
        background-color: #fac7c7;
        border-radius: 15px;
        padding: 2.5px 8px;
    }
    #page-user .u-divider {
        display: flex;
        flex-direction: row;
        flex-direction: row;
        align-items: center;
        margin: 15px 0;
    }
    #page-user .u-divider .u-line{
        margin: 0px;
        border-bottom: 1px solid rgb(238, 238, 238);
        width: 100%;
        transform: scaleY(0.5);
        border-top-color: rgb(238, 238, 238);
        border-right-color: rgb(238, 238, 238);
        border-left-color: rgb(238, 238, 238);
        flex: 1 1 0%;
    }
    #page-user .task-face {
        width: 100%;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }
    #page-user .u-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        flex: 1;
    }
    #page-user .u-icon--right {
        flex-direction: row;
        align-items: center;
    }
    #page-user .u-icon__img img{
        margin-top: 5px;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        will-change: transform;
    }
    #page-user .u-text__value {
        text-decoration: none;
        font-weight: normal;
        text-align: left;
        overflow-wrap: normal;
        font-size: 16px;
        color: rgb(48, 49, 51);
    }
    #page-user .select-panel {
        border-radius: 10px;
        margin: 12px;
        overflow: hidden;
    }
    #page-user .common_features {
        display: flex;
        background-color: #fff;
        margin-top: 10px;
        border-radius: 10px;
        flex-direction: column;
        justify-items: center;
        align-items: center;
        margin-bottom: 70px;
        margin: 12px;
    }
    #page-user  .common_features .common_features_box {
        width: 100%;
    }
    #page-user .common_features .common_features_box .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 17px 10px 16px 10px;
        border-bottom: 1px solid #e8e8e8;
    }
    #page-user .common_features .common_features_box .item img{
        width: 24px;
        height: 24px;
    }
    #page-user .box .common_features .common_features_box .item uni-image:nth-child(1) {
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }
    #page-user .flex-1 {
        flex: 1;
    }
    
    #page-user .flex-1 span{
        margin-left: 10px;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
    }
    
    #page-user .common_features .common_features_box .item {
        padding-right: 1.5rem;
        background-image: url(data:image/png;base64,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);
        background-size: 1rem;
        background-repeat: no-repeat;
        background-position: 97% center;
        background-position: -webkit-calc(100% - 0.5rem) center;
        background-position: calc(100% - 0.5rem) center;
    }
    
    
    #page-user-account .top {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #f5f5f5;
        padding-top: 0;
    }
    
    #page-user-account .top .bg_img {
        width: 100%;
        position: absolute;
        top: 0;
    }
    
    #page-user-account .top .bg_img img{
        width: 100%;
        height: 200px;
    }
    
    #page-user-account .top .balance {
        background-color: #fff;
        width: 92.5%;
        margin-top: 80px;
        z-index: 9;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 3%;
    }
    
    #page-user-account .top .balance .balance_money {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    #page-user-account .top .balance .balance_money .title {
        margin-top: 3.5%;
        color: #999;
        font-size: 13px;
    }
    
    #page-user-account .top .balance .balance_money .sum {
        font-size: 20px;
        color: #3d3d3d;
        margin-top: 13.5%;
    }
    
    #page-user-account .top .balance .balance_money .sum span:nth-child(1) {
        font-size: 20px;
    }
    
    #page-user-account .top .balance .balance_money .sum span:nth-child(2) {
        font-size: 30px;
    }
    
    #page-user-account .top .balance .btns {
        width: 90%;
        display: flex;
        margin-top: 5%;
        justify-content: space-between;
        align-items: center;
    }
    
    #page-user-account .top .balance .btns .btn1 {
        width: 47%;
        border-radius: 199px;
        border: 1px solid #ff3938;
        padding: 10px 0;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        color: #ff3938;
    }
    
    #page-user-account .top .balance .btns .btn2 {
        width: 47%;
        border-radius: 199px;
        background-color: #ff3938;
        padding: 10px 0;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
    }
    
    #page-user-account .account-list {
        margin: 0 15px 0 15px;
    }
    
    #page-user-account .account-list .list-block ul {
        border-radius: 10px;
    }
    
    #page-user-account .balance_info_title {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        margin: 10px 15px 10px;
    }
    #page-user-account .balance_info_title .title_txt {
        font-size: 16px;
        font-weight: 600;
        color: #3d3d3d;
    }
    
    
    
    #page-user-account .button-layout {
        position: fixed;
        display: flex;
        flex-direction: row;
        right: 15px;
        left: 15px;
        bottom: 15px;
        justify-content: space-between;
    }
    
    #page-user-account .button-layout-button {
        background-color: #ff4b2b;
        border-radius: 7px;
        width: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        padding: 12px 0;
    }
    
    #page-user-account .icon-price{
        width: 16px;
        height: 20px;
        margin-right: 7px;
    }
    
    #page-user-account .icon-price img{
        width: 16px;
        height: 16px;
        margin-right: 7px;
    }
    
    .fillet {
        display: flex;
        flex-direction: column;
        padding: 15px;
        border-radius: 5px;
        background-color: #fff;
    }
    .qian{
        font-size: 35px;
        font-weight: bold;
    }
    .u-input {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex: 1;
    }
    .uni-input-input {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background: none;
        color: inherit;
        opacity: 1;
        font: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-align: inherit;
        text-indent: inherit;
        text-transform: inherit;
        text-shadow: inherit;
        margin-left: 10px;
        border: none;
    }
    .zfb, .zfb2, .zfb-selected, .zfb2-selected, .wx, .wx-selected {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        width: 130px;
        height: 50px;
        background-color: #f4f4f5;
        border-radius: 5px;
        border-width: 1.2px;
        border-style: solid;
    }
    .zfb-selected {
        border-color: #9b2fff;
    }
    .zfb-icon {
        height: 20px;
        width: 20px;
    }
    .zfb2-selected {
        border-color: #9b2fff;
    }
    .zfb2-icon {
        height: 20px;
        width: 20px;
    }
    .tips {
        font-size: 12px;
        margin-top: 8px;
        line-height: 20px;
    }