@charset "utf-8";/*CSS reset*/
html{color:#555;font-size: 13.3333333vw!important;font-family:"Microsoft YaHei","Arial","PingFang SC";height:100%;}
body,div,dl,a,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{margin:0;padding:0;font-family:"微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
em,cite{font-style:normal;}
fieldset,img{border:0;}
ul,li{list-style-type:none}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
a:link,a:visited{text-decoration:none;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida;}
a:hover,a:active{text-decoration:none;}
input, select{outline:none;}
img{border:none}
button,label,input[type="submit"]{cursor:pointer}
button,input,select,textarea{font-size:0.24rem;outline:none;font-family:"Microsoft Yahei","Arial","PingFang SC";margin:0;border:none}
em,th,i{font-style:normal;font-weight:normal}
@media (min-width: 560px) {
  html { font-size: 54px!important; }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  html,body{height: 812px;}
}
body{width: 100%;height: 100%;font-size:0.26rem;background: #fff;}

input{background: none;}
input,button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.tl{text-align:left!important;}
.tc{text-align:center!important;}
.tr{text-align:right;}
.f14{font-size:14px;}
.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}
.hide{display:none;}
.block{display:block;}
.mr0{margin:0!important;}
.mt20{margin-top: 20px;}
.pd10{padding: 0 10px;}
.mt02{margin-top: 0.2rem;}
.tc{text-align: center;}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
  }

.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}


/*底部导航图标*/
.iconfont-more::before{content: "\e678";}
.iconfont-active::before{content: "\e656";}
.iconfont-back::before{content: "\e96e";}


@media (min-width: 560px) {
  html { font-size: 54px!important; }
  .m-tabnav .tabnav-item span{background-size: 6%!important;}
}


/*公共头部*/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 19;}
.m-topbar{height: 3.3rem;background: #c00000;}
.logo-hd{display: flex;justify-content: center;align-items: center;padding-top: .8rem;text-align: center;}
.logo-hd .img { display: block; height: 1.1rem;}
.logo-hd .img img { height:100%;}
.logo-hd .title{margin-left: .15rem;font-size: .36rem;color: #fff;font-weight: bold;}
.logo-hd a.message{position: relative;}
.icon-message{display: block;position: relative;;width: 1rem;height: 1rem;line-height: 1rem;background: url(../images/icon-message.png) center no-repeat;background-size: 60%;}
.message em{display: inline-block;position: absolute;top: .1rem;right: .05rem;width:.35rem;height: .35rem;line-height: .35rem;font-size: .24rem;text-align: center;background: #ff0000;color: #fff;border-radius: 50%;}
.m-inform{position: fixed;top: 0;right: .2rem;z-index: 11;}
.m-inform .item{display: block;position: relative;width: 1rem;height: 1rem;}
.m-inform .item .icon-message{display: block;position: relative;;width: 1rem;height: 1rem;background: url(../images/icon-message_on.png) center no-repeat;background-size: 50%;}
.m-inform .item em{display: inline-block;position: absolute;top: .1rem;right: .1rem;width:.35rem;height: .35rem;line-height: .35rem;font-size: .24rem;text-align: center;background: #ff0000;color: #fff;border-radius: 50%;}


/*底部导航*/
.m-tabnav{position: fixed;bottom: 0;left: 0;right: 0;z-index:99;height: 1.1rem;background-color: #ffe7e7;border-top: 1px solid #e6eefa;display: -webkit-flex;display: -webkit-box;display: flex;-webkit-justify-content: center;-webkit-box-pack: justify;justify-content: space-between;}
.m-tabnav .tabnav-item{position: relative;;flex: 1;text-align: center;color: #8b8b8b;}
.m-tabnav .tabnav-item span{display: block;width: 100%;height: .75rem;background-position: center;background-size: 15%;background-repeat: no-repeat;}
.m-tabnav .tabnav-item .icon-inquiry{background-image: url(../images/tabbar/icon-inquiry.png);}
.m-tabnav .tabnav-item .icon-home{background-image: url(../images/tabbar/icon-home.png);background-size: 20%;}
.m-tabnav .tabnav-item .icon-user{background-image: url(../images/tabbar/icon-user.png);background-size: 20%;}
.m-tabnav .tabnav-item .icon-service{background-image: url(../images/tabbar/icon-service.png);}
.m-tabnav .tabnav-item .icon-appraisal{background-image: url(../images/tabbar/icon-appraisal.png);background-size: 20%;}
.m-tabnav .this .icon-service{background-image: url(../images/tabbar/icon-service_on.png);}
.m-tabnav .this .icon-user{background-image: url(../images/tabbar/icon-user_on.png);background-size: 13%;}
.m-tabnav .tabnav-item p{margin-top: -.05rem;line-height: .3rem;font-size: .26rem;color: #333;}
.m-tabnav .tabnav-item + .tabnav-item::before{content: "";position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 1px;height: .5rem;background: #d5d5d5;}


.i-cell{display: flex;justify-content: space-between;align-items: center;position: relative;padding: 0.1rem 0.2rem; line-height: 0.7rem;}
.i-cell .i-cell_hd{margin-right: .1rem;}
.i-cell .i-cell_bd{flex: 1;min-width: 0;}

.page-container{padding: 4.9rem 0 1.1rem;}
.page-main {height: 100%;}