.layer_mask
{
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:2;
}
.layer_commit
{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 280px;
    margin: -106px 0 0 -140px;
    border-radius: 5px;
    background: #f8f8f8;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
    color: #5d5d5d;
    z-index:2;
}
.layer_commit h3
{
    font-size: 18px;
    line-height: 85px;
    text-align: center;
    color: #333;
}
.layer_commit .tip_thank
{
    margin: 0 14px 38px;
}
.layer_commit .tip_thank .num
{
    color: #ff8200;
}
.layer_commit .btn_wrap
{
    display: -webkit-box; /* Old - iOS 6-, Safari 3.1-6 */
    display:    -moz-box;   /* Old - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;   /*IE10*/
    display: -webkit-flex; /*New*/
    display:         flex;
    margin: 0 14px 14px;
}
.layer_commit .flex_column
{
    text-align: center;
    -webkit-box-flex: 1; /*与上边依次对应*/
       -moz-box-flex: 1;
        -ms-flex: 1;
    -webkit-flex: 1;
            flex: 1;
}
.layer_commit .layer_btn
{
    display: inline-block;
    width: 100%;
    padding: 9px 0;
    text-align: center;
    color: #787878;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.layer_commit h4
{
    font-size: 15px;
    line-height: 75px;
    text-align: center;
    color: #333;
}
.layer_commit .tip_guide
{
    font-size: 10px;
    margin: 0 14px 2px;
    color: #aaa;
}
.layer_commit .tip_content
{
    font-size: 12px;
    margin: 0 14px 10px;
    padding: 10px;
    background: #eee;
}
.layer_commit .publish_btn
{
    color: #ff8200;
}
.layer_commit .flex_column:nth-child(1)
{
    text-align: left;
}
.layer_commit .flex_column:nth-child(2)
{
    text-align: right;
}
.layer_commit .w95
{
    width: 95%;
}