.usermind {margin: 0 auto;position: relative;width:1380px;}
.luping{overflow-x:hidden;}
.user-main{border-top:1px solid #ECEBF2;overflow-y: hidden;overflow-x:hidden;}
.user-left-wrap {width:auto;position: relative; flex-shrink: 0;}
.user-left {width: 225px;position: fixed;top: 60px;align-self: flex-start;left: 0; z-index: 10;}
/* .user-right {position: relative;margin-left: 245px;flex: 1;min-height: 100vh;background: #fff;padding-right: calc((100vw - 1380px) / 2);}
.user-right::after {content: "";position: absolute;top: 0;right: calc(-1 * ((100vw - 1380px) / 2));width: calc((100vw - 1380px) / 2);
    height: 100%;background: #fff;pointer-events: none;
} */

.user-right {width:100%;
    position: relative;
    margin-left: 245px;
    min-height: 100vh;
    background: #fff;
}
.user-right::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: calc((100vw - 1380px) / 2);
    height: 100%;
    background: #fff;
    pointer-events: none;
}

.uleft-cons {align-items: end;}
.ulcona{width: 232px;height: 43px;border-radius: 4px;border:1px solid #F6F5FA;align-items: center;margin:20px 0 0 0;transition:all .3s ease;font-size: 18px;line-height: 25px;}
.ulcona:hover{border:1px solid #482DE1;color:#482DE1;}
.ulcona.check{background: #E6E4F8;border:1px solid #E6E4F8;color: #482DE1;}
.userothers .ulcona span{margin:0 0 0 15px;}

.topcountimg{width:auto;height:120px;margin:18px 20px 0 30px;}
.right-top{background:url(../image/icon43.png) no-repeat;background-size: contain;width:1108px;height:158px;justify-content: space-between;margin:0 0 30px 0;}
.mycount{ justify-content: center;font-size: 16px;color: #000000;line-height: 22px;}
.rightall{margin:30px 0 0 30px;min-height: 1000px;}
.counts{margin: 40px 0 0 0;font-size: 12px;color: #F37A00;line-height: 17px;align-items: flex-end;}
.counts span:nth-child(1){font-family:msyhbd;font-weight: bold;font-size: 36px;color: #F37A00;line-height: 34px;}
.top-up{margin:0 33px 0 0;}
.top-up p{font-size: 14px;color: #616165;line-height: 20px;}
.top-up a{width: 124px;height: 44px;background: linear-gradient( 270deg, #9864FF 0%, #3264FF 100%);font-weight: 600;font-size: 18px;color: #FFFFFF;
    line-height: 16px;    border-radius: 30px;margin:33px 0 0 0;transition: all .3s ease;
}
.top-up a:hover{box-shadow: 0px 0px 8px 0px #3964FF;}

.rdtaba{width: 112px;height: 38px;background: #F6F5FA;border-radius: 6px;margin:0 20px 0 0;font-weight: 600;transition: all .3s ease;font-size: 18px;color:#666666;}
.rdtaba.check,.rdtaba:hover{background: #EEECFC;color: #482DE1;}
.tab-item{width: 350px;height: 345px;background: #FFFFFF;box-shadow: 0px 0px 8px 0px #ECEDF0;border-radius: 8px;margin-bottom: 20px;}
.tab-item:nth-child(3n+2){margin:0 27px;}
.item-top{background: #EBF8F2;border-radius: 8px 8px 0px 0px;}
.pptitem .item-top{background: #F5F0FF;}
.worditem .item-top{background: #EDF5FF;}
.item-top img{width:106px;height: 118px;margin:40px auto;}
.item-down{margin:16px 20px 20px 20px;}
.item-name,.des-name{font-weight:bold;font-size: 18px;color: #000000;line-height: 21px;}
.item-count,.des-down{font-size: 16px;color: #7C7C7C;line-height: 22px;margin:12px 0 17px 0;}
.item-use{width: 310px;height: 38px;background: #EEECFC;border-radius: 19px;font-size: 16px;color: #482DE1;line-height: 22px;border: 1px solid #EEECFC;transition: all .3s ease;}
.ridtabs{margin:20px 0 0 0;}
.tabitems{flex-wrap: wrap;}
.item-use:hover{border: 1px solid #482DE1;color: #482DE1;}

.ppt-history{margin:30px 0 0 0;}
.ppt-history-title{font-weight: 600;font-size: 18px;color: #000000;line-height: 25px;margin:0 0 15px 0;}

.general-ist .exltm-top img{width:350px;height:196px;}
.exltm-down{margin:16px 20px 20px 20px;}
.exmdbtns{ width: 145px;height: 38px;font-size: 16px;line-height: 22px;border-radius: 19px;transition: all .3s ease;}
.exmd-btn a:nth-child(1){background: #EEECFC; color: #482DE1;border:1px solid #ffffff;}
.exmd-btn a:nth-child(2){background: linear-gradient( 270deg, #9864FF 0%, #3264FF 100%);color: #FFFFFF;}
.exmd-btn a:nth-child(1):hover{border: 1px solid #482DE1;}
.exmd-btn a:nth-child(2):hover{box-shadow: 0px 0px 8px 0px #7A6DD0;}
.exmd-btn{justify-content: space-between;}

.moneylayer{background:url(../image/icon50.png) no-repeat;background-size: contain;border-radius: 20px 20px 10px 10px !important;}
.paylayer{width:100%;min-height: 700px;display:none;position: relative;}
.moneylayer .layui-layer-content{border-radius: 20px 20px 10px 10px;}
.closelog{width:21px;height: 21px;    position: absolute;right: 20px;top: 20px;}
.pay-avatar{width:72px;height:72px;border-radius: 50%;margin:0 10px 0 0;}
.pay-top{margin:30px 30px 50px 30px;}
.pay-check{position: relative;}
.paytop-right{ justify-content:center;}
.pay-name{ font-weight: 600;font-size: 21px;color: #482DE1;line-height: 29px;}
.paytop-right p{font-size: 16px;line-height: 22px;}







.bg-layer{ background-image:url(../image/icon51.png);width:885px;height: 567px;}
.tab-wrap {position: relative;background: #ECEDFF;}
.bg-layer {position: absolute;inset: 0;z-index: 0;background-repeat: no-repeat;background-size: contain; pointer-events: none; top:-10px;}
.bg-layer.alldd{transform: scaleX(-1);}
.tabs,.contents {position: relative;z-index: 1;}
.tab:not(.active),.content:not(.active) {background: transparent;}
.contents{margin:35px 0 0 0;    background: #ffffff;}
.contents .content{display: none;}
.content.active{display: flex;flex-direction: column;}
.tabs{width: 100%;justify-content: space-around;}
.tab{margin:7px 0 0 0;cursor: pointer;align-items: center;font-weight: 500;font-size: 18px;color: #5B5B5B;line-height: 25px;align-items: center;justify-content: center;width:50%;}
.tab.active{ font-weight: bold;font-size: 21px;color: #000000;line-height: 29px;}
.chose-money{ width: 247px;height: 172px;background: #FFFFFF;border-radius: 16px;border: 1px solid #F6F5FA;justify-content: space-between;position: relative;transition: all .3s ease}
.chose-money.best{ border: 1px solid #482DE1;}
.chose-money.best .chmon-discount,.chose-money.best:hover .chmon-discount{background: #482DE1;color: #FFFFFF;}
.chose-money:hover .chmon-discount{background: #EEECFC;color: #482DE1; }
.chmon-money{font-size: 16px;line-height: 22px;margin:6px 0 0 0;;}
.chose-money:hover{ border: 1px solid #482DE1;}
.chmon-count{ font-size: 14px;line-height: 20px;margin: 34px 0 0 0;}
.chose-money:hover .chmon-count,.chose-money:hover .chmon-money{color:#000000;}
.chmon-count span:nth-child(1){ font-weight: bold;font-size: 32px;line-height: 42px;letter-spacing: 1px;font-family: msyhbd;}
.chmon-top{align-items: center;}
.chmon-discount{ background: #F6F5FA;border-radius: 0px 0px 16px 16px;height: 33px;transition: all .3s ease;color:#666666;}
.payswiper .swiper-wrapper {align-items: stretch;padding-top: 20px;}
.payswiper .swiper-slide {width: auto; flex-shrink: 0;display: inline-flex;margin:0 20px 0 0;}
.payswiper .swiper-slide:first-child {margin-left: 35px;}

.content.active .swiper-button-disabled{ visibility: hidden;}
.home-banner-navigation {position: absolute;top: 50%;width: 42px;height: 42px;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.home-banner-navigation::before {content: "";position: absolute;inset: 0;background-repeat: no-repeat;background-position: center;background-size: contain;transition: filter .25s ease;}
.home-banner-navigation:hover::before {filter: drop-shadow(0 4px 8px rgba(0,0,0,.3));}
.home-banner-prev-btn {left: 0;}
.home-banner-prev-btn::before {background-image: url(../image/icon56.png);}
.home-banner-next-btn {right: 0;}
.home-banner-next-btn::before {background-image: url(../image/icon55.png);}
.money-pul{position:absolute;background:url(../image/icon54.png) no-repeat;width:83px;height: 38px;background-size: contain;top:-20px;left: -1px;
    font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 20px;letter-spacing: 1px;padding: 6px 0 0 10px;
}
.pay-slide{overflow: visible;}
.pay-types{margin:35px 35px 20px 35px;}
.pay-types h2{font-weight: bold;font-size: 21px;color: #000000;line-height: 29px;}
.ptype-list{width: 815px;height:auto;background: #F6F5FA;border-radius: 8px; margin:20px 0 0 0;}
.ptypeli-top{margin:20px 0 30px 0;}
.pays{width: 267px;height: 55px;background: #FFFFFF;border-radius: 8px;cursor: pointer;border: 1px solid #FFFFFF;transition: all .3s ease;position:relative;}
.pays:hover,.pays.check{ border: 1px solid #482DE1;}
.paychecknow{position:absolute;width:36px;height: 32px;right:-1px;bottom:-1px;display: none;}
.pays.check .paychecknow{display: flex;}
.wechartpay{margin:0 20px;}
.paylist-down{margin:0 35px 35px 35px;}
.paylist-down p:nth-child(1){ font-size: 16px;color: #999999;line-height: 22px;}
.paylist-down p:nth-child(2){ font-size: 16px;color: #7A7A7A;line-height: 22px;}
.payscon-right{margin:0 0 0 20px;display:none;}
.pays-qrcode{width: 125px;height: 124px;background: #FFFFFF;border-radius: 6px;border: 2px solid #48B338;padding:10px;}
.pays-cons{margin:0 auto 30px auto;align-items: center;width:280px;display: none;}
.payscon-money { color: #333333;margin:0 0 10px 0;}
.payscon-money span:nth-child(1){ font-size: 18px;line-height: 25px;}
.payscon-money span:nth-child(2){font-weight: bold;font-size: 36px;line-height: 47px;font-family:msyhbd;}
.payscon-right .payscon-type {font-size: 18px;color: #333333;line-height: 25px;}
.payscon-right.alipay-pays .payscon-type b,.payscon-right.wechart-pays .payscon-type b{margin:0 2px 0 0;}

.orderall{margin:15px 35px 20px 35px;}
.order-table{width: 100%; border-collapse: collapse;text-align: center;}

.col-serial{padding: 0 0 0 20px;}
.order-table thead{height: 51px;background: #F6F5FA;border-radius: 4px;font-size: 18px;color: #000000;line-height: 25px;}
.order-table tbody td{padding:13px 0;font-size: 18px;color: #0D1321;line-height: 25px;}
.order-table tbody tr{border-bottom: 1px solid #F6F5FA;}
.order-table tbody tr:hover{ background: #FBFBFB;}
.page{margin:20px auto 35px auto;align-items: center;justify-content: center;display:flex;}
.page ul{display:flex;margin:0 auto;}
.pga{min-width: 8px;height: 28px;background: #FFFFFF;border-radius: 4px;border: 1px solid #F2F2F2;padding:3px 10px;margin:0 4px 0 0;}
.pga.middle{border:none;display: flex;align-items: center;background: none;}
.pga.middle b{background: url(../image/icon62.png) no-repeat;width:20px;height: 10px;}
.pga.middle:hover{border:none;}
.pga:hover{background: #FFFFFF;border-radius: 4px;border: 1px solid #482DE1;color: #482DE1;}
.pga.active{ background: #482DE1;border: 1px solid #482DE1;color: #FFFFFF;}
.pga.disabled_page{ background: #ECEDFF;}










.alipay b,.alipay-pays .payscon-type b{width:24px;height:24px; background:url(../image/icon58.png) no-repeat;background-size: contain;margin:0 8px 0 0;}
.wechartpay b, .wechart-pays .payscon-type b{width:24px;height:24px; background:url(../image/icon57.png) no-repeat;background-size: contain;margin:0 8px 0 0;}
.paytab.active b{width:26px;height:21px; background:url(../image/icon52.png) no-repeat;background-size: contain;margin:0 4px 0 0;}
.paytab b{width:19px;height:16px; background:url(../image/icon61.png) no-repeat;background-size: contain;margin:0 4px 0 0;}
.mytab b{width:16px;height:18px; background:url(../image/icon53.png) no-repeat;background-size: contain;margin:0 4px 0 0;}
.mytab.active b{width:19px;height:21px; background:url(../image/icon60.png) no-repeat;background-size: contain;margin:0 4px 0 0;}
.usersa b{width:19px;height:19px; background:url(../image/icon40.png) no-repeat;background-size: contain;margin:0 12px;}
.excels b{width:19px;height:19px; background:url(../image/icon41.png) no-repeat;background-size: contain;margin:0 12px;}
.exits b{width:19px;height:19px; background:url(../image/icon42.png) no-repeat;background-size: contain;margin:0 12px;}
.usersa.check b,.usersa:hover b{width:19px;height:19px; background:url(../image/icon40_click.png) no-repeat;background-size: contain;margin:0 12px;}
.excels.check b,.excels:hover b{width:19px;height:19px; background:url(../image/icon41_click.png) no-repeat;background-size: contain;margin:0 12px;}
.exits.check b,.exits:hover b{width:19px;height:19px; background:url(../image/icon42_click.png) no-repeat;background-size: contain;margin:0 12px;}
.ppts b{width:19px;height:19px; background:url(../image/icon83.png) no-repeat;background-size: contain;margin:0 12px;}
.ppts.check b,.ppts:hover b{width:19px;height:19px; background:url(../image/icon83_click.png) no-repeat;background-size: contain;margin:0 12px;}
.others {padding: 10px 40px 50px;}
.others h4{font-size: 20px;line-height: 30px;font-weight: bold;}
.others p {margin: 1.5em 0;line-height: 260%;color: #656e73;}

.others .mzsm{  line-height: 36px;color: rgb(23, 26, 29);font-size: 24px;background: rgb(255, 255, 255);text-align: center;margin-top: 0;}
.inner-content{font-size: 14px;white-space: normal;line-height: 26px}
.others h1 {
    font-size: 16px;
    line-height: 49px;
    color: #363d40;
    margin-bottom: 2.1em;
    border-bottom: 1px solid #eceff0;
}
.faq h1 {
    margin-bottom: 0;
}