* {
  padding: 0;
  margin: 0;
}

body{
  font-family: "Microsoft YaHei","San Francisco",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
  background-color: #fff;
  font-size: 12px;
  padding-bottom: env(safe-area-inset-bottom);
}

html,body{
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

ul,dl,dt,dd{
  border: none;
}

ul{
  list-style: none;
}

a{
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  -webkit-tap-highlight-color: transparent!important;
  text-decoration: none;
  outline: 0;
}

em{
  font-style: normal;
}

img{
  width: 100%;
  height: auto;
  vertical-align: top;
}

.hide{
  display: none !important;
}

.opacity-0{
  opacity: 0 !important;
}

.opacity-1{
  opacity: 1 !important;
}
/* 页面公共样式 E */

/* loading S */
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  background-color: rgba(0,0,0,0.5);
}

.loading .icon {
  background: url(../images/loading.png) no-repeat top left;
  background-size: 100% auto;
}

.loading .loading-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-top: -0.2rem;
  margin-left: -0.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: loading-revolve 1s linear infinite;
  animation: loading-revolve 1s linear infinite;
}

@keyframes loading-revolve {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@-webkit-keyframes loading-revolve {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/* loading E */

/* 1px边框样式 S */
.border-1px, .border-left-1px, .border-right-1px, .border-top-1px, .border-bottom-1px{
  position: relative;
}

.border-1px:after{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #000;
  content: ' ';
}

.border-left-1px:after{
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-left: 1px solid #000;
  content: ' ';
}

.border-right-1px:after{
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px solid #000;
  content: ' ';
}

.border-top-1px:after{
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 1px solid #000;
  content: ' ';
}

.border-bottom-1px:after{
  width: 100%;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #000;
  content: ' ';
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
  .border-1px:after, .border-left-1px:after, .border-right-1px:after, .border-top-1px:after, .border-bottom-1px:after{
    -webkit-transform: scaleY(1, 0.7);
    transform: scaleY(1, 0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
  .border-1px:after, .border-left-1px:after, .border-right-1px:after, .border-top-1px:after, .border-bottom-1px:after{
    -webkit-transform: scaleY(1, 0.5);
    transform: scaleY(1, 0.5);
  }
}
/* 1px边框样式 E */

/* 吸顶样式 S */
.sorption-top {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
/* 吸顶央视 E */

/* 吸底样式 S */
.sorption-bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* 吸底样式 E */

/* 吸底下载栏样式 S */
.download {
  height: 1rem;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 -0.04rem 0.3rem rgba(49,112,255,0.18);
  box-shadow: 0 -0.04rem 0.3rem rgba(49,112,255,0.18);
}
.download .img {
  width: 0.62rem;
  height: 0.62rem;
  float: left;
  margin-top: 0.2rem;
  margin-left: 0.3rem;
  border-radius: 0.15rem;
  -webkit-box-shadow: 0 0.05rem 0.1rem rgba(49,112,255,0.2);
  box-shadow: 0 0.05rem 0.1rem rgba(49,112,255,0.2);
}

.download .btn {
  width: 1.4rem;
  line-height: 0.6rem;
  float: right;
  margin-right: 0.3rem;
  margin-top: 0.2rem;
  border-radius: 0.3rem;
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
  background-color: #458bff;
  -webkit-box-shadow: 0 0.12rem 0.24rem rgba(49,112,255,0.24);
  box-shadow: 0 0.12rem 0.24rem rgba(49,112,255,0.24);
}

.download .content {
  margin-left: 1.1rem;
  margin-right: 1.8rem;
  padding-top: 0.14rem;
  padding-bottom: 0.16rem;
}

.download .content .title{
  line-height: 0.36rem;
  font-size: 0.28rem;
  color: #323232;
}

.download .content .slogan{
  line-height: 0.34rem;
  font-size: 0.24rem;
  color: #969696;
}
/* 吸底下载栏样式 E */

/* Toast消息提示框样式 S */
.toast-box{
  width: 3.66rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 800;
  line-height: 0.46rem;
  margin-left: -2.33rem;
  padding: 0.18rem 0.3rem;
  border-radius: 0.22rem;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
  opacity: 0;
  transition: all 1s ease-out 0s;
}
/* Toast消息提示框样式 E */

/* 消息提示框样式 S */
.notice-tips-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 700;
  background-color: rgba(0,0,0,0.5);
}

.notice-tips {
  width: 5.28rem;
  height: 3.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1.6rem;
  margin-left: -2.64rem;
  border-radius: 0.18rem;
  background-color: #fff;
}

.notice-tips .tips-text {
  height: 1.92rem;
  line-height: 1.92rem;
  padding: 0.2rem;
  overflow: hidden;
  text-align: center;
}

.notice-tips .tips-text .text {
  height: 100%;
  line-height: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: Center;
  font-size: 0.28rem;
  color: #333;
}

.notice-tips .tips-text:after {
  border-bottom-color: #e6e6e6;
}

.notice-tips .tips-btn {
  height: 0.88rem;
  line-height: 0.88rem;
  overflow: hidden;
  text-align: center;
  font-size: 0.28rem;
  color: #666;
}

.notice-tips .tips-btn .btn {
  width: 50%;
}

.notice-tips .btn-left {
  float: left;
}

.notice-tips .btn-left:after {
  border-right-color: #e6e6e6;
}

.notice-tips .btn-right {
  float: right;
}
/* 消息提示框样式 E */

/* 处理vue加载时闪屏问题 */
[v-cloak] {
  display: none;
}