/*先注视了，方便调试     [v-cloak] {display: none;}*/
[v-cloak] {display: none;}

/*input输入框placeholder颜色*/
input::-webkit-input-placeholder{color:#C7C7CC;}
/*input内阴影、获取焦点的边框去除*/
input,textarea{-webkit-tap-highlight-color:transparent; -webkit-appearance: none;}
input:focus,textarea:focus{outline:none;}
textarea{resize: none}

body,input,textarea,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,p{margin: 0; padding: 0}
html,body{background-color: #fff; font-size: .25rem; font-family:'PingFangSC-Regular'; color:#333}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(0,0,0,0);}

ul,li{list-style: none; margin: 0; padding: 0}
/*
// +----------------------------------------------------------------------
// | 阿里字体图标
// | @Author tangfei <957987132@qq.com>
// +----------------------------------------------------------------------
*/
.nowrap{white-space: nowrap;}

.container{
    display: block;
    margin:0 .31rem;
}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}

.flex{display: -webkit-box; display:flex;}
.flex-row{-webkit-flex-direction:row; flex-direction: row}
.flex-column{-webkit-flex-direction:column; flex-direction: column;}
.flex-start{-webkit-justify-content:flex-start; justify-content:flex-start;}
.flex-end{-webkit-justify-content:flex-end; justify-content:flex-end;}
.flex-between{-webkit-justify-content:space-between; justify-content:space-between;}
.flex-around{-webkit-justify-content:space-around; justify-content: space-around;}
.flex-center{-webkit-justify-content:center; justify-content:center;}
.flex-top{-webkit-align-items: flex-start; align-items: flex-start;}
.flex-middle{-webkit-align-items: center; align-items:center;}
.flex-bottom{-webkit-align-items: flex-end; align-items: flex-end;}
.flex-grow-1{-webkit-flex-grow: 1; flex-grow: 1}
.flex-shrink-0{-webkit-flex-shrink: 0; flex-shrink: 0}
.flex-wrap{-webkit-flex-wrap: wrap; flex-wrap:wrap;}

.mt5{margin-top:.05rem}
.mt10{margin-top:.1rem}
.mt15{margin-top:.15rem}
.mt20{margin-top:.2rem}
.mt29{margin-top:.29rem}
.mt30{margin-top:.3rem}
.mt38{margin-top:.38rem}
.mt40{margin-top:.4rem}
.mt45{margin-top:.45rem}
.mt50{margin-top:.5rem}
.mt60{margin-top:.6rem}
.mt75{margin-top:.75rem}
.mt110{margin-top:1.1rem}
.mt115{margin-top:1.15rem}
.mt150{margin-top:1.5rem}

.ml5{margin-left: .05rem}
.ml10{margin-left: .10rem}
.ml15{margin-left: .15rem}
.ml20{margin-left: .2rem}
.ml30{margin-left: .3rem}
.ml31{margin-left: .31rem}
.ml60{margin-left:.6rem}
.ml110{margin-left:1.1rem}

.mr10{margin-right: .1rem}
.mr30{margin-right: .30rem}
.mr31{margin-right: .31rem}
.mr35{margin-right: .35rem}
.mr110{margin-right:1.1rem}

.mb19{margin-bottom: .19rem}
.mb38{margin-bottom: .38rem}

.mb10{margin-bottom: .1rem}
.mb15{margin-bottom: .15rem}
.mb19{margin-bottom: .19rem}
.mb45{margin-bottom: .45rem}
.mb50{margin-bottom: .5rem}
.mb60{margin-bottom: .6rem}

.p10{padding: .1rem;}
.p31{padding: .31rem;}

.pl30{padding-left:.3rem;}
.pl31{padding-left:.31rem;}
.pl70{padding-left: .7rem;}

.pr30{padding-right:.3rem;}
.pr31{padding-right:.31rem;}
.pr70{padding-right: .7rem;}

.pt15{padding-top:.15rem;}
.pt25{padding-top:.25rem;}
.pt30{padding-top:.3rem;}
.pt31{padding-top:.31rem;}
.pt38{padding-top:.38rem;}
.pt40{padding-top:.4rem;}
.pt50{padding-top:.5rem;}
.pt70{padding-top:.7rem;}
.pt90{padding-top:.9rem;}
.pt110{padding-top:1.1rem;}

.pb15{padding-bottom:.15rem;}
.pb19{padding-bottom:.19rem;}
.pb20{padding-bottom:.2rem;}
.pb28{padding-bottom:.28rem;}
.pb29{padding-bottom:.29rem;}
.pb30{padding-bottom:.3rem;}
.pb31{padding-bottom:.31rem;}
.pb40{padding-bottom:.4rem;}
.pb100{padding-bottom: 1rem}
.pb155{padding-bottom: 1.55rem;}
.pb480{padding-bottom: 4.8rem;}

/*clearfix*/
.fl{float: left}
.fr{float: right}
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}

/*header*/
#header{background: #fff; color:#333; height:calc(.84rem + .5px); line-height:calc(.84rem + .5px); border-bottom:.5px solid #ddd; padding-left:.31rem; padding-right:.31rem;}
#header.van-hairline--bottom::after{border-bottom:0 none;}
#header.no-bg{background: none}
#header.no-bottom-border{border-bottom: 0 none;}
#header.no-fixed{position: absolute;}
#header .van-nav-bar__title{font-size: .33rem; font-family:'PingFangSC-Medium'; font-weight:600;}
#header .van-nav-bar__right{font-size: .27rem;}
#header .left{font-size: .27rem;}
#header .left img{width: .31rem; height: .31rem; vertical-align: middle;}
#header .search{width: .36rem; height:.36rem; vertical-align: middle;}
#header .back,#header .icon{width: .42rem; height:.42rem; vertical-align: middle;}
#header.header-search .van-nav-bar__title{max-width: 70%;}
#header.header-search .header-search-input{box-sizing: border-box; border:none; font-size: 0.26rem; width:100%; height:.6rem; line-height:.6rem; padding:0 .15rem; color:#AAAAAA; border-radius:.3rem; position: relative; top: -.04rem;}
#header .van-nav-bar__right{right:.31rem;}

/*footer*/
#footer{width: 100%; height: .86rem; background:#fff; border-top:.5px solid #eee;}
#footer.van-hairline--top-bottom::after{border:none;}
#footer img{width:auto; height: .84rem;}
#footer .van-tabbar-item{color:#999; font-size: .31rem; position: relative;}
#footer .van-tabbar-item--active{font-size: .35rem;}
#footer .van-tabbar-item--active span{color:#F9770F;font-weight:600;}
#footer .van-tabbar-item__icon{margin-bottom: .05rem;}
#footer .van-tabbar-item.unread .van-tabbar-item__icon{position: absolute; right: 25%; top: .25rem; transform: scale(.9);}

#no-data{position:fixed; top:0;	left:0;	right:0; bottom:0; color:#777; font-size: .23rem; display: flex; justify-content: center; align-items: center;}
#no-data span{transform: translateY(-1.2rem);}
#no-data p{text-align: center; padding-top:.2rem; color: #999}
#no-data img{height:auto; display: block; margin: auto}
#no-data a{width: 2.25rem; height: .58rem; display: block; margin:.9rem auto 0; background: #F8A83B; color: #fff; border-radius: .08rem; text-align: center; line-height: .58rem; font-size: .27rem}

#no-data-not-position{color:#777; font-size: .22rem; display: flex; justify-content: center; align-items: center;}
#no-data-not-position span{padding-top:.5rem;}
#no-data-not-position p{text-align: center; padding-top:.2rem; color: #999}
#no-data-not-position img{height:auto; display: block; margin: auto}

/*vant刷新样式定义*/
.index-pull-refresh .van-pull-refresh, .index-pull-refresh .van-pull-refresh__track {height: calc(100vh - 0.96rem - 1rem);}
.page-pull-refresh .van-pull-refresh, .page-pull-refresh .van-pull-refresh__track {height: calc(100vh - 0.96rem);}

.mobile1hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mobile2hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mobile3hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mobile4hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.mobile5hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.mobile6hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.mobile7hang{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

































/**/