/*声明 WebFont*/
/*@font-face {
    font-family: 'xjlFont';
    src: url('../font/xjlFont.eot');
    src: url('../font/xjlFont.eot?#font-spider') format('embedded-opentype'),
    url('../font/xjlFont.woff') format('woff'),
    url('../font/xjlFont.ttf') format('truetype'),
    url('../font/xjlFont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*使用指定字体*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family:"xjlFont","Microsoft Yahei",Helvetica,Arial, Tahoma, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:125%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing:border-box;
    font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;  /*表格单元格按宽度布局*/
}

th {
    text-align: inherit
}

fieldset, img {
    border: 0
}

iframe {
    display: block
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var, i, b {
    font-style: normal;
    font-weight: 500
}

ol, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6, b {
    font-size: inherit;
    font-weight: 500
}

q:before, q:after {
    content: ''
}

a:visited, a:hover {
    color: #000;
    text-decoration: none
}

html {
    height: 100%
}

body {
    min-height: 100%
}

input, select, textarea {
    font-size: 100%
}

ins, a {
    text-decoration: none
}

a，input, textarea{
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
input {
    background:no-repeat 0 0 scroll #EEE;
    border:none;
    outline:medium; /* 在浏览器下面，点击input输入时，会有边框，只要在样式中应用：outline:medium;即可去掉边框。 */ 
    padding:0; /*input默认有上下padding*/
}
input,select,button{
    font-family: "Microsoft Yahei";
    background: none;
}

/* 隐藏滚动条 */
::-webkit-scrollbar { width: 0; }
input:not([type="checkbox"]), select, textarea { outline: none; border: none; -webkit-appearance: none; }

/*input[type="num"]去掉上下小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}


/*弹框*/
.zalert{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:1000; -webkit-transform:translateZ(30rem); transform:translateZ(30rem);}
.zalertsec{ max-width:70%;padding: .75rem 1rem; background:rgba(0,0,0,0.8); color:#fff; border-radius:4px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); overflow:hidden;}
.zalertcon p{text-align:center; font-size:.7rem;}

/*加载中*/
.zloader{width: 100%;  height: 100%; -webkit-transform:translateZ(30rem); transform:translateZ(30rem); position: fixed; top: 0;left: 0; z-index: 1000;}
.zloader .zloadercon{position: absolute;  top: 50%; left:50%;  -webkit-transform: translate(-50%,-50%); text-align:center; background:rgba(51,51,51,0.85);  padding: .5rem .75rem;  border-radius: 5px;}
.zloader .zloadercon p{font-size:.7rem; color:#fff; margin-top:.5rem;}
.zloading{width: 1.5rem; height: 1.5rem;background: none;border-radius: 100%;border: 4px solid #777; position: relative;margin: 0 auto;}
.zloading .zcircle{width: 100%;height: 100%;border-radius: 100%;border: 4px solid transparent;border-top: 4px solid #fff; border-bottom:4px solid #fff; position: absolute;top: -4px;left: -4px;}
.zloading .zcircle{
    -webkit-animation : zrotate 1s linear infinite;
    animation : zrotate 1s linear infinite;
}
@-webkit-keyframes zrotate{
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
@keyframes zrotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}