/**
 * 信息弹层
 * loading(60000) > toast(59990) > tooltips(59980) > datetimepicker(59900) >  imageviewer(59800) > layerbox(59700) > actionsheet(59500/59600) > logicbox(59400) > framebox(59300)
 * @file layerbox.css
 */

.mod-layerbox-mask{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 59700;
}
.mod-layerbox-box{
    width: 85%;
    max-width: 500px;
    background-color: #fff;
    border-radius: .05rem;
    overflow: hidden;
}
.mod-layerbox-content{
    font-size: .32rem;
    text-align: center;
    color: #848484;
}
.mod-layerbox-content:before{
    font-family: "basefont";
    font-size: .72rem;
    content: "\e665";
    display: block;
    margin-bottom: .18rem;
    color: #848484;
    margin-top: .24rem;
}
.mod-layerbox-buttons{
    margin-top: .30rem;
}
.mod-layerbox-buttons .button{
    width: 100%;
    border-radius: 0;
    font-size: .16rem;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background-color: #fff;
    color: #949494;
    height: .42rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.mod-layerbox-buttons .button:last-child{
    color: #0CA735;
    border-right: 0;
    border-right: none;
}
.mod-layerbox-buttons .button:last-child:active{
    color: #0FC33F;
}
.mod-layerbox-mask.confirm .mod-layerbox-content:before{
    content: "\e67e";
    color: #3C85FF;
}
.mod-layerbox-mask.alarm .mod-layerbox-content:before{
    content: "\e6a8";
    color: #FF8D21;
}
.mod-layerbox-mask.error .mod-layerbox-content:before{
    content: "\e65c";
    color: #FF1B1B;
}
.mod-layerbox-mask.success .mod-layerbox-content:before{
    content: "\e69d";
    color: #00C102;
}