@charset "utf-8";

.friend-wrap {
    width: 100%;
    height: 100%;
    background: #131827;
}

.banner {
    width: 100%;
    height: 400px;
    background: url('./img/h5-banner.jpg') no-repeat center center / 100% 100%;
}

.content {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.content section>img {
    width: 315px;
    height: 25px;
    margin: 30px auto 20px;
}

.content .sec-inner {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #EBD4AA;
    border-radius: 20px;
    color: #CEC1A3;
    font-size: 12px;
}

.content .sec-inner table {
    width: 100%;
    color: #CEC1A3;
    font-size: 12px;
}

.content .sec-inner table tr {
    height: 25px;
}

.content .sec-inner table th {
    background: #767268;
    border: 1px solid #CEC1A3;
}

.content .sec-inner table td {
    border: 1px solid #CEC1A3;

}

.content .sec-inner h4 {
    margin: 10px auto;
    text-align: left;
    line-height: 14px;
}

.linkBox {
    width: 100%;
    height: 35px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    padding: 10px 5px;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;

}

.linkBox p {
    color: #333;
    text-align: left;
}

.linkBox .copyBtn {
    width: 62px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: #D02443;
    border-radius: 10px;
    color: #fff;
}

.bottom {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #988656;
    color: #fff;
    margin-top: 20px;
}


.way-item {
    flex: 1;
    line-height: 30px;
    color: #d0c29f;
    font-size: 14px;
    text-align: center;
    position: relative;
    border-bottom: 2px solid#D9D9D9;
}

.way-item.active {
    color: #ffffff;
}

.way-item.active:after {
    display: block;
    content: '';
    position: absolute;
    border-bottom: 2px solid #d02443;
    width: 100%;
    left: 0;
}

.a-m{
    display: none;
}

.a-m.active{
    display: block;
}

.choose-acc-cont{
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    color: #fff;
}

.amount-cont{
    justify-content: space-around;
    font-size: 12px;
    margin: 10px 0;
}

.c-money a,
.linkBox p a{
    color: #fd002d;
    text-decoration: underline;
}
.c-money{
    color: #fd002d;
}

.c-money:nth-of-type(1){
    margin: 0 0 0 20px;
}

.plat-list{
    display: flex;
    flex-wrap: wrap;
}

.plat-item{
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #CEC1A3;
    background: transparent;
    border: 1px solid #CEC1A3;
    margin: 0 5px 5px 0;
}

.plat-item li:nth-child(3n){
    margin-right: 0;
}

.plat-item.active{
    color: #ffffff;
}
.plat-item:last-of-type{
    border-right: 1px solid #c7ba99;
}

.all-account-list .item{
    display: none;
}
.all-account-list .item.active{
    display: block;

}
.all-account-list .item a {
    width: 100px;
    height: 55px;
    float: left;
    padding: 7px;
    margin-right: 2%;
    color: #c7ba99;
    margin-bottom: 10px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #c7ba99;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.all-account-list .item a.active,
.all-account-list .item a.active .iconfont{
    background: #777267;
    color: #fFFFFF;
    border: none;
}

.all-account-list .item p {
    line-height: 1;
    align-items: center;
}

.get-btn-cont{
    text-align: center;
}
.get-btn{
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-top: 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #D02443;
}

.get-btn.disabled{
    opacity: .2;
}

.rule-cont p{
    margin-bottom: 10px;
}

.part-context.reference{
    background: url(/qy-ydpm/2021/newFriend/img/reference-bg.png);
    background-size: 100%;
    border-radius: unset;
    border: none;
    height: 231px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.part-context.reference .white {
    background: #fff;
    color: #333333;
    width: 100%;
    border-radius: 5px;
    text-align: left;
    line-height: 48px;
    height: 48px;
    text-indent: 20px;
    position: relative;
    display: flex;
    align-items: center;
}
.part-context.reference .get-btn{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fFFFFF;
    background: linear-gradient(
            90deg, #b5355f 0%, #d35858 100%);
    cursor: pointer;
    border-radius: 5px;
    margin: 0 10px 0 auto;
}
.part-context.reference p{
    color: #333333;
    margin-top: 18px;
}

.a-money {
    font-size: 12px;
}

.a-sx {
    position: relative;
}

.a-sx .iconfont {
    font-size: 12px;
    font-weight: bold;
    color: #697da9;
}

.tips{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #df3e7b;
}
.no-data-td img{
    margin-top: 30px;
}

.pagination-box{
    padding: 25px 0;
    text-align:right;
}
.pagination-box .paginationjs .paginationjs-pages {
    display: inline-block;
    float: none;
}
.paginationjs .paginationjs-pages li{
    border:1px solid #bd313e;
    border-right: none;
    background: #9c9c9c;
}

.pagination-box  .paginationjs .paginationjs-pages li > a{
    color: #333;
    background: #fff;
}
.pagination-box  .paginationjs .paginationjs-pages li.active > a{
    background: #bd313e;
    color: #fff;
}

.cont2 {
    background: #1f232f;
}