/**
* 对话框样式
*/
.dialogs{ position: fixed; top: 0; right: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 9999;}

.dialogs .dialog{
   width: 220px;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 30%;
    background: #fff;
    border: 1px solid #dfe6e7;
    box-shadow: 0 0 27px 1px rgba(223,230,231,1);
}

.dialogs .progress{ border-bottom: 1px solid #dfe6e7; height: 122px; background: #f9f9f9;}
.dialogs .outer { top: 30px; width: 66px; height: 66px; margin: 0 auto; background: #35D46A; border-radius: 50%; position: relative; overflow: hidden;}
.dialogs .inner { font-size: 17px; width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; line-height: 56px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; text-align: center; color: #02A438; }
.dialogs .load-left, .load-right { width: 33px; height: 66px; /*background: rgb(249, 199, 149);*/ position: absolute; overflow: hidden; }
.dialogs .load-left { top: 0; left: 0; border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; transform-origin: 100% 50%;/*-webkit-animation: rot-left 10s linear infinite;*/}
.dialogs .load-right { top: 0; left: 50%; border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; transform-origin: 0 50%;}
.dialogs .load-left span, .load-right span { display: inline-block; width: 33px; height: 66px; background: #eaeaea; position: absolute;}
.dialogs .load-left span { border-top-left-radius: 100% 50%; border-bottom-left-radius: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rot-left 10s linear 1; animation: rot-left 10s linear 1; }
.dialogs .load-right span { top: 0; right: 0%; border-top-right-radius: 100% 50%; border-bottom-right-radius: 100% 50%; transform-origin: 0 50%; -webkit-animation: rot-right 10s linear 1; animation: rot-right 10s linear 1; }

.dialogs .dialog .text{ text-align: center; /*height: 56px;*/ line-height: 26px; font-size: 14px; color:#666666; padding: 10px;}

.dialogs .uploading{
    width: 60px;
    height: 60px;
    background-size: 60px;
    position: relative;
    top: 42px;
    margin: 0 auto;
    background:url('../../icon/loading.gif') center center no-repeat;
}