/*弹出窗口提示*/
.alert-mask{ position: fixed; left: 50%; top: -200px; width: 300px; background: #fff; z-index: 1000; box-sizing: border-box;   margin-left: -150px;transition: top 1s;
    -moz-transition: top 1s;	/* Firefox 4 */
    -webkit-transition: top 1s;	/* Safari 和 Chrome */
    -o-transition: top 1s;	/* Opera */
    border-radius: 3px; border: 1px solid #9ACD32; overflow: hidden;}
.open-alert .alert-mask{ top: 0;}
.alert-mask-wrap{ position: relative;}

.alert-mask-top{ margin: 0 10px; line-height: 50px; color: #9ACD32; font-weight: bold; font-size: 20px; box-sizing: border-box; padding-left: 20px; border-bottom: 1px solid #9ACD32;}
.alert-mask .alert-btn{ box-sizing: border-box; padding: 0 10px; min-width: 60px; text-align: center; line-height: 30px; color: #fff; background: #9ACD32; border-radius: 5px; cursor: pointer;  display: inline-block; position: absolute; right: 5px; bottom:5px;}
.alert-mask-top .icon{ width: 27px; height: 27px; display: inline-block; vertical-align: middle; background: url("../img/delivery/icon-yes.png") no-repeat 0 center; background-size: 27px; margin-right: 10px;}
.alert-mask-tip{width: 80%; background: #fff; box-sizing: border-box; padding: 20px;}
.alert-mask-bottom{ text-align: right; padding-top: 10px;}

.alert-mask.error{border: 1px solid #C20000;}
.alert-mask.error .alert-mask-top{color: #C20000;border-bottom: 1px solid #C20000;}
.alert-mask.error .alert-mask-top .icon{ background: url("../img/delivery/icon-no.png") no-repeat 0 center; background-size: 27px;}
.alert-mask.error .alert-btn{background: #C20000;}