/***************common***************/


@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{    
  -webkit-user-select : none; /* 如果用户长按web网页的文本内容，都会出现选中的行为，提供复制文字等功能。禁止用户选中文字 for iOS */  
}
/* 去除默认的表单样式 */
input,select{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
width: 100%;
height: auto;
display:block;
}
/*输入文本大小*/
input{font-size: 1rem;}

/*媒体查询设置rem*/
@media (max-width: 319px){html{font-size: 10px;} }
@media (min-width: 320px) and (max-width: 352px){html{font-size: 11px;} }
@media (min-width: 353px) and (max-width: 384px){html{font-size: 12px;} }
@media (min-width: 385px) and (max-width: 416px){html{font-size: 13px;} }
@media (min-width: 417px) and (max-width: 448px){html{font-size: 14px;} }
@media (min-width: 449px) and (max-width: 480px){html{font-size: 15px;} }
@media (min-width: 481px) and (max-width: 512px){html{font-size: 16px;} }
@media (min-width: 513px) and (max-width: 544px){html{font-size: 17px;} }
@media (min-width: 545px) and (max-width: 576px){html{font-size: 18px;} }
@media (min-width: 577px) and (max-width: 608px){html{font-size: 19px;} }
@media (min-width: 609px) and (max-width: 640px){html{font-size: 20px;} }
@media (min-width: 641px){html{font-size: 21px;} }

/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 14px Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;overflow:auto;font-family: "黑体" !important;}
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#333; font-family:黑体,Tahoma,Arial,sans-serif;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: 黑体;font-weight: normal;}
img{border: none;}
input,select,textarea,button{outline:none;border:none;background: none;}
{outline:none;}
.wrap{max-width:680px;margin:0 auto;position: relative;}


/***************iScroll5***************/




/***************提示框***************/

.g-loading{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
}
.g-loading-bg{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
.g-loading-body{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    width: 100px;
    background: #363636;
    border-radius: 4px;
}
.g-loading img{
    z-index: 100;
    position: absolute;
    width: 24px;
    left: 0;
    right: 0;
    margin: 10px auto;
}
.g-loading-str{
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 10px;
}


/*弹出提示*/

.pop-dialog{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 20;
    top: 0;
}
.dialog-bg{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: #333;
    opacity: 0.6;
}
.dialog-content{
    position: absolute;
    z-index: 21;
    width: 70%;
    height: 150px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border-radius: 4px;
}
.dialog-title{
    height: 40px;
    width: 100%;
    /*background: #0091ff;*/
    text-align: center;
    /*color: #fff;*/
    line-height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #4d4d4d;
}
.dialog-question{
    text-align: center;
    /*color: #333;*/
    color: #69696a;
    margin-top: 8px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 22px;
}
.dialog-tips{
    margin-top: 4px;
    text-align: center;
    color: #999;
}
.dialog-confirm,.dialog-cancel{
    position: absolute;
    /*bottom: 6px;
    height: 30px;
    line-height: 30px;
    width: 30%;
    color: #fff;
    border-radius: 6px;*/
    text-align: center;
    bottom: 0;
    height: 40px;
    width: 50%;
    font-size: 15px;
    line-height: 40px;
    border-top: 1px solid #e0e0e0;
    box-sizing: border-box;
}
.dialog-cancel{
    /*left: 10%;*/
    /*background: #999;*/
    left: 0;
    color: #69696a;
    border-right: 1px solid #e0e0e0;
    border-bottom-left-radius: 6px;
}
.dialog-confirm{
    /*right: 10%;*/
    /*background: #0091FF;*/
    right: 0;
    color: #2477e2;
    border-bottom-right-radius: 6px;
}
.dialog-confirm:active,.dialog-cancel:active{
    background: #eee;
}
.pop-tips{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
    width: 40%;
    z-index: 99;
}
.tips-bg{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #1B1B1B;
    /*opacity: 0.8;*/
    border-radius: 6px;
    z-index: 2;
}
.tips-text{
    position: absolute;
    top: 15px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    z-index: 33;
    text-align: center;
    line-height: 20px;
    width: 100%;
}
.dialog-only-confirm{
    position: absolute;
    /*bottom: 6px;*/
    bottom: 0;
    /*height: 30px;*/
    width: 30%;
    text-align: center;
    /*line-height: 30px;*/
    /*border-radius: 6px;*/
    /*margin: 0 auto;*/
    left: 0;
    /*	color: #fff;*/
    color: #2477e2;
    font-size: 13px;
    height: 40px;
    width: 100%;
    line-height: 40px;
    border-top: 1px solid #e0e0e0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /*right: 0;*/
    /*background: #0091ff;*/
}
.dialog-only-confirm:active{
    background: #eee;
}


/*弹出遮罩*/

.shadeDivWrap {
    width: 100%;
    height: 100%;
    margin: 0px 0px;
    z-index: 10;
    padding-top: 0px;
    position: fixed;
}

.shadeDiv {
    width: 100%;
    height: 100%;
    background-color: #000; /*:rgba(0,0,0,0.3);*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: -1;
    position: absolute;
}