/* Write your styles */

/** block css loader*/
.pop_loader_layer{ position: fixed; z-index: 999999; left: 0; right: 0; top: 0; bottom: 0;  }
.pop_loader{ position: fixed; border-radius: 8px; background: rgba(0,0,0,0.3); z-index: 999999; width: 84px; height: 84px; left: 50%; top: 50%; margin-left: -42px; margin-top: -60px; }
.loader{ margin: 22px; display: inline-block;  width: 37px; height: 37px; border: 3px solid #fff; border-bottom-color:transparent; border-radius: 50%; background: transparent;
    -webkit-animation: 600ms rotate linear infinite;
    -moz-animation: 600ms rotate linear infinite;
    animation: 600ms rotate linear infinite;
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/** endblock **/

.dialog_overlay{ position: fixed; z-index: 999998; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);  }
.dialog{ position: fixed; -moz-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);  -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; overflow: hidden; z-index: 999999; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1);  border-radius: 6px;  }
.dialog .dcontent{ padding: 20px 15px; text-align: center; line-height: 22px; font-size: 14px;  }
.dialog .inp_wrap{text-align: center;margin-bottom:20px; }
.dialog .inp_wrap .inp{border:2px solid #dfdfdf;border-radius:3px; padding:8px 12px; width:50%;  font-size:15px;}
.dialog .btn_wrap{ text-align: center; border-top: 1px solid #ebebeb; }
.dialog .btn_wrap .kbtn{ display: inline-block; font-size: 16px; color: #fff; text-align: center;  height: 40px; line-height: 40px; width: 100%; }
.dialog .btn_wrap .kbtn.ok_btn{ background: #e71d37;  }
.dialog .btn_wrap .kbtn.cancel_btn{ background: #7f7f7f; color: #fefefe;  }
.dialog.show{ -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.dialog .btn_confirm .kbtn{ float: left; width: 50%; }
.pop_top_tip{ position: fixed; box-sizing:border-box; white-space: break-word;  z-index: 100000; visibility: hidden; top: 20px; left: 50%; min-width: 100px; margin-left: -101px; border: 2px solid #fff; border-radius: 5px; padding: 10px 12px; min-height: 22px; line-height: 22px; background: rgba(243,186,140,0.94); text-align: center; color: #444; }