html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html * { outline:none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-overflow-scrolling: touch; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } input, select, textarea { font-size: 100%; } /* 去掉各 Table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* 去除默认边框 */ fieldset, img { border: 0; } /* 去掉 firefox 下此元素的边框 */ abbr, acronym { border: 0; font-variant: normal; } /* 一致的 del 样式 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } /* 去掉列表前的标识, li 会继承 */ ol, ul { list-style: none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align: left; } q:before, q:after { content: ''; } /* 统一上标和下标 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 正常链接 未访问 */ a:link { } /* 鼠标悬停 */ a:hover { text-decoration: underline; } /* 默认不显示下划线,保持页面简洁 */ ins, a { text-decoration: none; } .mobile-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(0,0,0,.3); .mobile-modal-box { position: absolute; /*width: 5.92rem;*/ font-size: .28rem; top: 27%; left: 11%; right: 11%; z-index: 1000; .mobile-modal-header { line-height: .96rem; background: rgb(65,141,246); color: #fff; text-align: center; font-size: .32rem; position: relative; border-top-left-radius: .1rem; border-top-right-radius: .1rem; i { position: absolute; right: -.25rem; font-size: .6rem; bottom: .46rem; } } .mobile-modal-content { background: #fff; color: #333; padding: 0 .54rem; border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem; div { padding: .2rem 0; line-height: .4rem; border-bottom: .04rem solid rgb(183,213,254); text-align: center; &:last-child { border-bottom: none; } &:first-child { text-align: left; } } } } .mobile-share-box { position: fixed; width: 100%; font-size: .28rem; bottom: 0; left: 0; z-index: 1000; background: #fff; color: #333; .cancel-share { height: .98rem; line-height: .98rem; font-size: .3rem; text-align: center; border-top: .04rem solid #cdcecf; } .share-area { .share-item { display: inline-block; width: 1.5rem; height: 1.52rem; padding-top: .3rem; i { margin: 0 auto; display: block; font-size: .55rem; width: .54rem; } span { display: block; text-align: center; margin-top: .1rem; } } } } } .link-url { color: #01a44e; } ::-webkit-scrollbar { opacity: 0; display: none; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } /*loading优先级*/ .loading { z-index: 100000 !important; } .mobile-content { padding-top: .88rem !important; margin-bottom: 1rem; } /*求购title*/ .seek-title { height: .96rem; line-height: .96rem; text-align: center; position: relative; border-bottom: .04rem solid rgb(219, 219, 219); > img { width: .36rem; height: .38rem; margin-right: .16rem; vertical-align: middle; margin-bottom: .16rem; } > span { font-size: .35rem; color: #666; } > a { position: absolute; right: .1rem; top: 0; font-size: .24rem; color: #999; margin-right: .1rem; img { width: .25rem; height: .25rem; margin-bottom: .04rem; } } } /*search*/ .search-content { padding-top: .15rem; input { width: 6.48rem; height: .58rem; border-radius: .14rem; margin: 0 0 0 .11rem; font-size: .23rem; padding: 0 0 0 .21rem; } span { display: inline-block; height: .58rem; line-height: .58rem; position: relative; top: .04rem; width: .68rem; color: #376ff3; border-left: .02rem solid #376ff3; margin-left: -.68rem; text-align: center; i { font-size: .3rem; } } img { width: .44rem; height: .44rem; float: right; margin-right: .2rem; margin-top: .1rem; } } /*报价info*/ .base-info { //width: 7.17rem; margin: 0 auto .18rem; background: #fff; padding: 0 .29rem; .content-line { height: .5rem; line-height: .5rem; font-size: .28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; span { color: #666; } } } .say-price-btn { display: block; width: 6.7rem; height: .74rem; line-height: .74rem; text-align: center; color: #fff !important; background: #3f84f6; border-radius: .08rem; font-size: .32rem; margin: 0 auto; }