@charset "utf-8";/*CSS reset*/
*,:after,:before{box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}
html{color:#555;font-size: 13.3333333vw;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;color:#e00000;}
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}
body{width: 100%;height: 100%;font-size:0.26rem;background: #f5f5f5;}
@media (min-width: 560px) {
  html { font-size: 54px; }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  html,body{height: 812px;}
}

input{background: 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';  /* project id 492277 */
  src: url('https://at.alicdn.com/t/font_492277_z4yi8zs3kcd.eot');
  src: url('https://at.alicdn.com/t/font_492277_z4yi8zs3kcd.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_492277_z4yi8zs3kcd.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_492277_z4yi8zs3kcd.woff') format('woff'),
  url('https://at.alicdn.com/t/font_492277_z4yi8zs3kcd.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_492277_z4yi8zs3kcd.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;}

/*字体颜色*/
.fenhong{color: #f26868!important;}
.lanse{color: #00a0e9!important;}
.chengse{color: #f08200!important;}
.huangse{color: #f5a600!important;}
.lvse{color: #3cb789!important;}
.hongse{color: #f20!important;}

/*头部导航*/
.page-container{padding:0.8rem 0 1.2rem;}
.page-main{height: 100%;}
.public-topbar{position: fixed;top: 0;left: 0;right: 0;z-index: 99;width: 100%;height: 0.8rem;overflow:hidden;background-color: #2339c0;background-image: -webkit-linear-gradient(left,#2339c0,#265bdb);background-image: linear-gradient(90deg,#2339c0,#265bdb);-webkit-transition: all .5s ease;transition: all .5s ease;}
.m-header{text-align: center;height:0.8rem;line-height: 0.8rem;width: 100%;}
.m-header .topbar-goback{position: absolute;top: 0;left: 0;}
.m-header .topbar-goback a{display: block;width: 1rem;height: 0.8rem;text-align: center;font-size: 0.36rem;color: #fff;}
.m-header .topbar-goback a span{font-size: 0.4rem;}
.m-header .topbar-title{padding: 0 1rem;text-align: center;font-size: .36rem;color: #fff;}
.iconfont-back::before{content: "\e6a2";}
.m-header .topbar-shortcut {position: absolute;top: 0;right: 0;}
.m-header .topbar-shortcut .shop{display: block;width: 1rem;height: 0.8rem;position: relative;text-align: center;}
.m-header .topbar-shortcut .shop span{font-size: 0.35rem;color: #2339c0;width: 0.5rem;height: 0.5rem;display: inline-block;line-height: 0.5rem;text-align: center;background: #fff;margin-top: 0.15rem;border-radius: 50%;}
.m-header .topbar-shortcut .shop em{position: absolute;font-size: 0.24rem;color: #fff;top: -0.2rem;right: 0.1rem;}
.iconfont-shop::before{content: "\e678";}
.public-topbar .user-info{padding: 0.2rem 0.3rem;}
.user-info{padding: 0.4rem 0.3rem;display:-webkit-flex; display:flex;justify-content:space-between;}
.user-info .img a{display: block;width: 1.35rem;height: 1.35rem;}
.user-info .img img{width: 1.35rem;height: 1.35rem;border-radius: 50%;}
.user-info .message{flex: 1;margin-left: 0.3rem;}
.user-info .message h2{font-size: 0.4rem;color: #fff;margin-bottom: 0.15rem;margin-top: 0.15rem;}
.user-info .message em{height: 0.4rem;line-height: 0.4rem;padding: 0 0.2rem;background: #fcae3a;font-size: 0.26rem;color: #fff;display: inline-block;border-radius: 1rem;}
.user-info .message em span{margin-right: 0.1rem;}
.user-info .set .set-btn{line-height: 0.9rem;width: 0.8rem;display: block;text-align: center;height: 100%;}
.user-info .set .set-btn span{font-size: 0.5rem;color: #fff;}
.iconfont-set::before{content: "\e781";}
.iconfont-phone::before{content: "\e664";}
.order-list{display:-webkit-flex; display:flex;justify-content:space-between;padding: 0.1rem 0.3rem;}
.order-list .item{width: 33.33%;position: relative;display: block;color: #fff;text-align: center;}
.order-list .item strong{font-size: 0.4rem;line-height: 0.6rem;font-weight: normal;}
.order-list .item h3{font-size: 0.26rem;}
.order-list .item:nth-child(1)::before,.order-list .item:nth-child(2)::before{content: "";position: absolute;top: 50%;right: 0; transform:translate(0,-50%); background: rgba(250, 250, 250, 0.5);height: 0.5rem;width: 1px;}

/*底部导航*/
.m-tabnav{position: fixed;bottom: 0;left: 0;right: 0;z-index: 99;height: 1.1rem;background-color: #fff;border-top: 1px solid #e6eefa;display: flex;justify-content: space-between;}
.m-tabnav .tabnav-item{flex: 1;text-align: center;color: #8b8b8b;}
.m-tabnav .tabnav-item span{display: block;height: .55rem;padding-top: .1rem;line-height: .5rem;font-size: .42rem;}
.m-tabnav .tabnav-item p{line-height: .4rem;font-size: 0.28rem;padding-top: 0.05rem;}
.m-tabnav .tabnav-item.this{color:#2339c0;}
.iconfont-index::before{content: "\e698";}
.iconfont-goods::before{content: "\e78b";}
.iconfont-order::before{content: "\e68a";}
.iconfont-ask::before{content: "\e685";}
.iconfont-schedu::before{content: "\e69e";}
.iconfont-my::before{content: "\e69c";}