.alert{text-align: center;}
.alert .hide{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1001;opacity: 0.4;background: #000;}
.alert .alert{transition: all 0.5s;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);width: 400px;margin-left:-200px;left: 50%;text-align: left;position: fixed;z-index: 9999;background: #fff;}
.alert .alert .title{padding: 5px;cursor: move;background: #008ec3;}
.alert .alert .title .label{margin-left: 10px;font-size: 16px;color: #fff;}
.alert .alert .title .close{font-size: 20px;float: right;line-height: 16px;color: #fff;cursor: pointer;padding: 2px 5px;}
.alert .alert .info{border-top: #f1f1f1 1px solid;padding: 20px;display: table;width: 360px;}
.alert .alert .info .text{color: #555;font-size: 15px;}
.alert .alert .btn{padding: 15px 15px;text-align: right;font-size: 12px;}
.alert .alert .btn .yes{background: #1081de;border: #1081de 1px solid;padding: 5px 15px;border-radius:10px;cursor: pointer;color: #fff;}
.alert .alert .btn .yes:hover{opacity: 0.8;}
.alert .alert .btn .no{background: #fff;border: 1px solid #cccccc;padding: 5px 15px;border-radius:10px;margin-left: 10px;cursor: pointer;color: #000;}
.alert .alert .btn .no:hover{border: #1081de 1px solid;}

/*****上下显示图片*****/
.sos-alert{text-align: center;}
.sos-alert .hide{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1001;opacity: 0.4;background: #000;}
.sos-alert .alert{transition: all 0.5s;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);width: 360px;margin-left:-180px;left: 50%;text-align: left;position: fixed;z-index: 1002;background-image: url("../css/ele.png");background-size: 100%, 100%;}
.sos-alert .alert .title{padding: 5px;cursor: move;}
.sos-alert .alert .title .label{margin-left: 10px;font-size: 16px;color: #fff;}
.sos-alert .alert .title .close{font-size: 20px;float: right;line-height: 16px;color: #fff;cursor: pointer;padding: 2px 5px;}
.sos-alert .alert .info{padding: 20px;display: table;width: 320px;}
.sos-alert .alert .info .text{color: #fff;font-size: 14px; width: 100%;}
.sos-alert .alert .info .image{margin-top: 10px;width: 100%;}
.sos-alert .alert .btn{padding:0 15px 15px 15px;text-align: right;font-size: 12px;}
.sos-alert .alert .btn .yes{border: none;background: none;padding: 5px 15px;border-radius:10px;cursor: pointer;color: #fff;}
.sos-alert .alert .btn .yes:hover{color: #1081de;}
.sos-alert .alert .btn .no{border: none;background: none;padding: 5px 15px;border-radius:10px;margin-left: 10px;cursor: pointer;color: #fff;}
.sos-alert .alert .btn .no:hover{color: #1081de;}
.sos-alert .alert .btn .monitor{border: none;background: none;padding: 5px 15px;border-radius:10px;cursor: pointer;color: #fff;}
.sos-alert .alert .btn .monitor:hover{color: #1081de;}
.sos-alert .alert .btn .location{border: none;background: none;padding: 5px 15px;border-radius:10px;margin-left: 10px;cursor: pointer;color: #fff;}
.sos-alert .alert .btn .location:hover{color: #1081de;}


/*****左右显示图片*****/
.sos-alert-2{text-align: center;}
.sos-alert-2 .hide{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1001;opacity: 0.4;background: #000;}
.sos-alert-2 .alert{transition: all 0.5s;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);width: 450px;margin-left:-250px;left: 50%;text-align: left;position: fixed;z-index: 1002;background: url("../css/ele.png");background-size: 100%, 100%;}
.sos-alert-2 .alert .title{padding: 5px;cursor: move;}
.sos-alert-2 .alert .title .label{margin-left: 10px;font-size: 16px;color: #fff;}
.sos-alert-2 .alert .title .close{font-size: 20px;float: right;line-height: 16px;color: #fff;cursor: pointer;padding: 2px 5px;}
.sos-alert-2 .alert .info{padding: 20px;display: table;width: 410px;}
.sos-alert-2 .alert .info .text{float: left;color: #fff;font-size: 14px; width: 280px;}
.sos-alert-2 .alert .info .image{float: right;width: 110px;}
.sos-alert-2 .alert .btn{padding: 0 15px 15px 15px;text-align: right;font-size: 12px;}
.sos-alert-2 .alert .btn .yes{border: none;background: none;padding: 5px 15px;border-radius:10px;cursor: pointer;color: #fff;}
.sos-alert-2 .alert .btn .yes:hover{color: #1081de;}
.sos-alert-2 .alert .btn .no{border: none;background: none;padding: 5px 15px;border-radius:10px;margin-left: 10px;cursor: pointer;color: #fff;}
.sos-alert-2 .alert .btn .no:hover{color: #1081de;}
.sos-alert-2 .alert .btn .monitor{border: none;background: none;padding: 5px 15px;border-radius:10px;cursor: pointer;color: #fff;}
.sos-alert-2 .alert .btn .monitor:hover{color: #1081de;}
.sos-alert-2 .alert .btn .location{border: none;background: none;padding: 5px 15px;border-radius:10px;margin-left: 10px;cursor: pointer;color: #fff;}
.sos-alert-2 .alert .btn .location:hover{color: #1081de;}


.img{text-align: center;}
.img .hide{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1001;opacity: 0.4;background: #000;}
.img .alert{transition: all 0.5s;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);text-align: left;position: fixed;z-index: 9999;background: #fff;}
.img .alert .title{padding: 5px;cursor: move;background: #008ec3;}
.img .alert .title .label{margin-left: 10px;font-size: 16px;color: #fff;}
.img .alert .title .close{font-size: 20px;float: right;line-height: 16px;color: #fff;cursor: pointer;padding: 2px 5px;}
.img .alert .info{padding: 5px;border-top: #f1f1f1 1px solid;border-bottom: #f1f1f1 1px solid;display: table;}
.img .alert .info .text{color: #555;font-size: 15px;}


@media screen and (max-width:1000px){
    .alert .alert{width: 400px;margin-left:-200px;}
    .sos-alert .alert{width: 400px;margin-left:-200px;}
}