@font-face {
  font-family: 'iconfont';  /* project id 1443527 */
  src: url('//at.alicdn.com/t/font_1443527_8f89pvdxsqo.eot');
  src: url('//at.alicdn.com/t/font_1443527_8f89pvdxsqo.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1443527_8f89pvdxsqo.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1443527_8f89pvdxsqo.woff') format('woff'),
  url('//at.alicdn.com/t/font_1443527_8f89pvdxsqo.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1443527_8f89pvdxsqo.svg#iconfont') format('svg');
}
a{color: #1d1f23;font-size:0.65rem;}
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.65rem!important;}
.logo {max-width:3.5rem}
.logo img {max-width:100%;}
.bar {z-index:9999;}
.red {color: #ee554d !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.10rem !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:16px;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:99999;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.toast {z-index:200000}
.img-circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.alert-success {color:#3c763d}
.alert-danger {color:#a94442}
.footer_logo {background:url('') no-repeat center center;height:14px;width:100%;margin-bottom:1rem;}
.bar-tab .tab-item.active {color:#ef453c !important;}

/*引用的样式*/
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}

/* 首页 */
.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.4rem 0;}
.hot-title {padding:0.4rem 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:#444242;font-size:0.6rem;font-weight:300;margin-left:5px;}
.item-votes {color:#5a5858;font-size:0.6rem;}
.item-votes .surplus_votes {color:green;font-size:0.8rem;font-weight:bold;}

.home-4{
        text-align: center;
        font-size: .7rem;
        background: #fff;
        padding: .5rem .5rem;
        color: #333;
    }
    .home-4 a{
        color: #333;
    }
    .home-4 .img{
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 50%;
    }
    .reward_list_right{
        width: 1rem;
        float: right;
        margin-left: .2rem;
    }
    .shop_list{
        overflow: hidden;
        display: flex;
        font-size: .85rem;
        align-items: center;
        justify-content: space-between;
        background: #fff;
    }

/* 登录注册 */
.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:#5a5858;}

/* 发布 */
.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.4rem 0 0.8rem;}
.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;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(0%, -50%);}
.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:#5a5858;}
.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 ~ .content {top:3.6rem}
.reward-list .list-block ul {background:none;}
.reward-list .list-block ul li {background-color:#FFFFFF;margin:0.15rem 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;border-bottom: 1px solid #f5ecec;}
.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:#5a5858;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-category {font-size:0.7rem}
.reward-category a {display:inline-block;border:0.01rem solid #f1f4f5;color:#f1f4f5;padding:0.2rem 0.5rem;border-radius:0.2rem;margin-bottom:0.4rem;margin-right:0.2rem;width:4.8rem;text-align:center;}
.reward-category a.active {background:#f1f4f5;color:#000}

/* 详情 */
.reward_reject, .reward_examine, .reward_normal, .reward_pause, .reward_full, .reward_finish {width: 4.3rem;height: 2.8rem;position: absolute;top: -3.8rem;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/2_03.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;margin: -3.6rem 0.3rem 0;border-radius: 0.4rem;}
.detail .titles {border-bottom:1px dashed #e0e0e0;padding-bottom: 0.6rem;margin-bottom: 0.7rem;}
.detail .titles span{border: 1px solid #333;padding: 2px 6px;margin-right: 0.5rem;border-radius: 3px;font-size: 0.6rem;}
.detail .titles label{display:block;}
.detail .titles h1 {font-size: 0.8rem;padding: 0.2rem 0.3rem 0.1rem 4.3rem;margin: 0;line-height: 1.3rem;font-weight: inherit;}
.detail .titles .info {font-size:0.7rem;color:#fff;padding:0.2rem;background-color: #fe8528;display: inline-block;}
.detail .titles .info .mr {margin-right:0.5rem;}
.detail .titles .info .iconfont {margin:0 0.2rem}
.detailType{
}
.detailType .button.active{
    color: #333;
    font-size: 0.75rem;
    height: 2rem;
    line-height: 2rem;
    border-color: #ee554d;
}
.detailType .button span{
    color: #ee554d;
}
.detailType .button.active span{
    color: #ee554d;
}
.detailCont{
    margin: 0 0.3rem;
    border-radius: 0.4rem;
    overflow: hidden;
    padding-bottom: 3rem;
    background-color: #fff;
}
.card_content{
    font-size: 0.7rem;
    padding: 0.6rem 0;
    line-height: 1.2rem;
}
.card_content span{}
.detail_lc{
    position: relative;
    top: 1px;
}
.detail_card_num{
    float: right;
    color: #666;
}
.detail .reward {line-height:1.25rem;font-size:0.75rem;padding-bottom:0.5rem;color:#999999;position:relative;}
.detail .reward dd {width:100%;margin:0 0.6rem 0 0;text-align:center;font-size: 0.6rem;}
.detail .reward dt.price {font-size: 0.8rem;color: #ee554d;display: block;float: none;}
.detail .reward dt.votes {font-weight: bold;font-size: 0.9rem;color: #7d5ff7;display: block;float: none;}
.detail .reward .clearfix{text-align: center;width: 32%;line-height: 1.4;display: inline-block;margin-bottom: 10px;}
.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}
.detail_card{
    padding: 0 0.5rem;
}
.detail_card_header{
    color: #333;
    font-size: 0.75rem;
    border-left: 3px solid #ee554d;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-left: 0.3rem;
}
.detailNav{/* width: 92%; */background-color: #fff;margin: auto 0.3rem;/* bottom: 0.5rem; */height: 3rem;border-radius: 10px;line-height: 2.2rem;text-align: center;left: 0.3rem;right: 0.3rem;width: initial;}
.detailNav a{
    display: block;
    height: 2.2rem;
    font-size: 0.72rem;
    color: #999;
    border-radius: 10px;
}
.detailNav_cont{
    overflow: hidden;
    margin-top: 0.4rem;
}
.ctabs {padding: 1.1rem 0 0.1rem 0;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 .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}

/** 用户中心 */
.user-main .item-media .iconfont {font-size:1rem}
.user-main .item-inner a {display:block;width:100%;color:#999999}
.user-main .userinfo {background-color: #ee554d;position: relative;}
.user-main .userinfo .avatar {width: 3rem;height: 3rem;border-radius: 100%;border: 2px solid #fff;margin: 0.6rem 0 0 0.4rem;}
.user-main .userinfo .avatar img {width:100%;height:100%;}
.user-main .userinfo .info {color:#efefef;font-size:0.65rem;line-height:1.2rem;margin-left:0.4rem;}
.user-main .userinfo .info a {color:#efefef;position: absolute;top: 1.3rem;}
.user-main .money-box {background:#FFFFFF;border:1px solid #e7e7e7;font-size:0.6rem;padding:0.8rem 0.3rem;color:#999}
.user-main .money-box .br {border-right:1px solid #dedede}
.user-main .money-box .money {color: #ec2929;font-size: 0.8rem;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:0.9rem;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:0.5rem;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-date {color:#cccccc;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 #ff6700;/* margin:0.5rem 0; */padding:0.5rem;color: #797979;text-align: left;font-size: 14px;}
.remind .tit {background-color: #ff6700;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}

/** 步骤样式 */
.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:100px;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:1.6rem;}
.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.72rem;line-height: 34px;margin:0 0 0.3rem 0;color: #999;}
.step-body .step-title span, .result-row .result-title span {display:inline-block;width: 22px;height: 22px;color:#fff;background:#ff6700;border-radius:1rem;text-align:center;line-height: 22px;margin-left:-1.6rem;margin-right:0.5rem;font-size: 0.6rem;}
.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:100%;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}

.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;}

/** 邀请 */
.invite-box {padding:0.5rem 0.7rem;}
.invite-box .hello_tit {padding:0;margin:0;color: #ffb123;}
.invite-box .hello {font-size:0.7rem;line-height:1.2rem;background-color: #fff;border-radius: 10px;-moz-box-shadow: 2px 2px 5px #b74500;-webkit-box-shadow: 2px 2px 5px #b74500;box-shadow: 2px 2px 5px #b74500;padding: 0.3rem 0.6rem;margin-top: 10px;}
.invite-box .hello_list{
    overflow: hidden;
    margin: 0.5rem 0;
    color: #ffb123;
}
.invite-box .hello_list span{
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #ee554d;
    margin-bottom: 4px;
}
.invite-box .hello_list div{
    float: left;
    width: 33.3%;
    font-size: 0.65rem;
    text-align: center;
    color: #666;
}
.content_ewm{
    position: relative;
}
.content_ewm .clearfix{
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
}
.content_ewm .qrcode{
    margin: auto;
    width: 8rem;
}
.content_ewm .qrcode img{
    display: block;
    margin: auto;
    width: 100%;
}
.invite-box .step {    
    margin: 1rem 0;
    font-size: 0.7rem;
    line-height: 1.2rem;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 0.6rem;
}
.invite-box .step h3 {color: #333;font-size:0.8rem;margin:0.6rem 0;text-align: center;}
.invite-box .qrcode {text-align:center;color:#2f3d4a;}
.invite-box .qrcode img {max-width:100%;}
.invite-box .input {width:100%;height:3rem;display:block;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border: 0;border-bottom:0 !important;}