*{ 
    margin: 0;
    padding: 0;
    /*盒子模型*/
    box-sizing: border-box;
    /*禁止用户选中网页内容*/
    user-select: none;
}
body{
    background-image: url("./pic/新年抽奖-bg.png");
    background-position: center;
    background-size: cover;
    /*尺寸控制 第五节课学*/
    height: 100vh;
    /*页面布局  第6节课学习*/
    display: flex;
    justify-content: center;
    align-items: center;
}


/*存放图片窗口和按钮*/
.box{
    /*行内元素居中*/
    text-align: center;
}


/*图片窗口*/
.view{
    width: 30vh;
    height: 65vh;
    /*轨道超出窗口时，超出部分就隐藏*/
    overflow: hidden;
    border-radius: 2px;
}


/*图片轨道*/
.track{
    display: flex;
    width: 65vh;
    transition: all 0.5s ;

}

/*轮播图片*/
.track img{
    width: 30vh;
    height: 65vh;
    border-radius: 2vh;
    /*防止图片被压缩*/
    flex-shrink: 0;
    /*应用前提：图片同时设置了宽高属性*/
    /*尽可能地填满整个盒子，并且保持原来的比例*/
    object-fit: cover;
}

/*抽签按钮·*/
button{
    width: 26vh;
    height: 6vh;
    font-size: 3vh;

    background-image: url("./pic/btn.png");
    background-position: center;
    background-size: cover;
    background-color: transparent;

    border: none;
    margin-top: 2vh;
    color: #fff;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     

    cursor: pointer;
}

/*遮罩样式*/
.mask{
    position: fixed;
    left: 0;
    top: 0;

    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);


    display: none;
    justify-content: center;

    align-items: center;
}

/*放大后的图片*/
.mask img{
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 2vh;


}