@charset "utf-8";
/* CSS Document */
.pop {display: none;width: 330px;height: 440px;position: fixed;top:50%;left:50%;margin:-300px 0 0 -165px;padding: 25px;z-index: 1130;border-radius: 8px;background-color: #fff;box-shadow: 0 3px 18px rgba(0, 0, 0, .7);}
.pop-top {height: 40px;width: 100%;border-bottom: 1px #E5E5E5 solid;}
.pop-top h2 {float: left; display:block; font-size:22px;}
.pop-top span {float: right;cursor: pointer;font-weight: bold;    margin-top: 6px;    color: #f00;}
.pop-foot {height: 50px;line-height: 50px;width: 100%;border-top: 1px #E5E5E5 solid;text-align: right;}
.pop-cancel,.pop-ok {padding: 8px 15px;margin: 15px 5px;border: none;border-radius: 5px;background-color: #337AB7;color: #fff;cursor: pointer;}
.pop-cancel {background-color: #FFF;border: 1px #CECECE solid;color: #000;}.pop-content {height: 380px;}
.pop-content-left {float: left;}
.pop-content-right {width: 310px;float: left;padding-top: 20px;padding-left: 20px;font-size: 16px;line-height: 35px;}
.bgPop {display: none;position: fixed;z-index: 1129;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);}
.pop-top ul {display: inline-block;
    margin-top: 30px;}
.pop-top ul li { float: left;
    width: 100%;
    padding: 10px;}
.pop-top ul li img { width:100%}
.pop-top ul li h3 { font-size:18px; color:#06F; text-align:center;     line-height: 30px;
    margin: 10px 0;}
@media (max-width: 768px) {
.pop{ width:96%;margin: 0 2%;top:10%; left:0; padding:20px 10px}
.dingzhi { margin-top:30px;}
.dingzhi p {
    font-size: 20px;}
/*.pop-top ul li { width:90%; margin:10px 5%}*/
}