view,text,button,swiper,cover-view,navigator {
  box-sizing: border-box;
}
view{
  word-break:break-all;
  word-wrap:break-word; 
}
:after, :before {
  box-sizing: border-box;
}
page {
  font-family: Helvetica, Tahoma, Arial, 'PingFang SC', STXihei, 'Microsoft yahei', 'WenQuanYi Micro Hei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
}
navigator {
  text-decoration: none;
  color:#384855;
}
navigator:visited,a:active{
  color:#384855;
}
image {
  user-select: none;
  -webkit-user-drag: none;
}
input, button, textarea {
  outline: 0;
}
button {
  border: unset;
}
button::after{ border: none; }
button:-moz-focusring, input:-moz-focusring {
  outline: 0;
}
button{
  padding: 0;
  margin: 0;
}
.border-box{
  box-sizing: border-box;
}
.tleft{text-align: left;}
.tright{text-align: right;}
.tcenter{text-align: center;}
.center {text-align: center;}

.block{display: block;}
.inline-block{display: inline-block;}
.none{display: none;}

.left{float: left;}
.right{float: right;}
.pull-right {float: right;}
.pull-left {float: left;}
.clearfix:after {
  clear: both;
  content: ' ';
  display: table;
}
.clearfix:before {
  content: ' ';
  display: table;
}

.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}


.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsisTwo {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsisThree {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsisfive {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.width100 {width: 100%;}
.height100{height: 100%;}
.mr10{
    margin-right: 10rpx;
}
.errorBox{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 9;
  text-align: center;
}
.errorBox .errorTextBox{
  display: inline-block;
  margin: 30% auto 0;
  background-color: #fff;
  border-radius: 10rpx;
  text-align: center;
  padding: 16rpx 40rpx;
}
.errorBox .errorTextBox .icon-box-img{
  margin: 0 auto;
}
.errorBox view{
  font-size: 36rpx;
  margin-top: 40rpx;
}
.fontr14{font-size: 14rpx;}
.fontr16{font-size: 16rpx;}
.fontr18{font-size: 18rpx;}
.fontr20{font-size: 20rpx;}
.fontr22{font-size: 22rpx;}
.fontr24{font-size: 24rpx;}
.fontr26{font-size: 26rpx;}
.fontr28{font-size: 28rpx;}
.fontr30{font-size: 30rpx;}
.fontr32{font-size: 32rpx;}
.fontr34{font-size: 34rpx;}
.fontr36{font-size: 36rpx;}
.fontr40{font-size: 40rpx;}
.fontr46{font-size: 46rpx;}
.fontr48{font-size: 48rpx;}
.fontr52{font-size: 52rpx;}
.fontr56{font-size: 56rpx;}
.fontr60{font-size: 60rpx;}
.fontr72{font-size: 72rpx;}
.font18{font-size: 18px;}
.line-break {
  word-wrap: break-word;
  white-space: pre-wrap;
}

.bgbox {
  width: 750rpx;
  height: 16rpx;
  background: #EAF0F4;
}
.hidden{
  overflow: hidden;
}
.fontfpr{
  font-family: PingFangSC-Regular,Source Han Sans CN DemiLight;
}
.fontfpm{
  font-family: PingFangSC-Medium,Source Han Sans CN Medium;
}
.fontfps{
  font-family: PingFangSC-Semibold,Source Han Sans CN Bold;
}
.fontfpb{
  font-family: PingFang-SC-Bold,Source Han Sans CN Black;
}
.familyimpact{
  font-family: PingFangSC-Medium,Source Han Sans CN Medium;
  font-weight: bold;
}
.color15d77c{color: #15d77c;}
.colorA6CAE0{color:#A6CAE0;}
.color384855{color: #384855;}
.color89949C{color: #89949C;}
.colorFF7202{color: #FF7202;}
.colorC40909{color: #C40909;}
.colorFF3B30{color: #FF3B30;}
.colorB6CADE{color: #B6CADE;}
.color71C4FF{color:#71C4FF;}
.colorEAF0F4{color: #EAF0F4;}
.color999{color: #999999;}
.color333{color: #333333;}
.color009eff{color: #009eff;}
.color33CC66{color: #33CC66;}
.color3{color: #333;}
.colorfff{color: #fff;}
.colorBBB{color: #BBBBBB;}
.color1A1E25{color: #1A1E25;}
.color9DB6CF{color:#9DB6CF;}
.colorff7600{color: #ff7600;}
.color586B84{color: #586B84;}
.color666{color: #666666;}
.colorA4B9C9{color: #A4B9C9;}
.color009efd{color: #009efd;}
.color344957{color: #344957;}
.colorffb200{color: #ffb200;}
.color249EFB{color: #249EFB;}
.colorFF0000{color:#FF0000;}
.colorff0057{color: #ff0057;}
.colorFF2828{color: #FF2828;}
.coloraaa{color: #aaaaaa;}
.color8A9AAA{color: #8A9AAA;}
.colorF54D64{color: #F54D64;}
.colorF7B500{color: #F7B500;}
.color334857{color: #334857;}
.color324958{color: #324958;}
.colorD4E4ED{color: #D4E4ED;}
.colorB5DEFF{color: #B5DEFF;}
.color737f88{color: #737f88;}
.color239bfb{color:#239bfb;}
.color3c3b3b{color: #3c3b3b;}
.color000{color: #000;}
.color3a8eff{color: #3a8eff;}
.colore6e6e6{color:#e6e6e6;}
.colora5a5a5{color:#a5a5a5;}
.color347af6{color:#347af6;}
.colord1cfcf{color: #d1cfcf;}
.color9b9b9b{color:#9b9b9b;}
.color555{color:#555555;}
.colorccc{color:#ccc;}
.color28{color: #282828;}
.color28A1FF{color: #28A1FF;}
.color168AF5{color: #168AF5;}
.colora9{color: #a9a9a9;}
.color708596{color: #708596;}
.color210605{color: #210605;}
.color626E77{color: #626E77;}
.colorc3c7d2{color: #c3c7d2;}
.color2F404E{color: #2F404E;}
.colorA3BAD1{color: #A3BAD1;}
.color249DFA{color:#249DFA;}
.colorFA6400{color: #FA6400;}
.colorC46F09{color:#C46F09;}
.lhr24{line-height: 24rpx;}
.lhr26{line-height: 26rpx;}
.lhr30{line-height: 30rpx;}
.lhr32{line-height: 32rpx;}
.lhr33{line-height: 33rpx;}
.lhr34{line-height: 34rpx;}
.lhr36{line-height: 36rpx;}
.lhr40{line-height: 40rpx;}
.lhr43{line-height: 43rpx;}
.lhr44{line-height: 44rpx;}
.lhr48{line-height: 48rpx;}
.lhr50{line-height: 50rpx;}
.lhr52{line-height: 52rpx;}
.lhr56{line-height: 56rpx;}
.lhr58{line-height: 58rpx;}
.lhr60{line-height: 60rpx;}
.lhr64{line-height: 64rpx;}
.lhr66{line-height: 66rpx;}
.lhr68{line-height: 68rpx;}
.lhr70{line-height: 70rpx;}
.lhr72{line-height: 72rpx;}
.lhr76{line-height: 76rpx;}
.lhr78{line-height: 78rpx;}
.lhr80{line-height: 80rpx;}
.lhr84{line-height: 84rpx;}
.lhr88{line-height: 88rpx;}
.lhr94{line-height:94rpx;}
.lhr98{line-height:98rpx;}
.lhr96{line-height: 96rpx;}
.bgfff{background-color: #fff;}
.bgD3F7F0{background: #D3F7F0;}
.bgF7E0D3{background-color: #F7E0D3;}
.bgD5D3F7{background-color: #D5D3F7;}
.bgfffaf9{background-color: #fffaf9;}
.bgf9fdff{background-color: #f9fdff;}
.bgf4fffc{background-color: #f4fffc;}
.bgfdfaff{background-color: #fdfaff;}
.bg249efb{background-color: #249efb;}
.bgF0F4F7{background-color: #F0F4F7;}
.bgD4E4ED{background-color: #D4E4ED;}
.bg9DB6CF{background-color: #9DB6CF;}
.bg51B464{background-color: #51B464;}
.bgD4E8F3{background-color: #D4E8F3;}
.bgffb800{background-color: #ffb800;}
.bg249DFA{background-color: #249DFA;}
.bgC40909{background-color: #C40909;}
.bgB6CADE{background-color: #B6CADE;}
.bgFF8383{background-color: #FF8383;}
.bgFFBC83{background-color: #FFBC83;}
.bgCDB8F6{background-color: #CDB8F6;}
.bgFFD483{background-color: #FFD483;}
.bgff9800{background-color: #ff9800;}
.padl32r{padding-left: 32rpx;}
.padl24r{padding-left: 24rpx;}
.pdl16{padding-right: 16rpx;}

.width15_{
  width: 15%;
}
.width17_{
    width: 17%;
}
.width20_{
  width: 20%;
}
.width22_{
  width: 22%;
}
.width23_{
  width: 23%;
}
.width25{
  width: 25%;
}
.width30_{
  width:30%;
}
.width33_3{
  width: 33.3%;
}
.width35_{
  width:35%;
}
.width40{
  width: 40%;
}
.width50_{
  width: 50%;
}
.width66_7{
  width: 66.7%;
}

.top0{
  top: 0;
}
.left0{
  left: 0;
}
.right0{
  right: 0;
}
.bottom0{
  bottom: 0;
}
.hr56{
  height: 56rpx;
}
/*webkit内核*/
.scroll_content::-webkit-scrollbar {
  width:0px;
  height:0px;
}
.scroll_content::-webkit-scrollbar-button    {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-track     {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-track-piece {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-corner {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar-resizer  {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-webkit-scrollbar {
  width:10px;
  height:10px;
}
/*o内核*/
.scroll_content::-o-scrollbar{
  -moz-appearance: none !important;   
  background: rgba(0,255,0,0) !important;  
}
.scroll_content::-o-scrollbar-button    {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-track     {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-track-piece {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-thumb{
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-corner {
  background-color:rgba(0,0,0,0);
}
.scroll_content::-o-scrollbar-resizer  {
  background-color:rgba(0,0,0,0);
}
/*IE10,IE11,IE12*/
.scroll_content{
  -ms-scroll-chaining: chained;
  -ms-overflow-style: none;
  -ms-content-zooming: zoom;
  -ms-scroll-rails: none;
  -ms-content-zoom-limit-min: 100%;
  -ms-content-zoom-limit-max: 500%;
  -ms-scroll-snap-type: proximity;
  -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
  -ms-overflow-style: none;
  /* overflow: auto; */
}

.zIndex9{
  z-index: 9;
}
.zIndex10{
  z-index: 10;
}

.bold{
  font-weight: bold;
}
.fontw700{
    font-weight: 700;
  }

.mtr16{
  margin-top: 16rpx;
}
.pdtr20{
    padding-top: 20rpx;
}
.pdtr40{
  padding-top: 40rpx;
}
.mglr20{
  margin-left: 20rpx;
}
.mglr88{
  margin-left: 88rpx;
}
.mgtr8{
  margin-top: 8rpx;
}
.mglr14{
  margin-left: 14rpx;
}
.mglr10{
  margin-left: 10rpx;
}
.mgtr20{
  margin-top: 20rpx;
}
.mgtr10{
  margin-top: 10rpx;
}
.mgtr12{
  margin-top: 12rpx;
  margin-bottom: 12rpx;
}
.mgtr16{
  margin-top: 16rpx;
}
.mgtr2{
  margin-top: 2rpx;
}
.mgtr4{
  margin-top: 4rpx;
}
.mgtr22{
  margin-top: 22rpx;
}
.mgtr40{
  margin-top: 40rpx;
}
.mgtr44{
  margin-top: 44rpx;
}
.mglr12{
  margin-left: 12rpx;
}
.mgtr14{
  margin-top: 14rpx;
}
.mgtr16{
  margin-top: 16rpx;
}
.mgrr12{
  margin-right: 12rpx;
}
.mgrr14{
  margin-right: 14rpx;
}
.mgrr40{
  margin-right: 40rpx;
}
.mgrr60{
  margin-right: 60rpx;
}
.mbr30{
    margin-bottom: 30rpx;
  }
.mt12{margin-top: 12rpx;}
.radius50_{
  border-radius: 50%;
}
.radius10{
  border-radius: 10rpx;
}

.toolboxtit{
  margin-bottom: 32rpx;
}

.mglr24{
  margin-left: 24rpx;
}

.ls1{
  letter-spacing:1px;
}
.ls_22{
  letter-spacing:0.22px;
}

.mgtr28{
  margin-top: 28rpx;
}
.mgtr32{
  margin-top: 32rpx !important;
}
.mgt24{
  margin-top: 24rpx;
}
.ml16 {
  margin-left: 16rpx;
}
.mgt6{
  margin-top: 6rpx;
}
.mgt16{
  margin-top: 16rpx;
}
.mgt34{
  margin-top: 34rpx;
}
.opacity50{
  opacity: 0.5;
}
.opacity60{
  opacity: 0.6;
}
.pd80{
    padding-bottom: 80rpx !important;
}
.padlr20{
    padding: 0 20rpx;
}
.downloadBox{
  display: block;
  width: 670rpx;
  position: fixed;
  top: 50%;
  left: 40rpx;
  height: 200rpx;
  border-radius: 12rpx;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(80,0,0,0.60);
}
.downTitle{
  display: block;
  text-align: center;
  width: 100%;
  line-height: 48rpx;
  font-size: 32rpx;
  padding-top: 16rpx;
}
.downnumbox cover-view{
  display: inline-block;
  margin-top: 36rpx;
  line-height: 40rpx;
}

.bdrbt1D4E4ED{
  border-bottom: 2rpx solid  #D4E4ED;
}

.deltext{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.anchor-item.selected .anchor-item__inner{
  background-color: #249EFB;
}
.anchor-item__inner{
  width: 32rpx;
  height:32rpx;
  line-height: 32rpx;
}

.unfuturelayer{
  display: block;
  width: 100%;
  height:100%;
  background-color: rgba(0, 0, 0, 0.16);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
}
.unfuturebox{
  display: block;
  width: 600rpx;
  height: 485rpx;
  position: fixed;
  top:50%;
  left: 75rpx;
  transform: translateY(-50%);
  background-color: #fff;
  box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
  border-radius: 8rpx;
}
.unfuturebox image{
  display: block;
  width: 470rpx;
  height: 405rpx;
  margin: 40rpx auto;
}

/* 分享 */
.footerbox{
  display: block;
  height: 98rpx;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px -4rpx 8rpx rgba(0, 0, 0, 0.24);
  padding: 0 30rpx;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 99;
}
.mineheading{
  display: block;
  width: 68rpx;
  height: 68rpx;
  border-radius: 50%;
  margin-right: 10rpx;
  position: relative;
  top: 15rpx;
}
.minename{
  max-width: 240rpx;
}
.addwxbox{
  position: absolute;
  top: 14rpx;
  left: 345rpx;
}
.addwxbox image{
  display: block;
  width: 48rpx;
  height: 40rpx;
  margin: 0 auto;
  font-size: 24rpx;
}
.addwxbox cover-image{
  display: block;
  width: 48rpx;
  height: 40rpx;
  margin: 0 auto;
}
.phonebox{  display: block;
  width: 212rpx;
  height: 68rpx;
  background-color: rgba(36, 158, 251, 0.76);
  border-radius: 10rpx;
  line-height: 68rpx;
  text-align: center;
  position: relative;
  top: 15rpx;
}
.maintitle{
  display: block;
  width: 100%;
  padding: 0 25rpx;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.gotoidxbox {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 28px;
  z-index: 9;
}

.mcenter{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.justify-between {
  justify-content: space-between;
}
.flex{
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.mt10 {
	margin-top: 10rpx;
}
.ml8 {
  margin-left: 8rpx;
}
.mt6 {
  margin-top: 6rpx;
}
.height450{
    height: 450rpx;
}



/*webkit内核*/
page::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background-color: transparent;
}
/* 滚动条轨道 */
page::-webkit-scrollbar-track{
    display: none;
    width: 0;
    background-color: transparent;
}
/* 没有滑块的轨道 */
page::-webkit-scrollbar-track-piece {
    display: none;
    width: 0;
    background-color: transparent;
}
/* 滚动条上的滚动滑块 */
page::-webkit-scrollbar-thumb{
    display: none;
    width: 0;
    background-color: transparent;
}