.pop-time {position: fixed;left: 0;top: 0;z-index: 199;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: 0.78s;pointer-events: none;}
.pop-time.show {opacity: 1;visibility: visible;pointer-events: visible;}
.pop-time.show .pop-hidden {opacity: 1;visibility: visible;/* left: 50%; */}
.pop-time .pop-bgs { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.pop-hidden {position: absolute;padding: 58px 5% 40px;box-sizing: border-box;/* left: 80%; *//* margin-left: -600px; */top: 0;left: 0;bottom: 0;width: 100%;box-shadow: 0 32px 32px rgba(17, 143, 215, 0.16);background: #fff;/* border-radius: 20px; */opacity: 0;visibility: hidden;transition: 0.65s;}
.pop-contents { /*padding: 0 36px 0 66px;*/ box-sizing: border-box; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.pop-close {display: block;position: absolute;right: 5%;top: 20px;width: 46px;height: 46px;text-align: center;line-height: 46px;color: #00ADEF;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.16);font-size: 16px;cursor: pointer;border-radius: 50%;transition: 0.48s;}
.pop-close:hover { transform: rotate(180deg); }
.pop-title { margin-bottom: 38px; color: #00ADEF; line-height: 1.2; font-size:  18px; text-align: center; }
.pop-table { width: 100%; border-collapse: collapse; border-spacing: 0px; }
.pop-table thead tr th { background: #00ADEF; color: #fff; font-weight: normal; font-size: 14px; }
.pop-table thead tr th.span1 { width: 108px; }
.pop-table thead tr th.span2 { width: 16%; }
.pop-table thead tr th.span3 { width: 17.5%; }
.pop-table thead tr th.span4 { width: 37.3%; }
.pop-table tbody tr td { border: 1px solid #DDDDDD; color: #777777; font-size: 12px; height: 60px; text-align: center; }
.pop-table tbody tr td:first-child { border-left: none; }
.pop-table tbody tr td:last-child { border-right: none; }

.popUpblack { background: #000 \9; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; border: 2px solid #357CCE; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }