@charset "utf-8"; body {
    margin: 0 auto!important;
    background: #f5f5f5;
    font-size: .26rem;
}

div {
    box-sizing: border-box;
}

.dn {
    display: none;
}

.clearfix:after {
    content: '\20';
    clear: both;
    height: 0;
    display: block;
}

a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none!important;
}

a:hover {
    text-decoration: none!important;
}

* {
    outline: none!important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;} */
input,textarea {
    outline: none;
    border: none;
    box-sizing: border-box;
    background: none;
}

/* --------------index-start-------------- */
.bgPage {
    background: url(../images/commomBg.jpg) center top no-repeat;
    background-size: 100% auto;
}

.homeBanner {
    position: relative;
}

.homeNotice {
    width: 6.7rem;
    margin: 0 auto .18rem;
    line-height: .85rem;
    display: flex;
    justify-content: space-between;
    background: url(../images/notice.png) left center no-repeat;
    padding-left: 1.1rem;
    background-size: .83rem auto;
}

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

.homeNotice p {
    color: #ffffff;
}

.homeNotice span {
    color: #969fb0;
}

.homeNotice .mySwiper {
    flex: 1;
    height: .86rem;
    overflow: hidden;
}

.homeNotice .swiper-slide {
    line-height: .86rem;
}

.homeNotice b {
    margin-right: .2rem;
    font-size: .28rem;
    color: #ffffff;
}

.container {
    width: 6.9rem;
    margin: 0 auto;
}

.accountInfor {
    padding: .4rem .2rem;
    margin-top: 0 auto;
    position: relative;
    z-index: 2;
}

.titCell {
    position: relative;
    text-align: center;
    color: #333333;
    font-size: .32rem;
    line-height: 1;
    margin-bottom: .3rem;
}

.titCell:before {
    content: '';
    position: absolute;
    left: 0;
    width: 2.5rem;
    height: 1px;
    background-image: linear-gradient(to right,rgba(226,226,226,0),rgba(226,226,226,1));
    top: 50%;
    transform: translateY(-50%);
}

.titCell:after {
    content: '';
    position: absolute;
    right: 0;
    width: 2.5rem;
    height: 1px;
    background-image: linear-gradient(to right,rgba(226,226,226,1),rgba(226,226,226,0));
    top: 50%;
    transform: translateY(-50%);
}

.accountBox {
    background: rgba(255,255,255,.5);
    padding: .4rem .32rem .32rem;
    border-radius: .34rem;
}

.accountBox h3 {
    font-size: .28rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .32rem;
}

.accountBox h4 {
    border-bottom: 1px solid #eee;
    padding-bottom: .26rem;
    font-size: .6rem;
    line-height: .52rem;
    color: #000000;
    margin-bottom: .26rem;
}

.accountControl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accountControl p {
    color: #333333;
    font-size: .28rem;
}

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

.controlBtn a {
    padding: 0 .38rem;
    margin-left: .16rem;
    display: block;
    line-height: .62rem;
    color: #ffffff;
    font-size: .28rem;
    border-radius: .08rem;
}

.controlBtn a:nth-child(1) {
    background-image: linear-gradient(to right,#a37639,#deb97e);
}

.controlBtn a:nth-child(2) {
    background: #000000;
}

.accountControl p span {
    color: #333333;
    margin-left: .15rem;
}

.homeLink {
    margin-top: .6rem;
}

.homeLink ul {
    display: flex;
    justify-content: space-between;
    gap: .2rem;
}

.homeLink li {
    flex: 1;
    background: #1c222e;
    padding: .26rem 0;
    text-align: center;
    border-radius: .32rem;
}

.homeLink li p {
    font-size: .28rem;
    color: #ffffff;
}

.homeLink li img {
    height: .88rem;
    width: auto;
    margin: 0 auto .22rem;
}

.watchlist {
    margin-top: .6rem;
}

.watchlist li a {
    padding: .3rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
    background: #1c222e;
    border-radius: .32rem;
}

.coinImg {
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .2rem;
}

.coinImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.coinName {
    width: 2rem;
}

.coinGrow {
    width: 1.03rem;
}

.coinNum {
    text-align: right;
    width: 2.05rem;
}

.coinName p {
    font-size: .32rem;
    color: #ffffff;
    line-height: 1;
    margin-bottom: .2rem;
}

.coinName span {
    color: #969fb0;
}

.coinNum p {
    font-size: .32rem;
    color: #ffffff;
    line-height: 1;
    margin-bottom: .2rem;
}

.coinNum span {
    color: #3dcb77;
}

.coinNum .red {
    color: red;
}

.watchlist li {
    margin-bottom: .2rem;
}

.watchlist li.downLine .coinNum span {
    color: #ff0000;
}

.footer {
    z-index: 10;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.08rem;
}

.h108 {
    height: 1.08rem;
}

.footer a {
    justify-content: center;
    flex-direction: column;
    flex: 1;
    display: flex;
    align-items: center;
}

.footIcon {
    margin-bottom: .1rem;
    width: 100%;
    height: .43rem;
    position: relative;
}

.footIcon img {
    height: 100%;
    width: auto;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.footIcon img:nth-child(1) {
    opacity: 0;
}

.footIcon img:nth-child(2) {
    opacity: 1;
}

.footer a.cur .footIcon img:nth-child(1) {
    opacity: 1;
}

.footer a.cur .footIcon img:nth-child(2) {
    opacity: 0;
}

.footer a p {
    line-height: 1;
    font-size: .24rem;
    color: #333333;
}

.footer a.cur p {
    color: #a27538;
}

.errorNotice {
    display: none;
    background: rgba(0,0,0,0.8);
    border-radius: .22rem;
    text-align: center;
    width: 3.6rem;
    padding: .46rem .4rem .4rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.errorNotice img {
    display: block;
    width: .52rem;
    margin: 0 auto .28rem;
}

.errorNotice p {
    font-size: .28rem;
    color: #ffffff;
}

.contPage {
    background: url(../images/a_01.png) center top no-repeat;
    background-size: 100% auto;
    padding-top: 2.54rem;
}

.joinCont li {
    background: #ffffff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: .32rem;
    margin-bottom: .3rem;
    padding: .32rem .32rem 0;
}

.joinTitle {
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
    position: relative;
}

.joinState {
    border-radius: .08rem;
    width: .75rem;
    height: .67rem;
    background: url(../images/online.png) center no-repeat;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(32deg);
    font-size: .22rem;
    color: #f9934a;
}

.joinIcon {
    width: .52rem;
    margin-right: .16rem;
    border-radius: 50%;
    overflow: hidden;
    height: .52rem;
}

.joinTitle p {
    font-size: .32rem;
    color: #333333;
}

.joinData dl {
    border-bottom: 1px solid #eeeeee;
    padding:0 .2rem .2rem;
    display: flex;
	justify-content: space-between;
}

.joinData dt {
    
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}



.joinData dt:last-child {
    margin-right: 0;
}

.joinData dt:last-child::after {
    display: none;
}

.joinData dt p {
    font-size: .28rem;
    line-height: 1;
    color: #999999;
}

.joinData dt span {
    font-size: .28rem;
    color: #333;
    margin-left: .12rem;
}

.joinData dt span.stateNum {
    color: #a27538;
}

.joinData dt span.stateNum.downNum {
    color: #d62529
}

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

.joinGet p {
    font-size: .28rem;
    color: #333333;
    margin-right: .12rem;
}

.joinGet span {
    color: #a27538;
    font-size: .28rem;
}

.joinFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.joinDate {
    font-size: .26rem;
    color: #999999;
    display: flex;
    align-items: center;
}

.joinDate img {
    width: .24rem;
    margin-right: .13rem;
}

.joinState.finish {
    color: #a27538;
    background: url(../images/endState.png) center no-repeat;
    background-size: 100% auto;
}

.joinState.ended {
    color: #a27538;
    background: url(../images/endState.png) center no-repeat;
    background-size: 100% auto;
}

.joinData dt:last-child::after {
    display: none;
}

.joinDate {
    position: relative;
    line-height: .84rem;
    font-size: .26rem;
    color: #969fb0;
}

.emptyJoin {
    padding-top: 19vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.emptyJoin img {
    width: 2.08rem;
    margin-bottom: .5rem;
}

.emptyJoin p {
    font-size: .36rem;
    color: #333;
}

.emptyJoin a {
    display: block;
    width: 2.8rem;
    line-height: .88rem;
    text-align: center;
    color: #ffffff;
    font-size: .32rem;
    background: #a27538;
    border-radius: .88rem;
    margin: .48rem auto 0;
}

.caseTop {
    position: relative;
    background-size: 100% auto;
    height: 2.58rem;
}

.header {
    line-height: .8rem;
    height: .8rem;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: .36rem;
    font-weight: bold;
}

.header.act {
    background: #ffffff;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.back {
    background: url(../images/backIcon.png) center no-repeat;
    width: .2rem;
    height: .35rem;
    background-size: 100% auto;
    position: absolute;
    left: .3rem;
    top: 50%;
    transform: translateY(-50%);
}

.leaveChose {
    padding: .06rem;
    margin: 1.1rem auto 1.8rem;
    width: 5.2rem;
    background: #eae1cc;
    display: flex;
    justify-content: space-between;
}

.leaveChose span {
    border-radius: .08rem;
    text-align: center;
    font-size: .26rem;
    color: #333333;
    flex: 1;
    cursor: pointer;
    position: relative;
    line-height: .6rem;
    display: block;
}

.leaveChose span.cur {
    background: #a27538;
    color: #ffffff;
}

.caseList {
    padding-top: .5rem;
}

.joinCont .joinNotice {
    display: flex;
    padding: .18rem .34rem;
    border-radius: .24rem;
    background-image: linear-gradient(to right,#ffffff,#f5f5f5);
    justify-content: space-between;
    align-items: center;
}

.priceCont p,.willGet p {
    font-size: .22rem;
    color: #969fb0;
    line-height: 1;
    margin-bottom: .18rem;
}

.priceCont span {
    font-size: .28rem;
    color: #ffffff;
}

.willGet span {
    font-size: .28rem;
    color: #ffffff;
    color: #333333;
}

.priceCont {
    width: 2.68rem;
}

.willGet {
    width: 1.66rem;
}

.joinNotice a {
    display: block;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    justify-content: center;
    line-height: .58rem;
    color: #ffffff;
    background-image: linear-gradient(to right,#aa7e41,#d8b177);
    text-align: center;
    border-radius: .58rem;
}

.joinNotice a img {
    width: .24rem;
    margin-right: .05rem;
}

.joinNotice {
    margin-bottom: .1rem;
}

.joinNotice:last-child {
    margin-bottom: 0;
}

.joinList {
    padding: .2rem 0 .4rem;
}

.timeLast {
    width: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: start;
}

.joinTitle .timeLast {
    position: absolute;
    right: 0;
    width: auto;
}

.timeLast img {
    width: .24rem;
    margin-right: .1rem;
}

#screen {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}

.buyData .dataSlide {
    margin-bottom: .2rem;
    position: relative;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    background: #f4f4f4;
    height: 1rem;
    border-radius: .2rem;
}

.buyData .dataSlide p {
    font-size: .26rem;
    color: #333333;
    line-height: 1rem;
}

.buyData .dataSlide b {
    display: block;
    margin-top: .2rem;
    font-size: .32rem;
    color: #333333;
}

.dataSlide:last-child::after {
    display: none;
}

.joinNum {
    padding: 0 .3rem;
    background: #f4f4f4;
    height: 1rem;
    border-radius: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buyData {
    padding: .3rem;
}

.numControl {
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .15rem 0 .15rem .13rem;
}

.numControl input {
    width: .92rem;
    flex: 1;
    color: #333;
    text-align: center;
}

.joinNum p {
    font-size: .28rem;
    color: #333333;
}

.altControl {
    display: flex;
    align-items: center;
    border-top: 1px solid #eee;
    justify-content: space-between;
    padding: .15rem .3rem;
}

.altControl a {
    font-size: .32rem;
    line-height: .88rem;
    display: block;
    text-align: center;
    width: 3.4rem;
    height: .88rem;
    border-radius: .22rem;
}

.altControl a.sure {
    background: #a27538;
    color: #ffffff;
}

.altControl a.esc {
    background: #eae1cc;
    color: #333333;
}

.mypage {
    background: url(../images/commomBg.jpg) center top no-repeat;
    min-height: calc(100vh - 1.08rem);
    background-size: 100% auto;
    padding-top: 1.28rem;
}

.myInfor {
    display: flex;
    align-items: center;
    padding: 0 .4rem;
}

.myInfor .logo {
    width: 1.5rem;
    margin: 0 .34rem 0 0;
}

.inforCont p {
    margin-bottom: .2rem;
    font-size: .48rem;
    color: #333333;
    margin-right: .12rem;
}

.inforCont b {
    font-size: .24rem;
    color: #333333;
    display: flex;
    align-items: center;
}

.inforCont b img {
    display: block;
    margin-right: .13rem;
    width: .43rem;
}

.myData {
    padding: 0 .3rem .34rem .3rem;
    padding-bottom: .34rem;
    background: #000000;
    margin-top: .34rem;
    border-radius: .26rem .26rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #454851;
}

.myData .dataSlide {
    line-height: .72rem;
    display: flex;
    align-items: center;
    text-align: left;
}

.myData .dataSlide p {
    font-size: .22rem;
    margin-right: .12rem;
    color: #cccccc;
    line-height: 1;
}

.myData .dataSlide span {
    color: #ffc06b;
    font-size: .24rem;
}

.myData .dataSlide::after {
    display: none;
}

.safeProduct {
    position: relative;
    background: url(../images/ucardBg.png) center no-repeat;
    background-size: cover;
    padding: .36rem .32rem .36rem;
    border-radius: .28rem;
    margin: -.34rem 0 .2rem;
}

.safeProduct h2 {
    color: #ffffff;
    font-size: .3rem;
    line-height: 1;
    margin-bottom: .18rem;
}

.safeProduct li {
    line-height: .6rem;
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}

.safeProduct li p {
    font-size: .28rem;
    color: #ffffff;
    width: 1.65rem;
}

.safeProduct li span {
    font-size: .32rem;
    color: #ffffff;
    line-height: .28rem;
    display: block;
}

.safeProduct a {
    display: block;
    width: 1.5rem;
    display: block;
    line-height: .48rem;
    text-align: center;
    border-radius: .62rem;
}

.safeProduct a.pickNums {
    position: absolute;
    right: 0;
    top: .9rem;
    background: #ffffff;
    border-radius: .48rem 0 0 .48rem;
    color: #000000;
}

.safeProduct a.peiBtn {
    position: absolute;
    right: 0;
    top: 1.5rem;
    background: #000000;
    color: #ffffff;
    border-radius: .48rem 0 0 .48rem;
}

.userLink {
    border-radius: .22rem;
    background: #ffffff;
    padding: .32rem 0 .1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.userLink ul {
    display: flex;
    flex-wrap: wrap;
}

.userLink li {
    width: 25%;
    margin-bottom: .32rem;
}

.userLink li a {
    text-align: center;
    display: block;
    color: #000000;
    font-size: .28rem;
}

.userLink li a img {
    width: .88rem;
    margin: 0 auto .18rem;
}

.logOut {
    display: block;
    width: 5rem;
    height: .9rem;
    border-radius: .1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-align: center;
    line-height: .9rem;
    margin: .6rem auto;
    font-size: .28rem;
    color: #333333;
    background: #ffffff;
}

.loginPage {
    background: url(../images/loginBg.jpg) center top no-repeat #f5f5f5;
    position: relative;
    min-height: 100vh;
    background-size: 100% auto;
    padding-top: 2.23rem;
}

.loginTitle h2 {
    font-weight: bold;
    color: #333333;
    font-size: .54rem;
    line-height: 1;
    margin-bottom: .4rem;
}

.loginTitle p {
    font-size: .28rem;
    color: #333333;
}

.loginTitle {
    margin-bottom: .45rem;
}

.loginForm li img {
    position: absolute;
    left: .38rem;
    top: 50%;
    transform: translateY(-50%);
    width: .3rem;
}

.loginForm li {
    background: #ffffff;
    height: 1rem;
    border-radius: .2rem;
    margin-bottom: .2rem;
    position: relative;
    line-height: .94rem;
    font-size: .28rem;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginForm li input {
    font-size: .28rem;
    width: 100%;
    text-indent: .9rem;
    color: #000;
}

.loginForm li input::placeholder {
    color: #999999;
}

.loginForm li input#btnSendCode1 {
    width: 2.18rem;
    position: absolute;
    color: #a27538;
    right: 0;
    text-align: center;
    text-indent: 0;
}

.loginForm li:last-child {
    border: none;
}

.loginPage .loginBtn {
    margin: .44rem auto .4rem;
    border: none;
    line-height: .98rem;
    width: 5.78rem;
    font-size: .32rem;
    color: #ffffff;
    background: #a27538;
    border-radius: .21rem;
    display: block;
    text-align: center;
}

.forgetEnter {
    text-align: center;
}

.forgetEnter a {
    font-size: .28rem;
    color: #333333;
}

.loginPage .container {
    position: relative;
    z-index: 2;
}

.donwApp {
    border: 1px solid #41454f;
    width: 5.78rem;
    margin: .47rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .15rem;
    line-height: .98rem;
    border-radius: .98rem;
    background: #0e121b;
    color: #ffffff;
    font-size: .28rem;
    color: #ffffff;
}

.donwApp img {
    width: .36rem;
}

.articleTitle {
    margin-top: .2rem;
}

.articleTitle h2 {
    font-size: .36rem;
    margin-bottom: .2rem;
    color: #ffffff;
    line-height: .54rem;
}

.articleTitle p {
    font-size: .24rem;
    color: #969fb0;
    display: flex;
    align-items: center;
    gap: .1rem;
}

.articleTitle p img {
    width: .22rem;
}

.articleTitle {
    border-bottom: 1px solid #2c3039;
    padding-bottom: .4rem;
}

.articleCont p {
    font-size: .28rem;
    color: #969fb0;
    line-height: .48rem;
    margin-bottom: .48rem;
}

.articleCont {
    padding: .3rem 0;
}

.successAlt {
    display: none;
    position: fixed;
    width: 5rem;
    z-index: 99;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    padding: .06rem;
    border-radius: .22rem;
}

.successCont {
    box-shadow: 0 0 10px rgba(162,117,56,.2);
    border-radius: .22rem;
    background: #ffffff;
    padding: .53rem 0 .68rem;
    background-size: 100% auto;
}

.successCont img {
    width: .78rem;
    margin: 0 auto .3rem;
}

.successCont p {
    color: #000;
    text-align: center;
    font-size: .32rem;
    line-height: .44rem;
    margin-bottom: .42rem;
}

.successAlt a.closeAlt {
    text-align: center;
    display: block;
    line-height: .7rem;
    width: 3.2rem;
    border-radius: .7rem;
    margin: 0 auto;
    font-size: .28rem;
    color: #ffffff;
    background: #a27538;
}

.lxftime,.lxftime span {
    font-size: .24rem;
    color: #f9934a!important;
}

.recordTit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 .78rem .2rem .32rem;
    border-bottom: 1px solid #454851;
}

.recordTit p {
    font-size: .28rem;
    color: #ffffff;
}

.recordList {
    margin: 1.2rem auto 0;
    background: #ffffff;
    width: 7.1rem;
    border-radius: .28rem;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.recordList li {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: .32rem 0 0;
}

.moneyIcons {
    width: .52rem;
    margin-right: .2rem;
}

.recordDetail {
    flex: 1;
    border-bottom: 1px solid #eee;
    padding-bottom: .32rem;
}

.recordControl span {
    font-size: .24rem;
    color: #999999;
}

.recordControl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recordControl b {
    display: flex;
    align-items: center;
    font-size: .22rem;
    color: #999999;
}

.recordControl b img {
    width: .19rem;
    margin-left: .08rem;
    transition: all .4s;
}

.recordControl b.cur img {
    transform: rotate(180deg);
}

.recodeName {
    line-height: .4rem;
    margin-bottom: .12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recodeName p {
    color: #333;
    font-size: .28rem;
    line-height: 1
}

.recodeName span {
    font-size: .24rem;
    color: #969fb0;
}

.recordNum {
    font-size: .28rem;
    color: #a27538;
}

.pickAddress {
    display: none;
    margin-top: .13rem;
    font-size: .24rem;
    color: #969fb0;
    line-height: .34rem;
}

.pickAddress i {
    word-break: break-all;
}

.recordList {
    padding: 0 .32rem;
}

.pickAddress b {
    display: inline-flex;
    width: .18rem;
    margin-left: .12rem;
}

.recordNum.reduceNum {
    color: #333;
}

.teamTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 .32rem .2rem .32rem;
    border-bottom: 1px solid #454851;
}

.teamTitle p {
    font-size: .28rem;
    color: #ffffff;
}

.teamList {
    margin: 1.2rem auto;
    background: #ffffff;
    width: 7.1rem;
    border-radius: .28rem;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

.teamList li {
    padding: .26rem 0 0;
    display: flex;
    justify-content: space-between;
}

.userIcons {
    width: .52rem;
}

.teamPeople {
    padding-bottom: .26rem;
    width: calc(100% - .72rem);
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
    align-items: start;
}

.peoInfor p:nth-child(1) {
    color: #333333;
    line-height: .4rem;
    font-size: .28rem;
    margin-bottom: .15rem;
}

.peoInfor p:nth-child(2) {
    color: #999999;
    font-size: .24rem;
    line-height: 1;
}

.teamList li span {
    display: block;
    font-size: .22rem;
    color: #3dcb77;
    line-height: .39rem;
    padding: 0 .12rem;
    border-radius: .12rem;
    background-image: linear-gradient(to right,#cc924c,#e1bc81);
}

.teamList li span.error {
    color: #ffffff;
    background: #000000;
}

.teamList li span.textState {
    background-image: linear-gradient(to right,#ff7e00,#ff9264);
}

.teamList {
    padding: 0 .32rem;
}

.starCover {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/star.jpg) center no-repeat;
    background-size: cover;
}

.downPage {
    background: url(../images/downPage.jpg) center top no-repeat;
    height: 16.24rem;
    background-size: 100% auto;
}

.downBtn {
    position: absolute;
    bottom: 1.1rem;
    width: 100%;
    left: 0;
}

.downBtn a {
    display: block;
    margin: .26rem auto 0;
    height: 1rem;
    width: 5.21rem;
}

.invitePage {
    min-height: 100vh;
    padding-bottom: .3rem;
    background: url(../images/commomBg.jpg) center top no-repeat #161a25;
    padding-top: 1.23rem;
}

.inviteCont {
    width: 6.6rem;
    margin: 0 auto;
    background: url(../images/invitePic.png) center no-repeat #000000;
    height: 8.55rem;
    border: 1px solid #f2a998;
    border-bottom: none;
    border-radius: .12rem .12rem 0 0;
    background-size: 100% auto;
    position: relative;
}

.inviteCont>img {
    width: 1.18rem;
    position: absolute;
    bottom: .37rem;
    right: .41rem;
}

.canvasBar {
    width: 6.6rem;
    position: relative;
    margin: 0 auto;
}

.resultImg {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.resultImg img {
    opacity: 0;
}

.container_invite {
    width: 6.6rem;
    margin: 0 auto;
}

.inviteBottom {
    margin: 0 auto;
    width: 6.6rem;
    height: 3.49rem;
    background: url(../images/inviteBottom.jpg) center no-repeat;
    background-size: cover;
    border-radius: 0 0 .22rem .22rem;
    padding: .25rem .25rem 0;
}

.inviteBottom h2 {
    text-align: center;
    font-size: .28rem;
    color: #333333;
}

.linkCont {
    background: #161b25;
    line-height: .66rem;
    border-radius: .15rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.linkCont span {
    color: #ffffff;
    font-size: .24rem;
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: 0 .15rem;
    background-image: linear-gradient(to right,#3b34bb,rgba(59,52,187,0));
}

.linkCont b {
    overflow: hidden;
    flex: 1;
    font-size: .24rem;
    color: #969fb0;
}

.inviteControl {
    display: flex;
    justify-content: center;
    margin-top: .25rem;
    align-items: center;
}

.inviteControl a img {
    width: .96rem;
    border-radius: 50%;
    margin: 0 auto .16rem;
}

.inviteControl a p {
    font-size: .28rem;
    color: #333;
}

.inviteControl a {
    margin: 0 .5rem;
}

.scanBar {
    position: absolute;
    bottom: .45rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5.05rem;
    background: rgba(255,255,255,.8);
    border-radius: .16rem;
    padding: .34rem 0;
}

.scanBar img {
    width: 2.1rem;
    margin: 0 auto .26rem;
}

.scanBar p {
    text-align: center;
    color: #a27538;
    font-size: .28rem;
}

.talkPage {
    height: calc(100vh - 2.15rem);
    padding: .3rem .2rem;
    overflow-y: auto;
}

.timeTag {
    text-align: center;
    font-size: .2rem;
    color: #ffffff;
    background: rgba(0,0,0,0.2);
    line-height: .46rem;
    width: .92rem;
    border-radius: .46rem;
    margin: 0 auto .3rem;
}

.answer {
    overflow: hidden;
    margin-bottom: .4rem;
}

.ansIcon {
    margin-right: .15rem;
    float: left;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    overflow: hidden;
}

.ansIcon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ansText h2 {
    line-height: 2;
    font-size: .28rem;
    color: #333;
}

.ansText p {
    display: inline-block;
    background: #ffffff;
    color: #333333;
    max-width: 5.2rem;
    box-sizing: border-box;
    padding: .2rem;
    border-radius: .15rem;
    box-sizing: border-box;
}

.ansText {
    float: left;
}

.question .ansIcon {
    margin-right: 0;
    margin-left: .15rem;
    float: right;
}

.question .ansText {
    float: right;
}

.question .ansText p {
    color: #ffffff;
    background: #a27538;
}

.question {
    overflow: hidden;
    margin-bottom: .4rem;
}

.talkControl { left: .3rem; bottom: .35rem; width: 6.9rem; position: fixed;}
.talkFlex {display: flex; position: relative; z-index: 2; align-items: center; justify-content: center;background: #eae1cc;height: 1rem; border-radius: .1rem; gap: .2rem; padding: 0 .2rem;}
.talkFlex input { flex: 1;background: rgba(255, 255, 255, .5); height: .7rem; border-radius: .1rem; text-indent: .1rem;}
.talkControl .sendBtn {
    border: none;
    outline: none;
    width: .68rem;
    border-radius: .12rem;
}

.upload {
    position: relative;
    width: .54rem;
}

.upload input {
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.talkControl>input {
    flex: 1;
    color: #333;
    border-radius: .14rem;
    height: .72rem;
    font-size: .28rem;
    text-indent: .18rem;
}

.h80 {
    height: .8rem;
}

.aboutPage {
    background: url(../images/wanfaBg.jpg) center top no-repeat #ffffff;
    padding-top: 2.32rem;
    background-size: 100% auto;
}

.aboutTitle {
    margin-bottom: .38rem;
    border-bottom: 1px solid #2e313b;
    padding: .6rem 0 .32rem;
}

.aboutTitle p {
    font-size: .36rem;
    color: #ffffff;
}

.aboutTitle span {
    font-weight: 200;
    font-size: .2rem;
    color: #969fb0;
    line-height: .36rem;
}

.aboutCell li {
    margin-bottom: .55rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.aboutPic {
    width: .88rem;
    margin-right: .27rem;
}

.aboutText {
    flex: 1
}

.aboutText p {
    color: #ffffff;
    font-size: .3rem;
    font-weight: bold;
    line-height: .32rem;
    margin-bottom: .12rem;
}

.aboutText span {
    font-size: .24rem;
    color: #969fb0;
    display: block;
    line-height: 1.5;
}

.titleCell {
    font-weight: bold;
    font-size: .32rem;
    line-height: 1;
    margin-bottom: .55rem;
    color: #ffffff;
}

.aboutCell {
    border-bottom: 1px solid #2e313b;
    margin-bottom: .55rem;
}

.honor {
    background: #1c222e;
    padding: .34rem;
    border-radius: .12rem;
    margin-bottom: .3rem;
}

.aboutCell dt {
    display: flex;
    justify-content: space-between;
    gap: .3rem;
}

.aboutCell dt p {
    line-height: .48rem;
    white-space: nowrap;
    font-size: .26rem;
    color: #969fb0;
}

.aboutCell dt span {
    text-align: right;
    font-size: .26rem;
    line-height: .48rem;
    color: #ffffff;
}

.aboutCell dl {
    padding-bottom: .48rem;
}

.aboutTitle h3 {
    font-size: .28rem;
    color: #ffffff;
    line-height: .36rem;
}

.aboutCont dt h4 {
    margin-bottom: .12rem;
    font-size: .3rem;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.aboutCont dt h4 img {
    width: .52rem;
    margin-right: .16rem;
}

.aboutCont dt p {
    font-size: .22rem;
    color: #969fb0;
    line-height: .46rem;
}

.aboutCont dt {
    background: #1c222e;
    padding: .32rem .24rem;
    margin-bottom: .2rem;
    border-radius: .22rem;
}

.aboutDescArt {
    width: 6.9rem;
    background: #ffffff;
    margin: 0 auto .1rem;
    border-radius: .32rem;
    padding: .3rem;
    box-shadow: 0 0 10px rgba(0,0,0,0,.1);
}

.aboutDescArt p {
    font-size: .28rem;
    line-height: .38rem;
    margin-bottom: .3rem;
}

.aboutDescArt p:last-child {
    margin: 0;
}

.payPage {
    background: url(../images/pickBg.jpg) center top no-repeat #f5f5f5;
    background-size: 100% auto;
    padding: 1.3rem .2rem 0;
}

.payTitle h2 {
    font-weight: bold;
    color: #333333;
    font-size: .54rem;
    line-height: 1;
    text-indent: .34rem;
    margin-bottom: .55rem
}

.payCont {
    margin-bottom: .2rem;
}

.payCont ul {
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: .3rem;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: .24rem;
    margin-bottom: .2rem;
}

.payCont li {
    min-width: 2.6rem;
}

.payCont li p {
    font-size: .28rem;
    line-height: 1;
    margin-bottom: .2rem;
    color: #333333;
}

.payCont li img {
    margin-right: .2rem;
    width: .37rem;
}

.payCont li span {
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: #999;
}

.payCont li span b {
    color: #333;
}

.payInfor {
    background: #ffffff;
    padding: .1rem .3rem .3rem;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border-radius: .24rem;
    margin-bottom: .2rem;
}

.payInfor h3 {
    font-size: .28rem;
    line-height: .9rem;
    margin-bottom: .2rem;
    color: #333;
}

.payInfor h3 span {
    font-size: .28rem;
    color: #999999;
}

.payInfor img {
    width: 2.5rem;
    margin: 0 auto .4rem;
}

.payInfor h4 {
    color: #333;
    word-break: break-all;
    font-size: .28rem;
    line-height: .38rem;
    margin-bottom: .38rem;
}

.payInfor a {
    display: block;
    text-align: center;
    color: #ffffff;
    width: 5.8rem;
    line-height: 1rem;
    border-radius: .24rem;
    background: #a27538;
    font-size: .32rem;
    margin: 0 auto;
}

.payNotice {
    margin-bottom: 1rem;
}

.payNotice h3 {
    display: flex;
    gap: .2rem;
    font-size: .28rem;
    color: #333;
    align-items: center;
}

.payNotice h3 img {
    width: .3rem;
}

.payNotice p {
    font-size: .24rem;
    color: #666666;
    line-height: 1.5;
    margin-top: .15rem;
}

.pickNum {
    padding: .2rem 0;
    border-bottom: 1px solid #eee;
}

.pickNum p b {
    color: #a27538;
}

.pickNum p {
    font-size: .28rem;
    line-height: .54rem;
    color: #333333;
    display: flex;
    justify-content: space-between;
}

.pickInp {
    line-height: .54rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .28rem;
    color: #a27538;
}

.pickInp input {
    height: .54rem;
    margin-right: .25rem;
    font-size: .28rem;
    color: #333;
}

.numRight b {
    display: block;
    text-align: right;
    font-size: .24rem;
    color: #ff9f2e;
}

.payInfor textarea {
    display: block;
    width: 100%;
    resize: none;
    font-family: '微软雅黑';
    height: 1.66rem;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: .28rem;
    margin-top: -.2rem;
    position: relative;
    z-index: 2;
}

.payInfor dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-size: .28rem;
    line-height: .6rem;
}

.payInfor dt b {
    color: #a27538;
    margin-right: .1rem;
}

.payInfor dt span {
    color: #333;
    margin-left: .1rem;
}

.payInfor dl {
    padding: .3rem 0;
}

.successNotice,.saveNotice {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 0 .4rem;
    border-radius: .05rem;
    line-height: 2.5;
    background: rgba(0,0,0,0.8);
    color: #ffffff;
}

.saveNotice {
    pointer-events: none;
}

.pageBox ul {
    margin: .4rem auto;
    gap: .15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageBox li {
    border-radius: 4px;
    width: .4rem;
    text-align: center;
    line-height: .4rem;
    border: 1px solid #eee;
    color: #969fb0;
}

.pageBox li a {
    color: #969fb0;
}

.pageBox li.active {
    background: #a27538 ;
    color: #ffffff;
    border: 1px solid #a27538;
}

.orderAlt {
    position: fixed;
    width: 100%;
    z-index: 12;
    left: 0;
    bottom: -110%;
    background: #ffffff;
    border-radius: .22rem .22rem 0 0;
}

.orderAlt h2 {
    font-size: .36rem;
    color: #000000;
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
    align-items: center;
    line-height: 1rem;
    border-bottom: 1px solid #eeeeee;
}

.orderAlt h2 b {
    width: .58rem;
    display: block;
}

.buyPei {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 20;
    left: 0;
    bottom: 0%;
    background: #ffffff;
    border-radius: .22rem .22rem 0 0;
}

.buyConts h2 {
    font-size: .36rem;
    color: #000000;
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
    align-items: center;
    line-height: 1rem;
    border-bottom: 1px solid #eeeeee;
}

.buyConts h2 b {
    width: .58rem;
    display: block;
}

.buyConts ul {
    padding: .26rem .3rem;
}

.buyConts li {
    align-items: center;
    margin-bottom: .2rem;
    position: relative;
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between;
    background: #f4f4f4;
    height: 1rem;
    border-radius: .2rem;
}

.buyConts li:last-child {
    margin-bottom: 0;
}

.buyConts li p {
    font-size: .28rem;
    color: #333;
}

.buyRight input {
    text-align: right;
    font-size: .28rem;
    border: none;
    color: #333;
}

.altControl a {
    margin-bottom: 0;
}

.buyConts li i {
    font-size: .28rem;
    color: #333333;
}

.buyRight {
    text-align: right;
}

.buyConts li span {
    font-size: .32rem;
    color: #a27538;
}

.buyConts li span.whiteColor {
    color: #a27538;
}

.buySet {
    text-align: center;
    display: block;
    width: 3.22rem;
    border-radius: .74rem;
    line-height: .74rem;
    margin: 0 auto .22rem;
    color: #ffffff;
    background: #a27538;
    font-size: .28rem;
}

.escSet {
    text-align: center;
    display: block;
    width: 3.22rem;
    border-radius: .74rem;
    line-height: .74rem;
    margin: 0 auto .22rem;
    color: #333333;
    background: #eae1cc;
    font-size: .28rem;
}

#changeAlt .inpConts input {
    padding: 0 .12rem;
    text-align: left;
    border-radius: .16rem;
    margin-right: .1rem;
    background: #ffffff;
    border: none;
    color: #000;
    flex: 1;
    width: 2.8rem;
    height: .65rem;
}

#changeAlt ul {
    margin-bottom: 0!important;
}

#changeAlt li {
    margin-bottom: .2rem;
}

#changeAlt li:last-child {
    margin-bottom: 0;
}

.setNotice {
    text-align: center;
    color: #999;
    margin-bottom: .2rem;
    line-height: 3;
    font-size: .26rem;
}

.buyConts {
    overflow: hidden;
}

.noData {
    text-align: center;
    color: #999;
    font-size: .32rem;
    padding: .5rem 0;
}

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

.aboutMenu {
    position: relative;
    width: 1.8rem;
    background: #f9f9f9;
}

.aboutGroup {
    background: #ffffff;
    flex: 1;
    padding: 0 .3rem;
}

.aboutSlide {
    padding: .3rem 0;
    border-bottom: 1px solid #efeff4;
}

.aboutSlide h2 {
    font-size: .3rem;
    line-height: 1;
    margin-bottom: .22rem;
}

.aboutSlide p {
    font-size: .24rem;
    line-height: .4rem;
    color: #666666;
}

.stickyBox span {
    display: block;
    position: relative;
    line-height: .9rem;
    text-indent: .3rem;
    font-size: .26rem;
    color: #333333;
}

.stickyBox span.cur {
    background: #ffffff;
}

.stickyBox span.cur::after {
    content: '';
    top: 50%;
    margin-top: -.13rem;
    position: absolute;
    left: 0;
    width: .08rem;
    height: .26rem;
    background: #a27538;
}

.stickyBox {
    position: sticky;
    top: .8rem;
    left: 0;
}

.homeCont {
    background: #ffffff;
    border-radius: .2rem .2rem 0 0;
}

.txtMarquee-left {
    flex: 1;
    height: .88rem;
    width: calc(100% - 1rem);
    position: relative;
}

.txtMarquee-left .bd .tempWrap {
    width: 100% !important;
}

/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul {
    overflow: hidden;
    zoom:1; height: .88rem;
}

.txtMarquee-left .bd ul li {
    margin-right: 20px;
    float: left;
    height: .88rem;
    line-height: .88rem;
    text-align: left;
    _display: inline;
    width: auto !important;
}

/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left li {
    color: #333333;
}

.controlFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.controlMenu {
    display: flex;
    padding: .06rem;
    border-radius: .06rem;
    align-items: center;
    background: #eae1cc;
}

.controlMenu span {
    display: block;
    line-height: .6rem;
    padding: 0 .36rem;
    border-radius: .06rem;
    font-size: .28rem;
    color: #333333;
}

.controlMenu span.cur {
    background: #a27538;
    color: #ffffff;
}

.homeKf {
    display: block;
    width: .72rem;
}

.controlSlide {
    padding-top: .48rem;
}

.controlSlide h2 {
    font-size: .32rem;
    margin-bottom: .32rem;
    color: #282828;
    line-height: 1;
}

.controlSlide h3 {
    font-size: .6rem;
    color: #a27538;
    line-height: .48rem;
}

.chartsCont {
    height: 5.8rem;
    border-bottom: 1px dashed #efd0c4;
}

.slideTime {
    display: flex;
    justify-content: center;
    padding: .35rem 0;
}

.slideTime span {
    line-height: .5rem;
    margin: 0 .08rem;
    display: block;
    padding: 0 .25rem;
    border: 1px solid #eeeeee;
    border-radius: .1rem;
    font-size: .26rem;
    color: #666666;
}

.slideTime span.cur {
    border: 1px solid #eae1cc;
    color: #a27538;
    background: #eae1cc;
}

.enterPwd {
    margin-bottom: .3rem;
}

.enterPwd input {
    width: 100%;
    text-indent: .3rem;
    background: #f4f4f4;
    border-radius: .22rem;
    height: 1rem;
}

.playPage {
    background: url(../images/wanfaBg.jpg) center top no-repeat #f5f5f5;
    padding-top: 3.55rem;
    background-size: 100% auto;
    min-height: calc(100vh - 1.65rem);
}

.productPage {
    overflow: hidden;
    background: url(../images/wanfaBg.jpg) center top no-repeat #f5f5f5;
    background-size: 100% auto;
    min-height: calc(100vh - 1.65rem);
}

.publicPage {
    background: url(../images/commomBg.jpg) center top no-repeat;
    min-height: calc(100vh - 1.08rem);
    background-size: 100% auto;
    overflow: hidden;
}

.flexLeft {
    display: flex;
    flex-direction: column;
}

.flexLeft>div {
    align-items: center;
    line-height: .44rem;
    display: flex;
}

.flexLeft>div p {
    min-width: 1.15rem;
    line-height: normal;
    margin: 0;
    font-size: .22rem;
    color: #333333;
}

.flexLeft .priceCont {
    width: auto;
    align-items: center;
}

.flexLeft .priceCont p {
    line-height: normal;
}

.flexLeft .priceCont span {
    color: #a27538;
    font-size: .28rem;
}

.buyConts .altControl a {
    width: 3.2rem;
}

.saveNoticeText {
    width: 4rem;
    line-height: 2.5;
    margin: .25rem auto 0;
    border-radius: 4px;
    text-align: center;
    font-size: .28rem;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
}

.talkInfors {
    background: url(../images/commomBg.jpg) center top no-repeat;
    min-height: 100vh;
    background-size: 100% auto;
}

/*************loading***************/
.loadingbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loadings {
    width: 100px;
    height: 100px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    border-radius: 10px;
    margin: -50px 0 0 -50px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.weui-loading {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    animation: weuiLoading 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
}

.weui-loading.weui-loading_transparent,.weui-btn_loading.weui-btn_primary .weui-loading,.weui-btn_loading.weui-btn_warn .weui-loading {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
}

@-webkit-keyframes weuiLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

@keyframes weuiLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}
/**/
.addressBook {background: url(../images/commomBg.jpg) center top no-repeat; min-height: 100vh; background-size: 100% auto;}
.bookList { background: #f5f5f5; height: calc(100vh - 2.15rem); overflow-y: auto;}
.header .bookAdd { font-size: .28rem; color: #333333; display: flex; line-height: .8rem; align-items: center; position: absolute; right:.32rem; top: 0;}
.header .bookAdd img { width: .38rem; margin-right: .08rem;}
.bookList ul { margin-bottom: .2rem; background: #ffffff;}
.bookList li a { display: flex; justify-content: space-between; padding: .23rem .3rem 0;}
.bookIcon { width: .98rem; height: .98rem; border-radius: 50%; overflow: hidden;}
.bookIcon img { display: block; width: 100%; height: 100%; object-fit: cover;}
.bookDesc { position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: .35rem; width: calc(100% - 1.2rem);}
.bookDesc h2 { font-weight: bold; font-size: .3rem; color: #000000; line-height: .52rem; margin-bottom: .1rem;}
.bookDesc p { display: flex; align-items: center; font-size: .26rem; color: #666666; line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.bookDesc p img { width: .23rem; margin-right: .12rem;}
.bookDesc i { position: absolute; background: #f23030; width: .32rem; height: .32rem; text-align: center; line-height: .32rem; color: #ffffff;
right: 0; border-radius: 50%; top: .4rem;}
.addAlt { display: none; position: fixed; width: 100%; z-index: 20; left: 0; bottom: 0%; background: #ffffff; border-radius: .22rem .22rem 0 0;}
.addAlt h2 { font-size: .36rem; color: #000000; display: flex; justify-content: space-between; padding: 0 .3rem; align-items: center; line-height: 1rem; border-bottom: 1px solid #eeeeee;}
.addAlt h2 b { width: .58rem; display: block;}
.addAlt ul { padding: .26rem .3rem;}
.addAlt li { align-items: center; margin-bottom: .2rem; position: relative;  padding: 0 .3rem; display: flex; justify-content: space-between; background: #f4f4f4; height: 1rem; border-radius: .2rem;}
.addAlt li:last-child { margin-bottom: 0;}
.addAlt li p { font-size: .28rem;  color: #333;}
.addAlt input { text-align: right;font-size: .28rem; border: none; color: #333;}
.addAlt .altControl a { margin: 0;}

.fullInfor { display: none; position: fixed; width: 100%; z-index: 20; left: 0; bottom: 0%; background: #ffffff; border-radius: .22rem .22rem 0 0;}
.fullInfor h2 { font-size: .36rem; color: #000000; display: flex; justify-content: space-between; padding: 0 .3rem; align-items: center; line-height: 1rem; border-bottom: 1px solid #eeeeee;}
.fullInfor h2 b { width: .58rem; display: block;}
.fullInfor ul { padding: .26rem .3rem;}
.fullInfor li { align-items: center; margin-bottom: .2rem; position: relative;  padding: 0 .3rem; display: flex; justify-content: space-between; background: #f4f4f4; border-radius: .2rem;}
.fullInfor li:last-child { margin-bottom: 0;}
.fullInfor li p { font-size: .28rem;  color: #333;}
.fullInfor input { height: 1rem;  text-align: right;font-size: .28rem; border: none; color: #333;}
.uploadIcons {overflow: hidden; margin: .23rem 0; border: 2px solid #ffffff; border-radius: 50%; width: 1.2rem; height: 1.2rem;}
.uploadIcons img { margin: 0!important; width: 100%!important; height: 100%!important; object-fit: cover;}
.fullInfor .altControl a { margin: 0;}
.controlSub { display: none; padding: .35rem 0; margin-top: -.08rem; border-radius: 0 0 .1rem .1rem; box-shadow: 0 5px 10px rgba(0,0,0,.1); background: #f6f6f6;}
.controlSub ul { display: flex;}
.controlSub li { color:#333; text-align: center; position: relative; width: 25%;}
.controlSub li img { margin: 0 auto .15rem; width: .98rem;}
.controlSub li input { position: absolute; width: 100%; height: 100%; opacity: 0;}
.upload { transition: all .4s;}
.upload.cur { transform: rotate(45deg);}
.groupDetail { position: absolute; width: .36rem; right: .4rem; top: 50%; transform: translateY(-50%);}
.groupSearch { border-bottom: .15rem solid #f5f5f5; background: #ffffff; padding: .14rem .3rem;}
.searchConts { padding: 0 .29rem; border-radius: .72rem; display: flex; background: #f5f5f5; justify-content: space-between;}
.searchConts button { margin-right:.13rem; width: .25rem; border: none; background: none; outline: none;}
.searchConts input { flex: 1; font-size: .24rem; color: #666666; height: .72rem;}
.detailListbook { height: calc(100vh - 1.94rem);}
.bookList.detailListbook ul { margin: 0;}

.sendAlt { display: none; position: fixed; z-index: 10; width: 100%; height: 100vh; background: url(../images/bookIcon13.png) center top no-repeat;
background-size: 100% auto; left: 0; top: 0;}
.sendConts { padding: 1rem .5rem;}
.sendConts h2 { font-size: .54rem; color: #333333; line-height: 1; margin-bottom: .5rem;}
.sendConts li { align-items: center; justify-content: space-between; display: flex; border-radius: .22rem; padding:0 .34rem; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: .2rem;}
.sendConts li p { line-height: 1rem; font-size: .28rem; color: #333333; display: flex; align-items: center;}
.sendConts li p img { width: .3rem; margin-right: .13rem;}
.sendConts li b input { margin-right: .1rem; color: #a27538; font-size: .28rem; width: auto; text-align: right;}
.sendConts li b { color: #a27538; font-size: .28rem;}
.sendConts li span input {text-align: right; margin-right: .1rem; font-size: .28rem;}
.sendConts li span { font-size: .28rem;}
.sendConts li>input { height: 1rem; font-size: .28rem;}
.sendDetail { margin-top: 1.2rem; text-align: center;}
.sendDetail a { display: block; width: 6.5rem; height: 1rem; border-radius: .2rem; background: #fe5323;
font-weight: bold; font-size: .32rem; color: #ffffff; line-height: 1rem;}
.sendDetail p { margin-bottom: .6rem; font-size: .48rem; font-weight: bold;}
.sendDetail p span { margin-right: .2rem; font-weight: bold; font-size: .88rem;}
.envelope { background: url(../images/bookIcon10.png) center no-repeat; background-size: 100% auto; width: 4.58rem; height: 1.18rem; border-radius: .15rem;
display: flex; flex-direction: column; padding-right: .15rem; justify-content: center; padding-left: 1.16rem;}
.envelope b { display: block; font-size: .28rem; color: #ffffff; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.envelope.opened { background: url(../images/bookIcon11.png); background-size: 100% auto;}
.envelope span { display: none; color: #ffffff; font-size: .24rem;}
.envelope.opened span { display: block;}
.sendNotice { position: absolute; bottom: .55rem; left: 0; text-align: center; width: 100%; font-size: .24rem; color: #333333;}

.getRed { display: none; position: fixed; z-index: 10; width: 100%; height: 100vh; background: url(../images/bookIcon13.png) center top no-repeat;
background-size: 100% auto; left: 0; top: 0;}
.sendConts h3 { margin-bottom: .35rem; display: flex; align-items: center; color: #333333; font-size: .36rem; font-weight: bold;}
.sendConts h3 img { border-radius: 50%; height: .65rem; width: .65rem; margin-right: .2rem;}
.envelopeInfor {box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: .2rem; font-size: .28rem; color: #333333; border-radius: .22rem; height: 1rem; padding: 0 .36rem; display: flex; align-items: center; background: #ffffff;}
.envelopeInfor img { width: .3rem; margin-right: .14rem;}
.envelopeInfor p { margin-right: .22rem; font-size: .28rem; color: #333333;}
.envelopeInfor span { font-size: .28rem; color: #a27538;}
.pickList { overflow-y: auto; max-height: calc(100vh - 4.6rem); background: #ffffff; border-radius: .22rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: .3rem .3rem 0;}
.pickList dt { margin-bottom: .26rem; display: flex; justify-content: space-between;}
.pickUser { width: .52rem; height: .52rem; border-radius: 50%; overflow: hidden;}
.pickUser img { display: block; width: 100%; height: 100%; object-fit: cover;}
.pickDetail { position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: .35rem; width: calc(100% - .72rem);}
.pickDetail p { display: flex; align-items: center; justify-content: space-between; font-size: .28rem; color: #000000; line-height: .52rem; margin-bottom: .1rem;}
.pickDetail span { display: flex; align-items: center; font-size: .24rem; color: #999; line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.pickList dt:last-child { border:none; margin-bottom: 0;}
.pickList dt:last-child .pickDetail { border: none;}
.accountsCard { background: url(../images/bookIcon15.jpg) center no-repeat; width: 4.58rem; height: 1.88rem; background-size: 100% auto;
padding: .34rem .15rem 0 1.15rem;}
.accountsCard b { display: block; line-height: 1; font-size: .28rem; color: #ffffff; margin-bottom: .15rem;}
.accountsCard span { font-weight: bold; display: block; line-height: 1; color:#ffffff; font-size: .28rem;}

.spline { padding: .3rem 0; color: #666; font-size: .32rem; display: flex; justify-content: center; align-items: center;}
.spline span { display: block; margin: 0 .4rem; background: rgba(0,0,0,0.1); width: 2rem; height: 1px;}