@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,span,table,td,textarea,th,ul{margin:0;padding:0}
h1,h2,h4,h5,h6{font-weight:400;font-size:1.3rem}
h3{margin:0;font-size:14px!important;padding:0;}
li,ol{list-style:none}
em,i{font-style:normal}
a{text-decoration:none}
a,a:hover{color:#666}
.f-fl{float:left}
.f-fr{float:right}
.g-ft{margin-top:2.5rem}
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;    color: #666;}
a:hover { cursor:pointer; text-decoration:none; color: #666;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/


/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}

/* 夜间模式  */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}



/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
@media screen and (min-width:320px){html{font-size:10px}
}
@media screen and (min-width:360px){html{font-size:11.25px}
}
@media screen and (min-width:375px){html{font-size:11.71px}
}
@media screen and (min-width:400px){html{font-size:12.5px}
}
@media screen and (min-width:414px){html{font-size:12.93px}
}
@media screen and (min-width:440px){html{font-size:13.75px}
}
@media screen and (min-width:480px){html{font-size:15px}
}
@media screen and (min-width:520px){html{font-size:16.25px}
}
@media screen and (min-width:560px){html{font-size:17.5px}
}
@media screen and (min-width:600px){html{font-size:18.75px}
}
@media screen and (min-width:640px){html{font-size:20px}
}