/**
* @name :HTML��ǩ�ض���
* @author :chongzi(email:5654565@qq.com)
* @version :1.0
* @type :��������
* @explain :��
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
object, input, textarea { outline: none; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
i { font-style: normal; }
ol, ul { list-style: none; }
capation, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* ������ʽ���ݲ�ͬ����վ������Ҫ��д */
html{font-family: "Microsoft YaHei", "Tahoma","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
body { /*overflow:hidden;height:100%;*/ }
textarea { font-family: Courier New,sans-serif; font-size: 13px; }
i { font-style: normal; }
a { text-decoration: none; color: #000; }
/*a:visited {color:#000;}*/
a:hover { /*text-decoration: underline;*/ text-decoration: none; /*color:#000;*/ }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*placeholder������*/
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
/*��ʼ������input*/
input[type=search]::-webkit-search-cancel-button { outline: none; }
input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
/* ���д��ʽ����*/
/**
* @name :����ԭ����
* @author :chongzi(email:5654565@qq.com)
* @version :1.0
* @type :��������
* @explain :��
*/
/*������*/
.f1 { font-size: 1px; }
.fb { font-weight: bold; }
.fn { font-weight: normal; }
.lh1 { line-height: 1%; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }
/*��λ*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
/*���һ���鼶�����ڲ�������������Ӧ�ø��ÿ鼶����ʹ��clearfix*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.va-c { vertical-align: center; }
.pr { position: relative; }
.pa { position: absolute; }
.abs-right { position: absolute; right: 0; }
.zoom { zoom: 1; }
.hidden { visibility: hidden; }
.none { display: none; }
/*���ȸ߶�*/
.w10 { width: 10px; }
.w { width: 100%; }
.h { height: 100%; }
.h10 { height: 10px; overflow: hidden; }
/*�߾�*/
.m5{margin:5px;}
.m10{margin:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt120{margin-top:120px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-top:25px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.pa0{padding:0px;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa20{padding:20px;}
.pa30{padding:30px;}
.patb10{padding:10px 0;}
.pab30{padding-bottom:30px;}
.pab100{padding-bottom:100px;}
html { min-width: 320px; /*overflow:hidden;*/ }
/* ============================================================
flex�����岼��Ϊ��ģ��
flex-v����ģ�ʹ�ֱ����
flex-1����Ԫ��ռ��ʣ��Ŀռ�
flex-align-center����Ԫ�ش�ֱ����
flex-pack-center����Ԫ��ˮƽ����
flex-pack-justify����Ԫ�����˶���
�����ԣ�ios 4+��android 2.3+��winphone8+
============================================================ */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
/* ������ */
.loadBox{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.loader{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:25%;max-width:25%;height:200px;align-items:center;justify-content:center;}
.line-spin-fade-loader{position:relative;}
@-webkit-keyframes line-spin-fade-loader{50%{opacity:0.3;}
100%{opacity:1;}
}
@keyframes line-spin-fade-loader{50%{opacity:0.3;}
100%{opacity:1;}
}
.line-spin-fade-loader{position:relative;}
.line-spin-fade-loader > div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(2){top:13.63636px;left:13.63636px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(4){top:-13.63636px;left:13.63636px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(6){top:-13.63636px;left:-13.63636px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;}
.line-spin-fade-loader > div:nth-child(8){top:13.63636px;left:-13.63636px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;}
.line-spin-fade-loader > div{background-color:#000;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px;}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;-o-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.hintBox{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;text-align:center;}
.hintBox p{white-space: nowrap;position:absolute;top:50%;left:50%;z-index:999;display:inline-block;vertical-align:top;font-size:0.32rem;color:#fff;padding: 0.24rem 0.48rem;border-radius: 0.2rem;background:rgba(0,0,0,1);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
/* hint */
/*淡入淡出*/
@keyframes fadeIn {
0% { opacity: 0; }
55% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
55% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0; }
55% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
55% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@-ms-keyframes fadeIn {
0% { opacity: 0; }
55% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@media screen and (min-width: 374px) and (max-width: 479px) {
}
@media screen and (min-width: 480px) and (max-width: 639px) {
}
@media screen and (min-width: 640px) {
}