

/* ========== 加载中 ========== */
.loading {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:2000; background:rgba(0,0,0,.6);}
.loading div.loading_wrap {position:absolute; left:0; right:0; top:0; bottom:0; text-align:center;}
.loading div.loading_wrap:before {content:''; height:100%; display:inline-block; vertical-align:middle;}
.loading div.loading_content {position:relative; display:inline-block; vertical-align:middle;}
.loading div.loading_content i.icon {content:''; display:block; width:34px; height:34px; position:relative; margin:0 auto; background:#fff; border-radius:100%; box-shadow:0 2px 8px rgba(0,0,0,.15);}
.loading div.loading_content i.icon:before {content:''; width:24px; height:24px; position:absolute; left:50%; top:50%; z-index:1; margin:-12px 0 0 -12px; background:url(../images/common/icon_loading.gif) no-repeat; background-size:contain;}
.loading div.loading_content span.text {display:block; line-height:18px; margin:8px auto 0 auto; color:#fff;}

.loading div.loading_content .img_box{display: inline-block;  text-align: center; }
.loading div.loading_content .img_box img{width:34px; height:34px;}



/* ============= 公共 alert ============= */
.commonAlert {display: none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:2000; background:rgba(0,0,0,.6);}
.commonAlert div.area {width:350px; position:absolute; left:50%; top:50%; margin-left:-175px; margin-top:-93px; background:#fff; border-radius:6px; overflow:hidden;}
.commonAlert div.area div.top_box { position:relative; padding:0 18px; background:#fcfcfc; border-bottom:1px solid #ebebeb;}
.commonAlert div.area div.top_box h3 {line-height:30px; font-size:16px; font-weight:bold;}
.commonAlert div.area div.mid_box {position:relative;}
.commonAlert div.area div.mid_box i.icon {width:32px; height:32px; position:absolute; left:20px; top:50%; margin-top:-16px;}
.commonAlert div.area div.mid_box i.icon_alert {background:url(../images/common/icon_alert.png) no-repeat; background-size:contain;}
.commonAlert div.area div.mid_box i.icon_success {background:url(../images/common/icon_success.png) no-repeat; background-size:contain;}
.commonAlert div.area div.mid_box div.content {padding:32px 20px 30px 20px;}
.commonAlert div.area div.mid_box div.content div.alert_text {line-height:21px; color:#666;}
.commonAlert div.area div.mid_box i.icon+div.content {padding-left:64px;}
.commonAlert div.area div.down_box {padding:0 18px 20px 18px;}
.commonAlert div.area div.down_box:after {content:''; clear:both; display:block;}
.commonAlert div.area div.down_box ul.operate {float:right;}
.commonAlert div.area div.down_box ul.operate li {float:left; margin-left:8px;}
.commonAlert div.area div.down_box ul.operate li a {display:block; width:70px; height:35px; line-height:35px; padding:0 16px; border-radius:3px; font-size:14px; border-width:1px; border-style:solid; text-align:center;}
.commonAlert div.area div.down_box ul.operate li a:hover {cursor:pointer;}
.commonAlert div.area div.down_box ul.operate li a.default_btn {background:#fff; border-color:#d6d6d6;}
.commonAlert div.area div.down_box ul.operate li a.default_btn:hover {background:#f7f7f7;}
.commonAlert div.area div.down_box ul.operate li a.main_btn {background:#155bd4; border-color:#155bd4; color:#fff;}
.commonAlert div.area div.down_box ul.operate li a.main_btn:hover {background:#3b76d7; border-color:#3b76d7;}

