html,

body {

  margin: 0;

  padding: 0;

  height: 100%;

  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;

  font-weight: 400;

  font-size: 0.24rem;

  -webkit-font-smoothing: antialiased;

  background-color: #ffffff;

  scroll-behavior: smooth;

}

html {

  height: 100%;

  font-size: -webkit-calc(100vw / 720 * 100);

  font-size: calc(100vw / 720 * 100);

}

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td {

  margin: 0;

  padding: 0;

}

ul {

  list-style: none;

}

li {

  list-style: none;

}

input,

img {

  border: none;

}

/* ����ģʽ */

* {

  outline: none;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

       box-sizing: border-box;

}

input::-webkit-input-placeholder {

  font-weight: 400;

}

/*����������߿����� �߿�ֱ��Ӧ�����������ijߴ�*/

::-webkit-scrollbar {

  width: 0px;

  height: 0px;

  background-color: #F5F5F5;

}

/*������������ ����Ӱ+Բ��*/

::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);

  -webkit-border-radius: 0.1rem;

          border-radius: 0.1rem;

  background-color: #F5F5F5;

}

/*���廬�� ����Ӱ+Բ��*/

::-webkit-scrollbar-thumb {

  -webkit-border-radius: 0.1rem;

          border-radius: 0.1rem;

  -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);

  background-color: #555;

}

a {

  text-decoration: none;

}

a:active,

a:focus {

  outline: none;

}

/* input */

input[type="button"],

input[type="submit"],

input[type="search"],

input[type="reset"] {

  -webkit-appearance: none;

}

* {

  -webkit-overflow-scrolling: touch;

}

input,

textarea {

  border: none;

  background: none;

  color: #232326;

}

input,

textarea:focus {

  outline: none;

}

input::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #c0c5ca;

  font-weight: 300;

  font-size: 0.3rem;

}

/*�������ֳ����ɵ�*/

.ellipsis {

  overflow: hidden;

  -o-text-overflow: ellipsis;

     text-overflow: ellipsis;

  white-space: nowrap;

}

*::-webkit-scrollbar {

  display: none;

  width: 0;

}

.no-shrink {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  -webkit-flex: 0 0 auto;

     -moz-box-flex: 0;

          flex: 0 0 auto;

}

/* flex���� */

.col-start-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

}

.col-start-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: end;

  -ms-flex-align: end;

  -webkit-align-items: flex-end;

     -moz-box-align: end;

          align-items: flex-end;

}

.col-center-start {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  -webkit-align-items: flex-start;

     -moz-box-align: start;

          align-items: flex-start;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

     -moz-box-pack: center;

          justify-content: center;

}

.col-center-end {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  -webkit-justify-content: flex-end;

     -moz-box-pack: end;

          justify-content: flex-end;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

}

.col-around-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -ms-flex-pack: distribute;

  -webkit-justify-content: space-around;

          justify-content: space-around;

}

.col-all-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

     -moz-box-pack: center;

          justify-content: center;

}

.row-all-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

     -moz-box-pack: center;

          justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

}

.row-between-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

          justify-content: space-between;

}

.row-start-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

     -moz-box-pack: start;

          justify-content: flex-start;

}

.col-between-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

          justify-content: space-between;

}

.row-between-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-align: baseline;

  -ms-flex-align: baseline;

  -webkit-align-items: baseline;

     -moz-box-align: baseline;

          align-items: baseline;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

          justify-content: space-between;

}

.row-around-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

          align-items: center;

  -ms-flex-pack: distribute;

  -webkit-justify-content: space-around;

          justify-content: space-around;

}

.col-between-start {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  -webkit-align-items: flex-start;

     -moz-box-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

          justify-content: space-between;

}

.row-start-end {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  -webkit-align-items: flex-end;

     -moz-box-align: end;

          align-items: flex-end;

}

.row-start-start {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: -moz-box;

  display: flex;

}

/* toast ����*/

.toast {

  min-width: 1rem;

  padding: 0.1rem 0.15rem;

  background: rgba(0, 0, 0, 0.8);

  position: fixed;

  left: 50%;

  top: 50%;

  z-index: 9999;

  -webkit-border-radius: 0.05rem;

          border-radius: 0.05rem;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

      transform: translate(-50%, -50%);

  font-size: 0.3rem;

  color: #fff;

}

.toast p {

  text-align: center;

}

.none {

  display: none;

}