@charset "UTF-8";
/* 弹框结构、同级提示 */
.popup-bar { position: fixed; left: 50%; top: 50%; z-index: 1002; transform: translate(-50%, -50%); background-color: #fff; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform .2s linear; }

.popup-bar .pop-close { position: absolute; top: 10px; right: 10px; z-index: 10; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; font-size: 20px; color: #ccc; }

.popup-bar .pop-close .iconfont { display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 12px; color: #ccc; transition: all .2s linear; transform: rotate(0deg) scale(0.9); }

.popup-bar .pop-close :hover, .popup-bar .pop-close :hover .iconfont { color: #333; }

.popup-bar .icon-suceed { color: #11bb65; }

.popup-bar .icon-fail { color: #ef5858; }

.popup-bar .icon-doubt, .popup-bar .icon-caution { color: #ff9900; }

.popup-bar.popup-show { animation: scale .2s linear forwards; }

@keyframes scale { 0% { opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.8); }
  100% { opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1); } }

/* popup-confirm */
.popup-confirm .popup-bar { width: 400px; }

.popup-confirm .popup-bar .top-img { display: block; width: 100%; border-radius: 4px 4px 0 0; }

.popup-confirm .popup-bar .conts-box { padding: 25px; }

.popup-confirm .popup-bar .conts-box .iconfont { position: absolute; left: 18px; top: 28px; font-size: 18px; }

.popup-confirm .popup-bar .conts-box .pop-title { position: relative; font-size: 18px; line-height: 24px; }

.popup-confirm .popup-bar .conts-box .pop-conts { position: relative; font-size: 14px; color: #666; margin-top: 20px; }

.popup-confirm .popup-bar .conts-box .pop-conts .scroll-bar { max-height: 500px; overflow-y: auto; }

.popup-confirm .popup-bar .conts-box .pop-conts iframe { width: 100%; height: 500px; border: none; }

.popup-confirm .popup-bar .btn-group { height: 32px; padding: 0 20px 20px; }

.popup-confirm .popup-bar .btn-group .u-btn { min-width: 100px; height: 32px; line-height: 30px; border-radius: 16px; margin: 0 5px; font-size: 14px; }

.popup-confirm .popup-bar.notitle .pop-conts { margin-top: 0; }

/* popup-msg - 无背景 */
.popup-msg, .popup-msg .popup-bar { padding: 15px 20px; background-color: #fff; border-radius: 4px; font-size: 14px; color: #333; white-space: nowrap; }

.popup-msg .iconfont { position: absolute; left: 20px; top: 18px; }

.popup-msg .pop-title { font-size: 16px; line-height: 22px; }

.popup-msg .pop-conts { font-size: 12px; line-height: 20px; color: #999; margin-top: 5px; }

.popup-msg.icon-bar, .popup-msg .icon-bar.popup-bar { padding-left: 50px; }

.popup-msg.notitle .pop-conts, .popup-msg .notitle.popup-bar .pop-conts { font-size: 15px; color: #333; margin-top: 0; }

/* 有背景 -- u-popup-box 为兼容v1迭代版 */
.popup-box, .u-popup-box { position: fixed; left: 0; top: 0; z-index: 1002; width: 100%; height: 100%; background: transparent; }

.popup-box .bg, .u-popup-box .bg { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

.popup-box.popup-show .popup-bar, .u-popup-box.popup-show .popup-bar { animation: scale .2s linear forwards; }

.u-popup-box .popup-bar { transform: none; }

.popup-box .popup-bar { position: absolute; z-index: 2; }