body,dl,dd,ul,p,pre,h1,h2,h3,h4,h5,h6,button,input,textarea,form{margin:0;}
ul,input,textarea,button,select{padding:0;}
table{border-collapse:collapse;}
td{padding:0;}
ul{list-style:none;}
img{border:none;}
ul,li,a,input,textarea,select,button,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
em,i{font-style:normal;}
input,button{outline:none;}
a{text-decoration:none;outline:none;}
a::-moz-selection{background:none;}
a::selection{background:none;}
input::-webkit-input-placeholder{color:#999;}

@media screen and (max-width:359.9px){ html{font-size:50px;} }
@media screen and (min-width:360px) and (max-width:374.9px){ html{font-size:50px;} }
@media screen and (min-width:375px) and (max-width:392.9px){ html{font-size:50px;} }
@media screen and (min-width:393px) and (max-width:413.9px){ html{font-size:52.4px;} }
@media screen and (min-width:414px) and (max-width:479.9px){ html{font-size:55.2px;} }
@media screen and (min-width:480px) and (max-width:567.9px){ html{font-size:64px;} }
@media screen and (min-width:568px) and (max-width:639.9px){ html{font-size:75.73px;} }
@media screen and (min-width:640px) and (max-width:666.9px){ html{font-size:85.33px;} }
@media screen and (min-width:667px) and (max-width:729.9px){ html{font-size:88.93px;} }
@media screen and (min-width:730px) and (max-width:735.9px){ html{font-size:97.33px;} }
@media screen and (min-width:736px) and (max-width:749.9px){ html{font-size:98.13px;} }
@media screen and (min-width:750px){ html{font-size:100px;} }

body,input,select,textarea,button,h1,h2,h3,h4,h5,h6{
    font-family: PingFang SC, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	  font-weight:normal;
    font-size:0.24rem;
}

body{
  background: #fff;
}


.title{
  width: 100%;
  height: 0.88rem; 
  position: relative;
  z-index: 10;
}
.title-fixed{
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.title-bar{
  width: 100%;
  height: 0.88rem;
  padding: 0 1.04rem;
  box-sizing: border-box;
  position: relative;
  background: #fff;
}
.title-bar:after{
  width: 100%;
  height: 1px;
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ddd;
  transform: scaleY(0.5);
  transform-origin: left center;
}
.title-icon{
  width: 1rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.title-icon:after {
  width: 0.2rem;
  height: 0.2rem;
  border-top: 0.02rem solid #333;
  border-left: 0.02rem solid #333;
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-45deg);
}
.title-name{
  color: #333;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.88rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main{
  padding: 0.4rem;
  text-align: justify;
  word-break: break-all;
}

.sub{
  color: #333;
  font-size: 0.32rem;
}
.text{
  margin-top: 0.2rem;
  color: #666;
  font-size: 0.28rem;
}
.bold{
  font-weight: bold;
  color: #333;
}

.tit{
  margin: 0.4rem 0 0.2rem 0;
  color: #333;
  font-size: 0.32rem;
  font-weight: bold;
}
.tit:first-child{
  margin-top: 0;
}
.txt{
  color: #666;
  font-size: 0.28rem;
}

.ol li{
  color: #666;
  font-size: 0.28rem;
}