/* reset */
html {
  background-color: #ffffff;
  letter-spacing: 1px;
}
body {
  font-family: ΢���ź�, Microsoft YaHei, Helvetica, Arial, sans-serif;
  background-color: transparent;
  font-weight: 400;
}
#bgImage {
	z-index: -1;
	background-image:url(../../assets/images/bg02.png);
	background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  font-family: ΢���ź�, Microsoft YaHei, Helvetica, Arial, sans-serif;
}
a, a:hover, a:active, a:link, a:visited {
  text-decoration: none;
}
ul {
  list-style: none;
  padding: 0;
}

/* bg class */
.bg-white { background-color: #ffffff; }
.bg-main-color { background-color: rgba(255, 255, 255, 0.7); }
.bg-blue { background-color: rgb(1, 160, 254); }
.bg-orange { background-color: #f39800; }
.bg-theme {
  background-color: #30373f;
}

/* text color class */
.text-white { color: #ffffff; }
.text-blue { color: rgb(1, 160, 254); }
.text-orange{ color: #f39800; }
.text-black{ color: #000000; }
.text-theme {
  color: #30373f;
}

/* border class */
.border-white { border: 1px solid #ffffff; }

/* help class */
.display-block{ display:block }
.display-none{ display:none}
.pm-none { margin: 0; padding: 0; }
.div-center { margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.img-circle { border-radius: 50%; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.pos.left { left: 0; }
.pos.right { right: 0; }
.pos.top { top: 0; }
.pos.bottom { bottom: 0; }
.width-full { width: 100%; }
.max-width-640 { max-width: 640px; }
.height-full { height: 100%; }
.overflow-hidden { overflow: hidden; }
.pull-right { float: right; }
.pull-left { float: left; }
.help-inline-block { display: inline-block; }
.full-bg-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.full-bg-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

/* flex ���� */
.flex-center {
  /* flex ���õ��Բ��� */
  display: -webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
  display: box;
  display: -webkit-flex;/* Chrome 21+ */
  display: -ms-flexbox;/* WP IE 10 */
  display: flex;/* android 4.4 */
  /* flex-pack-center ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: center;
  -webkit-justify-content: center;/* Chrome 21+ */
  -ms-flex-pack: center;/* WP IE 10 */
  justify-content: center;/* android 4.4 */
  /* flex-align-center ˮƽ�����µ���Ԫ�� ��ֱ���� */
  -webkit-box-align: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: center;
  -webkit-align-items: center;/* Chrome 21+ */
  -ms-flex-align: center;/* WP IE 10 */
  align-items: center;/* android 4.4 */
}

.flex{
  /* ���õ��Բ��� */
  display: -webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
  display: box;
  display: -webkit-flex;/* Chrome 21+ */
  display: -ms-flexbox;/* WP IE 10 */
  display: flex;/* android 4.4 */
}
.flex-wrap {
  /*������*/
  -webkit-box-lines: multiple;/* android 2.1-3.0, ios 3.2-4.3 */
  box-lines: multiple;
  -webkit-flex-wrap: wrap;/* Chrome 21+ */
  -ms-flex-wrap: wrap;/* WP IE 10 */
  flex-wrap: wrap;/* android 4.4 */
}
.flex-dir-column{
  /* ���õ��Բ��ֵķ�����Ԫ�ذ�����Դ�ĵ���������˳����ϵ�����ʾ */
  -webkit-box-orient: vertical;/* android 2.1-3.0, ios 3.2-4.3 */
  box-orient: vertical;
  -webkit-flex-direction: column;/* Chrome 21+ */
  -ms-flex-direction: column;/* WP IE 10 */
  flex-direction: column;/* android 4.4 */
}
.flex-dir-row{
  /* ���õ��Բ��ֵķ�����Ԫ�ذ�����Դ�ĵ���������˳���������ʾ */
  -webkit-box-orient: horizontal;/* android 2.1-3.0, ios 3.2-4.3 */
  box-orient: horizontal;
  -webkit-flex-direction: row;/* Chrome 21+ */
  -ms-flex-direction: row;/* WP IE 10 */
  flex-direction: row;/* android 4.4 */
}
.flex-1{
  /* ��Ԫ���Զ�ռ��ʣ��Ŀռ� */
  -webkit-box-flex:1;/* android 2.1-3.0, ios 3.2-4.3 */
  box-flex:1;
  -webkit-flex:1;/* Chrome 21+ */
  -ms-flex:1;/* WP IE 10 */
  flex:1;/* android 4.4 */
}
.flex-pack-center{
  /* ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: center;
  -webkit-justify-content: center;/* Chrome 21+ */
  -ms-flex-pack: center;/* WP IE 10 */
  justify-content: center;/* android 4.4 */
}
.flex-pack-end{
  /* ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: end;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: end;
  -webkit-justify-content: flex-end;/* Chrome 21+ */
  -ms-flex-pack: flex-end;/* WP IE 10 */
  justify-content: flex-end;/* android 4.4 */
}
.flex-pack-start{
  /* ˮƽ�����µ���Ԫ�� ˮƽ���� */
  -webkit-box-pack: start;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: start;
  -webkit-justify-content: flex-start;/* Chrome 21+ */
  -ms-flex-pack: flex-start;/* WP IE 10 */
  justify-content: flex-start;/* android 4.4 */
}
.flex-align-center{
  /* ˮƽ�����µ���Ԫ�� ��ֱ���� */
  -webkit-box-align: center;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: center;
  -webkit-align-items: center;/* Chrome 21+ */
  -ms-flex-align: center;/* WP IE 10 */
  align-items: center;/* android 4.4 */
}
.flex-align-start{
  /* ˮƽ�����µ���Ԫ�� ��ֱ�ײ� */
  -webkit-box-align: start;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: start;
  -webkit-align-items: flex-start;/* Chrome 21+ */
  -ms-flex-align: flex-start;/* WP IE 10 */
  align-items: flex-start;/* android 4.4 */
}
.flex-align-end{
  /* ˮƽ�����µ���Ԫ�� ��ֱ�ײ� */
  -webkit-box-align: end;/* android 2.1-3.0, ios 3.2-4.3 */
  box-align: end;
  -webkit-align-items: flex-end;/* Chrome 21+ */
  -ms-flex-align: flex-end;/* WP IE 10 */
  align-items: flex-end;/* android 4.4 */
}
.flex-pack-justify{
  /* ˮƽ�����µ���Ԫ�� 2�˶��� */
  -webkit-box-pack: justify;/* android 2.1-3.0, ios 3.2-4.3 */
  box-pack: justify;
  -webkit-justify-content: space-between;/* Chrome 21+ */
  -ms-flex-pack: justify;/* WP IE 10 */
  justify-content: space-between;/* android 4.4 */
}
/* common */
.page-title {
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  width: 70%;
  text-align: center;
}
.btn-back {
  width: 30px;
  height: 30px;
  position: fixed;
  border-radius: 50%;
  background-color: #000000;
  font-size: 30px;
  color: #FFFFFF;
  top: 15px;
  left: 25px;
  z-index: 10;
  font-size: 16px;
  opacity: 0.5;
}
.btn-back > i {
  vertical-align: middle;
  position: relative;
  font-style: normal;
  text-align: left;
  text-indent: -9999px;
  direction: ltr;
  width: 11px;
  height: 11px;
  -webkit-transform: rotate(-45deg) translate(1px, 1px);
  transform: rotate(-45deg) translate(1px, 1px);
}
.btn-back > i:before, .btn-back > i:after {
  content: ' ';
  pointer-events: none;
  background-color: #FFFFFF;
}
.btn-back > i:before {
  width: 11px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.btn-back > i:after {
  height: 11px;
  width: 2px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}

/* list */

/* detail */

/* tab */

/* btn */

/* modal */

/* form */

/* flow-list */