/* ------login.html  开始 */
.loginBox {
    width: 90%;
    padding: .5rem;
    margin: .2rem auto;
    background: #fff;
    box-shadow: 0 0 25px rgba(27, 66, 194, .4);
    border-radius: 15px;
    position: relative;
}

.loginBg_img {
    width: 100%;
    height: 7rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.logoImg {
    width: 30%;
    margin: -1.6rem auto .5rem auto;
    display: block;
position: relative;
    top: -.8rem;
}

.loginList {
    width: 100%;
}

.loginList li {
    margin-top: .2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    transition: border .6s ease-in-out 0s;
    position: relative;
    overflow: hidden;
}


.loginList li .iconfont {
    color: #248BFD;
    font-size: .4rem;
}

.loginList li .icondian {
    color: #248BFD;
    font-size: .24rem;
}

.loginList li span {
    width: 30%;
}

.loginList li input {
    width: 70%;
    height: .7rem;
    border: none;
    background: #E2E2E2;
    font-size: .28rem;
    padding: 0 .2rem;
}

.loginList li .yzmBox {
    width: 2rem;
    height: .7rem;
    font-size: .24rem;
    color: #207EF9;
    box-shadow: 0 3px 8px #eee;
    border-radius: 1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}

.loginGo {
    width: 90%;
    display: flex;
    justify-content: space-around;
    margin-top: .2rem;
}

.loginGo a {
    color: #fff;
    font-size: .26rem;
}

.xieyiBox {
    margin-top: .4rem;
    display: flex;
    align-items: center;
}

.xieyiBox label {
    color: #777;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.xieyiBox span {
    color: #248BFD;
}

/* 协议弹窗 */
.textAlert {
    width: 100%;
    color: #777;
    background: #fff;
}

.textAlert p,
.textAlert span {
    color: #777;
}

.textAlert-count {
    padding: .2rem;
    max-height: calc(100vh - 5rem);
    overflow: auto;
}

.closeTextAlert {
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.32rem;
    color: #fff;
    background: -webkit-linear-gradient(to right, #26C4F8, #207EF9);
    background: -o-linear-gradient(to right, #26C4F8, #207EF9);
    background: -moz-linear-gradient(to right, #26C4F8, #207EF9);
    background: linear-gradient(to right, #26C4F8, #207EF9);
    text-align: center;
    display: block;
    letter-spacing: 2px;
    margin: 0.4rem auto 0 auto;
}

.closeTextAlert:hover {
    color: #fff;
}

/* ------login.html  结束 */

/* ------index.html  开始 */
/* 轮播 */
.index-sw {
    background: #fff;
}

.index-sw img {
    width: 100%;
    height: 100%;
    display: block;
    /* padding: 0 .2rem; */
}

.index-sw .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.8;
    overflow: hidden;
}

.index-sw .swiper-pagination-bullet-active {
    background: #4768F3 !important;
    overflow: hidden;
}

.index-sw .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0.1rem;
}

/* 钱包余额 */
.indexWallet {
    width: 90%;
    padding: .4rem;
    margin: -1rem auto .2rem auto;
    background: #fff;
    box-shadow: 0 5px 5px rgba(219, 219, 219, .4);
    position: relative;
    z-index: 99;
}

.indexWallet p {
    text-align: center;
}

.indexWallet .bt {
    color: #999;
}

.indexWallet .price {
    font-size: .5rem;
    margin-top: .2rem;
}

/* 上半部分 */
.indexTopBox {
    padding: 0 0 .2rem 0;
    background: #fff;
}

/* 分类 */
.indexClassify {
    width: 100%;
    margin-top: .4rem;
    display: flex;
    flex-wrap: wrap;
}

.indexClassify li {
    width: 25%;
}

.indexClassify li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.indexClassify li img {
    width: .9rem;
    height: .9rem;
    display: block;
    margin-bottom: .15rem;
}

.indexClassify li span {
    color: #999;
}


/* news-swiper */
.newsSwiperBox {
    width: 90%;
    padding: 0 .2rem;
    margin: .3rem auto 0 auto;
    background: #F2FAFD;
}

.newsSwiper {
    width: 100%;
    padding: 0 .2rem;

    display: flex;
    align-items: center;
}

.newsSwiperImg {
    width: .35rem;
    margin-right: .2rem;
}

.newsSwiperImg img {
    width: 100%;
    display: block;
}

.newsSwiper_span {
    font-weight: bold;
}

.newsSwiper .cont {
    width: 74%;
    background: none;
    overflow: hidden;
    display: table;
    /* border-left: 1px solid #ccc; */
}

.newsSwiper .cont .swiper-container {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: -3px;
}

.newsSwiper .cont .swiper-slide {
    text-align: left;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.newsSwiper .cont .swiper-slide a {
    width: 100%;
    display: block;
}

.newsSwiper .cont .swiper-slide p {
    font-size: 12px;
    color: #999;
    line-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 23px;
    padding-top: 2px;
    padding-left: .2rem;
}

/* 限时抢购 */
.snapUpBox {
    width: 100%;
    padding: .2rem 0;
    margin-top: .2rem;
    background: #fff;
}

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

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

.snapUp img {
    width: .4rem;
    height: .4rem;
    display: block;
    margin-right: .1rem;
}

.snapUp p {
    display: flex;
    align-items: center;
}

.snapUp span {
    color: #fff;
    font-size: .24rem;
    padding: 2px;
    border-radius: 2px;
    background: #233A9D;
    overflow: hidden;
}

.snapUpBtn {
    font-size: 0.26rem;
    /* font-weight: bold; */
    color: #fff;
    padding: .1rem .15rem;
    background: #233A9D;
    text-align: center;
    display: table;
    border: none;
    letter-spacing: 2px;
    border-radius: 5px;
}

/* 数据列表 */
.dataList {
    width: 100%;
    background: #fff;
    margin-top: .2rem;
}

.dataList li {
    width: 90%;
    padding: .2rem 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 数据轮播 */
.dataSwiper {
    background: #fff;
}

.dataSwiperCount {
    width: 90%;
    padding: .2rem 0;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dataSwiper .cont {
    width: 100%;
    background: none;
    overflow: hidden;
    display: table;
    /* border-left: 1px solid #ccc; */
}

.dataSwiper .cont .swiper-container {
    width: 100%;
    height: 4rem;
    float: left;
    margin-top: -3px;
}

.dataSwiper .cont .swiper-slide {
    text-align: left;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.dataSwiper .cont .swiper-slide a {
    width: 100%;
    display: block;
}

.dataSwiper .cont .swiper-slide p {
    font-size: 12px;
    color: #999;
    line-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 23px;
    padding-top: 2px;
    padding-left: .2rem;
}


/* ------index.html  结束 */

/* ------pay.html  开始 */
.linesBox {
    width: 100%;
    padding: .5rem 0;
    margin-top: .2rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
}

.linesBox li {
    width: 50%;
}

.linesBox li:nth-child(1) {
    border-right: 1px solid #ddd;
}

.linesBox li p {
    color: #666;
    text-align: center;
}

.linesBox li .num {
    color: #333;
    font-size: .3rem;
    margin-top: .2rem;
}

/* 抢单 */
.grabOrder {
    width: 100%;
    padding: .3rem .4rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grabOrder_info {
    width: 70%;
}

.grabOrder_info p {
    margin-bottom: .2rem;
}

.grabOrder_ewm>div {
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.grabOrder_ewm img {
    width: 100%;
    display: block;
}

.grabOrder_ewm p {
    text-align: center;
}

/* 按钮 */
.grabOrderBtn {
    width: 100%;
    padding: .2rem .2rem 0 .2rem;
    display: flex;
    justify-content: space-around;
}

.grabOrderBtn .btn {
    width: 1.5rem;
    height: .6rem;
    color: #fff;
    font-size: .26rem;
    text-align: center;
    border: none;
    border-radius: 5px;
    background: #233A9D;
}

/* tab */
.baseTab {
    width: 100%;
    margin-top: .2rem;
    border-bottom: 1px solid #ddd;
    background: #fff;
    display: flex;
    justify-content: space-around;
}

.baseTab li {
    padding: .2rem;
}

.baseTab .baseTabAct {
    color: #233A9D;
    border-bottom: 1px solid #233A9D;
}

.jkHistoryList {
    width: 100%;
    padding: 0 .4rem;
    background: #fff;
}

.jkHistoryList li {
    padding: .2rem 0;
    border-bottom: 1px solid #ddd;
}

.jkHistoryList li>div {
    display: flex;
    justify-content: space-between;
}

.jkHistoryList li>div:not(:last-child) {
    margin-bottom: .2rem;
}

.jkHistoryList li>div p span {
    color: #233A9D;
}

.jkHistoryList li>div p span,
.jkHistoryList li>div p {
    font-size: .24rem;
    letter-spacing: 0;
}

.jkHistoryList li>div .state {
    color: #0BCC0F;
}

/* ------pay.html  结束 */

/* ------announcement.html  开始 */
.newsList {
    width: 100%;
    padding: .2rem;
}

.newsList li {
    width: 100%;
    padding: .2rem;
    margin-bottom: .2rem;
    border-radius: 5px;
    box-shadow: 0 0 5px #eee;
    background: #Fff;
    overflow: hidden;
    position: relative;
}

.newsList li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsList_img {
    width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
}

.newsList_img img {
    width: 100%;
    display: block;
}

.newsList_count {
    width: 76%;
    height: 1.2rem;
    padding-left: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

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

.newsList_bt p {
    max-width: 90%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.newsList_bt img {
    width: .35rem;
    display: block;
    margin-left: .2rem;
}

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

.newsList_time .iconfont {
    color: #ccc;
    font-size: .26rem;
    margin-right: .15rem;
}

.newsList_time span {
    color: #ccc;
    font-size: .26rem;
}

.newsList li a>.iconfont {
    font-size: .26rem;
    color: #ccc;
}


/* ------announcement.html  结束 */

/* ------newsIls.html  开始 */
.newsIlsBox {
    padding: .2rem;
}

.newsIlsBox .bt {
    font-size: .4rem;
    font-weight: bold;
}

.newsIlsBox .time {
    color: #666;
    font-size: .26rem;
    margin-top: .2rem;
}

.newsIlsCount {
    margin-top: .2rem;
    font-size: .28rem;
}

/* ------newsIls.html  结束 */

/* ------user.html  开始 */
.userTopBox {
    width: 100%;
    padding: .5rem .2rem 1.5rem.2rem;
    background: url('../images/bg_user.jpg') no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userTopBox_info {
    width: 75%;
}

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

.userTopBox_info p:nth-child(1) {
    margin-bottom: .2rem;
}

.userTopBox_info p span {
    width: 50%;
    color: #fff;
}

/* 头像 */
.userUploadBox .layui-upload-list {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
}

.userUploadBox .layui-upload-list img {
    width: 100%;
    /* height: 100%; */
    display: block;
}

/* 邀请好友 */
.inviteFriendsBox {
    width: 100%;
    margin-top: -1rem;
    border-radius: 5px;
    overflow: hidden;
}

.inviteFriendsBox img {
    width: 100%;
    display: block;
}

/* 分类 */
.userClassifyBox {
    width: 100%;
    padding: .2rem;
    margin-top: .2rem;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.userClassifyBox .bt {
    font-size: .32rem;
    font-weight: bold;
}

.userClassify {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}

.userClassify li {
    width: 33.3%;
    padding: .2rem 0;
}

.userClassify li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.userClassify li img {
    width: .8rem;
    height: .8rem;
    display: block;
    margin-bottom: .2rem;
}

.userClassify li p {
    color: #666;
}

/* ------user.html  结束 */

/* ------topUp.html  开始 */
.tsyBox {
    width: 90%;
    margin: .2rem auto;
}

.tsyBox p {
    color: red;
    font-size: .26rem;
}

/* 充值记录 */
.topUpList>div {
    margin-top: .2rem;
}

/* ------topUp.html  结束 */

/* ------invitation.html  开始 */
.inviteBox {
    width: 80%;
    padding: 0 .4rem;
    margin: .4rem auto 0 auto;
    background: url('../images/bg_invite.png') no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.inviteBtn {
    width: 2.4rem;
    color: #fff;
    padding: .15rem 0;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    background: -webkit-linear-gradient(to right, #5032C6, #233A9D);
    background: -o-linear-gradient(to right, #5032C6, #233A9D);
    background: -moz-linear-gradient(to right, #5032C6, #233A9D);
    background: linear-gradient(to right, #5032C6, #233A9D);
}

.inviteBtn2 {
    position: absolute;
    bottom: -.25rem;
    left: calc(50% - 1.2rem);
}

.inviteTop {
    width: 100%;
    height: 5.8rem;
    padding: .4rem;
    border-bottom: 1px dashed #ddd;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* ------invitation.html  结束 */

/* ------withdrawalIls.html  开始 */
.tibiIlsList {
    width: 100%;
}

.tibiIlsList li {
    width: 100%;
    padding: .2rem;
    background: #fff;
    margin-top: .2rem;
}

.tibiIlsList li p {
    display: flex;
    justify-content: space-between;
}

.tibiIlsList li p:last-child span {
    color: #666;
}

.tibiIlsList li p:not(:last-child) {
    margin-bottom: .2rem;
}

.tibiIlsList li p span:nth-child(1) {
    width: 80%;
}

.tibiIlsList li p span:nth-child(2) {
    width: 20%;
    text-align: right;
    letter-spacing: 0;
}

.tibiIlsList li p .time {
    font-size: .24rem;
}

.tibiIlsList li p .num {
    font-size: .32rem;
    font-weight: bold;
}

/* ------withdrawalIls.html  结束 */

/* ------transferIls.html  开始 */
.transferListBox {
    width: 100%;
    padding: .2rem;
}

.transferListBox .month {
    font-size: .32rem;
    color: #666;
}

.transferList {
    width: 100%;
    margin-top: .2rem;
}

.transferList li {
    padding: .2rem;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.transferList li .transferList_img {
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.transferList li .transferList_img img {
    width: 100%;
    display: block;
}

.transferList_count {
    width: 50%;
    height: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.transferList_count .time {
    color: #999;
    letter-spacing: 0;
}

.transferList_price {
    width: 30%;
    font-size: .32rem;
}

.transferList_price p {
    text-align: right;
}

/* ------transferIls.html  结束 */

/* ------kefu.html  开始 */
.kefuBox {
    width: 90%;
    margin: .4rem auto 0 auto;
}

.kefuEwmBox {
    width: 100%;
    padding: .5rem 0 1.5rem 0;
    background: #233A9D;
    border-radius: 5px 5px 0 0;
}

.kefuEwmBox_img {
    width: 60%;
    padding: .2rem;
    margin: 0 auto;
    background: url('../images/ewmImg.png') no-repeat;
    background-size: 100% 100%;
}

.kefuEwmBox img {
    width: 100%;
    display: block;
}

.kefuTx {
    width: 2rem;
    height: 2rem;
    margin: -1rem auto .5rem auto;
    border-radius: 1.5rem;
    overflow: hidden;
}

.kefuTx img {
    width: 100%;
    display: block;
}

.kefuCount p {
    text-align: center;
}

.kefuCount .bt {
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .2rem;
}

.kefuCount .tsy {
    color: #666;
}

/* ------kefu.html  结束 */

/* ------myTean.html  开始 */
.teamTopBox {
    width: 100%;
    padding: 1.5rem 0 .2rem 0;
    background: -webkit-linear-gradient(to right, #5032C6, #3432CA, #3432CA, #1332D2);
    background: -o-linear-gradient(to right, #5032C6, #3432CA, #3432CA, #1332D2);
    background: -moz-linear-gradient(to right, #5032C6, #3432CA, #3432CA, #1332D2);
    background: linear-gradient(to right, #5032C6, #3432CA, #3432CA, #1332D2);
}

.teamTopList {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.teamTopList li {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.teamTopList li p {
    color: #fff;
    margin-bottom: .2rem;
}

/* 数据列表 */
.teamList {
    width: 100%;
}

.teamList li {
    padding: .2rem;
    margin-top: .2rem;
    background: #fff;
}

.teamList li .bt {
    padding: .2rem 0;
/*    border-bottom: 1px solid #ddd;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.teamList li .bt p:nth-child(1) {
    width: 60%;
}

.teamList li .bt p:nth-child(2) {
    width: 40%;
    text-align: right;
}

.teamList li .bt .iconfont {
    font-size: .3rem;
    color: #233A9D;
}

.teamList li .count {
    width: 100%;
    padding: .2rem 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.teamList li .count p {
    width: 50%;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
}

.teamList li .count .iconfont {
    color: #0BCC0F;
    font-size: .3rem;
}

.teamList li .count p label {
    width: 1rem;
    display: inline-block;
}

/* ------myTean.html  结束 */