@charset "UTF-8";
.public_head {
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #FF2C26;
}

.public_head .tit {
    font-size: .28rem;
    color: #fff;
}

.public_head .back {
    width: .46rem;
    position: absolute;
    left: .2rem;
    top: 50%;
    transform: translateY(-50%);
}

.public_head .fr {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    font-size: .26rem;
    color: #fff;
    padding: 0 .2rem;
}

.public_head .menus {
    width: .4rem;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
}

.contents_release2 {
    min-height: 100vh;
    background: #F3F2F8;
    overflow: hidden;
    padding: 0 .28rem;
    min-height: 100vh;
}

.contents_release2 .fadeinform {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    /*display: none;*/
}

.contents_release2 .fadeinform .boxs {
    width: 6.6rem;
    background: #fff;
    position: relative;
    border-radius: .2rem;
    overflow: hidden;
}

.contents_release2 .fadeinform .boxs .btn {
    display: flex;
    height: 1.04rem;
}

.contents_release2 .fadeinform .boxs .btn div {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    color: #000;
}

.contents_release2 .fadeinform .boxs .btn div.on {
    color: #FF2C26;
    border-left: 1px solid #EFEFEF;
}

.contents_release2 .fadeinform .boxs .head {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.06rem;
    font-size: .28rem;
    color: #fff;
    background: #FF2C26;
}

.contents_release2 .fadeinform .boxs .label {
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: .2rem 0;
    border-bottom: 1px solid #EFEFEF;
}

.contents_release2 .fadeinform .boxs .label p {
    font-size: .26rem;
    width: 1.5rem;
    text-align: right;
    color: #000;
}

.contents_release2 .fadeinform .boxs .label .updata {
    flex: 1;
    padding: 0 .33rem 0 .16rem;
    font-size: 12px;
    height: .6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contents_release2 .fadeinform .boxs .label .updata input {
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
}

.contents_release2 .fadeinform .boxs .label .updata span {
    flex: 1 1 0%;
    font-size: .24rem;
    color: #999;
}

.contents_release2 .fadeinform .boxs .label .updata .arrowed-right {
    width: .16rem;
}

.contents_release2 .fadeinform .boxs .label .grow {
    flex: 1;
    padding: 0 .33rem 0 .16rem;
    font-size: 12px;
}

.contents_release2 .fadeinform .boxs .label .grow span {
    display: block;
    font-size: .24rem;
    color: #999;
    line-height: 1.8;
}

.contents_release2 .fadeinform .boxs .label .grow input {
    width: 100%;
    height: .6rem;
    border: none;
    font-size: .24rem;
    color: #999;
}

.contents_release2 .fadein {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    display: none;
}

.contents_release2 .fadein .box {
    width: 100%;
    background: #fff;
    padding-bottom: .6rem;
    position: relative;
    border-radius: .3rem .3rem 0 0;
}

.contents_release2 .fadein .box ul {
    overflow: hidden;
}

.contents_release2 .fadein .box ul li {
    overflow: hidden;
    height: 1.1rem;
    display: flex;
    border-bottom: 1px solid #FAFAFA;
    align-items: center;
    padding-left: .26rem;
}

.contents_release2 .fadein .box ul li img {
    width: .4rem;
    margin-right: .12rem;
}

.contents_release2 .fadein .box ul li span {
    font-size: .26rem;
    color: #000;
}

.contents_release2 .font {
    overflow: hidden;
    padding: .2rem 0;
}

.contents_release2 .font span {
    display: block;
    font-size: .24rem;
    color: #999;
    text-align: center;
    line-height: 1.6;
}

.contents_release2 .footer {
    overflow: hidden;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: .3rem;
    padding: 0 .26rem;
    z-index: 99;
}

.contents_release2 .footer em {
    display: block;
    font-size: .24rem;
    line-height: 1.8;
    margin-top: .14rem;
    margin-bottom: .14rem;
    color: #FF2C26;
}

.contents_release2 .footer .btn {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contents_release2 .footer .btn div {
    width: 2.2rem;
    height: .84rem;
    display: flex;
    align-items: center;
    background: #FF2C26;
    font-size: .28rem;
    border-radius: .1rem;
    font-weight: bold;
    justify-content: center;
    color: #fff;
}

.contents_release2 .footer .btn div:last-child {
    width: 4.38rem;
}

.contents_release2 .footer .btn div img {
    width: .3rem;
    margin-right: .1rem;
}

.contents_release2 .footer .reg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents_release2 .footer .reg div {
    width: .26rem;
    height: .26rem;
    overflow: hidden;
    border: 1px solid #666;
    margin-right: .1rem;
}

.contents_release2 .footer .reg div.on {
    border: none;
}

.contents_release2 .footer .reg div.on img {
    display: block;
}

.contents_release2 .footer .reg div img {
    width: 100%;
    display: none;
}

.contents_release2 .footer .reg p {
    font-size: .24rem;
    color: #000;
}

.contents_release2 .footer .reg p a {
    color: #FF2C26;
}

.contents_release2 .boxt {
    width: 100%;
    user-select: none;
}

.contents_release2 .boxt .dragging {
    opacity: 0.5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    /* 视觉反馈 */
}

.contents_release2 .boxt .label {
    overflow: hidden;
    width: 100%;
    height: 1.36rem;
    display: flex;
    background: #fff;
    align-items: center;
    padding: 0 .26rem;
    margin-top: .16rem;
    font-size: .26rem;
    color: #000;
    border-radius: .16rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    touch-action: none;
    /* 禁用浏览器默认触摸行为 */
}

.contents_realname {
    min-height: 100vh;
    background: #F3F2F8;
    overflow: hidden;
    min-height: 100vh;
}

.contents_realname .button {
    width: 5.18rem;
    height: .86rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF2C26;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .2rem;
    font-size: .28rem;
    color: #fff;
}

.contents_realname .main_desc {
    overflow: hidden;
    padding: .4rem .3rem;
}

.contents_realname .main_desc p {
    font-size: .22rem;
    color: #333;
    line-height: 1.8;
}

.contents_realname .main_desc p.on {
    color: #FF2C26;
}

.contents_realname .main_desc p a {
    color: #51ADFE;
}

.contents_realname .sm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem;
}

.contents_realname .sm div {
    display: inline-flex;
    align-items: center;
    padding: 0 .14rem;
    height: .38rem;
    font-size: .2rem;
    color: #0072D5;
    border: 1px solid #0072D5;
    border-radius: .3rem;
    margin-left: .1rem;
}

.contents_realname .sm span {
    font-size: .2rem;
    color: #999;
}

.contents_realname .reg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem .26rem;
}

.contents_realname .reg .fl {
    display: flex;
    align-items: center;
}

.contents_realname .reg .fl div {
    width: .26rem;
    height: .26rem;
    border-radius: 3px;
    border: 1px solid #939393;
    overflow: hidden;
}

.contents_realname .reg .fl div.on {
    border: none;
}

.contents_realname .reg .fl div.on img {
    display: block;
}

.contents_realname .reg .fl div img {
    width: 100%;
    display: none;
    height: 100%;
}

.contents_realname .reg .fl p {
    width: 5.16rem;
    font-size: .24rem;
    margin-left: .16rem;
    color: #000;
    line-height: 1.8;
}

.contents_realname .reg .fl p a {
    color: #51ADFE;
}

.contents_realname .reg > img {
    width: .36rem;
}

.contents_realname .main_updata {
    overflow: hidden;
    background: #fff;
    margin-top: .15rem;
    padding: 0 .3rem;
    padding-bottom: .2rem;
}

.contents_realname .main_updata .form {
    width: 100%;
    overflow: hidden;
}

.contents_realname .main_updata .form .label {
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F3F3F3;
}

.contents_realname .main_updata .form .label p {
    font-size: .24rem;
    color: #666;
}

.contents_realname .main_updata .form .label p span {
    color: red;
}

.contents_realname .main_updata .form .label input {
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    font-size: .24rem;
    padding-left: .2rem;
    color: #000;
}

.contents_realname .main_updata .form .label input::placeholder {
    color: #999;
}

.contents_realname .main_updata em {
    display: block;
    font-size: .22rem;
    line-height: 1.8;
    margin-top: .2rem;
    color: #FF2C26;
}

.contents_realname .main_updata .item {
    overflow: hidden;
    margin-top: .38rem;
}

.contents_realname .main_updata .item .title {
    display: block;
    font-size: .24rem;
    color: #000;
}

.contents_realname .main_updata .item .title span {
    color: red;
}

.contents_realname .main_updata .item .pic {
    width: 100%;
    display: block;
    margin-top: .28rem;
}

.contents_realname .main_updata .item .box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .26rem;
}

.contents_realname .main_updata .item .box .font {
    overflow: hidden;
}

.contents_realname .main_updata .item .box .font p {
    text-align: center;
    font-size: .22rem;
    color: #999;
}

.contents_realname .main_updata .item .box .font span {
    display: block;
    text-align: center;
    font-size: .2rem;
    color: #FF2C26;
    margin-top: .1rem;
}

.contents_realname .main_updata .item .box .fl {
    width: 2.86rem;
    position: relative;
}

.contents_realname .main_updata .item .box .fl img {
    width: 100%;
    display: block;
}

.contents_realname .main_updata .item .box .fl input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.contents_realname .main_tip {
    overflow: hidden;
    background: #fff;
    margin-top: .15rem;
    padding: .33rem .3rem 0 .3rem;
}

.contents_realname .main_tip .label {
    overflow: hidden;
    margin-bottom: .26rem;
}

.contents_realname .main_tip .label p {
    font-size: .24rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .14rem;
}

.contents_realname .main_tip .label span {
    display: block;
    font-size: .24rem;
    line-height: 1.8;
    color: #666;
}

.contents_realname .main_tip .label ul {
    overflow: hidden;
}

.contents_realname .main_tip .label ul li {
    position: relative;
    padding-left: .33rem;
    line-height: 2;
    font-size: .24rem;
    color: #666;
}

.contents_realname .main_tip .label ul li div {
    width: .26rem;
    height: .26rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #fff;
    background: #ECC3C3;
    position: absolute;
    left: 0;
    top: .1rem;
    border-radius: 50%;
}

.contents_realname .fadeins {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.contents_realname .fadeins .box {
    width: 4.7rem;
    position: relative;
}

.contents_realname .fadeins .box .close {
    width: .56rem;
    display: block;
    margin: 0 auto;
    margin-top: .16rem;
}

.contents_realname .fadeins .box .info {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: .16rem;
    padding: .36rem .2rem;
}

.contents_realname .fadeins .box .info p {
    text-align: center;
    font-size: .33rem;
    color: #000;
    font-weight: bold;
}

.contents_realname .fadeins .box .info span {
    display: block;
    font-size: .24rem;
    margin-top: .2rem;
    color: #999;
    line-height: 1.8;
}

.contents_realname .fadein {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    display: none;
}

.contents_realname .fadein .box {
    width: 100%;
    background: #fff;
    padding-bottom: .6rem;
    position: relative;
}

.contents_realname .fadein .box textarea {
    width: calc(100% - .52rem);
    margin: 0 auto;
    height: 1.6rem;
    border: 1px solid #C4C4C4;
    display: block;
    border-radius: .06rem;
    resize: none;
    outline: none;
    padding: .16rem;
    box-sizing: border-box;
    margin-top: .12rem;
    font-size: .24rem;
    color: #333;
}

.contents_realname .fadein .box textarea::placeholder {
    color: #999;
}

.contents_realname .fadein .box .font {
    overflow: hidden;
    width: calc(100% - .52rem);
    margin: 0 auto;
    margin-top: .24rem;
}

.contents_realname .fadein .box .font span {
    display: block;
    font-size: .24rem;
    color: #FF2C26;
    line-height: 1.8;
}

.contents_realname .fadein .box .font p {
    font-size: .26rem;
    color: #66B6FF;
    margin-top: .06rem;
}

.contents_realname .fadein .box ul {
    overflow: hidden;
}

.contents_realname .fadein .box ul li {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #FCFCFC;
    display: flex;
    align-items: center;
    padding: 0 .26rem;
    justify-content: space-between;
    position: relative;
}

.contents_realname .fadein .box ul li span {
    font-size: .24rem;
    display: flex;
    align-items: center;
    height: 100%;
    color: #66B6FF;
}

.contents_realname .fadein .box ul li div {
    width: .3rem;
    height: .3rem;
    border: 1px solid #B8B8B8;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.contents_realname .fadein .box ul li div img {
    width: 100%;
    height: 100%;
}

.contents_realname .fadein .box .all {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #FCFCFC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 .26rem;
}

.contents_realname .fadein .box .all p {
    font-size: .24rem;
    height: 100%;
    color: #999;
    display: flex;
    align-items: center;
}

.contents_realname .fadein .box .all span {
    font-size: .24rem;
    display: flex;
    align-items: center;
    height: 100%;
    color: #66B6FF;
}

.contents_realname .fadein .box .head {
    width: 100%;
    height: 1.06rem;
    border-bottom: 1px solid #FCFCFC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.contents_realname .fadein .box .head div {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .26rem;
    font-size: .26rem;
    color: #333;
}

.contents_realname .fadein .box .head span {
    font-size: .26rem;
    color: #333;
    font-weight: bold;
}

.contents_release1 {
    min-height: 100vh;
    background: #F3F2F8;
    overflow: hidden;
    padding: .28rem;
}

.contents_release1 .button {
    width: 4.74rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF2C26;
    border-radius: .1rem;
    margin: 0 auto;
    margin-top: .4rem;
    font-size: .28rem;
    color: #fff;
}

.contents_release1 .main_item {
    width: 100%;
    background: #fff;
    border-radius: .16rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    margin-bottom: .3rem;
    padding: 0 .26rem;
}

.contents_release1 .main_item .label {
    width: 100%;
    min-height: .96rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DEDEDE;
}

.contents_release1 .main_item .label:last-child {
    border: none;
}

.contents_release1 .main_item .label .name {
    font-size: .26rem;
    color: #939393;
    display: flex;
    align-items: center;
    width: 1.24rem;
}

.contents_release1 .main_item .label .change {
    width: 100%;
    width: calc(100% - 1.24rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .1rem 0;
}

.contents_release1 .main_item .label .change input {
    width: 100%;
    height: 100%;
    border: none;
    font-size: .26rem;
    color: #333;
    outline: none;
}

.contents_release1 .main_item .label .change input::placeholder {
    color: #999;
}

.contents_release1 .main_item .label .change .font {
    overflow: hidden;
    flex: 1;
}

.contents_release1 .main_item .label .change .font ul {
    display: flex;
    flex-flow: wrap;
}

.contents_release1 .main_item .label .change .font ul li {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .24rem;
    margin-right: .1rem;
    margin-bottom: .1rem;
    color: #000;
}

.contents_release1 .main_item .label .change .font ul li.on div {
    background-image: url(../images/upxs_09.jpg);
}

.contents_release1 .main_item .label .change .font ul li div {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background-image: url(../images/upxs_07.jpg);
    background-size: 100% 100%;
    margin-right: .12rem;
}

.contents_release1 .main_item .label .change .font p {
    font-size: .26rem;
    color: #000;
}

.contents_release1 .main_item .label .change .font span {
    display: block;
    line-height: 1.4;
    font-size: .22rem;
    color: #EA1C24;
}

.contents_release1 .main_item .label .change .right {
    width: .14rem;
}

.contents_release1 span {
    font-size: .26rem;
    color: #333;
    line-height: 2;
    display: block;
}

.contents_release1 span em {
    color: #FF2C26;
}

.contents_release {
    min-height: 100vh;
    background: #F3F2F8;
    overflow: hidden;
    padding: 0 .28rem;
    padding-bottom: .28rem;
}

.contents_release .main_desc {
    overflow: hidden;
    margin-top: .46rem;
}

.contents_release .main_desc .title {
    font-size: .33rem;
    color: #000;
    margin-bottom: .2rem;
    font-weight: bold;
}

.contents_release .main_desc .info {
    overflow: hidden;
}

.contents_release .main_desc .info span {
    font-size: .26rem;
    color: #333;
    line-height: 2;
    display: block;
}

.contents_release .main_desc .info span em {
    color: #FF2C26;
}

.contents_release .main_label {
    overflow: hidden;
    width: 100%;
    margin-top: .36rem;
}

.contents_release .main_label p {
    font-size: .33rem;
    color: #000;
    font-weight: bold;
    margin-bottom: .2rem;
}

.contents_release .main_label ul {
    overflow: hidden;
    display: flex;
    flex-flow: wrap;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    padding: .26rem 0;
    background: #fff;
    padding-bottom: 0;
    border-radius: .16rem;
}

.contents_release .main_label ul li {
    overflow: hidden;
    width: 25%;
    margin-bottom: .25rem;
}

.contents_release .main_label ul li img {
    display: block;
    width: .7rem;
    margin: 0 auto;
    margin-bottom: .06rem;
}

.contents_release .main_label ul li span {
    display: block;
    text-align: center;
    font-size: .26rem;
    color: #333;
}

.contents_release .fadein {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.contents_release .fadein .box {
    width: 5.8rem;
}

.contents_release .fadein .box .close {
    width: .46rem;
    display: block;
    margin: 0 auto;
    margin-top: .2rem;
}

.contents_release .fadein .box .info {
    width: 5.8rem;
    border-radius: .2rem;
    background-color: #fff;
    background-image: url(../images/f2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 1.8rem .22rem 0 .22rem;
}

.contents_release .fadein .box .info .btns {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .68rem;
    font-size: .22rem;
    color: #999;
}

.contents_release .fadein .box .info .btn {
    width: 2.6rem;
    height: .56rem;
    background: #FFE3E3;
    margin: 0 auto;
    margin-top: .3rem;
    border-radius: .4rem;
}

.contents_release .fadein .box .info .btn a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    color: #FF2C26;
}

.contents_release .fadein .box .info p {
    font-size: .22rem;
    color: #333;
    line-height: 1.8;
}

.contents_release .fadein .box .info p span {
    color: #FF2C26;
}

.contents_task {
    width: 100%;
    overflow: hidden;
    padding: 1.3rem .2rem 1.52rem .2rem;
    background: #f2f2f2;
    position: relative;
}

.contents_task .fadein {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.contents_task .fadein .box {
    overflow: hidden;
    width: 5.66rem;
    background: #fff;
    border-radius: .16rem;
}

.contents_task .fadein .box .head {
    width: 100%;
    height: 1.22rem;
    background: #ea4436;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .42rem;
    color: #fff;
    font-weight: bold;
}

.contents_task .fadein .box .info {
    overflow: hidden;
}

.contents_task .fadein .box .info .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .36rem .4rem;
}

.contents_task .fadein .box .info .btn div {
    width: 2.28rem;
    height: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    border: 1px solid #FF2C26;
    color: #FF2C26;
    border-radius: 6rem;
}

.contents_task .fadein .box .info .btn div.on {
    background: #FF2C26;
    color: #fff;
}

.contents_task .fadein .box .info .reg {
    display: flex;
    align-items: center;
    padding-left: .42rem;
    font-size: .26rem;
    color: #5D626B;
}

.contents_task .fadein .box .info .reg div {
    width: .32rem;
    height: .32rem;
    border: 1px solid #B8BABE;
    margin-right: .1rem;
    border-radius: .06rem;
}

.contents_task .fadein .box .info .reg div.on {
    border: none;
}

.contents_task .fadein .box .info .reg div.on img {
    display: block;
}

.contents_task .fadein .box .info .reg div img {
    width: 100%;
    display: block;
    height: 100%;
    display: none;
}

.contents_task .fadein .box .info ul {
    overflow: hidden;
    margin-top: .32rem;
}

.contents_task .fadein .box .info ul li {
    width: 100%;
    position: relative;
    padding-bottom: .3rem;
    padding-left: 1.14rem;
}

.contents_task .fadein .box .info ul li::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #E6E7E8;
    position: absolute;
    left: .6rem;
    top: .36rem;
}

.contents_task .fadein .box .info ul li:last-child::after {
    display: none;
}

.contents_task .fadein .box .info ul li .dot {
    width: .36rem;
    height: .36rem;
    display: flex;
    position: relative;
    z-index: 9;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    left: .42rem;
    top: .02rem;
    background: #ea4436;
}

.contents_task .fadein .box .info ul li .grow {
    overflow: hidden;
    width: 4.06rem;
}

.contents_task .fadein .box .info ul li .grow p {
    font-size: .32rem;
    color: #ea4436;
    font-weight: bold;
}

.contents_task .fadein .box .info ul li .grow span {
    display: block;
    font-size: .24rem;
    line-height: .34rem;
    margin-top: .1rem;
    color: #666;
}

.contents_task .footer {
    overflow: hidden;
    width: 100%;
    height: 1.24rem;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    border-top: 1px solid #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: .14rem;
}

.contents_task .footer .fl {
    overflow: hidden;
    width: 2.46rem;
}

.contents_task .footer .fl img {
    display: block;
    width: .44rem;
    margin: 0 auto;
}

.contents_task .footer .fl span {
    display: block;
    text-align: center;
    font-size: .22rem;
    color: #000;
    margin-top: .06rem;
}

.contents_task .footer .btn {
    width: 4.88rem;
    height: .78rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .16rem;
    background: #FE4040;
    font-size: .26rem;
    color: #fff;
    font-weight: bold;
}

.contents_task .footer .btn a {
    width: 100%;
    height: 100%;
    display: flex;
    font-size: .26rem;
    color: #fff;
    font-weight: bold;
    align-items: center;
    justify-content: center;
}

.contents_task .footer .btn img {
    width: .43rem;
    margin-right: .1rem;
}

.contents_task::after {
    content: '';
    width: 100%;
    height: 3.48rem;
    background-image: url(../images/i4.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contents_task .main_task_list {
    width: 100%;
}

.contents_task .main_task_list .item {
    width: 100%;
    overflow: hidden;
    margin-top: .26rem;
    background: #fff;
    border-radius: .1rem;
    position: relative;
    padding: .24rem .28rem;
    box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, 0.1);
}

.contents_task .main_task_list .item .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .16rem;
}

.contents_task .main_task_list .item .head p {
    font-size: .28rem;
    color: #FE2A48;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.contents_task .main_task_list .item .head p img {
    width: .23rem;
    margin-right: .1rem;
}

.contents_task .main_task_list .item .head div {
    font-size: .24rem;
    color: #FE2A48;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.contents_task .main_task_list .item .head div img {
    width: .32rem;
    margin-left: .1rem;
}

.contents_task .main_task_list .item .label {
    overflow: hidden;
    margin-top: .26rem;
}

.contents_task .main_task_list .item .label .h {
    display: flex;
    align-items: center;
    font-size: .26rem;
    color: #333;

}

.contents_task .main_task_list .item .label .h div {
    min-width: 16px; /* 最小宽度 */
    min-height: 16px; /* 最小高度 */
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: .24rem;
    color: #fff;
    background: #FE4040;
    margin-right: .08rem;
    font-weight: bold;

    /* 防止被挤压：默认情况下，子元素会根据内容自动调整大小 */
    flex-shrink: 0;
}

.contents_task .main_task_list .item .label .b {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .26rem;
}

.contents_task .main_task_list .item .label .b > img {
    width: 1.6rem;
}
.contents_task .main_task_list .item .label .b .upload-img {
    width: 1.6rem;
}

.contents_task .main_task_list .item .label .b .active {
    width: 100%;
    overflow: hidden;
}

.contents_task .main_task_list .item .label .b .pics {
    width: 2.98rem;
    overflow: hidden;
}

.contents_task .main_task_list .item .label .b .pics img {
    display: block;
    width: 100%;
}

.contents_task .main_task_list .item .label .b .btn {
    height: .54rem;
    display: flex;
    padding: 0 .12rem;
    align-items: center;
    justify-content: center;
    border-radius: .04rem;
    background: #FF4040;
    font-size: .26rem;
    color: #fff;
}

.contents_task .main_task_list .item .label .b .code {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.98rem;
    background: #333;
    height: 2.98rem;
}

.contents_task .main_task_list .item .label .b .code span {
    font-size: .26rem;
    color: #fff;
}

.contents_task .main_task_list .item .box {
    overflow: hidden;
}

.contents_task .main_task_list .item .box p {
    font-size: .26rem;
    color: #000;
    line-height: .4rem;
}

.contents_task .userInfo {
    position: relative;
    width: 100%;
    border-radius: .16rem;
    background: #fff;
    padding: 1.64rem .26rem 0 .26rem;
    z-index: 9;
    box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, 0.1);
    border-radius: .1rem;
}

.contents_task .userInfo .labgrow {
    display: flex;
    align-items: center;
    height: .76rem;
}

.contents_task .userInfo .labgrow div {
    display: inline-flex;
    align-items: center;
    height: .44rem;
    border-radius: .04rem;
    border: 1px solid #FB002C;
    padding: 0 .18rem;
    font-size: .22rem;
    color: #FB002C;
}

.contents_task .userInfo .labgrow div img {
    width: .28rem;
    margin-right: .14rem;
}

.contents_task .userInfo .list {
    display: flex;
    padding-bottom: .22rem;
    border-bottom: 1px solid #E5E6E7;
}

.contents_task .userInfo .list div {
    flex: 1;
    position: relative;
    padding: .06rem 0 0 0;
}

.contents_task .userInfo .list div:last-child::after {
    display: none;
}

.contents_task .userInfo .list div::after {
    content: '';
    width: 1px;
    height: .68rem;
    background: #E5E6E7;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contents_task .userInfo .list div p {
    text-align: center;
    font-size: .2rem;
    color: #333;
}

.contents_task .userInfo .list div p span {
    font-size: .3rem;
}

.contents_task .userInfo .list div em {
    display: block;
    text-align: center;
    font-size: .22rem;
    color: #848484;
    margin-top: .08rem;
}

.contents_task .userInfo .info {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 .26rem;
    position: absolute;
    left: 0;
    top: -.44rem;
}

.contents_task .userInfo .info .price {
    font-size: .26rem;
    color: #FE4058;
}

.contents_task .userInfo .info .price span {
    font-size: .36rem;
    font-weight: bold;
}

.contents_task .userInfo .info .grow {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: .1rem;
}

.contents_task .userInfo .info .grow .fl {
    overflow: hidden;
    padding-bottom: .46rem;
}

.contents_task .userInfo .info .grow .fl p {
    font-size: .3rem;
    text-align: left;
    margin-bottom: .1rem;
    color: #000;
}

.contents_task .userInfo .info .grow .fl .desc {
    display: flex;
    position: absolute;
    width: 5.32rem;
    right: 0;
    bottom: 0;
    flex-wrap: wrap;
}

.contents_task .userInfo .info .grow .fl .desc span {
    height: .27rem;
    display: flex;
    padding: 0 .08rem;
    align-items: center;
    justify-content: center;
    white-space: normal;
    border-radius: .04rem;
    background: #FB655D;
    margin-top: .14rem;
    margin-right: .12rem;
    font-size: .18rem;
    color: #fff;
}

.contents_task .userInfo .info .grow .fl .desc span.on {
    background: #F55881;
}

.contents_task .userInfo .info .grow .fl .desc span.on1 {
    background: #E71E3A;
}

.contents_task .userInfo .info .grow .fl .cd {
    display: flex;
    align-items: center;
}

.contents_task .userInfo .info .grow .fl .cd span {
    font-size: .21rem;
    color: #5A5A5A;
}

.contents_task .userInfo .info .grow .fl .cd div {
    width: .56rem;
    height: .27rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .04rem;
    background: #FE4058;
    margin: 0 .12rem;
    font-size: .18rem;
    color: #fff;
}

.contents_task .userInfo .info .grow .fl .cd img {
    width: .22rem;
}

.contents_task .userInfo .info .fl {
    overflow: hidden;
}

.contents_task .userInfo .info .fl .avatar {
    width: 1.16rem;
    height: 1.16rem;
    position: relative;
    border-radius: 50%;
}

.contents_task .userInfo .info .fl .avatar .p {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.contents_task .userInfo .info .fl .avatar .l {
    width: .44rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.contents_task .userInfo .info .fl p {
    text-align: center;
    font-size: .22rem;
    color: #666;
    margin-top: .04rem;
}

.contents_task .userInfo .info .fl .btn {
    width: .82rem;
    height: .3rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .04rem;
    border: 1px solid #FD211D;
    margin-top: .06rem;
    font-size: .18rem;
    color: #FD211D;
}

.contents_task .userInfo .info .fl .btn a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #FD211D;
}

.contents_hall {
    width: 100%;
    position: relative;
    min-height: 100vh;
}

.contents_hall .fadeinselect {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}

.contents_hall .fadeinselect .box {
    width: 100%;
    background: #fff;
    position: relative;
    top: 0;
}

.contents_hall .fadeinselect .box .btn {
    width: 100%;
    display: flex;
    border-top: 1px solid #F5F5F5;
    margin-top: .2rem;
}

.contents_hall .fadeinselect .box .btn div {
    height: 1rem;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    color: #666;
}

.contents_hall .fadeinselect .box .btn div.on {
    background: #FF2C26;
    color: #fff;
}

.contents_hall .fadeinselect .box .item {
    overflow: hidden;
    padding: .2rem .26rem;
}

.contents_hall .fadeinselect .box .item p {
    font-size: .28rem;
    color: #000;
    font-weight: bold;
}

.contents_hall .fadeinselect .box .item ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: .1rem;
}

.contents_hall .fadeinselect .box .item ul li {
    overflow: hidden;
    width: 1.62rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .1rem;
    font-size: .24rem;
    color: #666;
    margin-right: .1rem;
    margin-top: .16rem;
}

.contents_hall .fadeinselect .box .item ul li:nth-child(4n) {
    margin-right: 0;
}

.contents_hall .fadeinselect .box .item ul li.on {
    background: #FF2C26;
    color: #fff;
}

.contents_hall .fadeins {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    display: none;
    align-items: center;
    justify-content: center;
}

.contents_hall .fadeins .box {
    width: 6rem;
    position: relative;
}

.contents_hall .fadeins .box .close {
    width: .56rem;
    display: block;
    margin: 0 auto;
    margin-top: .16rem;
}

.contents_hall .fadeins .box .info {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: .16rem;
    padding: .4rem .26rem;
}

.contents_hall .fadeins .box .info p {
    text-align: center;
    font-size: .3rem;
    color: #000;
    font-weight: bold;
    margin-bottom: .1rem;
}

.contents_hall .fadeins .box .info span {
    display: block;
    font-size: .24rem;
    color: #333;
    line-height: 1.8;
}

.contents_hall .fadeins .box .info div {
    width: 3.84rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FE4A2D;
    border-radius: .08rem;
    font-size: .24rem;
    color: #fff;
    margin: 0 auto;
    margin-top: .36rem;
}

.contents_hall .main_list {
    width: 100%;
    background: #fff;
}

.contents_hall .main_list .list {
    width: 100%;
    overflow: hidden;
}

.contents_hall .main_list .list .label {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ececec;
    height: 1.22rem;
}

.contents_hall .main_list .list .label a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .24rem 0 .26rem;
}

.contents_hall .main_list .list .label a .grow {
    padding-left: .26rem;
    width: calc(100% - .8rem);
}

.contents_hall .main_list .list .label a .grow .t {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contents_hall .main_list .list .label a .grow .t .name {
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: #333;
}

.contents_hall .main_list .list .label a .grow .t .name img {
    width: .32rem;
    margin-left: .04rem;
}

.contents_hall .main_list .list .label a .grow .t p {
    font-size: .2rem;
    color: #e71f13;
}

.contents_hall .main_list .list .label a .grow .t p span {
    font-size: .3rem;
    font-weight: bold;
}

.contents_hall .main_list .list .label a .grow .b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .1rem;
}

.contents_hall .main_list .list .label a .grow .b .desc {
    display: flex;
}

.contents_hall .main_list .list .label a .grow .b .desc span {
    height: .3rem;
    font-size: .18rem;
    color: #959595;
    display: flex;
    align-items: center;
    padding: 0 .1rem;
    background: #f9f9f9;
    margin-right: .12rem;
    border-radius: 0 .1rem 0 .1rem;
}

.contents_hall .main_list .list .label a .grow .b .count {
    display: flex;
    align-items: center;
}

.contents_hall .main_list .list .label a .grow .b .count p {
    font-size: .22rem;
    color: #9a9a9a;
    margin-left: .14rem;
}

.contents_hall .main_list .list .label a .grow .b .count p span {
    color: #e30000;
}

.contents_hall .main_list .list .label a .avatar {
    width: .8rem;
    height: .8rem;
    position: relative;
    border-radius: 50%;
}

.contents_hall .main_list .list .label a .avatar .ava {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.contents_hall .main_list .list .label a .avatar .y {
    width: .5rem;
    position: absolute;
    right: -.14rem;
    bottom: .08rem;
}

.contents_hall .hall_tabbar {
    width: 100%;
    height: .8rem;
    overflow: hidden;
    position: relative;
    background: #fff;
    z-index: 9991;
    border-bottom: 1px solid #E0E0E2;
    display: flex;
}

.contents_hall .hall_tabbar .type {
    width: 1.52rem;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents_hall .hall_tabbar .type::after {
    content: '';
    width: 1px;
    height: .62rem;
    background: #D8D8D8;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contents_hall .hall_tabbar .type span {
    font-size: .3rem;
    appearance: none;
    outline: none;
    color: #333;
}

.contents_hall .hall_tabbar .type select {
    border: none;
    background: none;
    font-size: .3rem;
    appearance: none;
    outline: none;
    color: #333;
}

.contents_hall .hall_tabbar .type img {
    width: .13rem;
    margin-left: .08rem;
}

.contents_hall .hall_tabbar .tabbar {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.contents_hall .hall_tabbar .tabbar div {
    flex: 1;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    color: #000;
}

.contents_hall .hall_tabbar .tabbar div.on {
    color: #eb5168;
}

.contents_hall .hall_tabbar .tabbar div.on::after {
    content: '';
    width: .88rem;
    border-radius: 1px;
    height: 3px;
    background: #eb5168;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3px;
}

.contents_hall .header_hall {
    width: 100%;
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FE4040;
    z-index: 9991;
    position: relative;
    border-radius: 0 0 .16rem .16rem;
}

.contents_hall .header_hall .search {
    width: 4.64rem;
    height: .64rem;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: .4rem;
    padding-left: .16rem;
}

.contents_hall .header_hall .search img {
    width: .29rem;
}

.contents_hall .header_hall .search input {
    flex: 1;
    height: 100%;
    border: none;
    background: none;
    font-size: .26rem;
    color: #333;
    padding-left: .16rem;
}

.contents_hall .header_hall .search input::placeholder {
    color: #C7C7C7;
}

.contents_hall .header_hall .up {
    overflow: hidden;
    width: 1.47rem;
}

.contents_hall .header_hall .up img {
    display: block;
    width: .27rem;
    margin: 0 auto;
}

.contents_hall .header_hall .up span {
    display: block;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    margin-top: .1rem;
}

.contents_hall .header_hall .pb {
    width: 1.4rem;
}

.contents_hall .header_hall .pb.on div {
    border: none;
}

.contents_hall .header_hall .pb.on div img {
    display: block;
}

.contents_hall .header_hall .pb div {
    width: .26rem;
    height: .26rem;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
}

.contents_hall .header_hall .pb div img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    display: none;
}

.contents_hall .header_hall .pb span {
    display: block;
    text-align: center;
    font-size: .24rem;
    margin-top: .1rem;
    color: #fff;
}

.contents {
    width: 100%;
    position: relative;
    min-height: 100vh;
    background: #f1f1f1;
    padding-top: .26rem;
}

.contents::after {
    content: '';
    width: 100%;
    height: 4.4rem;
    background: #d6504a;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 .2rem .2rem;
}

.contents .banner {
    overflow: hidden;
    width: 7.05rem;
    margin: 0 auto;
    position: relative;
    height: 2.5rem;
    z-index: 9;
    border-radius: .1rem;
    box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, 0.1);
}

.contents .banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.contents .navbar {
    width: 7.05rem;
    margin: 0 auto;
    border-radius: .1rem;
    margin-top: .2rem;
    position: relative;
    z-index: 9;
    background: #fff;
    box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, 0.1);
    padding: .3rem .36rem .26rem .36rem;
}

.contents .navbar .links {
    display: flex;
    flex-wrap: wrap;
}

.contents .navbar .links .label {
    width: 25%;
    margin-bottom: .28rem;
}

.contents .navbar .links .label .icon {
    width: 1rem;
    margin: 0 auto;
    position: relative;
}

.contents .navbar .links .label .icon img {
    width: 100%;
}

.contents .navbar .links .label span {
    display: block;
    text-align: center;
    font-size: .24rem;
    color: #333;
    margin-top: .1rem;
}

.contents .navbar .notice {
    width: 100%;
    height: .44rem;
    display: flex;
    align-items: center;
    background: #f8d8d9;
    border-radius: .1rem;
    padding-left: .14rem;
}

.contents .navbar .notice img {
    width: .5rem;
}

.contents .navbar .notice .slide {
    height: 100%;
    padding-left: .24rem;
    flex: 1;
}

.contents .navbar .notice .slide .mySwiper1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contents .navbar .notice .slide .mySwiper1 .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contents .navbar .notice .slide p {
    font-size: .24rem;
    color: #333;
    line-height: .44rem;
}

.contents .main_list {
    width: 100%;
    background: #fff;
    border-radius: .26rem .26rem 0 0;
    margin-top: .22rem;
}

.contents .main_list .list {
    width: 100%;

    /*margin-bottom: 0.2rem;*/
    overflow: hidden;
}

.contents .main_list .list .label {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ececec;
    height: 1.22rem;
}

.contents .main_list .list .label a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .24rem 0 .26rem;
}

.contents .main_list .list .label a .grow {
    padding-left: .26rem;
    width: calc(100% - .8rem);
}

.contents .main_list .list .label a .grow .t {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contents .main_list .list .label a .grow .t .name {
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: #333;
}

.contents .main_list .list .label a .grow .t .name img {
    width: .32rem;
    margin-left: .04rem;
}

.contents .main_list .list .label a .grow .t p {
    font-size: .2rem;
    color: #e71f13;
}

.contents .main_list .list .label a .grow .t p span {
    font-size: .3rem;
    font-weight: bold;
}

.contents .main_list .list .label a .grow .b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .1rem;
}

.contents .main_list .list .label a .grow .b .desc {
    display: flex;
}

.contents .main_list .list .label a .grow .b .desc span {
    height: .3rem;
    font-size: .18rem;
    color: #959595;
    display: flex;
    align-items: center;
    padding: 0 .1rem;
    background: #f9f9f9;
    margin-right: .12rem;
    border-radius: 0 .1rem 0 .1rem;
}

.contents .main_list .list .label a .grow .b .count {
    display: flex;
    align-items: center;
}

.contents .main_list .list .label a .grow .b .count p {
    font-size: .22rem;
    color: #9a9a9a;
    margin-left: .14rem;
}

.contents .main_list .list .label a .grow .b .count p span {
    color: #e30000;
}

.contents .main_list .list .label a .avatar {
    width: .8rem;
    height: .8rem;
    position: relative;
    border-radius: 50%;
}

.contents .main_list .list .label a .avatar .ava {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.contents .main_list .list .label a .avatar .y {
    width: .5rem;
    position: absolute;
    right: -.14rem;
    bottom: .08rem;
}

.contents .main_list .tabbar {
    width: 100%;
    display: flex;
    align-items: center;
}

.contents .main_list .tabbar div {
    flex: 1;
    position: relative;
    height: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    color: #000;
}

.contents .main_list .tabbar div.on {
    color: #eb5168;
}

.contents .main_list .tabbar div.on::after {
    content: '';
    width: 1.36rem;
    height: 3px;
    background: #eb5168;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.index_links {
    position: fixed;
    right: .38rem;
    bottom: 8%;
    z-index: 99;
}

.index_links a {
    display: block;
    width: .84rem;
    margin-bottom: .3rem;
}

.index_links a img {
    display: block;
    width: 100%;
}

.null {
    height: 1rem;
}

.footer_link {
    width: 100%;
    height: 1rem;
    background: #fff;
    display: flex;
    position: fixed;
    left: 0;
    align-items: center;
    bottom: 0;
    border-top: 1px solid #E0E0E0;
    z-index: 9999;
}

.footer_link a {
    display: block;
    flex: 1;
}

.footer_link a.on span {
    color: #FF2C26;
}

.footer_link a img {
    display: block;
    width: .4rem;
    margin: 0 auto;
}

.footer_link a span {
    display: block;
    text-align: center;
    font-size: .2rem;
    color: #666;
    margin-top: .08rem;
}

/*# sourceMappingURL=css.css.map */
