@charset "utf-8";
@font-face { font-family: 'zk'; src: url('../fonts/zk.ttf'); font-weight: normal; font-style: normal; }
* { margin: 0; padding: 0; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { border: 0; vertical-align: middle }
address, cite, code, em, th, i, b { font-weight: normal; font-style: normal; }
.clearfix { *zoom:1;}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; outline: none; display: block;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0 }
html { font-size: 14px; }
@media screen and (min-width: 450px) {
  html { font-size: 100px !important; }
}
body { font: 14px/1.5'Microsoft Yahei'; -webkit-text-size-adjust: none; color: #1a1a1a; background: #fff; -webkit-text-size-adjust: none; min-width: 320px; max-width: 750px; margin: 0 auto }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }

.hdex{ display: flex; justify-content: space-between;}
.hdex1{ display: flex; justify-content:center;}
.hdex2{ display: flex; align-items: center; justify-content: space-between;}
.hdex3{ display: flex; align-items: center;}
.hdex4{ display: flex; align-items: center; justify-content:center;}
.hdex5{display: flex; align-items: center; justify-content:end;}

.m-btm{ height: 1.6rem;}
.ft-t {padding:0.1rem 0 0.2rem;max-width: 750px; margin: 0 auto;}
.ft-t img{ width: 0.44rem; height: 0.41rem;}
.ft-t .van-action-bar-icon{ font-size: 0.20rem; color: #666;}
.ft-t .van-action-bar-icon.on{ color: #111;}
.ft-t .van-action-bar-button{ height: auto; padding: 0.1rem 0;}
.ft-t .van-button__text{ font-size: 0.42rem; margin-left: 0.1rem; font-weight: normal;}
/**/
.bgx{ padding: 0.3rem 0; background: linear-gradient(to bottom, #bf1e25,#fff);}
.hd{ padding: 0 0.3rem 0.2rem;}
.logo-t{ width: 3.26rem;}
.sch{width: 3.40rem; border: 2px solid #fff; border-radius: 50px;}
.sch .van-search{ padding: 1px;}
.sch .van-search__action{ padding: 0;}
.sch .van-search__content{ background: none;}
.sch .van-search__field{ height: 30px; line-height: 30px;}
.sch .van-field__control{ color: #fff; font-size: 0.12rem; }
.sch .van-search__action{ line-height:normal}
.sch .van-search__field .van-field__left-icon{color: #fff;}
.sch .van-button{ height: 30px; line-height: 30px; padding: 0 0.2rem; border-radius: 50px; background: #fff; color: #bf1e25; font-size: 0.18rem; border: none;}
.m1 .van-image{ width: 6.9rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-radius: 0.3rem; margin:0.2rem 0.3rem 0.3rem;}
.m2{ width: 6.9rem; margin: 0 auto; background-color: #fff; padding: 0.3rem 0.4rem; border-radius: 0.6rem 0.6rem 0 0;}
.m2 .tit{ width: 2.17rem; height: 0.64rem; margin: 0.2rem auto;}
.m2 .hdex2{ margin-bottom: 0.45rem;}
.m2 .hdex2:last-child{ margin-bottom: 0;}
.n1{ width: 0.9rem; height: 0.88rem;}
.x1 .van-image{ width: 0.98rem;  height: 0.88rem;}
.x1 p{ text-align: center; font-size: 0.25rem; color: #000;}
.m3{ width: 6.9rem; margin: 0 auto 0.3rem; background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); padding-top: 0.3rem;}
.ml{ width: 2.7rem; height: 3.68rem;}
.mr{ width: 3.93rem; }
.mr1{ width: 3.93rem; height: 1.8rem;}
.mr1:first-child{ margin-bottom: 0.08rem;}
.m4{ width: 6.9rem; margin: 0 auto;}
.d1 .van-image{ width: 1.59rem;  height: 1.85rem;}
.m5 .tit{ width: 2.85rem; height: 1.05rem; margin: 0.2rem auto 0;}
.t_bg{ margin-top: -0.2rem; position: relative;}
.t-con{ width: 7.5rem; position: absolute; top: 0; left: 0;}
.t-tit{ width: 2.08rem; height: 0.68rem; margin: 0.4rem auto 0.2rem ;}
.ts{ width: 6.6rem; margin: 0 auto; background-color: #f9f9f9; padding: 0.2rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);border-radius: 0.1rem;}
.ts .hdex3{ margin-bottom: 0.2rem;}
.ts .hdex3:last-child{ margin-bottom: 0;}
.cl{ width: 2.08rem; height: 1.87rem; margin-right: 0.15rem;}
.cr{ width: 3.9rem;}
.cr h2{ color: #0b0b0b; font-size: 0.35rem; font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cr p{ color: #000; font-size: 0.23rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1;}
.cr .hdex2{align-items:end}
.cr .hdex2 p{ color: #d0251b; font-size: 0.28rem; font-weight: bold;margin-top: 0.3rem;}
.cr .hdex2 p b{ font-size: 0.56rem;}
.cr del{ color: #a2a2a2; font-size: 0.16rem;}
.cr a .van-image{ width: 1.3rem;  height: 0.41rem;}
.gd .van-image{ width: 1.89rem;  height: 0.5rem; margin: 0.15rem auto 0; display: block;}
.m6 .tit{ width: 3.94rem; height: 0.64rem; margin: 0.2rem auto 0;}
.m7 .tit{ width: 2.72rem; height: 0.64rem; margin: 0.2rem auto 0;}
.m8 .tit{ width: 2.15rem; height: 0.65rem; margin: 0.2rem auto 0.1rem;}
.m8 .con{ width: 6.9rem; background-color: #f6f6f6; border-radius: 0.6rem; padding: 0.3rem; margin:0 auto 0.3rem;}
.ad1{ background-color: #fff; padding: 0.15rem 0.3rem; border-radius: 0.24rem; font-size: 0.2rem; color: #282828;}
.ad1 b{ font-weight: bold;}
.ad2{ margin-top: 0.3rem; font-size: 0.2rem;}
.ad2-1 { background-color: #e22c1d; padding: 0.15rem 0.2rem; margin-right: 0.2rem; border-radius: 0.6rem;}
.ad2-1 .van-image{ width: 0.2rem; height: 0.2rem;}
.ad2-1 p{ color: #fff;}
.ad2-2{ width: 5rem; color: #282828;}
.beian{ text-align: center;}
.beian h5{ font-size: 0.16rem; color: #111;}
.beian h3{ font-size: 0.22rem; color: #000;}
.beian p{ font-size: 0.16rem; color: #a6a6a6;}


.zj .van-image{ display: block;}