/*通用类*/ * { margin:0; padding:0; } /*兼容老设备的rem-px基准*/ html { font-size:42.6667px; } @media screen and (max-width:320px) { html { font-size:42.6667px; } }@media screen and (min-width:321px) and (max-width:360px) { html { font-size:48px; } }@media screen and (min-width:361px) and (max-width:375px) { html { font-size:50px; } }@media screen and (min-width:376px) and (max-width:414px) { html { font-size:55px; } }@media screen and (min-width:415px) and (max-width:484px) { html { font-size:64px; } }@media screen and (min-width:485px) and (max-width:720px) { html { font-size:96px; } }@media screen and (min-width:721px) and (max-width:768px) { html { font-size:102px; } }@media screen and (min-width:769px) and (max-width:1080px) { html { font-size:144px; } }@media screen and (min-width:1080px) { html { font-size:144px; } }/*新设备的rem-vw标准*/ html { overflow-x:hidden; font-size:13.3333333333vw; /*一便rem.js失效,这里起作用*/ } body { width:100%; min-width:320px; min-height:100vh; margin:0 auto; font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; background:#ffffff; overflow-x:hidden; text-align:left; position:relative; font-size:0.36rem; color:#000; } img { border:none; } h1,h2,h3 { font-weight:normal; } a { color:#000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none; } p{ margin-top:17px; } input,textarea,select { font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; font-size:1em; outline:none; margin:0; padding:0; } input::-webkit-input-placeholder { color:#a0a0a0 !important; } textarea::-webkit-input-placeholder { color:#a0a0a0 !important; } input[type='button'],input[type='text'],input[type='search'],input[type='submit'],input[type='reset'],input[type='date'],input[type='time'],input[type='number'] { -webkit-appearance:none; } select { -webkit-appearance:none; } textarea { -webkit-appearance:none; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance:none !important; margin:0; } ul,ol { padding:0; list-style-type:none; } em { font-style:normal; } .lt { float:left; } .rt { float:right; } input.sub,label { border:none; cursor:pointer; } input,textarea { font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; outline:none; margin:0; padding:0; } table { border-collapse:collapse; } td,th { padding:0; } div.clear { font:0px Arial; line-height:0; height:0; overflow:hidden; clear:both; } .cm_photo { display:block; position:relative; overflow:hidden; } .cm_photo .thumb { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; } .cm_photo .zw { display:block; height:auto; width:100%; } .ar_title { padding: .26666667rem .2rem; text-align:center; font-weight:bold; display:flex; justify-content:space-around; } .ar_title img{ width: 100%; height: 100%; border-radius: .13333333rem; } .ar_t2 { text-align:center; line-height:2; } .ar_cnt { line-height:0.57rem; font-size:0.35rem; margin:0 auto; text-align:justify; padding:0 .28rem; } .ar_dx .tp { text-align:center; font-weight:bold; color:#000; line-height:2; } .ar_dx .red { color:#c00; } .ar_dx .bt { line-height:1.6; padding:0.2rem 3%; } .ar_gif { display:block; width:100%; height:auto; } .ar_wx { height:1rem; background:#ffffff; padding:0 3%; margin-top:17px; } .ar_wx .face { float:left; width:0.6rem; height:0.6rem; border-radius:100%; position:relative; overflow:hidden; margin:0.2rem 0.2rem 0 0; } .ar_wx .face img { display:block; width:100%; height:100%; object-fit:cover; } .ar_wx .name { float:left; font-size:0.28rem; line-height:1rem; } .ar_wx .btn { float:right; width:1.4rem; height:0.6rem; border-radius:0.3rem; background:#f85959; line-height:0.6rem; color:#fff; text-align:center; font-size:0.28rem; margin:0.2rem 0 0 0; } .ar_bt { text-align:center; font-size:0.24rem; background:#f2f2f2; height:0.8rem; color:#69768c; line-height:0.8rem; } .alert_flog { width:100%; height:100%; position:fixed; left:0; top:0; z-index:200; background:rgba(0,0,0,0.5); display:none; } .tip_win { width:4.8rem; height:4rem; position:fixed; left:50%; top:50%; z-index:220; background:#fff; border-radius:0.1rem; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-sizing:border-box; padding-top:0.28rem; text-align:center; display:none; } .tip_win .ico { display:block; width:0.8rem; height:0.8rem; margin:0 auto; } .tip_win .t1 { font-size:0.3rem; line-height:3; } .tip_win p { width:90%; margin:0 auto; font-size:0.24rem; line-height:1.8; } .tip_win .ctrl { padding-top:0.2rem; } .tip_win .cancle { display:inline-block; width:1.4rem; height:0.6rem; line-height:0.6rem; border:1px solid #ababab; font-size:0.28rem; border-radius:0.3rem; color:#ababab; margin:0 0.1rem; } .tip_win .ok { display:inline-block; width:1.4rem; height:0.6rem; line-height:0.6rem; border:1px solid #00d48c; font-size:0.28rem; border-radius:0.3rem; color:#00d48c; margin:0 0.1rem; } .nad { width:100%; height:5.24rem; background:url('../images/nadbg.jpg') no-repeat top center; background-size:100% 100%; position:relative; } .nad .t1 { height:0.86rem; line-height:0.86rem; position:absolute; top:0.15rem; left:1.42rem; font-size:0.32rem; } .nad .t2 { height:0.9rem; line-height:0.9rem; position:absolute; left:0.34rem; top:2.08rem; font-size:0.32rem; color:#4fab35; } .nad .t2 span { color:#000; } .nad .inf { height:2.1rem; position:absolute; bottom:0; left:0.32rem; } .nad .face { float:left; width:1.2rem; height:1.2rem; border-radius:100%; position:relative; overflow:hidden; margin-top:0.1rem; } .nad .face img { display:block; width:100%; height:100%; object-fit:cover; } .nad .intro { width:5.12rem; float:left; padding-left:0.25rem; } .nad .name { height:0.52rem; line-height:0.52rem; color:#090909; font-size:0.3rem; } .nad .tip { line-height:0.4rem; font-size:0.28rem; color:#7d7d7d; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; } .nad .ed { height:0.6rem; line-height:0.6rem; font-size:0.28rem; color:#999; } .nad .ed span { color:#4fab35; } .alert { position: fixed; } .alert, .alert .mask { top: 0; left: 0; right: 0; bottom: 0; } .alert .mask { position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 1; } .alert .alert-box { position: relative; left: 5vw; top: 50%; margin-top: -25vw; width: 90vw; height: 60vw; background: #fff; border-radius: 0.3333333rem; z-index: 2; -ms-flex-direction: column; flex-direction: column; } .alert .alert-box, .alert .alert-box .alert-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .alert .alert-box .alert-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #000; text-align: center; padding: 0.53333333rem 0.53333333rem 0.3333333rem; font-size: 0.48rem; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alert .alert-box .alert-body .title { font-weight: 700; } .alert .alert-box .alert-body .message { margin-top: 0.13333333rem; } .alert .alert-box .open-wx-btn { height: 1.06666667rem; background: #f54343; margin: 0.233333rem 0.53333333rem 0.53333333rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.48rem; border-radius: 0.53333333rem; color: #fff; text-decoration: none; }