html, body, div, h3, h4, h5, h6, p, span, em, i, ::before, ::after{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } *{-webkit-overflow-scrolling: touch;} button{ border: none; background:none; outline:none; } ol, ul{ list-style: none; padding: 0; margin: 0; } body{ font-size: 14px; color: #333; } em, i{ font-style: normal; } a{ text-decoration: none; } .clearfix::before, .clearfix::after{ content: ""; display: block; height: 0; line-height: 0; visibility: hidden; clear: both; } .elli{ display: box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .back{ position: absolute; top: 0.25rem; left: 0.15rem; z-index: 999; width: 0.15rem; } #copy_1,#copyName_1,#taokouling{ outline: none; border: 0px; color: rgba(0,0,0,0.0); position: absolute; left:-2000px; background-color: transparent; } #copy_2,#copyName_2{ position: absolute; left:-2000px; color: rgba(0,0,0,0); background-color: transparent; } .btn1,.btn2{ float: left; width: 65%; height: 50px; color: #fff; font-size: 16px; vertical-align: middle; } .btn2 i{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; background: url(img/money.png) no-repeat; background-size:100% ; margin-right: 5px; } .btn1{ background:linear-gradient(90deg,#FEC800,#FD9D03); } .btn2{ background:linear-gradient(90deg,#FE6735,#FF2D23); } #copy_1,#copy_2{ position: absolute; left: -1000rem; } .swiper-container{ width: 3.75rem; height: 3.75rem; overflow: hidden; position: relative; } .swiper-wrapper{ width: 100%; height: 100%; } .swiper-slide img{ width: 100%; /*height: 100%;*/ } .swiper-pagination-bullet{ width: 3px; height: 3px; border-radius: 50%; display: inline-block; margin-left: 10px; background: #CFCFCF; } .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 8px; background: #fff; border-radius: 0; } .details-wrapper{ display: flex; display: -webkit-flex; flex-direction: column; width: 100%; padding: 0 0.1rem; margin-bottom: 50px; } .details-wrapper .price{ margin-top: 0.08rem; font-size: 0px; font-weight: normal; } .details-wrapper .price span{ color: #FF1E00; font-size: 0.12rem; font-weight: normal; } .details-wrapper .price em{ line-height: 30px; font-size: 22px; color: #FF1E00; } span.icon.icon-price{ display: inline-block; vertical-align: top; width: 0.64rem; height: 0.16rem; line-height: 0.16rem; margin-top: 0.09rem; margin-left: 0.10rem; background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/quan.png) no-repeat ; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size: 0.1rem; color: #fff; padding: 0px 0.07rem; } .details-wrapper .info{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; height: 0.18rem; margin: 0.09rem 0 0.05rem; color: #878787; font-size: 13px; } .details-wrapper .info .before-price > span{ text-decoration: line-through; } .details-wrapper .desc{ font-size: 15px; line-height: 20px; } .btn-wrapper{ position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; } .btn-wrapper .btn{ width: 100%; height: 100%; border: 0 none; font-size: 16px; color: #fff; background: linear-gradient(90deg, #FF9000, #FF5000); } .btn-wrapper .btn em{ font-weight: 500; } .hide{ display: none; opacity: 0; } .show{ display: block; opacity: 1; } .alert-info { position: absolute; top: 2.35rem;; right: 0; left: 0; bottom: 0; text-align: center; z-index: 9999; } .alert-info p { display: inline-block; height: 38px; color: #fff; font-size: 14px; line-height: 38px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; }