body {
    background: #000000;
}
.container {
    width: 100%;
    max-width: 750px;
    margin: auto;
    background: url(../images/st4.jpg) no-repeat center top rgb(11, 12, 22);
    padding-bottom: 1rem;
    position: relative;
}
.section {
    width: 100%;
    background: none no-repeat center top;
    margin: 0 auto 0.7rem;
    position: relative;
    z-index: 2;
}
.s-title {
    width: 100%;
    line-height: 0.32rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.32rem;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    top: 0.28rem;
}
.s-title p {
    font-size: 0.2rem;
    line-height: 0.24rem;
    letter-spacing: 0.02rem;
    color: #feecd0;
    margin-top: 0.1rem;
}
.s1 {
    margin-bottom: 0.5rem;
    padding-top: 1rem;
}
.s1:before {
    content: "";
    width: 6.61rem;
    height: 2.44rem;
    background: url(../images/st29.png) no-repeat;
    background-size: 100%;
    display: block;
    margin: auto;
}
.s1-con {
    width: 100%;
    margin: auto;
    position: relative;
    padding-bottom: 0.01rem;
}
.s1-con:before {
    content: "";
    width: 4.74rem;
    height: 8.08rem;
    background: url(../images/st7.png) no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 4.1rem;
}
.s1-con:after {
    content: "";
    width: 4.11rem;
    height: 7.45rem;
    background: url(../images/st71.png) no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    top: 4rem;
    right: 0;
}
.s1-con .roll-con {
    position: relative;
    z-index: 2;
}
.roll-con .roll-list {
    width: 7.15rem;
    height: 7.02rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    background: url(../images/st25.png) no-repeat center top;
    background-size: 100%;
}
.roll-con .roll-list .roll-ul {
    margin: 0 auto;
    position: relative;
    width: 6rem;
    height: 6rem;
}
.roll-con .roll-list .roll-li {
    height: 1.75rem;
    width: 1.53rem;
    position: absolute;
    left: 0;
    top: 0;
    /*overflow: hidden;*/
}
.roll-con .roll-list .img {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 auto 0.02rem;
    background: url(../images/st9.png) no-repeat center center;
    background-size: 100%;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.roll-con .roll-li.active .img:after{
    content:"";
    display: block;
    width: 122%;
    height: 122%;
    background:url(../images/st5.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: -11%;
    top: -11%;
}
.roll-con .roll-list .roll-li1 .img, .roll-con .roll-list .roll-li5 .img {
    transform: scale(1);
    width: 1.39rem;
    height: 1.39rem;
}
.roll-con .roll-list .img img {
    width: 73%;
    border-radius: 50%;
    height: auto;
}
.roll-con .roll-list .roll-li p {
    font-size: 0.22rem;
    width: 66%;
    margin: auto;
    text-align: center;
    line-height: 0.29rem;
    color: #d9ba87;
    text-shadow: 0.01rem 0.01rem black, -0.01rem -0.01rem black;
}
.roll-con .roll-list .roll-li1 {
    left: 2.26rem;
    top: -0.34rem;
}
.roll-con .roll-list .roll-li2 {
    left: 4.07rem;
    top: 0.63rem;
}
.roll-con .roll-list .roll-li3 {
    left: 4.75rem;
    top: 2.49rem;
}
.roll-con .roll-list .roll-li4 {
    left: 4.07rem;
    top: 4.3rem;
}
.roll-con .roll-list .roll-li5 {
    left: 2.26rem;
    top: 4.98rem;
}
.roll-con .roll-list .roll-li6 {
    left: 0.4rem;
    top: 4.3rem;
}
.roll-con .roll-list .roll-li7 {
    left: -0.24rem;
    top: 2.49rem;
}
.roll-con .roll-list .roll-li8 {
    left: 0.4rem;
    top: 0.63rem;
}
.roll-con #divPointer {
    width: 1.82rem;
    height: 1.82rem;
    position: absolute;
    left: 2.68rem;
    margin: 0;
    top: 2.13rem;
    transform: rotate(0deg);
    cursor: pointer;
}
.roll-con .roll-info {
    width: 1.82rem;
    height: 1.82rem;
    position: absolute;
    left: 2.54rem;
    margin: 0;
    top: 2.44rem;
    user-select: none;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.34rem;
    letter-spacing: 0.01rem;
    color: #d9ba87;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.2rem;
    pointer-events: none;
}
.roll-con .roll-info p {
    font-size: 0.3rem;
    text-indent: 0.22rem;
}
.roll-con .roll-info i {
    width: 0.47rem;
    height: 0.6rem;
    background: url(../images/st23.png) no-repeat center;
    position: absolute;
    top: 0.08rem;
    right: 0.08rem;
    background-size: 100%;
}
.roll-con #divPointer.active {
    transition: all 4s ease-in-out;
}
.roll-con #divPointer:before {
    content: "";
    width: 2.26rem;
    height: 1.83rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/st8.png) no-repeat center center;
    background-size: 100%;
}
.roll-con .roll-right {
    width: 7.5rem;
    margin: 0 auto 1.6rem;
    height: 3.96rem;
    background: url(../images/st30.png) no-repeat;
    background-size: 100%;
}
.roll-con .roll-ali {
    width: 6.6rem;
    height: 1.26rem;
    float: left;
    margin: 1.85rem 0 0 0.47rem;
}
.scroll-container {
    margin: auto;
    height: 1.2rem;
    width: 6rem;
    overflow: hidden;
}
.scroll-ul {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
}
.scroll-ul .scroll-li {
    width: 100%;
    height: 0.6rem;
    box-sizing: border-box;
    text-align: left;
    line-height: 0.25rem;
    font-size: 0.22rem;
    letter-spacing: 0.01rem;
    color: #f6f0ba;
    overflow: hidden;
}
.scroll-li span {
    padding: 0 0.02rem;
}
.scroll-li em {
    color: #ddb555;
    text-decoration: underline;
}
.roll-con .clickitem {
    font-size: 0.24rem;
    line-height: 0.8rem;
    color: #b39b70;
    clear: both;
    width: 6.6rem;
    margin: auto;
}
.roll-con .clickitem span {
    font-size: 0.24rem;
    color: #ffffb8;
    font-weight: bold;
}
.roll-con .clickitem em {
    font-style: normal;
    color: #b39b70;
}
.s2 {
    width: 7.5rem;
    height: 7.85rem;
    background: url(../images/st16.png) no-repeat center;
    position: relative;
    box-sizing: border-box;
    padding-top: 2.4rem;
    background-size: 100%;
}
.s2 .to-list {
    border-radius: 0.04rem;
    line-height: 0.34rem;
    text-align: center;
    font-size: 0.14rem;
    color: #feecd0;
    float: right;
    margin-left: 0.18rem;
    cursor: pointer;
    display: none;
}
.s2-2 .s2-con .con {
    padding-top: 0.05rem;
    margin-bottom: 0.2rem;
    width: 11.2rem;
}
.s2-con .t-g {
    width: 6.3rem;
    height: 0.5rem;
    margin: 0 auto;
    position: relative;
}
.s2-con .t-li {
    width: 1.74rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    color: #d5c2a4;
    font-size: 0.24rem;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 0;
    box-sizing: border-box;
    padding: 0;
    letter-spacing: 0;
    background: url(../images/st1.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.s2-con .t-li:nth-child(2) {
    left: 1.54rem;
    z-index: 4;
}
.s2-con .t-li:nth-child(3) {
    left: 3.08rem;
    z-index: 3;
}
.s2-con .t-li:nth-child(4) {
    left: 4.62rem;
    z-index: 2;
}
.s2-con .t-li.active {
    color: #feecd0;
}
.s2 .left {
    position: absolute;
    top: 1.65rem;
    left: 0.4rem;
    background: rgb(7, 7, 8);
    color: #b39b70;
    padding-right: 0.1rem;
    border-radius: 0.04rem;
    height: 0.52rem;
}
.s2 .left .server-select {
    float: left;
    /* width: 1rem;
     */
    line-height: 0.36rem;
    height: 0.36rem;
    margin-left: 0.03rem;
    border: 0.01rem solid #685b3b;
    font-size: 0.22rem;
    padding-left: 0.05rem;
    margin-top: 0.06rem;
    position: relative;
    padding-right: 0.05rem;
}
.s2 .left .toggle-server {
    float: right;
    background: rgb(255, 155, 0);
    height: 0.36rem;
    line-height: 0.36rem;
    margin: 0.06rem 0 0 0.12rem;
    font-size: 0.22rem;
    width: 0.65rem;
    color: #5e5e5e;
    text-align: center;
    cursor: pointer;
}
.s2 .left .server-name {
    color: rgba(179, 155, 112, 0.6);
    cursor: default;
}
.s2 .left.selected .server-name {
    color: rgb(179, 155, 112);
    position: absolute;
}
.s2 .left .name {
    float: left;
    height: 0.4rem;
    line-height: 0.4rem;
    margin-left: 0.08rem;
    font-size: 0.14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 0.15rem;
    margin-top: 0.06rem;
}
.s2 .left .name span {
    font-size: 0.21rem;
}
.s2-con .right {
    position: absolute;
    top: 1.15rem;
    right: 0.9rem;
}
.s2-con .to-rule {
    line-height: 0.34rem;
    font-size: 0.22rem;
    color: #feecd0;
    float: right;
    margin-left: 0.18rem;
    cursor: pointer;
}
.s2-con .right span {
    border-radius: 0.04rem;
    line-height: 0.34rem;
    text-align: center;
    font-size: 0.22rem;
    color: #feecd0;
    float: right;
    margin-left: 0.18rem;
    cursor: pointer;
}
.s2-con .right span b {
    color: #f9db63;
}
.s2-con .main-li {
    display: none;
    width: 100%;
    margin: 0.85rem auto 0;
}
.s2-con .main-li:nth-child(1) {
    display: block;
}
.s2-con .main-li.s-con {
    width: 6.63rem;
    height: 4.35rem;
    background-image: linear-gradient(rgba(91, 84, 67, 0.5), rgba(91, 84, 67, 0.5)), linear-gradient(#463126, #463126);
    background-blend-mode: normal, normal;
    border-radius: 0.06rem;
    border: solid 0.01rem #685b3b;
    margin: 0.3rem auto;
}
.s2-con .new-gifts {
    width: 100%;
    height: 0.95rem;
    background-color: #211d17;
    margin: 0.18rem auto 0;
    display: none;
}
.s2-con .new-gifts .text {
    width: 2.42rem;
    height: 0.95rem;
    background-color: #dfb252;
    text-align: center;
    line-height: 0.95rem;
    color: #211d17;
    font-size: 0.24rem;
    font-weight: bold;
    float: left;
    margin-right: 0.4rem;
}
.s2-con .new-gifts .ng-li {
    width: 1.93rem;
    margin-right: 0.04rem;
    height: 0.56rem;
    margin-top: 0.2rem;
    line-height: 0.56rem;
    color: #a39783;
    font-size: 0.14rem;
    font-weight: bold;
    float: left;
    margin-left: 0.34rem;
}
.s2-con .new-gifts .ng-li img {
    width: 0.56rem;
    height: 0.56rem;
    border: solid 0.02rem #dfb252;
    box-sizing: border-box;
    float: left;
    margin-right: 0.12rem;
}
.s2-con .new-gifts .to-get {
    width: 0.88rem;
    height: 0.34rem;
    background-color: #b83434;
    border-radius: 0.04rem;
    text-align: center;
    line-height: 0.34rem;
    cursor: pointer;
    font-size: 0.16rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    float: right;
    margin: 0.29rem 0.31rem 0 0;
}
.s2-con .new-gifts.has-get .to-get {
    background-color: #000000;
    color: #555555;
}
.s2-con .to-invite {
    width: 2.41rem;
    height: 0.74rem;
    background: url(../images/st24.png) no-repeat center;
    background-size: 100%;
    text-align: center;
    line-height: 0.69rem;
    color: #fcfcfb;
    font-size: 0.3rem;
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    bottom: -0.33rem;
    left: 0;
    right: 0;
    margin: auto;
}
.s2-con .main {
    width: 6.5rem;
    height: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}
.s2-con .m-li {
    text-align: center;
    margin: 0;
    width: 1.83rem;
    height: 2.45rem;
    background: url(../images/st28.png) no-repeat;
    background-size: 100%;
    position: relative;
}
.s2-con .main .m-li:first-child {
    /* margin-left: 0;
     */
}
.s2-con .m-li h3 {
    color: #ffffff;
    text-align: center;
    width: 100%;
    font-size: 0.22rem;
    font-weight: bold;
    height: 0.7rem;
    line-height: 0.7rem;
    position: absolute;
    top: -0.7rem;
}
.s2-con .m-li h3 b {
    font-size: 0.3rem;
    font-weight: bold;
    padding: 0 0.01rem;
    color: #f9db63;
}
.s2-con .m-li .img {
    width: 2.49rem;
    height: 2.65rem;
    margin: 0 auto;
}
.s2-con .m-li .gift {
    width: 1.49rem;
    height: 2.38rem;
    float: left;
    margin: 0.11rem 0 0 0.25rem;
    background: url(../images/st22.png) no-repeat center;
    background-size: 100%;
    color: #f6f6f6;
    font-size: 0.24rem;
    box-sizing: border-box;
    padding: 1.63rem 0 0 0.7rem;
}
.s2-con .m-li p {
    height: 0.4rem;
    text-align: center;
    color: #a39783;
    font-size: 0.14rem;
    line-height: 0.4rem;
    margin-bottom: 0.05rem;
    display: none;
}
.s2-con .m-li .btn {
    width: 1.48rem;
    height: 0.46rem;
    background: url(../images/st3.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    text-align: center;
    line-height: 0.45rem;
    margin: auto;
    color: #fcfcfb;
    font-size: 0.24rem;
}
.s2-con .m-li.has-get h3 {
    color: #a39783;
}
.s2-con .m-li.no-get .btn, .s2-con .m-li.has-get .btn {
    /* background-image: url(../images/st2.png); */
}
.s2-con .m-li.no-get .gift {
    background-image: url(../images/st21.png);
}
.alert-win {
    display: none;
}
.alert-window .alert-win {
    border-radius: 0;
    box-shadow: none;
    background: url(../images/st10.jpg) no-repeat;
    background-size: 100% 100%;
}
.alert-window {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    display: none;
}
.alert-window>.close-win {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}
.alert-window .alert-title {
    width: 100%;
    height: 0.19rem;
    border-radius: 0.04rem 0.04rem 0rem 0rem;
    box-sizing: border-box;
    line-height: 0.35rem;
    text-align: left;
    padding-left: 0.13rem;
    color: #ffffff;
    font-size: 0.14rem;
}
.alert-window .alert-title .close-win {
    width: 0.35rem;
    height: 0.35rem;
    background: url(../images/st11.jpg) no-repeat center center;
    background-size: 0.28rem 0.29rem;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -0.35rem;
}
.alert-window .win-msg {
    width: 5rem;
    height: 2.65rem;
    border-radius: 0.04rem;
    box-shadow: none;
}
.win-msg .con {
    width: 90%;
    padding-top: 0.13rem;
    height: 1.08rem;
    margin: 0 auto;
    font-size: 0;
}
.win-msg .con .gift {
    height: 1.08rem;
    line-height: 0.36rem;
    font-size: 0.24rem;
    margin-bottom: 0.4rem;
    color: #ebebeb;
    text-align: center;
}
.win-msg .con .gift .invite-name {
    display: block;
    color: red;
}
.win-msg .gift .btns {
    height: 0.35rem;
    text-align: center;
}
.win-msg .btns {
    height: 0.5rem;
    text-align: center;
}
.win-msg .btns .confirm {
    display: inline-block;
    width: 1.2rem;
    height: 0.5rem;
    background-color: #eb7e35;
    border-radius: 0.04rem;
    margin: 0 0 0 0.36rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.22rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    cursor: pointer;
}
.confirm-close {
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    background-color: #eb7e35;
    border-radius: 0.04rem;
    margin: auto;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.22rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    cursor: pointer;
}
.win-msg .btns .cancel {
    display: inline-block;
    width: 1.2rem;
    height: 0.5rem;
    background-color: #ddd;
    border-radius: 0.04rem;
    margin: auto;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.22rem;
    letter-spacing: 0.01rem;
    cursor: pointer;
    color: #666;
}
.win-msg .con img {
    display: inline-block;
    vertical-align: middle;
}
.alert-window .win-title {
    width: 5rem;
    height: 2.1rem;
    border-radius: 0.04rem;
    box-shadow: none;
}
.win-title .con {
    width: 90%;
    padding-top: 0.01rem;
    height: 0.8rem;
    margin: 0 auto 0.25rem;
    font-size: 0;
    line-height: 0.8rem;
}
.win-title .con .gift {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.24rem;
    color: #ebebeb;
    text-align: center;
}
.win-title .con img {
    display: inline-block;
    vertical-align: middle;
}
.win-rule {
    width: 9.89rem;
    height: 5.55rem;
    background: url(../images/st10.jpg) no-repeat center;
}
.c-list .con-rule {
    width: 100%;
    overflow: auto;
    margin-left: 0;
    margin-top: 0.15rem;
}
.c-list .con-rule p {
    text-align: left;
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #ffffff;
}
.c-list .con-rule .mb {
    margin-bottom: 0.2rem;
}
.win-list {
    width: 96%;
    height: 3.85rem;
    margin: 0 auto;
}
.win-list .c-li {
    height: 3.85rem;
    width: 93%;
    display: none;
    margin: 0.2rem 0.2rem 0;
    overflow: auto;
}
.win-list .c-li:first-child {
    display: block;
}
.win-list .c-li .li {
    width: 90%;
    height: 0.5rem;
    box-sizing: border-box;
    line-height: 0.5rem;
    overflow: hidden;
    margin-bottom: 0.1rem;
    font-size: 0.22rem;
    color: #ebebeb;
}
.win-list .c-li .li em {
    background: rgb(255, 155, 0);
    height: 0.4rem;
    line-height: 0.4rem;
    margin: 0 0 0 0.05rem;
    font-size: 0.22rem;
    width: 0.8rem;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 0.05rem;
    color: #ffffff;
}
.win-list .c-li .li .has-get {
    background: #ccc;
    color: #666;
}
.mCSB_scrollTools {
    width: 0.05rem;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #8c804d !important;
    width: 0.05rem;
    border-radius: 0 !important;
    height: 100%;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(90, 90, 90, 0.15);
}
.alert-choose {
    width: 5.8rem;
    height: 4.1rem;
    box-sizing: border-box;
    background: rgb(255, 248, 230);
}
.alert-choose .content-window {
    width: 5rem;
    margin: auto;
}
.content-window h2 {
    font-size: 0.28rem;
    text-align: center;
    color: #feecd0;
    height: 0.85rem;
    line-height: 0.7rem;
}
.choose-container {
    width: 5rem;
    height: 1.8rem;
    box-sizing: border-box;
    padding: 0.3rem 0.13rem 0 0.2rem;
    background: rgb(81 74 56);
    border-radius: 0.03rem;
    display: block;
    outline: 0;
    border: 0;
    margin: 0 auto 0.35rem;
}
.alert-choose .choose-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.alert-choose .cancel-btn {
    width: 1.2rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.22rem;
    border: 0.01rem solid rgb(255, 155, 0);
    color: rgb(255, 155, 0);
    margin: 0 0.1rem;
    border-radius: 0.03rem;
}
.content-window .confirm-btn {
    width: 1.2rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.22rem;
    background: rgb(255, 155, 0);
    color: white;
    margin: 0;
    border-radius: 0.03rem;
    cursor: pointer;
    margin-left: 0.2rem;
}
.choose-container>div {
    height: 0.5rem;
    text-align: left;
    line-height: 0.5rem;
    color: #4d3d21;
    margin-bottom: 0.2rem;
}
.choose-container p {
    font-size: 0.24rem;
    float: left;
    color: #ffffff;
}
.choose-container .choose-content {
    float: left;
    width: 3.33rem;
    position: relative;
}
.choose-container .choose-content .choose-text {
    line-height: 0.5rem;
    height: 0.5rem;
    text-indent: 0.2rem;
    color: #cccccc;
    background: white;
    border-radius: 0.05rem;
    overflow: hidden;
    position: relative;
    font-size: 0.24rem;
}
.choose-container .choose-content .choose-text:after {
    content: "";
    display: block;
    width: 0.16rem;
    height: 0.09rem;
    position: absolute;
    top: 0.14rem;
    right: 0.12rem;
}
.choose-container .choose-content .choose-ul {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 100%;
    z-index: 10;
    background: white;
    text-indent: 0.2rem;
    color: #333333;
    max-height: 3.5rem;
    overflow: auto;
    display: none;
    height: 1rem;
    font-size: 0.24rem;
}
.alert-window .win-gifts {
    width: 3.45rem;
    height: 5.18rem;
    box-shadow: none;
    background: url(../../../images/20230622/dw3_17.png) no-repeat center center;
    background-size: 100%;
}
.win-gifts .alert-title {
    background: none;
}
.win-gifts .wg-title {
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 0.4rem;
    height: 0.4rem;
    letter-spacing: 0.02rem;
    color: #fdfdfd;
    text-align: center;
    margin-bottom: 0.28rem;
}
.win-gifts .wg-gift {
    height: 0.64rem;
    text-align: center;
    font-size: 0.18rem;
    letter-spacing: 0.01rem;
    color: #fdfdfd;
    margin-bottom: 0.25rem;
    margin-top: 1.25rem;
}
.win-gifts.is-st .wg-gift {
    margin-top: 0;
}
.win-gifts .gift-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.22rem;
}
.win-gifts .gift-name div {
    height: 0.28rem;
    line-height: 0.28rem;
}
.win-gifts .wg-gift-img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.18rem;
    width: 0.64rem;
    height: 0.64rem;
    background-color: #ffffff;
    border-radius: 0.08rem;
    overflow: hidden;
    font-size: 0.24rem;
}
.win-gifts .wg-gift-img img {
    float: left;
    width: 100%;
    height: 100%;
}
.win-gifts .wg-code {
    width: 2.8rem;
    height: 0.5rem;
    border-radius: 0.06rem;
    border: solid 0.01rem #b5b5b5;
    margin: 0.45rem auto 0.24rem;
    overflow: hidden;
    display: none;
}
.win-gifts.is-code .wg-code {
    display: block;
}
.win-gifts .wg-code-copy {
    float: right;
    width: 1.3rem;
    height: 0.5rem;
    background-color: #a7201a;
    border-radius: 0.06rem;
    text-align: center;
    letter-spacing: 0.01rem;
    color: #ffffff;
    line-height: 0.5rem;
    cursor: pointer;
    font-size: 0.22rem;
}
.win-gifts input {
    display: block;
    width: 2.68rem;
    height: 0.42rem;
    border-radius: 0.06rem;
    border: solid 0.01rem #b5b5b5;
    line-height: 0.42rem;
    margin: 0 auto 0.2rem;
    color: #b3b3b3;
    font-size: 0.2rem;
    padding: 0 0.14rem;
    text-align: left;
    box-sizing: border-box;
    background: transparent;
}
.win-gifts .wg-code input {
    float: left;
    height: 0.5rem;
    width: 1.4rem;
    border: 0;
    margin-bottom: 0;
}
.win-gifts .wg-info {
    display: none;
    padding-top: 0.05rem;
}
.win-gifts.is-st .wg-info {
    display: block;
}
.win-gifts.is-st .close-btn {
    display: none;
}
.win-gifts .wg-info-t {
    height: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    margin-bottom: 0.19rem;
    font-size: 0.22rem;
    letter-spacing: 0.01rem;
    color: #fdfdfd;
}
.win-gifts .submit-xn, .win-gifts .close-btn {
    width: 1.5rem;
    height: 0.5rem;
    background-color: #a7201a;
    border-radius: 0.06rem;
    text-align: center;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    margin: 0.35rem auto 0;
    line-height: 0.5rem;
    cursor: pointer;
}
.win-gifts .close-btn {
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    right: 0;
}
.win-gifts .submit-xn.has-finish {
    background-color: #b5b5b5;
    color: #060606;
    cursor: default;
}