html,body{
    width:99.8%; height: 100%; position: relative;background-color: #fbfbfb;
}
body {
	/*-webkit-text-size-adjust: 100%!important;*/
	font-family:"微软雅黑",Arial,Tahoma,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;
	margin:0px;
    padding:0px;
}
@keyframes page-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes page-scale-up {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes page-scale-down {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes page-slide-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes page-slide-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes page-slide-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes page-slide-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
body::-webkit-scrollbar{
    width:0;
}
.css {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	color:#333;
    /*-webkit-appearance: none;*/
    border-radius: 0;
    word-wrap: break-word;
    box-sizing: border-box;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0 ;}
img { border: 0  }
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
pre {white-space: pre-wrap; word-wrap: break-word;}
a{ color:#424242; text-decoration:none;}
a:hover{text-decoration:none;}
a:active,a:hover{outline: 0;}
a:visited{color:#333;}
.clearfix{clear:both;margin: 0;padding:0;}
strong{ font-weight:bold;}
.fl{float: left!important; display: inline;}
.fr{float: right!important; display: inline;}
.relative{ position: relative;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
i{ font-style: normal!important;}
.margin-auto{ margin: 0 auto;}
.hidden{ overflow: hidden;}
.hide{ display: none;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size: 1rem;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*解决苹果手机横屏竖屏字体大小不一致问题*/
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}

/*放大缩小*/
.zoom2{
    transform:scale(2);
    transform-origin:0% 0%;
    -moz-transform:scale(2);
    -moz-transform-origin:0% 0%;
    -webkit-transform:scale(2);
    -webkit-transform-origin:0% 0%;
    -o-transform:scale(2);
    -o-transform-origin:0% 0%;
    width:50% !important;
    height: 50% !important;
}

.zoom2div{
    /*transform:scale(2);
    transform-origin:0% 0%;
    -moz-transform:scale(2);
    -moz-transform-origin:0% 0%;
    -webkit-transform:scale(2);
    -webkit-transform-origin:0% 0%;
    -o-transform:scale(2);
    -o-transform-origin:0% 0%;
    width:50% !important;
    height: 50% !important;*/
    zoom:2;
    width:100% !important;
    height: 100% !important;
}
/*手机端*/
@media screen and ( min-width: 212px){/*213px显示屏样式 LG Optimus One*/
    html{font-size: 3px}
    .fore-font p,.font-cont p,.font-tip p,.font-tou2 p{ font-size: 0.36rem;}
    .fore-titie{ font-size: 0.78rem; line-height:0.78rem;}
    .font-tou{font-size: 0.36rem; }
}
@media screen and ( min-width: 319px){/*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
    html{font-size:5px}
}
@media screen and ( min-width: 359px){/*360px显示屏样式 索尼Z1*/
    html{font-size: 6px}
}
@media screen and ( min-width: 383px){/*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/
    html{font-size: 6px}
}
@media screen and ( min-width: 399px){/*399px显示屏样式 三星galaxyNote*/
    html{font-size: 7px}
}
@media screen and ( min-width: 414px){/*414px显示屏样式 苹果6plus*/
    html{font-size: 7px}
}
@media screen and ( min-width: 423px){/*424px显示屏样式 LG 4X */
    html{font-size: 7px}
}
@media screen and ( min-width: 479px){/*480px显示屏样式 索尼MT27i Xperia sola*/
    html{font-size: 8px}
}
@media screen and ( min-width: 539px){/*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/
    html{font-size: 9px}
}
@media screen and ( min-width: 639px){/*640px显示屏样式*/
    html{font-size: 11px}
}
@media screen and ( min-width: 640px){/*640px以上显示屏样式*/
    html{font-size: 11px}
}
@media screen and ( min-width: 568px){
    html{font-size: 9px}
}
@media screen and ( min-width: 667px){
    html{font-size: 11px}
}
@media screen and ( min-width: 736px){
    html{font-size: 12px}
}
@media screen and ( min-width: 812px){
    html{font-size: 14px}
}


@media (min-width: 1024px){
    html{font-size: 18px}
} /*>=1024的设备*/

@media (min-width: 1100px) {
    html{font-size: 20px}
} /*>=1100的设备*/
@media (min-width: 1280px) {
    html{font-size: 22px;}
} /*>=1280的设备*/

@media (min-width: 1366px) {
    html{font-size: 24px;}
}
@media (min-width: 1440px) {
    html{font-size: 25px;}
}
@media (min-width: 1600px) {
    html{font-size: 27px;}
}
@media (min-width: 1680px) {
    html{font-size: 28px;}
}
@media (min-width: 1920px) {
    html{font-size: 33px;}
}


/*进度条*/
       .loadBar{  
           width: 24rem;  
           height: 1.6rem;  
           border: 3px solid #212121;  
           border-radius: 20px;  
           position: absolute;
           left: 50%;
           top: 50%;  
           margin-left: -12rem;
           margin-top:-1rem;
           z-index: 9999;
       }  
   
       .loadBar div  
       {  
           width: 100%;  
           height: 100%;  
           position: absolute;  
           top: 0;  
           left: 0;  
       }  
   
       .loadBar div span, .loadBar div i  
       {  
           box-shadow: inset 0 -2px 6px rgba(0, 0, 0, .4);  
           width: 0%;  
           display: block;  
           height: 100%;  
           position: absolute;  
           top: 0;  
           left: 0;  
           border-radius: 20px;  
       }  
   
       .loadBar div i  
       {  
           width: 100%;  
           -webkit-animation: move .8s linear infinite;  
           background: -webkit-linear-gradient(left top, #7ed047 0%, #7ed047 25%, #4ea018 25%, #4ea018 50%, #7ed047 50%, #7ed047 75%, #4ea018 75%, #4ea018 100%);  
           background-size: 40px 40px;  
       }  
   
       .loadBar .percentNum  
       {  
           position: absolute;  
           top: 100%;  
           right: 10%;  
           padding: 1px 15px;  
           border-bottom-left-radius: 16px;  
           border-bottom-right-radius: 16px;  
           border: 1px solid #222;  
           background-color: #222;  
           color: #fff;  
   
       }  
   
       @-webkit-keyframes move 
       {  
           0% 
           {  
               background-position: 0 0;  
           }  
           100% 
           {  
               background-position: 40px 0;  
           }  
       }