/*----重置css----*/

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
table,
tbody,
tr,
th,
td,
input {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "PingFang SC";
    box-sizing: border-box;
}

body {
    font-size: 32px;
    font-size: .32rem;
    max-width: 1080px;
    margin: 0 auto;
    font-family: "PingFang SC", Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-weight: 400;
}

html,
body {
    font-family: "PingFang SC";
    background: transparent;
}

span,
p,
button {
    font-family: "PingFang SC"
}

a,
a:active,
a:hover,
a:focus,
a:visited {
    text-decoration: none
}

a,
img {
    -webkit-touch-callout: none
}

ol,
ul,
li {
    list-style: none
}

select,
input,
button {
    border: none;
    border-radius: initial;
    padding: 0;
    margin: 0;
    background: none;
}

textarea,
input[type="password"],
input[type="text"],
input[type="button"] {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-radius: inherit;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

body {
    width: 6.4rem;
    -webkit-text-size-adjust: 100% !important;
}

img {
    object-fit: cover;
}

.index {
    width: 6.4rem;
    margin: auto;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
}

.content {
    padding-top: .85rem;
    font-size: .22rem;
    color: #333;
    padding-bottom: .85rem;
}

/* 头部 */

/* indexnew.html */

header {
    position: fixed;
    width: 6.4rem;
    z-index: 99;
    background: #fff;
}

.headSearch {
    height: .85rem;
    padding: 0 .27rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headSearch a {
    color: #333;
}

.headSearch img {
    height: .38rem;
}

.headSearch .sign {
    font-size: .22rem;
    background: url('../image/change/sign.svg') no-repeat left;
    background-size: .3rem;
    font-weight: bold;
    padding-left: .43rem;
}

.headSearch .search {
    width: 3.4rem;
    height: .48rem;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.06);
    border-radius: 24px;
    font-size: .22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .1rem;
}

.headSearch .search img {
    height: .2rem;
}

.headSearch .van-cell {
    padding: 0 0 0 .1rem;
}

.headSearch .van-field__control {
    line-height: .48rem;
}

.headSearch .icon img:first-child {
    margin-right: .1rem;
}

/* banner */

.banner {
    background: #fff;
    padding: .17rem .27rem .27rem .27rem;
}

.banner img {
    width: 100%;
    height: 2.22rem;
    box-shadow: 0 .03rem .09rem rgba(0, 0, 0, 0.1);
    border-radius: .1rem;
}

#circle .swiper-pagination-bullet,
.banner .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.7;
    width: .07rem;
    height: .07rem;
    margin: 0 2px !important;
}

#circle .swiper-pagination-bullet-active,
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    width: .2rem;
    height: .07rem;
    background: #fff;
    border-radius: .04rem;
}

/* notice */

.notice {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 .27rem;
    letter-spacing: .02rem;
}

.notice img {
    width: .26rem;
}

.notice .van-notice-bar {
    flex: 1;
    background: #fff;
    color: #333333;
    font-size: .22rem;
    height: .3rem;
}

.notice .marquee_box {
    display: block;
    position: relative;
    flex: 1;
    height: .45rem;
    overflow: hidden;
}

.notice .marquee_list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.notice .marquee_top {
    transition: all 0.3s;
    margin-top: -.45rem
}

.notice .marquee_list li {
    height: .45rem;
    line-height: .5rem;
    font-size: 14px;
    padding-left: .2rem;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.notice a {
    color: #999999;
}

/* 缴费 */
.pay {
    width: 5.84rem;
    background: #FFFFFF;
    margin: .26rem auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: .26rem .23rem .26rem .27rem;

}

.payAll_tit {
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
}

.payRight {
    width: .21rem;
    height: .21rem;
    margin-left: .13rem;
}

.payAll_num {
    font-size: .34rem;
    font-family: Bahnschrift;
    font-weight: 400;
    color: #080808;
    margin-top: .12rem;
}

/* grid */
.grid {
    padding: 0 .1rem;
    background: #fff;
}

.grid .van-grid-item__content {
    padding: .34rem 0 .27rem 0;
}

.grid .img {
    width: .6rem;
    margin-bottom: .14rem;
}

.grid .van-hairline--top::after {
    border: none;
}

/* leave */

.leave {
    background: #fff;
    padding: 0 .27rem;
    margin: .17rem 0;
    height: 1.37rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    letter-spacing: .02rem;
}

.leave .swiper-container {
    margin: 0;
    width: 100%;
}

.leave .swiper-slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leave .time {
    background: url('../image/change/leave.svg') no-repeat left;
    background-size: .34rem .34rem;
    padding-left: .44rem;
    font-size: .24rem;
    color: #333;
    height: .34rem;
    line-height: .34rem;
    margin-bottom: .17rem;
    display: flex;
    align-items: center;
}

.leave .cont {
    width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leave .time span {
    color: #bbb;
    font-size: .22rem;
    margin-left: .2rem;
    letter-spacing: 0;
}

.leave .time span:nth-of-type(1) {
    display: inline-block;
    width: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leave .more {
    color: #236CFF;
    background: url('../image/change/right.svg') no-repeat right;
    background-size: .11rem .19rem;
    background-position-x: 99%;
    padding-right: .22rem;
}

.leave {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 .27rem;
    letter-spacing: .02rem;
}

.leave img {
    width: .26rem;
}

.leave .van-notice-bar {
    flex: 1;
    background: #fff;
    color: #333333;
    font-size: .22rem;
    height: .3rem;
}

.leave .marquee_box {
    display: block;
    position: relative;
    flex: 1;
    height: .9rem;
    overflow: hidden;
}

.leave .marquee_list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.leave .marquee_top {
    transition: all 0.8s;
    margin-top: -.9rem;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.leave .marquee_list li {
    height: .9rem;
    line-height: .5rem;
    font-size: 14px;
    padding-left: .2rem;
    /* word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; */
}

.leave a {
    color: #999999;
}

/* tabs */

.hxgd {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: .2rem;
    padding-top: .23rem;
}

.hxgd .columnClass {
    display: inline-block;
    font-size: .26rem;
    margin-right: .38rem;
    padding-bottom: .06rem;
    position: relative;
    font-weight: 400;
    color: #333333;
}

.hxgd .active {
    font-size: .34rem;
    font-weight: bold;
    color: #F65848;
}

.tabs {
    margin-bottom: .17rem;
}

.tabs .van-tabs--line .van-tabs__wrap {
    height: .84rem;
}

.tabs .van-tab {
    color: #333333;
    font-size: .26rem;
    height: .84rem;
    line-height: .84rem;
    position: relative;
}

.tabs .van-tab--active {
    font-weight: bold;
    color: #F65848;
    font-size: .34rem;
}

.tabs .van-tabs__line {
    position: absolute;
    bottom: .34rem;
    width: .34rem;
    height: .05rem;
    background-color: #F65848;
    border-radius: .1rem;
}

.tabs .badge {
    position: absolute;
    right: -.2rem;
    top: 0;
    background: url('../image/change/badge.svg') no-repeat;
    background-size: contain;
    font-size: .17rem;
    color: #fff;
    width: .47rem;
    height: .47rem;
    text-align: center;
    line-height: .42rem;
}

/* list */

.list ul {
    background-color: #fff;
}

.list li {
    /* margin-top: .17rem; */
    background: #fff;
    padding: 0.27rem;
    /* padding-left: 0; */
    /* margin-left: .27rem; */
    border-bottom: .01rem solid #EEEEEE;
    color: #BBBBBB;
}

.list .top {
    height: .51rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .27rem;
}

.list .top .num {
    display: flex;
    align-items: center;
}

.list .top .tit {
    position: relative;
    width: 1.91rem;
    background: rgba(246, 88, 72, 0.08);
    height: .43rem;
    border-radius: .22rem;
}

.list .top .tit img {
    position: absolute;
    left: 0;
    top: -.04rem;
    width: .51rem;
    height: .51rem;
}

.list .top .tit span {
    float: right;
    font-weight: bold;
    color: #F65848;
    font-size: .24rem;
    line-height: .43rem;
    background: url('../image/change/list_right.svg') no-repeat right;
    background-size: .08rem .14rem;
    padding-right: .32rem;
    background-position-x: 90%;
    letter-spacing: .01rem;
}

.list .top .num img {
    width: .27rem;
}

.list .top .num span {
    display: inline-flex;
    align-items: center;
    color: #CECECE;
    margin-left: .1rem;
}

.list .top .num span span {
    border-right: 1px solid #dedede;
    padding-right: .2rem;
}

.list .top .num span span:last-of-type {
    border-right: none;
}

.list li .dec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: .27rem; */
}

.list li .one_img {
    display: flex;
    justify-content: space-between;
    /* margin-top: .27rem; */
}

.list li .voice {
    margin-top: .1rem;
    display: flex;
    align-items: center;
}

.list li .voice .sec {
    margin-left: .17rem;
    width: 100%;
    margin-top: .12rem;
}

.list li .voice .secname {
    width: 5.29rem;
    height: .34rem;
    line-height: .34rem;
    font-size: .24rem;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list li .voice .audio {
    width: 100%;
    height: .05rem;
    background: red;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    -ms-border-radius: .04rem;
    -o-border-radius: .04rem;
    margin: .16rem 0;
}

.list li .voice .betime {
    float: left;
    width: .43rem;
    height: .22rem;
    line-height: .22rem;
    font-size: .17rem;
    font-family: Roboto;
    font-weight: 400;
    color: #BBBBBB;
}

.list li .voice img {
    width: .34rem;
    height: .42rem;
}

.list li .no_img .text {
    width: 100%;
    line-height: .4rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .27rem;
    font-weight: 400;
    color: #333333;
    height: auto;
    /* margin-top: .27rem; */
}

.list .ghdt .top {
    margin-bottom: .27rem;
}

.list li .one_img .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.list li .one_img .left .title {
    width: 3.75rem;
    line-height: .4rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .27rem;
    font-weight: 400;
    color: #333333;
    height: .8rem;
}

.list li .one_img .right {
    width: 1.84rem;
    height: 1.4rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.list li .dec .img {
    width: 2.41rem;
    height: 1.83rem;
    border-radius: .1rem;
    margin-left: .27rem;
}

.list li .name {
    font-size: .27rem;
    color: #333333;
    height: .8rem;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: .4rem;
}

.list li .bm {
    width: 1.08rem;
    height: .38rem;
    background: #F65848;
    border-radius: 3px;
    text-align: center;
    line-height: .38rem;
    color: #fff;
    letter-spacing: .02rem;
    margin: .17rem 0;
}

.list li .zd {
    color: #F65848;
}

.list li .time span {
    margin-right: .2rem;
}

.list .dcwj .top .tit {
    background: rgba(35, 108, 255, 0.08);
}

.list .dcwj .top .tit span {
    color: #236CFF;
    font-size: .24rem;
    line-height: .43rem;
    background: url('../image/change/list_right_b.svg') no-repeat right;
    background-size: .08rem .14rem;
    background-position-x: 90%;
}

.list li .fj {
    width: .34rem;
    vertical-align: middle;
    margin-right: .1rem;
}

.list li.dcwj .name {
    height: auto;
    -webkit-line-clamp: 1;
    margin-bottom: .17rem;
}

.list li .btn {
    width: 1.26rem;
    height: .48rem;
    background: linear-gradient(135deg, #236CFF 0%, #23AEFF 100%);
    border-radius: .24rem;
    text-align: center;
    line-height: .48rem;
    color: #fff;
    letter-spacing: .02rem;
    display: table;
    margin-left: .2rem;
}

.list li .both {
    margin-top: .27rem;
}

.list li .bothimg {
    width: 100%;
    height: 2.73rem;
    border-radius: .1rem;
}

.list li.zthd .dec {
    margin-top: .2rem;
}

.list li.zthd .name {
    height: auto;
    margin-bottom: .1rem;
    -webkit-line-clamp: 1;
}

.list li.zthd .btn {
    background: linear-gradient(135deg, #EB3F2D 0%, #F8776B 100%);
}

.list .ghdt .top .tit {
    background: rgba(35, 108, 255, 0.08);
}

.list .ghdt .top .tit span {
    color: #236CFF;
    background: url('../image/change/list_right_b.svg') no-repeat right;
    background-size: .08rem .14rem;
    background-position-x: 90%;
}

.list li .imgs {
    width: 1.84rem;
    height: 1.4rem;
    border-radius: .1rem;
    margin-top: .16rem;
    margin-right: .16rem;
}

.list li .imgs:nth-of-type(3n) {
    margin-right: 0;
}

.list li.ghdt .name {
    height: auto;
    /* display: inherit; */
}

.list li.ghdt .time {
    margin-top: .1rem;
}

.list li .video {
    position: relative;
    width: 5.85rem;
    height: 2.73rem;
}

.list li .video {
    margin-top: .17rem;
}

.list li .video>img {
    width: 100%;
    height: 100%;
    border-radius: .1rem;
}

.list li .video .mb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .1rem;
}

.list li .video .mb img {
    width: .82rem;
}

.list li .video .mb span {
    position: absolute;
    right: .24rem;
    bottom: .17rem;
}

.list li.cwgk .time {
    margin-top: .2rem;
}

.new_footer {
    position: relative;
}

.new_footer img {
    height: .38rem;
}

.new_footer .van-tabbar {
    height: .85rem;
}

.new_footer .con {
    text-align: center;
}

.new_footer .icon {
    width: .38rem;
    height: .38rem;
    margin: 0 auto;
    display: block;
    background: url('../image/change/footer_sy.svg') no-repeat center;
    background-size: .38rem .38rem;
    border-radius: 50%;
    margin-top: -.05rem;
}

.new_footer .name {
    text-align: center;
    margin-top: .06rem;
}

.new_footer .van-tabbar-item {
    font-size: .19rem;
    color: #484040;
    line-height: inherit;
}

.new_footer .van-tabbar-item--active .icon {
    width: .51rem;
    height: .51rem;
    background: url('../image/change/footer_sy_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
    margin-top: -.12rem;
}

.new_footer .van-tabbar-item--active .name {
    margin-top: 0;
}

.new_footer .van-info {
    right: -.3rem;
}

.new_footer .van-tabbar-item--active {
    color: #F65848;
}

.new_footer .circle {
    background: url('../image/change/footer_qz.svg') no-repeat center;
    background-size: .38rem .38rem;
}

.new_footer .van-tabbar-item--active .circle {
    background: url('../image/change/footer_qz_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
}

.new_footer .service {
    background: url('../image/change/footer_fwdt.svg') no-repeat center;
    background-size: .38rem .38rem;
}

.new_footer .van-tabbar-item--active .service {
    background: url('../image/change/footer_fwdt_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
    background-position-x: 54%;
}

.new_footer .mess {
    background: url('../image/change/footer_xx.svg') no-repeat center;
    background-size: .38rem .38rem;
}

.new_footer .van-tabbar-item--active .mess {
    background: url('../image/change/footer_xx_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
    background-position-x: 40%;
}

.new_footer .mine {
    background: url('../image/change/footer_wd.svg') no-repeat center;
    background-size: .38rem .38rem;
}

.footer .van-tabbar-item--active .mine {
    background: url('../image/change/footer_wd_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
}

/* memberindex.html */

/* headTop */

.headTop {
    height: .85rem;
    text-align: center;
    line-height: .85rem;
    background: #EB3F2D;
}

.headTop p {
    color: #fff;
    font-weight: bold;
    font-size: .29rem;
    letter-spacing: .03rem;
}

.member .content {
    padding-top: .8rem;
}

.memberInfo {
    height: 3.95rem;
    background: linear-gradient(180deg, #EB3F2D 0%, #F8776B 100%);
    padding: 0 .27rem;
    color: #fff;
}

.memberInfo .upload {
    width: 1.02rem;
    height: 1.02rem;
}

.memberInfo .avatar-uploader {
    width: 1.02rem;
    height: 1.02rem;
    border-radius: 50%;
    /* border: 1px solid #fff; */
}

.memberInfo .avatar {
    width: 100%;
    height: 1.02rem;
    border-radius: 50%;
}

.memberInfo .avatar-uploader-icon {
    width: 1.02rem;
    height: 1.02rem;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.memberInfo .info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
}

.memberInfo .info .con {
    flex: 1;
    margin-left: .26rem;
}

.memberInfo .info .icon {
    width: .98rem;
    height: .46rem;
    vertical-align: bottom;
}

.memberInfo .info p:nth-of-type(1) {
    margin-bottom: .05rem;
}

.memberInfo .info p:nth-of-type(2) {
    opacity: 0.8;
}

.memberInfo .info p span {
    font-size: .34rem;
    font-weight: bold;
    opacity: 1;
}

.memberInfo .info .right {
    width: .15rem;
}

.memberInfo .ul {
    margin-top: .4rem;
}

.memberInfo .ul li {
    display: inline-block;
    margin-left: .5rem;
}

.memberInfo .ul li:first-child {
    margin-left: 0;
}

.memberInfo .ul li p {
    opacity: 0.8;
    color: #fff;
    font-size: .2rem;
}

.memberInfo .ul li p:first-child {
    opacity: 1;
    font-size: .34rem;
}

.memberInfo .ul a {
    border: .02rem solid #FFFFFF;
    border-radius: .3rem;
    font-size: .26rem;
    padding: .09rem .19rem;
    margin-bottom: .2rem;
    float: right;
    margin-top: .1rem;
    color: #fff;
}

.card {
    padding: .27rem;
    padding-bottom: 0;
    background: #fff;
    margin: -.9rem .27rem 0 .27rem;
    border-radius: .1rem;
}

.card p {
    height: .38rem;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: .27rem;
}

.card .icon {
    height: .38rem;
    margin-right: .14rem;
}

.card #barcode {
    width: 100%;
    margin-top: .27rem;
    height: 1.23rem;
}

.member .grid {
    margin: 0 .27rem;
    border-radius: .1rem;
}

/* 提货券 */

.ticket {
    margin: .27rem;
    display: flex;
    justify-content: space-between;
}

.ticket .con {
    width: 2.8rem;
    height: 4.28rem;
    border-radius: .1rem;
    background: #FFFFFF;
    padding: .2rem .24rem;
}

.ticket .tit {
    font-size: .27rem;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ticket .tit span {
    font-weight: 400;
    font-size: .22rem;
    color: #F65848;
    margin-left: .1rem;
}

.ticket .tit img {
    width: .11rem;
    float: right;
    margin-top: .1rem;
}

.ticket .banner {
    padding: .17rem;
    margin-top: .17rem;
    height: 3.07rem;
    background: rgba(246, 88, 72, 0.04);
    border-radius: .03rem;
}

.ticket .circle {
    margin-top: .14rem;
    height: 3.07rem;
    background: rgba(246, 88, 72, 0.04);
    border-radius: .03rem;
}

.ticket .circle .img {
    position: relative;
    width: 100%;
    height: 1.72rem;
    background: #FFFFFF;
    margin-top: .3rem;
    border-radius: .03rem .03rem 0 0;
    -webkit-border-radius: .03rem .03rem 0 0;
    -moz-border-radius: .03rem .03rem 0 0;
    -ms-border-radius: .03rem .03rem 0 0;
    -o-border-radius: .03rem .03rem 0 0;
}

.ticket .circle .pos {
    position: absolute;
    left: 0;
    top: 1.43rem;
    width: 100%;
    height: .23rem;
    padding: 0 .11rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ticket .circle .pos .comment {
    width: .23rem;
    height: .19rem;
    object-fit: contain;
}

.ticket .circle .like {
    margin-top: .14rem;
    height: .22rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ticket .circle .like span {
    font-size: .16rem;
    font-weight: 400;
    color: #555555;
}

.ticket .circle .like .left img {
    width: .21rem;
    height: .2rem;
    margin-right: .08rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ticket .circle .like .right {
    width: .17rem;
    height: .14rem;
    margin-right: .08rem;
    object-fit: contain;
}

.ticket .circle .name {
    height: auto;
    font-size: .22rem;
    font-weight: bold;
    line-height: .32rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: .3rem;
}

.ticket .banner img {
    height: 1.31rem;
    box-shadow: none;
    border-radius: 0;
}

.ticket .van-empty__image {
    width: auto;
    height: auto;
}

.ticket .name {
    font-size: .2rem;
    font-weight: bold;
    margin: .14rem 0 .07rem 0;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ticket .num {
    font-size: .2rem;
    color: #F65848;
}

.ticket .btn {
    background: linear-gradient(135deg, #EB3F2D 0%, #F8776B 100%);
    border-radius: .24rem;
    color: #fff;
    font-size: .24rem;
    display: inline-block;
    width: 1.98rem;
    text-align: center;
    padding: .07rem 0;
    margin-top: .1rem;
}

#circle .swiper-container,
.ticket .swiper-container {
    height: 3.38rem;
}

#circle .swiper-pagination-bullet,
.ticket .banner .swiper-pagination-bullet {
    background: #F65848;
}

#circle .swiper-pagination-bullet,
.ticket .banner .swiper-pagination-bullet-active {
    background: #F65848;
}

.ticket .fr .tit span {
    float: right;
    margin-top: .04rem;
    color: #BBBBBB;
}

.ticket .fr {
    padding-top: 0;
}

.ticket .fr .btn {
    border: 1px solid #F65848;
    border-radius: .24rem;
    padding: .07rem .17rem;
    background: transparent;
    color: #F65848;
    width: auto;
    margin-bottom: .15rem;
}

.ticket .fr ul li {
    background: url('../image/change/right_black.svg') no-repeat right;
    background-size: .11rem .19rem;
    height: .72rem;
    font-size: .24rem;
    display: flex;
    align-items: center;
}

.ticket .fr ul li i {
    display: inline-table;
    width: .1rem;
    height: .1rem;
    background: #F65848;
    border-radius: 50%;
    margin: 0 .14rem 0 .04rem;
}

.ticket .fr .tip {
    font-size: .2rem;
    color: #236CFF;
    margin-left: .28rem;
}

/* 活动审批Approval */

.approval {
    margin: .27rem;
    background: #fff;
    border-radius: .1rem;
    padding: .2rem .24rem;
}

.approval .tit {
    color: #F65848;
    margin-bottom: .24rem;
}

.approval .tit span:first-child {
    font-size: .27rem;
    font-weight: bold;
    color: #333333;
    margin-right: .2rem;
}

.approval .tit span:last-child {
    color: #BBBBBB;
    float: right;
    padding-top: .04rem;
    background: url('../image/change/right_d.svg') no-repeat right;
    background-size: .11rem .19rem;
    padding-right: .25rem;
    background-position-y: .1rem;
}

.approval .con {
    display: flex;
}

.approval .con img {
    width: .46rem;
    height: .46rem;
}

.approval .con div {
    flex: 1;
    margin: 0 .2rem;
}

.approval .name {
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: .15rem;
}

.approval .more {
    display: inline-block;
    color: #F65848;
    margin-top: .2rem;
    background: url('../image/change/right_red.svg') no-repeat right;
    background-size: .11rem .19rem;
    padding-right: .25rem;
}

.approval .state {
    font-weight: bold;
    color: #F9AE3B;
}

/* 弹窗 */

.ipopup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.ipopup .out {
    width: 5.03rem;
    height: 5.11rem;
    background: #FFFFFF;
    border-radius: .17rem;
    -webkit-border-radius: .17rem;
    -moz-border-radius: .17rem;
    -ms-border-radius: .17rem;
    -o-border-radius: .17rem;
    text-align: center;
}

.ipopup .out .first {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .38rem;
    font-size: .27rem;
    font-weight: bold;
    line-height: .38rem;
    color: #333333;
    margin-top: .34rem;
}

.ipopup .out .first span {
    margin: 0 0.13rem;
}

.ipopup .out .first img {
    width: .18rem;
    height: .19rem;
}

.ipopup .out .text {
    height: .24rem;
    font-size: .17rem;
    font-weight: 400;
    line-height: .24rem;
    color: #FD8700;
    margin-top: .27rem;
}

.ipopup .out .thr {
    display: flex;
    justify-content: space-evenly;
    margin-top: .38rem;
}

.ipopup .out .cir {
    width: 1.26rem;
    height: 1.26rem;
    border: 5px solid rgba(162, 162, 162, 0.12);
    border-radius: 50%;
    /* line-height: 1.26rem; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.ipopup .out .other {
    border: 5px solid rgba(253, 135, 0, 0.3);
}

.ipopup .out .cir img {
    width: .85rem;
    height: .85rem;
}

.ipopup .out .name {
    height: .36rem;
    font-size: .26rem;
    font-weight: bold;
    line-height: .36rem;
    color: #333333;
    margin-top: .16rem;
}

.ipopup .out .inger {
    height: .26rem;
    font-size: .19rem;
    font-weight: 400;
    line-height: .26rem;
    color: #666666;
    margin-top: .05rem;
}

.ipopup .out .btn {
    width: 2.56rem;
    height: .68rem;
    background: linear-gradient(172deg, #FD8700 0%, #F9BB4F 100%);
    box-shadow: 0 .07rem .14rem rgba(254, 148, 62, 0.3);
    border-radius: .36rem;
    -webkit-border-radius: .36rem;
    -moz-border-radius: .36rem;
    -ms-border-radius: .36rem;
    -o-border-radius: .36rem;
    margin-top: .41rem;
    font-size: .27rem;
    font-weight: bold;
    color: #FFFFFF;
}

/* 我的活动 */

.member .list {
    margin: 0 .27rem;
}

.member .list li {
    border-radius: .1rem;
}

.member .list .tit span:first-child {
    font-size: .27rem;
    font-weight: bold;
    color: #333333;
}

.member .list .tit span:last-child {
    float: right;
    padding-top: .04rem;
    background: url(../image/change/right_d.svg) no-repeat right;
    background-size: .11rem .19rem;
    padding-right: .25rem;
    background-position-y: .1rem;
}

.member .list .tit span:last-child a {
    color: #BBBBBB;
}

.member .list li .both {
    position: relative;
}

.member .list li .both .state {
    background: linear-gradient(180deg, #EB3F2D 0%, #F8776B 100%);
    border-radius: 0 .1rem 0 .1rem;
    position: absolute;
    right: 0;
    top: 0;
    padding: .02rem .12rem;
    color: #fff;
}

.circle .content {
    background: #fff;
    padding-left: .27rem;
    padding-right: .27rem;
}

.c_search {
    display: flex;
    align-items: center;
    background: #F8F8F8;
    margin-top: .24rem;
    border-radius: .28rem;
    height: .56rem;
}

.c_search .top_btn {
    width: 1.16rem;
    height: .51rem;
    background: linear-gradient(180deg, #F8776B 0%, #EB3F2D 100%);
    box-shadow: -.05rem .03rem .09rem rgba(236, 89, 44, 0.06);
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    font-size: .24rem;
    color: #fff;
}

.c_search .img {
    height: .26rem;
    margin-left: .24rem;
}

.c_search .van-cell {
    background: transparent;
    padding: .13rem .18rem;
}

.c_search .van-field__control {
    font-size: .22rem;
}

.c_search .van-field__control::placeholder {
    color: #888;
    opacity: 0.8;
}

.c_sign {
    display: flex;
    height: .36rem;
    overflow: hidden;
    margin: .32rem 0 .27rem 0;
}

.c_sign.cur {
    height: auto;
}

.c_sign a {
    font-size: .22rem;
    color: #F65848;
    width: 1.5rem;
}

.c_sign .con {
    width: 5rem;
}

.c_sign span {
    font-size: .22rem;
    color: #F65848;
    height: .3rem;
    font-weight: 300;
    line-height: .3rem;
    padding: 0 .15rem;
    background: rgba(246, 88, 72, 0.08);
    border-radius: .14rem;
    margin-left: .1rem;
    display: inline-block;
    margin-bottom: .2rem;
}

.c_sign i {
    display: inline-flex;
    width: .6rem;
    align-items: center;
    justify-content: center;
    height: .3rem;
    background: rgba(246, 88, 72, 0.08);
    border-radius: .14rem;
    margin-left: .2rem;
}

.c_sign i img {
    width: .12rem;
}

.circle .banner {
    padding: 0;
}

.c_find .title {
    padding: 0 .27rem;
    height: .65rem;
    background: rgba(240, 86, 64, 0.1);
    border-radius: .1rem;
    margin-top: .38rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #F05640;
    font-size: .31rem;
    font-weight: bold;
    margin-bottom: .1rem;
}

.c_find .title p:first-child {
    background: url('../image/change/c_find_a.svg') no-repeat left;
    background-size: .35rem .27rem;
    padding-left: .45rem;
}

.c_find .title p:last-child {
    font-size: .24rem;
    font-weight: 400;
    background: url('../image/change/c_find_r.svg') no-repeat right;
    background-size: .09rem .12rem;
    padding-right: .2rem;
}

.c_find .ul li {
    display: inline-block;
    width: 1.84rem;
    text-align: center;
    margin-right: .16rem;
    font-size: .15rem;
    color: #AAAAAA;
    background: #FFFFFF;
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding-bottom: .14rem;
    margin-top: .24rem;
}

.c_find .ul li:nth-of-type(3n) {
    margin-right: 0;
}

.c_find .ul li img {
    width: 100%;
    height: 1.38rem;
    border-radius: .1rem .1rem 0 0;
}

.c_find .ul li p {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.c_find .ul li p:nth-of-type(1) {
    font-size: .22rem;
    font-weight: bold;
    color: #333;
    margin: .14rem 0 .07rem 0;
}

.c_find .hr {
    width: 6.4rem;
    height: .2rem;
    background: #F8F8F8;
    margin: .27rem 0 .27rem -.27rem;
}

.c_hot .title {
    font-size: .31rem;
    font-weight: bold;
    color: #F65848;
    background: url('../image/change/c_hot.svg') no-repeat left;
    background-size: .29rem .35rem;
    padding-left: .4rem;
}

.c_hot .ul {
    column-count: 2;
    padding-top: .27rem;
}

.c_hot .ul li {
    /*counter-increment: count;
    */
    break-inside: avoid;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    /* box-shadow: 0 .05rem .14rem rgba(0, 0, 0, 0.08); */
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    position: relative;
}

.c_hot .resNum {
    width: 100%;
    height: .32rem;
    line-height: .32rem;
    background: #F8F8F8;
    color: rgba(153, 153, 153, 1);
    margin: .2rem 0;
}

.c_hot .recommed {
    width: .61rem;
    height: .34rem;
    position: absolute;
    left: .14rem;
    top: .17rem;
}

.c_hot .img {
    position: relative;
}

.c_hot .img img {
    display: flex;
    width: 100%;
    border-radius: .1rem .1rem 0 0;
}

.c_hot .mb {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    padding: .14rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
    font-size: .19rem;
    height: 100%;
    border-radius: .1rem .1rem 0 0;
}

.c_hot .pl {
    background: url('../image/change/c_hot_pl.svg') no-repeat left;
    padding-left: .24rem;
    background-size: .17rem .16rem;
    background-position-y: .06rem;
    position: absolute;
    left: .14rem;
}

.c_hot .bf {
    background: url('../image/change/c_hot_bf.svg') no-repeat left;
    padding-left: .2rem;
    background-size: .12rem .14rem;
    position: absolute;
    right: .14rem;
}

.c_hot .name {
    font-size: .22rem;
    color: #333;
    font-weight: bold;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: .14rem;
}

.c_hot .dec {
    padding: 0 .14rem;
    display: flex;
    align-items: center;
}

.c_hot .avatar {
    width: .26rem;
    height: .26rem;
    border-radius: 50%;
    margin-right: .1rem;
}

.c_hot .txt {
    color: #555555;
    font-size: .2rem;
    flex: 1;
}

.c_hot .num {
    font-size: .2rem;
    color: #555;
    background: url('../image/change/c_hot_zan.svg') no-repeat left;
    background-size: .18rem .16rem;
    padding-left: .23rem;
}

.c_btn {
    width: 1.1rem;
    height: 1.01rem;
    position: fixed;
    right: .15rem;
    bottom: 2.17rem;
    z-index: 99;
    background: url('../image/change/c_btn.svg') no-repeat;
    background-size: 100%;
}

.c_posit {
    position: absolute;
    top: 4.6rem;
    left: 3.7rem;
}

.c_posit p {
    display: flex;
    align-items: center;
    width: 2.41rem;
    height: .7rem;
    line-height: .7rem;
    background: #FFFFFF;
    border-radius: .38rem;
    -webkit-border-radius: .38rem;
    -moz-border-radius: .38rem;
    -ms-border-radius: .38rem;
    -o-border-radius: .38rem;
    padding: 0 .24rem;
    margin-bottom: .2rem;
    /* font-size: .26rem;
    font-weight: 400;
    color: #333333; */
}

.c_posit .mod {
    width: .31rem !important;
    height: .29rem !important;
    margin-right: .09rem;
}

.c_btn img {
    width: 100%;
}

.headTop.ff {
    background: #fff;
}

.headTop.ff p {
    color: #333;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
}

.headTop.ff .back {
    position: absolute;
    left: .27rem;
    width: .18rem;
    top: 50%;
    transform: translateY(-50%);
}

.circlelist .content {
    background: #fff;
    padding: .85rem .27rem .27rem .27rem;
}

.cl_tab .van-tab {
    flex: inherit;
    color: #666;
    font-size: .24rem;
    margin-right: .46rem;
}

.cl_tab .van-tab--active {
    font-weight: bold;
    color: #151515;
    font-size: .29rem;
}

.cl_tab .van-tabs__line {
    width: .14rem;
    height: 3px;
    background: #F65848;
    border-radius: 2px;
}

.circlelist .c_search {
    background: rgba(246, 88, 72, 0.08);
    border-radius: .1rem;
    height: .65rem;
}

.circlelist .c_search .van-field__control::placeholder {
    color: #F65848;
    opacity: 0.8;
}

.cl_list li {
    margin: .24rem 0;
    display: flex;
    align-items: center;
    color: #AAAAAA;
    font-size: .15rem;
}

.cl_list li .con {
    flex: 1;
}

.cl_list li .con p {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: .04rem;
}

.cl_list li .con p:first-child {
    margin-top: 0;
}

.cl_list .img {
    width: .85rem;
    height: .85rem;
    border-radius: .1rem;
    margin-right: .14rem;
}

.cl_list .btn {
    width: 1.02rem;
    height: .43rem;
    background: rgba(254, 148, 62, 0.08);
    border-radius: .23rem;
    font-size: .24rem;
    color: #FE943E;
    text-align: center;
    line-height: .43rem;
    margin-left: .1rem;
}

.cl_list .tit {
    font-size: .26rem;
    font-weight: bold;
    color: #333;
}

.cl_list .new {
    color: #F65848;
}

.circlelist .c_btn {
    width: .85rem;
    height: .85rem;
    background: linear-gradient(123deg, #EB3F2D 0%, #F8776B 100%);
    box-shadow: 0 .03rem .09rem rgba(246, 88, 72, 0.4);
    border-radius: 50%;
    text-align: center;
    font-size: .17rem;
    color: #fff;
}

.circlelist .c_btn img {
    width: .31rem;
    margin-top: .13rem;
    margin-bottom: -.03rem;
}

/* 圈子详情 */

.circledetail .content {
    background: #fff;
    padding: .85rem .27rem .27rem .27rem;
}

.cd_con {
    padding: .27rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cd_con .tit {
    font-size: .34rem;
    font-weight: bold;
    color: #333333;
}

.cd_con .pic {
    background: url('../image/change/cd_pic.svg') no-repeat left;
    background-size: .27rem .24rem;
    padding-left: .34rem;
    font-size: .24rem;
    color: #FE943E;
    margin-top: .15rem;
}

.cd_con .mem {
    margin-top: .26rem;
    display: flex;
}

.cd_con .mem p {
    position: absolute;
    background: #F65848;
    border-radius: .1rem;
    color: #fff;
    font-size: .13rem;
    padding: 0 .06rem;
    z-index: 2;
    bottom: -.18rem;
}

.cd_con .avatar {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.cd_con .mar {
    margin-left: -.15rem;
}

.cd_con .qz {
    position: relative;
    padding-right: .15rem;
    margin-right: .3rem;
    border-right: 1px solid rgba(112, 112, 112, 0.18);
}

.cd_con .qz .icon {
    position: absolute;
    top: -.13rem;
    right: .05rem;
    width: .26rem;
}

.cd_con .num {
    background: url('../image/change/cd_right.svg') no-repeat right #eee;
    background-size: .7rem .10rem;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .36rem 0 .11rem;
    color: #555;
    font-size: .22rem;
    border-radius: .27rem;
    background-position-x: 133%;
    margin-left: .17rem;
}

.cd_con .out {
    background: rgba(246, 123, 20, 0.08);
    border-radius: .27rem;
    padding: .08rem .26rem;
    font-size: .26rem;
    color: #F65848;
}

.cd_hr {
    width: 6.4rem;
    height: .09rem;
    background: linear-gradient(180deg, #B5B5B5 0%, #FFFFFF 100%);
    opacity: 0.08;
    margin: .27rem 0 .35rem -.27rem;
}

.circledetail .c_hot .title {
    background: url('../image/change/cd_tz.svg') no-repeat left;
    background-size: .27rem .27rem;
    font-size: .29rem;
    color: #FE943E;
    font-weight: 400;
    position: relative;
}

.active {
    color: #FE943E !important;
}

.screen_line {
    width: 1.1rem;
    border-bottom: .01rem solid rgba(195, 195, 195, 0.5);
    margin: auto;
}

.circledetail .c_hot .title p {
    background: url('../image/change/cd_sx.svg') no-repeat left;
    background-size: .25rem .25rem;
    font-size: .24rem;
    color: #FE943E;
    padding-left: .3rem;
    float: right;
    margin-top: .03rem;
}

.screen_list {
    width: 1.29rem;
    height: 1.51rem;
    position: absolute;
    z-index: 10;
    right: -0.1rem;
    top: 0.45rem;
    background-color: rgba(195, 195, 195, 0.5);
    background: url('../image/change/alltj.svg') no-repeat;
    background-size: 100%;
    padding-top: .1rem;
}

.screen_el {
    line-height: .7rem;
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.screen {
    display: flex;
    align-items: center;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #419bdf;
}

/* 发布帖子 */

.invitation .content {
    min-height: 100vh;
    padding-bottom: 1.77rem;
}

.in_tip {
    background: #fff;
    padding: .27rem;
    font-size: .27rem;
    color: #C3C3C3;
    margin-bottom: .2rem;
}

.in_textarea {
    background: #fff;
}

.van-cell {
    padding: .27rem;
}

.in_textarea .van-field__control {
    font-size: .27rem;
}

.in_textarea .van-field__control::placeholder {
    color: #C3C3C3;
}

.in_textarea .van-field__word-limit {
    font-size: .27rem;
    color: #F65848;
    text-align: left;
}

.in_upload {
    background: #fff;
    padding: 0 .27rem .12rem .27rem;
    display: flex;
}

.in_upload .van-uploader__upload {
    background: url('../image/change/in_tp.svg') no-repeat;
    background-size: 100% 100%;
    width: .94rem;
    height: .94rem;
}

.in_upload .van-uploader__preview-image {
    width: .94rem;
    height: .94rem;
}

.in_upload .van-uploader:nth-of-type(2) .van-uploader__upload {
    background: url('../image/change/in_sp.svg') no-repeat;
    background-size: 100% 100%;
}

.content .videoimg {
    padding: 0 0.27rem;
    /* background: #fff; */
    margin-top: .27rem;
    display: flex;
}

.content .videoimg .img_top {
    position: relative;
}

.videoimg .imglist {
    margin-right: .2rem;
    width: .94rem;
    height: .94rem;
}

.videoimg .img_top .remove {
    width: .44rem;
    height: .22rem;
    position: absolute;
    top: 0;
    right: 0.2rem;
}

.content .videoimg .img_top .content .videoimg_a {
    padding: 0 0.27rem;
    /* background: #fff; */
    margin-top: .27rem;
    font-size: .24rem;
    font-weight: 400;
    height: .38rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content .videoimg_a .video {
    width: .37rem;
    height: .27rem;
    margin-right: .12rem;
}

.content .videoimg_a .del {
    width: .27rem;
    height: .27rem;
    margin-right: .12rem;
}

/* .content .videoimg .remove {
    position: absolute;
    top: 0;
    right: 0;
    width: .44rem;
    height: .22rem;
    background: linear-gradient(180deg, #F3A05A 0%, #F67B14 100%);
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
} */

.el-upload {
    width: .94rem;
    height: .94rem;
}

.el-upload img {
    width: 100%;
    height: 100%;
}

.in_upload .avatar-uploader:nth-of-type(1) .el-upload--text {
    background: url('../image/change/in_tp.svg') no-repeat;
    background-size: 100% 100%;
    margin-right: .2rem;
}

.in_upload .avatar-uploader:nth-of-type(2) .el-upload--text {
    background: url('../image/change/in_sp.svg') no-repeat;
    background-size: 100% 100%;
}

.in_upload .van-uploader__upload-icon {
    display: none;
}

.in_send {
    position: fixed;
    bottom: .51rem;
    width: 5.29rem;
    height: .75rem;
    background: linear-gradient(328deg, #EB3F2D 0%, #F8776B 100%);
    box-shadow: 0px 4px 17px rgba(246, 88, 72, 0.3);
    border-radius: .38rem;
    font-size: .31rem;
    color: #fff;
    text-align: center;
    line-height: .75rem;
    left: 50%;
    transform: translateX(-50%);
}

/* 帖子详情 */

.invitationdetail .content {
    padding: 1.03rem .27rem 1.16rem .27rem;
    background: #fff;
}

.inde_info {
    display: flex;
    align-items: center;
    font-size: .2rem;
    font-family: Arial;
    color: #AAAAAA;
    justify-content: space-between;
}

.inde_info .attention {
    width: .96rem;
    height: .44rem;
    border: .01rem solid #BBBBBB;
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    font-size: .22rem;
    font-weight: 400;
    line-height: .44rem;
    color: #BBBBBB;
}

.inde_info .attentiona {
    width: .96rem;
    height: .44rem;
    /* border: .01rem solid #BBBBBB; */
    background: linear-gradient(103deg, #EB3F2D 0%, #F8776B 100%);
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    font-size: .22rem;
    font-weight: 400;
    line-height: .44rem;
    color: #fff;
}

.inde_info .avatar {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    margin-right: .14rem;
}

.inde_info .name {
    font-size: .26rem;
    color: #F65848;
    margin-bottom: .03rem;
}

.inde_dec {
    color: #333;
    font-size: .26rem;
    line-height: .43rem;
}

.inde_dec p,
.inde_dec span {
    color: #333;
    font-size: .26rem;
    line-height: .43rem;
    padding-top: .2rem;
}

.inde_dec img,
.inde_dec video {
    width: 100%;
    margin-top: .2rem;
    display: block;
}

.inde_sign span {
    margin-top: .15rem;
    font-size: .24rem;
    color: #FBAD02;
    padding: .07rem .21rem;
    background: rgba(251, 173, 2, 0.08);
    border-radius: .27rem;
    display: inline-block;
    margin: .15rem .15rem 0 0;
}

.invitationdetail .cl_list li {
    background: #F7F7F7;
    border-radius: .1rem;
    padding: .24rem .2rem;
}

.invitationdetail .cl_list li .con p {
    margin-top: .07rem;
}

.invitationdetail .inde_do {
    font-size: .2rem;
    color: #333333;
}

.invitationdetail .inde_do .img {
    width: .86rem;
    height: .86rem;
    margin-bottom: .09rem;
}

.invitationdetail .inde_do .num {
    font-size: .19rem;
    color: #F65848;
    margin-top: .01rem;
}

.invitationdetail .cl_list .btn {
    width: 1.28rem;
    height: .48rem;
    line-height: .48rem;
    background: rgba(246, 88, 72, 0.12);
    color: #F65848;
}

.inde_hr {
    width: 6.4rem;
    height: .2rem;
    background: #F8F8F8;
    margin-left: -.27rem;
}

.inde_comment {
    font-size: .24rem;
    color: #333;
}

.inde_comment .title {
    font-size: .31rem;
    font-weight: bold;
    color: #151515;
    margin-top: .27rem;
}

.inde_comment li {
    display: flex;
    margin-top: .34rem;
}

.inde_comment .avatar {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    margin-right: .14rem;
}

.inde_comment .name {
    font-size: .26rem;
    color: #333333;
    font-weight: bold;
}

.inde_comment .txt {
    color: #666666;
    margin-top: .15rem;
}

.inde_comment .time {
    margin-top: .17rem;
    font-size: .22rem;
    color: #AAAAAA;
}

.inde_comment .time a {
    color: #F65848;
    background: rgba(246, 88, 72, 0.07);
    border-radius: .27rem;
    padding: .01rem .15rem;
}

.inde_comment .mess {
    margin-top: .18rem;
    background: #F7F7F7;
    border-radius: .14rem;
    padding: .2rem;
}

.inde_comment .mess p {
    margin-bottom: .17rem;
}

.inde_comment .tit {
    color: #F65848;
}

.inde_comment .field {
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

.inde_comment .van-cell {
    padding: 0;
}

.inde_comment .van-button {
    width: 1rem;
    height: auto;
    padding: .1rem 0;
    margin-left: .2rem;
}

.inde_comment .author {
    width: .46rem;
    height: .27rem;
    line-height: .2rem;
    background: rgba(255, 200, 49, 0.07);
    border-radius: .02rem;
    -webkit-border-radius: .02rem;
    -moz-border-radius: .02rem;
    -ms-border-radius: .02rem;
    -o-border-radius: .02rem;
    color: rgba(255, 200, 49, 1);
}

.inde_send {
    width: 6.4rem;
    height: .84rem;
    background: #FFFFFF;
    box-shadow: 0px -3px 10px rgba(128, 133, 132, 0.16);
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inde_send .field {
    width: 4.47rem;
    background: #F7F7F7;
    border-radius: .31rem;
    margin-left: .31rem;
    display: flex;
    align-items: center;
    height: .61rem;
}

.inde_send .van-cell {
    background: transparent;
    padding: 0 .15rem;
}

.inde_send .img {
    width: .27rem;
    height: .24rem;
    margin-left: .27rem;
}

.inde_send .btn {
    display: block;
    margin-right: .31rem;
    width: 1.22rem;
    height: .61rem;
    background: linear-gradient(103deg, #EB3F2D 0%, #F8776B 100%);
    box-shadow: -5px 3px 9px rgba(236, 89, 44, 0.06);
    border-radius: .31rem;
    text-align: center;
    line-height: .61rem;
    font-size: .27rem;
    color: #FFFFFF;
}

/* 电子签名 */

.signtxt .content {
    background: #fff;
    padding: 1.3rem 0 0 0;
    margin-top: 0;
}

.sign_con {
    background: #F8F8F8;
    border-radius: .1rem;
    margin: 0 .4rem;
    text-align: center;
    padding: 0px 0px .43rem;
    position: relative;
}

.signimg {
    width: 1.04rem;
}

.sign_con p {
    font-size: .34rem;
    color: #CCCCCC;
    margin-top: .4rem;
}

.sign_con button {
    width: 1.54rem;
    height: .58rem;
    background: #23AEFF;
    box-shadow: 0 .03rem .07rem rgba(35, 174, 255, 0.3);
    border-radius: .05rem;
    font-size: .29rem;
    color: #FFFFFF;
    letter-spacing: .03rem;
    /* margin-top: 2rem; */
}

.sign_con #downloadPng {
    background: #F65848;
    box-shadow: 0px 3px 7px rgba(246, 88, 72, 0.3);
    margin-left: .68rem;
}

/* 创建圈子 */

.build {
    margin-top: 1.05rem;
}

.build .van-cell {
    height: .93rem;
    line-height: .93rem;
    padding: 0 .27rem;
}

.build .van-field__label {
    font-size: .27rem;
    font-weight: 400;
    color: #333333;
    margin-right: 0;
}

.build .van-field__control {
    font-size: .27rem;
    font-weight: 400;
    color: #666666;
}

.upload {
    margin-top: .2rem;
    padding: .27rem;
    font-size: .27rem;
    font-weight: 400;
    color: #333333;
    background-color: #fff;
}

.upload .el-upload {
    width: 1.28rem;
    height: 1.28rem;
    background: url('../image/change/in_tp.svg') no-repeat;
    background-size: 100% 100%;
    margin-top: .2rem;
    position: relative;
}

.upload .el-upload .delcir {
    width: .44rem;
    height: .22rem;
    position: absolute;
    top: 0;
    right: 0;
}

/* 搜索 */

.in_sea {
    margin-top: .2rem;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    background-color: #fff;
}

.in_sea .van-search__content {
    background-color: rgba(246, 88, 72, 0.08);
}

.in_sea .van-search {
    padding: 0;
}

.in_sea .van-search__content .van-cell {
    width: 4.54rem;
    /* height: .65rem;
    line-height: .65rem; */
}

.in_sea .sea {
    width: .25rem;
    height: .26rem;
}

.bbttn {
    width: 1.16rem;
    height: .49rem;
    color: #fff;
    background-color: rgba(246, 88, 72, 1);
    font-size: .24rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
}

.sea_deta {
    display: flex;
    margin-top: .2rem;
    padding: .27rem 0;
    background-color: #fff;
    margin-top: 3rem;
}

.sea_deta .left,
.sea_deta .right {
    width: 50%;
    color: rgba(246, 88, 72, 1);
    font-size: .31rem;
    font-weight: bold;
}

.sea_deta p {
    margin-bottom: .27rem;
}

.sea_deta .detati {
    line-height: .38rem;
    margin-bottom: .44rem;
}

.sea_deta .detati .num {
    font-size: .27rem;
    color: rgb(153, 153, 153);
    margin-right: .19rem;
}

.sea_deta .detati .col0 {
    color: #F64A14;
}

.sea_deta .detati .col1 {
    color: rgba(246, 123, 20, 1);
}

.sea_deta .detati .col2 {
    color: rgba(255, 200, 49, 1);
}

.sea_deta .detati .titl {
    font-size: .27rem;
    color: #333333;
    font-weight: 400;
}

/* 我的圈子 */

.mycircle {
    width: 5.85rem;
    margin: 0 auto;
    height: 1.26rem;
    background: #F7F7F7;
    border-radius: .14rem;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    -ms-border-radius: .14rem;
    -o-border-radius: .14rem;
}

.ceatr {
    padding: .27rem 0;
    display: flex;
    align-items: center;
    border-bottom: .01rem solid #DEDEDE;
    justify-content: space-between;
}

.crea_img {
    width: 1.04rem;
    height: 1.04rem;
    margin-right: .17rem;
}

.create .title {
    height: .36rem;
    line-height: .36rem;
    font-size: .26rem;
    font-weight: bold;
    color: #333333;
}

.create .new {
    display: flex;
    align-items: center;
    height: .26rem;
    line-height: .26rem;
    font-size: .19rem;
    font-weight: 400;
    color: #AAAAAA;
    margin-top: .09rem;
}

.create .new .lsa {
    color: rgba(246, 74, 20, 1);
    margin-right: .1rem;
}

.create .new .ove {
    display: inline-block;
    width: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create .creabtn {
    width: 1.02rem;
    height: .43rem;
    background: rgba(254, 148, 62, 0.08);
    border-radius: .23rem;
    -webkit-border-radius: .23rem;
    -moz-border-radius: .23rem;
    -ms-border-radius: .23rem;
    -o-border-radius: .23rem;
    color: rgba(254, 148, 62, 1);
}

.ceber .creabtn {
    background: rgba(246, 88, 72, 0.08);
    color: rgba(246, 88, 72, 1);
}

.ceber .top_t {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ceber .top_t .new {
    font-size: .24rem;
    font-weight: 400;
}

.ceber .top_t .status {
    display: inline-block;
    width: .73rem;
    height: .27rem;
    line-height: .27rem;
    background: linear-gradient(111deg, #F8776B 0%, #EB3F2D 100%);
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
    color: #fff;
    font-size: .2rem;
    text-align: center;
    margin-left: .14rem;
}

.none_page .founds {
    font-size: .24rem;
    color: #666;
    text-align: center;
    width: 100%;
    line-height: .4rem;
}

.invitation .ceber {
    padding: .27rem .2rem;
}

.dele {
    font-size: .24rem;
    font-weight: 400;
    color: #236CFF;
    height: .34rem;
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

.dele img {
    margin-right: .1rem;
    width: .27rem;
    height: .27rem;
}

.ceber .invi_img {
    width: .85rem;
    height: .85rem;
    margin-right: .14rem;
}

.ceber .invie .overtwo {
    width: 4.41rem;
    line-height: .27rem;
    font-size: .19rem;
    font-weight: 400;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .09rem;
}

.ceber .invie .betw {
    font-size: .17rem;
}

.ceber .invie .betw img {
    width: .19rem;
    height: .19rem;
    margin-right: .05rem;
    margin-top: .02rem;
}

.ceber .invie .betw .name {
    color: rgba(51, 51, 51, 1);
}

.ceber .invie .betw .right {
    float: right;
    color: rgba(136, 136, 136, 1);
}

.in_end {
    display: flex;
    align-items: center;
    justify-content: center;
}

.in_end img {
    width: .31rem;
    height: .31rem;
    margin-right: .15rem;
}

/* 我的发布 */

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

.discuss .van-tabs {
    width: 3.5rem;
}

.ul_list li {
    padding: .27rem 0;
    border-bottom: .01rem solid #DEDEDE;
}

/* 我的评论 */

.ul_list .user {
    width: .65rem;
    height: .65rem;
    margin-right: .14rem;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ul_list .titt {
    height: .36rem;
    font-size: .26rem;
    font-weight: bold;
    color: #333333;
}

.ul_list .sect {
    font-size: .26rem;
    line-height: .38rem;
    color: #666666;
    margin-top: .2rem;
    height: auto;
}

.ul_list .detaa {
    margin-top: .2rem;
    padding: .2rem;
    background: #F7F7F7;
}

.ul_list .detaa .deta_img {
    width: .85rem;
    height: .85rem;
    border-radius: .14rem;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    -ms-border-radius: .14rem;
    -o-border-radius: .14rem;
    margin-right: .2rem;
    float: left;
}

.ul_list .detaa .txt {
    height: .76rem;
    font-size: .26rem;
    font-weight: 400;
    line-height: .39rem;
    color: #151515;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ul_sex li {
    padding-top: .27rem;
}

.ul_sex li .user {
    width: .65rem;
    height: .65rem;
    margin-right: .14rem;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ul_sex li .van-radio {
    float: left;
    margin-top: .15rem;
}

.ul_sex li .titt {
    height: .36rem;
    font-size: .26rem;
    font-weight: bold;
    color: #333333;
}

.ul_sex li .tim {
    height: .26rem;
    font-size: .22rem;
    font-family: Arial;
    font-weight: 400;
    line-height: .26rem;
    color: #AAAAAA;
}

.ul_sex li .section {
    width: 100%;
    font-size: .26rem;
    font-weight: 400;
    line-height: .38rem;
    color: #666666;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
    margin-top: .2rem;
}

.ul_sex li .dea {
    width: 100%;
    padding: .2rem;
    background: #F7F7F7;
    margin-top: .2rem;
}

.ul_sex li .dea .dea_img {
    width: .85rem;
    height: .85rem;
    margin-right: .2rem;
    border-radius: .14rem;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    -ms-border-radius: .14rem;
    -o-border-radius: .14rem;
    float: left;
}

.ul_sex li .dea .segb {
    height: .78rem;
    font-size: .26rem;
    font-weight: 400;
    line-height: .39rem;
    color: #151515;
}

.last_del {
    width: 100%;
    height: .85rem;
    background: #FFFFFF;
    box-shadow: 0 -.03rem .1rem rgba(153, 153, 153, 0.16);
    position: fixed;
    bottom: 0;
}

.last_del .delx {
    float: left;
    width: 50%;
    height: .85rem;
    background: #FFFFFF;
    box-shadow: 0 -.03rem .1rem rgba(153, 153, 153, 0.16);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: 400;
    color: #AAAAAA;
}

.last_del .aa {
    color: rgba(65, 155, 223, 1);
}

.last_del .aa img {
    width: .27rem;
    height: .27rem;
    margin-right: .15rem;
}

.checkis {
    margin-right: .15rem;
    float: left;
}

.checkis img {
    width: .27rem;
    height: .27rem;
    margin-top: .23rem;
}

.checkis_tie {
    margin-right: .15rem;
    float: left;
}

.checkis_tie img {
    width: .27rem;
    height: .27rem;
    margin-right: .15rem;
    float: left;
}

/* 我的帖子  */

.deta_post li {
    border-bottom: .01rem solid rgba(222, 222, 222, 1);
    padding: .27rem 0;
}

.deta_post .user_img {
    font-size: .26rem;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deta_post .bigimg {
    width: 100%;
    height: 3.07rem;
}

.deta_post .user_img img {
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: .1rem;
}

.deta_post .user_img .time {
    font-size: .2rem;
    font-family: Arial;
    font-weight: 400;
    color: #AAAAAA;
    float: right;
}

.asc {
    display: flex;
    align-items: center;
}

.deta_post .titover {
    font-size: .26rem;
    font-weight: 400;
    line-height: .43rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: .2rem 0;
}

.deta_post .imgs {
    display: flex;
}

.deta_post .imgs .oure {
    margin-right: .14rem;
    width: 1.86rem;
    height: 1.4rem;
    margin-right: .14rem;
}

.deta_post .imgs .oure :nth-of-type(3) {
    margin-right: 0;
    position: relative;
}

.deta_post .imgs .oure img {
    width: 100%;
    height: 100%;
}

.deta_post .imgs .oure .abn:nth-of-type(3) {
    position: absolute;
    width: .61rem;
    height: .41rem;
    background: #000000;
    opacity: 0.6;
    border-radius: .07rem;
    -webkit-border-radius: .07rem;
    -moz-border-radius: .07rem;
    -ms-border-radius: .07rem;
    -o-border-radius: .07rem;
    bottom: .07rem;
    right: .07rem;
    color: #fff;
}

.deta_post .mod {
    font-size: .22rem;
    color: #888888;
    display: flex;
    align-items: center;
}

/* .deta_post .mod:nth-of-type(1) {
    float: left;
}

.deta_post .mod:nth-of-type(2) {
    float: right;
}
.deta_post .mod:nth-of-type(3) {
    float: right;
} */

.deta_post .mod img {
    width: .26rem;
    height: .22rem;
    margin-right: .1rem;
}

/* 积分商城 */

.integralshop {
    margin-top: .85rem;
    background: #fff;
    padding-top: .31rem;
}

.integral {
    width: 5.85rem;
    height: 1.88rem;
    margin: 0 auto;
    background: url('../image/change/integralbg.png') no-repeat;
    background-size: 100%;
    padding: .32rem 0.34rem 0 .34rem;
}

.integral .left {
    float: left;
}

.integral .def {
    height: .32rem;
    font-size: .22rem;
    font-weight: bold;
    line-height: .32rem;
    color: #FFFFFF;
    margin-bottom: .22rem;
}

.integral .big {
    height: .72rem;
    font-size: .55rem;
    font-weight: 400;
    line-height: .72rem;
    color: #FFFFFF;
}

.integral .big .ing {
    font-size: .22rem;
    opacity: 0.7;
}

.integral .sign {
    float: right;
    width: .96rem;
    height: .44rem;
    line-height: .44rem;
    border: .02rem solid #FFFFFF;
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    margin-top: .4rem;
    color: #FFFFFF;
    font-size: .22rem;
}

.intemod .van-grid {
    margin-top: .1rem;
}

.intemod .van-grid .van-grid-item__text {
    font-size: .22rem;
    font-weight: 400;
    color: #333333;
}

.intemod .van-grid .van-icon__image {
    width: .6rem;
    height: .51rem;
}

.shoplist {
    margin-top: .17rem;
    padding: .2rem .27rem .5rem .27rem;
    background-color: #FFFFFF;
}

.shoplist .van-tab {
    height: .32rem;
    font-size: .22rem;
    font-weight: 400;
    line-height: .32rem;
    color: #999999;
}

.shoplist .van-tabs--line .van-tabs__wrap {
    height: .4rem;
}

.shoplist .van-tab--active {
    height: .36rem;
    font-size: .26rem;
    font-weight: bold;
    line-height: .36rem;
    color: #000000;
}

.shoplist .van-tabs__line {
    width: .5rem;
    height: .03rem;
    background: #F65848;
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
}

.shoplist .integul {
    background: #fff;
}

.shoplist .integul li {
    margin-top: .26rem;
    display: flex;
    justify-content: space-between;
}

.shoplist .integul li img {
    width: 1.91rem;
    height: 1.91rem;
    float: left;
}

.shoplist .integul li .center {
    margin-left: 0.2rem;
    /* margin-right: .57rem; */
    width: 2.45rem;
}

.shoplist .integul li .center .title {
    height: auto;
    font-size: .24rem;
    font-weight: bold;
    line-height: .34rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.shoplist .integul li .center .jifen {
    height: .32rem;
    font-size: 24px;
    font-family: Roboto;
    font-weight: 400;
    line-height: .32rem;
    color: #FA8422;
    margin: .22rem 0;
}

.shoplist .integul li .center .price {
    height: .26rem;
    font-size: .19rem;
    font-family: Roboto;
    font-weight: 400;
    line-height: .26rem;
    color: #707070;
    text-decoration: line-through;
}

.shoplist .integul li .right {
    float: right;
    margin-top: 1.33rem;
    width: 1.13rem;
    height: .38rem;
    line-height: .38rem;
    background: #FBAD02;
    border-radius: .02rem;
    -webkit-border-radius: .02rem;
    -moz-border-radius: .02rem;
    -ms-border-radius: .02rem;
    -o-border-radius: .02rem;
    color: #fff;
    font-size: .22rem;
    font-weight: 400;
}

/* 签到 */

/* 签到勋章头部 */

.headsign {
    width: 100%;
    height: 3.07rem;
    /* background: url('../image/change/signbg.png'); */
    background: linear-gradient(180deg, #FD8700 0%, #F9BB4F 100%);
    background-size: 100%;
}

.headsign .head {
    width: 100%;
    height: .85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .27rem;
    color: #fff;
}

.headsign .head .bak {
    width: 1.1rem;
}

.headsign .head .bak img {
    width: .17rem;
    height: .31rem;
}

.headsign .head .tit {
    width: 100%;
    text-align: center;
    font-size: .29rem;
    font-weight: bold;
}

.headsign .head .help {
    width: 1.1rem;
    font-size: .22rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.headsign .head .help img {
    width: .24rem;
    height: .24rem;
    margin-left: .1rem;
}

.pos .weeksign {
    width: 5.85rem;
    height: 3.04rem;
    margin: 0 auto;
    margin-top: -1.85rem;
    box-shadow: 0 .07rem .26rem rgba(254, 148, 62, 0.08);
    border-radius: .17rem;
    -webkit-border-radius: .17rem;
    -moz-border-radius: .17rem;
    -ms-border-radius: .17rem;
    -o-border-radius: .17rem;
    padding: .32rem;
    background: #FFFFFF;
}

.pos .weeksign .total {
    height: .89rem;
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
}

.weeksign .total .num {
    font-size: .67rem;
    font-family: Roboto;
    font-weight: 400;
    color: #FD8700;
    float: left;
}

.weeksign .total .cen {
    font-size: .22rem;
    font-family: Roboto;
    font-weight: 400;
    color: #FD8700;
    float: left;
    margin-left: .12rem;
}

.weeksign .total img {
    width: .3rem;
    height: .3rem;
    margin-top: .21rem;
}

.weeksign .total .signbtn {
    width: 1.54rem;
    height: .55rem;
    line-height: .55rem;
    background: linear-gradient(174deg, #FD8700 0%, #F9BB4F 100%);
    box-shadow: 0 .07rem .14rem rgba(254, 148, 62, 0.3);
    border-radius: .17rem;
    -webkit-border-radius: .17rem;
    -moz-border-radius: .17rem;
    -ms-border-radius: .17rem;
    -o-border-radius: .17rem;
    font-size: .26rem;
    font-weight: 400;
    color: #FFFFFF;
    float: right;
    margin-top: .15rem;
}

.weeksign .sig {
    margin-top: .2rem;
    display: flex;
}

.weeksign .sig .signmm {
    margin-right: .17rem;
}

.weeksign .sig .signmm:last-of-type {
    margin-right: 0;
}

.weeksign .zw {
    margin-top: .2rem;
    text-align: center;
    font-size: .17rem;
    font-weight: 400;
    color: #8B572A;
}

.weeksign .sig .item {
    width: .6rem;
    height: .7rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    text-align: center;
    font-size: .19rem;
    padding-top: .08rem;
}

.weeksign .sig .sigyes {
    color: #FFFFFF;
    background: linear-gradient(180deg, #FD8700 0%, #F9BB4F 100%);
}

.weeksign .sig .signo {
    color: rgba(102, 102, 102, 1);
    background: #F0EFED;
}

.weeksign .sig .sigyes img {
    width: .25rem;
    height: .25rem;
}

.weeksign .sig .signo img {
    width: .29rem;
    height: .2rem;
}

.pos .task {
    margin-top: .17rem;
    padding: 0 .27rem;
}

.pos .task .top {
    height: .41rem;
    display: flex;
    align-items: center;
}

.pos .task .top .taking {
    font-size: .29rem;
    font-weight: bold;
    color: #4A4A4A;
}

.pos .task .top .taking {
    font-size: .29rem;
    font-weight: bold;
    color: #4A4A4A;
}

.pos .task .top .detright {
    font-size: .24rem;
    font-weight: 400;
    color: #FD8700;
    margin-left: 1.11rem;
    display: flex;
    align-items: center;
}

.pos .task .top .line {
    display: inline-block;
    width: .07rem;
    height: .29rem;
    background: linear-gradient(180deg, #FD8700 0%, #F9BB4F 100%);
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
    margin-right: .1rem;
    margin-top: .06rem;
}

.pos .task .top .det {
    font-size: .24rem;
    font-weight: 400;
    color: #FD8700;
}

.task .taskmod {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .31rem 0;
}

.task .taskmod .star {
    width: .3rem;
    height: .3rem;
    margin-left: .17rem;
    margin-right: .06rem;
}

.task .taskmod .el-progress__text {
    display: none;
}

.task .taskmod .tit {
    font-size: .27rem;
    font-weight: 400;
    color: #333333;
}

.task .taskmod .moe {
    font-size: .26rem;
    font-family: Roboto;
    font-weight: 400;
    color: #FBAD02;
}

.task .taskmod .read {
    width: 1.21rem;
    height: .49rem;
    border: .01rem solid #FD8700;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    font-size: .22rem;
    font-weight: 400;
    color: #FD8700;
    text-align: center;
    line-height: .49rem;
}

.task .taskmod .readf {
    color: rgb(153, 153, 153);
    border: .01rem solid rgb(153, 153, 153);
}

.task .taskmod .left .el-progress {
    width: 2.3rem;
}

.task .taskmod .left .el-progress-bar__outer {
    width: 2.13rem;
    height: .14rem;
    border-radius: .07rem;
    -webkit-border-radius: .07rem;
    -moz-border-radius: .07rem;
    -ms-border-radius: .07rem;
    -o-border-radius: .07rem;
}

.fiex {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    align-items: center;
}

.fiex>div {
    width: 3.89rem;
    height: 3.62rem;
    text-align: center;
    background-color: #fff;
    border-radius: .17rem;
    -webkit-border-radius: .17rem;
    -moz-border-radius: .17rem;
    -ms-border-radius: .17rem;
    -o-border-radius: .17rem;
}

.fiex img {
    width: 2.6rem;
    height: 2.08rem;
    margin-top: -1.35rem;
}

.fiex .ter {
    margin-top: .31rem;
    height: .41rem;
    font-size: .29rem;
    font-weight: bold;
    line-height: .41rem;
    color: #333333;
}

.fiex .jif {
    margin-top: .26rem;
    height: .43rem;
    font-size: .31rem;
    font-weight: bold;
    line-height: .43rem;
    color: #F18330;
}

.fiex .sucbtn {
    margin-top: .46rem;
    width: 2.56rem;
    height: .68rem;
    background: linear-gradient(172deg, #FD8700 0%, #F9BB4F 100%);
    box-shadow: 0 .07rem .14rem rgba(254, 148, 62, 0.3);
    border-radius: .36rem;
    -webkit-border-radius: .36rem;
    -moz-border-radius: .36rem;
    -ms-border-radius: .36rem;
    -o-border-radius: .36rem;
    color: #fff;
    font-size: .27rem;
    font-weight: bold;
}

/* 勋章墙 */

.medal {
    width: 5.85rem;
    height: 2.88rem;
    margin: 0 auto;
    margin-top: -1.85rem;
    box-shadow: 0 .07rem .26rem rgba(254, 148, 62, 0.08);
    border-radius: .17rem;
    -webkit-border-radius: .17rem;
    -moz-border-radius: .17rem;
    -ms-border-radius: .17rem;
    -o-border-radius: .17rem;
    padding: .32rem .43rem 0 .43rem;
    background: #FFFFFF;
}

.medal .autoa {
    display: flex;
    align-items: center;
    height: .41rem;
    font-size: .29rem;
    font-weight: bold;
    color: #333333;
    justify-content: center;
}

.medal .autoa img {
    width: .18rem;
    height: .19rem;
}

.medal .autoa span {
    margin: 0 .13rem;
    font-weight: bold;
}

.medal ul.autob {
    margin-top: .34rem;
    display: flex;
}

.medal ul.autob li.last {
    width: 100%;
    margin-right: 0;
}

.medal ul.autob li .nomedal {
    text-align: center;
    font-size: .27rem;
    font-weight: bold;
    height: .45rem;
    line-height: .45rem;
    color: #FD8700;
    text-align: center;
}

.medal ul.autob li {
    width: 1.02rem;
    height: 1.02rem;
    margin-right: .96rem;
}

.medal ul.autob li:nth-of-type(3n) {
    margin-right: 0;
}

.medal ul.autob li img {
    width: 1.02rem;
    height: 1.02rem;
    margin-bottom: .03rem;
}

.medal ul.autob li p {
    height: .32rem;
    font-size: .22rem;
    font-weight: 400;
    line-height: .32rem;
    color: rgba(102, 102, 102, 1);
    text-align: center;
}

.meadbot {
    margin-top: 0;
}

.meadbot .autoa {
    justify-content: flex-start;
    color: rgba(74, 74, 74, 1);
}

/* 关注粉丝 */

.atten {
    margin-top: .85rem;
    background: #fff;
}

.atten .van-tab {
    width: 50%;
    width: 50%;
    height: .34rem;
    font-size: .24rem;
    font-weight: bold;
    line-height: .34rem;
    color: #BBBBBB;
    padding-top: .2rem;
}

.atten .van-tab--active {
    color: #F65848;
}

.atten .van-tabs__line {
    width: 50%;
}

.atten li {
    display: flex;
    align-items: center;
    padding-left: .27rem;
    height: 1.08rem;
}

.atten li p {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: .26rem;
    font-weight: 400;
    color: #333333;
    margin-left: .2rem;
    border-bottom: .01rem solid #DEDEDE;
}

.atten li img {
    width: .67rem;
    height: .67rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* 官方消息 */

.newfun {
    width: 5.85rem;
    height: 2.39rem;
    margin: 0 auto;
    margin-top: 1.02rem;
    background: url('../image/change/officalbg.png') no-repeat;
    background-size: 100%;
    margin-bottom: .14rem;
}

.newfun .terq {
    margin-left: .2rem;
    padding-top: .2rem;
    font-size: .31rem;
    font-weight: bold;
    line-height: .43rem;
    color: #FFFFFF;
}

.newfun .tryu {
    margin-top: .15rem;
    margin-left: .43rem;
    height: 1.15rem;
    font-size: 1.09rem;
    font-family: Tensentype JiaLiZhongYuanJ;
    font-weight: 400;
    color: #FFFFFF;
}

.offcial li {
    padding: .2rem 0 0 .27rem;
    display: flex;
}

.offcial li img {
    width: 1.02rem;
    height: 1.02rem;
}

.offcial li .top {
    width: 100%;
    margin-left: .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .01rem solid #EEEEEE;
}

.offcial li .rigk {
    margin-top: .14rem;
    height: .41rem;
    font-size: .29rem;
    font-weight: bold;
    line-height: .41rem;
    color: #151515;
}

.offcial li .tj {
    height: .28rem;
    font-size: .2rem;
    font-weight: 400;
    line-height: .28rem;
    color: #999999;
    margin-bottom: .36rem;
}

.offcial li .top img {
    width: .11rem;
    height: .2rem;
    margin-right: .27rem;
}

/* 欢迎使用 */

#welswiper {
    padding-top: .85rem;
}

#welswiper img {
    width: 100%;
    height: 7.16rem;
}

#welswiper .txt {
    padding: 0 .43rem;
    margin-top: .26rem;
}

#welswiper .title {
    height: .53rem;
    font-size: .38rem;
    font-weight: bold;
    line-height: .53rem;
    color: #151515;
    margin-bottom: .17rem;
}

#welswiper .js {
    height: auto;
    font-size: .26rem;
    font-weight: 400;
    line-height: .44rem;
    color: #333333;
}

#welswiper .swiper-pagination-bullet {
    width: .09rem;
    height: .09rem;
    background: #F65848;
    border-radius: 50%;
    opacity: 0.7;
}

#welswiper .swiper-pagination-bullet-active {
    width: .26rem;
    height: .09rem;
    background: #F65848;
    border-radius: .04rem;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    -ms-border-radius: .04rem;
    -o-border-radius: .04rem;
}

#welswiper .swiper-pagination {
    position: static;
    margin-top: .71rem;
    margin-bottom: .38rem;
}

/* 退出登录 */

.loginout {
    width: 5.58rem;
    height: .58rem;
    background: linear-gradient(135deg, #EB3F2D 0%, #F8776B 100%);
    border-radius: .34rem;
    font-size: .27rem;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: .58rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin: 0 auto;
    margin-top: .94rem;
}