*{
    font-family:'Noto Scan SC','PingFang SC','Gotham','Myriad Set Pro' ,'STHeitiSC-Light', 'Microsoft YaHei', sans-serifsans-serif;
}
.wrap{
    width: 1920px;
    height: 3886px;
    background: url(../images/bg.png) no-repeat;
    /* background: url(../images/bg-f.jpg) no-repeat  -2px -182px; */
}
.head{
    width: 1200px;
    margin: 0 auto;
}
.hd-time{
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    padding-top: 560px;
}
.hd-rule{
    font-size: 24px;
    font-weight: 400;
    color: #900503;
    padding-top: 35px;
    margin-left: 110px;
    line-height: 50px;
}
.title{
    width: 556px;
    height: 88px;
    margin: 0 auto;
}
.head .title{background: url(../images/bg-rule-title.png) no-repeat;    margin-top: 130px;}
.content{width: 1400px;margin:0 auto}
.content .title{
    background: url(../images/bg-card-title.png) no-repeat;
    margin-top: 130px;
}
.gifts-wrap{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;}
.picker-wrap{text-align: center;}
.zone-server {
    font-size: 20px;
    height: 40px;
    margin: 30px;
    border: unset;
}

.gift-item{
    width: 313px;
    height: 433px;
    margin-bottom: 75px;
    &:hover{
        transform: scale(1.02);
        background-color: #fafcfd;
        box-shadow: -18px -18px 18px #ffffff88, 18px 18px 18px #ffffff88;
        border-radius: 5px;transform: scale(1.02);
    }
}
.gift-item-1-1{background: url(../images/1-1.png) no-repeat;}
.gift-item-1-2{background: url(../images/1-2.png) no-repeat;}
.gift-item-1-3{background: url(../images/1-3.png) no-repeat;}
.gift-item-1-4{background: url(../images/1-4.png) no-repeat;}
.gift-item-2-1{background: url(../images/2-1.png) no-repeat;}
.gift-item-2-2{background: url(../images/2-2.png) no-repeat;}
.gift-item-2-3{background: url(../images/2-3.png) no-repeat;}
.gift-item-2-4{background: url(../images/2-4.png) no-repeat;}
.gift-item-3-1{background: url(../images/3-1.png) no-repeat;}
.gift-item-3-2{background: url(../images/3-2.png) no-repeat;}
.gift-item-3-3{background: url(../images/3-3.png) no-repeat;}
.gift-item-3-4{background: url(../images/3-4.png) no-repeat;}
.gift-item-4-1{background: url(../images/4-1.png) no-repeat;}
.gift-item-4-2{background: url(../images/4-2.png) no-repeat;}
.gift-item-4-3{background: url(../images/4-3.png) no-repeat;}
.gift-item-4-4{background: url(../images/4-4.png) no-repeat;}

.item-desc{
    text-align: center;
    font-weight: bolder;
    font-size: 18px;
    color: #fff2d2;
    padding-top: 245px;
}
.item-property{font-size: 16px;font-weight: 400;}
.item-price-info,.op-tools{display: flex; flex-direction: row; justify-content: center;}
.item-price-off{
    font-size: 40px;
    color: #ffeb3e;
}
.item-price{font-size: 20px; color: #fff2d2;font-weight: 400; padding: 24px 0 0 10px;text-decoration: line-through;}
.btn-buy{width: 165px;height:45px;background: url(../images/btn-award.png) no-repeat; margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #900503;    line-height: 45px;
    cursor: pointer;
    &:hover{
        transform: scale(1.02);
    }
}
.btn-buy-done{
    
}
.btn-buy-disabled{
    cursor: unset;
    filter: brightness(0.8);
}
.op-tools .btn {width: 378px;height:131px;    margin: 100px;}
.btn-web{background: url(../images/btn-web.png) no-repeat;}
.btn-ucenter{background: url(../images/btn-ucenter.png) no-repeat;}


.got_cards, .get_cards{
    font-size: 16px;
}
.card_item {
    text-indent: 20px;
    line-height: 30px;
}
.card_name {
    color: #10af1c;
}
.card_list {
    text-indent: 30px;
    color: #8e6531;
    font-weight: bold;
}
.can_obtain .card_name {
    float: left;
}
.jump_slice {
    float: right;
    clear: both;
    margin: -26px 100px 0 0;
}
.get_time,.change_time {
    font-size: 12px;
    color: #bab9b8;
}
.change_time {
    color: #8e6531;
}
.note-strong{color:red;font-weight: bold;}
.gift-sn{cursor: pointer;}
.user_gifts {
    color: #ebe656;
}
.popmsgarea  .exp_time {
    font-size: 15px;
    color: #b4b434;
}