/* 遮罩 */
.notice-mask{
    position:absolute;
    background:rgba(0,0,0,.35);
    width:260px;
    z-index:0;
    display:block;
    /*justify-content:left;
    align-items:center;*/
}

/* 白色背景 */
.notice-box{
    width:260px;
    max-width:100%;
    background:#fff;
    border-radius:3px;
    padding:15px 10px 2px 10px;
    position:relative;
    box-shadow:0 5px 25px rgba(0,0,0,.25);
}

/* 蓝色按钮 */
.notice-item{
    display:block;
    background:#0B66C3;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-size:13px;
    line-height:1.5;
    font-weight:bold;
    padding:0px;/*文字 : 10*/
    margin-top:8px;
    margin-bottom:8px;
    transition:.3s;
}
.notice-item img{
	width: 260px;
}

.notice-item:hover{
    background:#0059B3;
}

/* 关闭按钮 */
.notice-close{
    position:absolute;
    right:8px;
    top:-16px;
    width:32px;
    height:32px;
    background:#999;
    color:#fff;
    border-radius:50%;
    text-align:center;
    line-height:32px;
    font-size:26px;
    cursor:pointer;
    user-select:none;
}

.notice-close:hover{
    background:#666;
}

/* 手机 */

@media(max-width:768px){
.notice-item{
    font-size:18px;
    padding:15px;
}

.notice-close{
    width:42px;
    height:42px;
    line-height:42px;
    font-size:30px;
}

}