/*reset**************************/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;height:100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

*{-webkit-tap-highlight-color:transparent;}
html{height:100%;width:100%;}
/*reset*************

body{background-color: #ffffff;font-family:黑体;margin:0;padding:0;color:#6c6c6c;height:100%;width:100%;overflow-x:hidden;}
*/
a:-webkit-any-link{color:#6c6c6c;text-decoration: none;}

.ui_hidden{visibility: hidden;}
.patrick-box{width: 100%;height: 100%;display: -webkit-box;-webkit-box-orient:vertical;}

.content {-webkit-box-flex:1;width:100%;display: -webkit-box;-webkit-box-orient: vertical;overflow-y: scroll;overflow-x: hidden;}


.button-wrap{display: -webkit-box;-webkit-box-orient:horizontal;height:50px;-webkit-box-pack:justify;
    padding: 0px 10px 0px 10px;
    -webkit-box-align:center;}

.button-wrap.center{-webkit-box-pack:center;}

.mask{height:100%; width:100%; position:fixed; _position:absolute; top:0; z-index:500; } 
.opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 
.alert-mask{z-index:20;background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;}

.alert-wrap{z-index:1028;position:absolute;top:0;left:0;height:100%;width:100%;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;}
.alert-box-wrap{height:100px;width:250px;padding:0px 15px 0px 15px;background-color:#ddd;z-index:1100;box-shadow:0px 0px 5px #555;border-radius:4px;display:-webkit-box;-webkit-box-orient:vertical;}
.alert-box-body{display:-webkit-box;-webkit-box-flex:1;-webkit-box-pack:center;-webkit-box-align:center;font-size:13px;}
.alert-box-footer{display:-webkit-box;height:40px;-webkit-box-pack:center;-webkit-box-align:center;}

@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) }40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);} 40% {transform: scale(1.0);-webkit-transform: scale(1.0);}}

.alert-mask{background-color:#FFF;position:absolute;z-index:1011;display:none;}
.alert-wrap{display:-webkit-box;height:100%;width:100%;position:fixed;top:0;left:0;z-index:1020;display:none;}
.alert{width:80%;min-height:150px;background-color:#fff;border-radius:4px;display:-webkit-box;-webkit-box-orient:vertical;}
.alert-button-wrap{height:30px;background-color:#eee;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-orient:horizontal;padding:5px;border-radius:2px;}


.alert-title{text-align:center;height:30px;background-color:#F3F3F3;line-height:30px;border-radius:2px;font-size:14px;font-weight: bold;color:#000;}
.alert-content{-webkit-box-flex:1;padding:8px;font-size:14px;background-color:#F3F3F3;line-height: 158%;}

.alert-button1{display:block;height:30px;border-radius:4px;color:#fff;text-align:center;-webkit-box-flex:1;line-height:30px;background-color:#E5383B;font-size:12px;border: 1px solid #E5383B;}
.alert-button2{display:block;height:30px;border-radius:4px;background-color:#F4A046;text-align:center;-webkit-box-flex:1;line-height:30px;color:#fff;margin-left:6px;font-size:12px;}

.alert-button3{text-align: center;text-decoration: underline;padding: 7px 0px;font-size: 12px;background-color:#F43D35;color: #fff;}

.prompt-wrap{text-align: center;}
.prompt-input{width:80%;line-height: 25px;}
.prompt-input-error{margin-top: 10px;color: red;}