bab-icon/public/home/css/alert.css

ul li{ list-style:none;}
a{ text-decoration:none;color:#636b89}
body{font-size:14px;font-family:'Microsoft YaHei';color:#000;}
.clear{clear:both;}
.green{color:green;}

.hide{display:none;}
.top{overflow:hidden;position:relative;}
.top .back{height:25px;line-height:25px;float:left;border-radius:4px;width:25px;}
.top .sx{float:left;margin-left:8px;margin-right:8px;}
.top .home{float:left;height:25px;line-height:25px;width:25px;}
.top .title{width:100px;text-align:center;position:absolute;left:0;padding-top:5px;font-size:16px;}
.top .menu{float:right;margin-top:4px;}

.shade{ width:100%; height:100%; position:fixed; left:0px; top:0px; background-color:rgba(0, 0, 0, 0.41);}
.alert_msg{width: 200px;height:120px;border: 1px solid #000; border-radius: 8px;background-color: #f2f1f0;position: absolute;display:none;z-index:10000;}
.alert_msg h4{width:100%;height:30px;line-height: 30px; text-align: center;font-size:16px;border-bottom:1px solid #ccc;}
.alert_msg p{width:80%;margin: 0px auto;text-align: center;line-height: 24px;font-size:16px;color:#333;margin-top: 6px;}
.btnsure{width:60%;margin: 0px auto;height: 25px; line-height: 25px;text-align: center;background-color: #ccc;border-radius: 8px;margin-top:6px;}


.weixin_share{width:100%; height:100%; position:fixed;z-index:9999; left:0px; top:0px; background-color:rgba(0, 0, 0, 0.41);display:none;}

#loading {width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;background:url('../images/load.gif') no-repeat center; background-size:20%;background-color:rgba(0, 0, 0, 0.65);z-index:1000;}

.reke{width:100%;height:20px;line-height: 20px;text-align: center;color:#ccc;font-size:10px;}

@-webkit-keyframes boxfade{
    0%{opacity:0;}
    20%{opacity:0.8;}
    80%{opacity:0.8;}
    100%{opacity:0;}
}
@-o-keyframes boxfade{
    0%{opacity:0;}
    20%{opacity:0.8;}
    80%{opacity:0.8;}
    100%{opacity:0;}
}
@-ms-keyframes boxfade{
    0%{opacity:0;}
    20%{opacity:0.8;}
    80%{opacity:0.8;}
    100%{opacity:0;}
}
.alertBox,.msg_box,.verify_box{font-size:15px;text-align: center;border-radius:5px;position: absolute;left:50%;top:50%;margin:-20px 0 0 -150px;background:#000;color:#fff;width:300px;height:40px;line-height:40px;-webkit-animation:boxfade 2s ease;-ms-animation:boxfade 2s ease;-o-animation:boxfade 2s ease; z-index:10001}
.alertBox{position: fixed;}

@-webkit-keyframes loading{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(720deg);}
}
@-o-keyframes loading{
    0%{-o-transform: rotate(0deg);}
    100%{-o-transform: rotate(720deg);}
}
@-ms-keyframes loading{
    0%{-ms-transform: rotate(0deg);}
    100%{-ms-transform: rotate(720deg);}
}
.alertBox .box_loading{ -webkit-animation:loading 2s linear infinite;-ms-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite; display:inline-block;width:24px;height:24px;border-radius:12px;
    background:-webkit-gradient(linear, 0 0, 0 60%, from(#fff), to(#1d1d1d)); position:absolute;top:7px;left:18px;}
.alertBox .box_loading .loading_mask{ display:inline-block;width:20px;height:20px;border-radius:10px;background:#1d1d1d;position:absolute;top:2px;left:2px;}
.mask{background:#000;opacity:0.4;width:100%;height:100%;position:fixed;z-index:9999;left:0;top:0; display: none;}
@-webkit-keyframes loading {
    from { -webkit-transform:rotate(0deg);}
    to { -webkit-transform:rotate(360deg);}
}
@-ms-keyframes loading {
    from {-ms-transform:rotate(0deg)}
    to {-ms-transform:rotate(360deg);}
}
@-o-keyframes loading {
    from {-o-transform:rotate(0deg);}
    to {-o-transform:rotate(360deg);}
}
.load_wrap{position:fixed; left:50%;top:50%;margin-left:-25px;margin-top:-30px;width:50px;height:50px;background:#666;-webkit-border-radius:10px;border-radius:10px;opacity:.8; z-index:2;}
.css3_loading{position:absolute; left:50%;margin-left:-20px; top:80px; width:40px;height:40px;background-position:center -40px;background-repeat:no-repeat;-webkit-animation:loading 2s linear infinite;-ms-animation:loading 1s linear infinite;-o-animation:loading 2s linear infinite;}
#index_load.load_wrap .css3_loading{top:5px; z-index:2;}
.load_wrap .css3_loading{top:0;}
.load_wrap .num{position:absolute;left:50%;top:36px;color:#fff;width:32px;margin-left:-16px; text-align:center}