.merchants-banner{
    background-repeat: no-repeat; background-size: cover; background-color: #000b38;display: flex; justify-content: center; align-items: center;
}
.merchants-banner img{
    width: 100%;
}

.group-list{
    background: #efefef;
    display: flex;justify-content: flex-start; align-items: stretch;
    flex-wrap: wrap;
    padding:20px 10% 35px 10%;
    box-sizing: border-box;
    width: 100%;
}
.group-list .group-item:hover {
    box-shadow: 0 0 15px 0 rgba(0 ,0 ,0 ,0.1);
}
.group-list .group-item {
    transition: all .3s;
    width: 31%;
    margin: 15px 1% 0 1%;
    box-sizing: border-box;
    padding: 15px;
    background:#ffffff;
    display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;
}
.group-item .group-title{
    padding: 10px 0;
    display: flex; justify-content: center; align-items: center;
}
.group-item .group-title .group-iocn{width: 28px; height:28px;}
.group-item .group-title .group-name{
    margin-left: 5px;
    font-size: 23px;
    font-weight: bold;
}
.group-item .description{
    width: 100%;
    max-height: 280px;
    overflow-y: scroll;
    border: 2px solid #906b18;
    padding: 15px;
    font-size: 14px;
    line-height: 26px;
    white-space: pre-wrap;
    border-image: linear-gradient(to right, #ffa303 0%, #95711f 21%, #eace88 52%, #95711f 78%, #ffa303 100%) 2 !important;
    background-color: rgba(255,255,255,0.7);
}
.group-item .price {
    margin-top: 10px;
    text-align: center;
    color: #ffa303;
}
.group-item .price_symbol {
    font-size: 16px;
}
.group-item .price_num{
    font-size: 28px;
    font-family:  Helvetica, Tahoma, Verdana, Sans-Serif;
    font-weight: bold;
}
.group-item .buy-btn{
    cursor: pointer;
    width: 70%;
    margin:10px auto;
    text-align: center;
    line-height: 43px;
    font-size:  23px;
    background: #ffa303;
    color: #ffffff;
}
.merchants-article {text-align: center}
.merchants-article img,table{ max-width: 100% !important;}


.payment-list{
    padding:30px;
}
.pay-title {
    font-size: 16px;
    font-weight: bold;
}
.pay-title .price_symbol{
    font-size: 14px;
    color: #ffa303;
}
.pay-title .price_num{
    font-size: 28px;
    color: #ffa303;
    font-weight: bold;
}
.payment-list .choose{
    padding:15px 0;
    border-bottom: 1px solid #efefef;
}
.payment-item{
    padding:15px 0;
    border-bottom: 1px solid #efefef;
    display:flex; justify-content: space-between; align-items: center;
}
.payment-item-inner{
    display:flex; align-items: center;
}
.payment-item-inner .payment-icon{
    width: 20px;
    height: 20px;
}
.payment-item-inner .disabled{opacity: 0.5}
.payment-item .operation{
    padding: 5px;
    color: #ffa303;
}
.member-box{display: flex;align-items: stretch; overflow: visible; padding: 20px;}
.member-box .m-user{position:relative; z-index1;flex: 1; float:left;box-shadow:2px 2px 10px rgba(0,0,0,.3);background: url('/static/index/shop/images/pc_vip_bg.jpg');}
.member-box .m-user .info{ padding:10px; margin: 20px; background:rgba(255,255,255,0.7); box-sizing: border-box; text-align: center; color: #000000;}
.member-box .m-user .user-avatar img{ width: 60px; height: 60px; border-radius: 50%;}
.member-box .m-user .name{text-transform: uppercase; font-weight: bold; font-size: 16px;}
.member-box .m-user .has-join-title{font-size: 16px;}
.member-box .m-user .has-join-desc{ margin-top: 2px; text-align: left;}
.member-box .m-user .join-invented{ background: #000000; padding: 10px; color: #ffffff; text-align: center;}
.member-box .m-user .join-invented .button{
    animation: scaleDrew 1.5s ease-in-out infinite;
    width: 60px; line-height:24px;height:26px;display: inline-block;
    border-radius: 25px;
    background: #ff882e;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#c7a05b), to(#ff882e));
    background-image: -webkit-linear-gradient(top left, #c7a05b, #ff882e);
    background-image: linear-gradient(to bottom right, #c7a05b, #ff882e);
    color: #ffffff;
}
.info-box{}
.info-box .region-linkage .chosen-select {
    display: -webkit-inline-box;
    width: calc(33.3% - 3px) !important;
}
.info-box .region-linkage .chosen-select .chosen-single {
    width: 100%;
}
@keyframes scaleDrew {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
}
.member-box .m-parameter{margin: 5px 0;background: url('/static/index/shop/images/pc_vip_bg.jpg');flex: 3;}
.member-box .m-parameter .parameter-inner{background: rgba(255,255,255,0.6);height:100%;display: flex; justify-content:space-around; align-items: center;}
.m-parameter .item{ text-align: center; padding: 10px; font-size: 16px;}
.m-parameter .item .num{font-size: 28px; font-weight: bold;}

@media only screen and (max-width: 1280px) {
    .group-list {padding:20px 0 35px 0;}
    .group-list .group-item {
        width: 48%;
        margin: 15px 1% 0 1%;
    }
}
@media only screen and (max-width: 1025px) {
    .merchants-banner{height: 380px; overflow: hidden;}
    .merchants-banner img{ object-fit: cover; height: 380px;}
    .group-list {padding:20px 0 35px 0;}
    .group-list .group-item {
        width: 98%;
        margin: 15px 1% 0 1%;
    }
}
@media only screen and (max-width: 640px) {
    .nav{display: none}
    .merchants-banner{height: 180px; overflow: hidden;}
    .merchants-banner img{ object-fit: cover; height: 180px;}
    .group-list{
        padding:10px 0 25px 0;
    }
    /*.group-list .group-item {*/
    /*    width: 94%;*/
    /*    margin: 15px 3% 0 3%;*/
    /*}*/
    .member-box{ flex-direction: column; padding: 10px;}
    .member-box .m-user,.member-box .m-parameter{flex: 1; }
    .member-box .m-parameter .parameter-inner{display: flex; justify-content:space-around; align-items: center; flex-wrap: wrap; padding: 30px 0;}
    .m-parameter .item{box-sizing:border-box; width:50%;font-size: 14px;}
    .m-parameter .item .num{font-size:18px;}
    .group-list .group-item {
        padding: 8px;
    }
    .group-item .group-title .group-name{
        font-size: 18px;
    }
    .group-item .description{
        padding: 5px;
        font-size: 12px;
        line-height: 18px;
    }
    .group-item .price_symbol {
        font-size: 14px;
    }
    .group-item .price_num{
        font-size: 20px;
    }
    .group-item .buy-btn{
        margin: 10px auto;
        line-height: 38px;
        font-size:  18px;
    }
}