page {background-color: #eaeaea;} /* 登录页 staat */ .login-header { justify-content: center; align-items: center; flex-direction: column; margin-top: 0; position: fixed; left: 50%; top: 40%; transform: translate(-50%,-50%); } .infoImg { width: 192rpx; height: 192rpx; border-radius: 100%; box-shadow: 0px 0px 20px rgba(0,0,0,.3); } .logo-name { font-size: 30rpx; font-weight: bold; margin-top: 30rpx; color: #333333; text-align: center; } .login-footer { width: 100%; text-align: center; position: fixed; left: 0; bottom: 120rpx; } .login-btn { width: 70%; height: 80rpx; line-height: 80rpx; margin: 0 auto; box-shadow: 0rpx 0rpx 10rpx rgba(0,115,188, .5); } .login-txt { justify-content: center; align-items: center; color: #333333; margin-top: 30rpx; } .agreement-box{ margin-top: 20rpx; } .agreement{ color: #0073bc; } /* 首页 start */ /* 搜索 */ .search-bg { padding: 30rpx; background-color: #FFFFFF; } .search { align-items: center; width: 100%; height: 84rpx; background-color: #eaeaea; border-radius: 10rpx; } .search .search-img { width: 36rpx; height: 36rpx; margin-left: 30rpx; } .search .search-input { width: calc(100% - 226rpx); height: 100%; padding: 0 24rpx; font-size: 28rpx; color: #333333; } .search-line { width: 2rpx; height: 46rpx; background-color: #a8a8a8; } .search-btn { justify-content: center; align-items: center; width: 110rpx; height: 100%; font-size: 28rpx; color: #000000; letter-spacing: 2rpx; } /* 历史搜索 */ .search-history{ padding: 0 30rpx 28rpx; background-color: #FFFFFF; } .search-history .title{ flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; font-size: 30rpx; line-height: 1.5; color: #666666; margin-bottom: 30rpx; } .search-history .title>image{ width: 27rpx; height: 31rpx; } .search-history .item{ background-color: #eaeaea; max-width: 25%; line-height: 50rpx; padding: 0 28rpx; margin-right: 12rpx; border-radius: 10rpx; font-size: 24rpx; color: #000000; margin-bottom: 12rpx; } /* 关键词 */ .search-keyword{ padding: 25rpx 30rpx 0; font-size: 30rpx; line-height: 1.5; color: #666666; } .search-keyword>text:first-child{ margin-right: 24rpx; } .search-keyword>text:last-child{ margin: 0 6rpx; } /* 推荐列表 */ .flag-list { justify-content: space-between; align-items: center; padding: 34rpx 30rpx; } .flag-item { box-sizing: border-box; width: calc(50% - 16rpx); padding: 30rpx; background-color: #FFFFFF; } .flag-item .flag-img { height: 174rpx; overflow: hidden; } .flag-item .flag-img image { width: 100%; min-height: 100%; } .flag-item .flag-txt { font-size: 28rpx; line-height: 1.2; margin-top: 20rpx; text-align: center; color: #000000; } /* 产品展示 */ .index-product-list { background-color: #FFFFFF; padding: 0 30rpx; margin-bottom: 20rpx; } .product-list-title { justify-content: space-between; align-items: center; font-size: 36rpx; color: #000000; line-height: 2.5; padding: 40rpx 0 56rpx; } .product-list-title .line { width: 75rpx; height: 5rpx; background-color: #000000; border-radius: 3rpx; } .product-list-title image { width: 19rpx; height: 35rpx; } /* 疑难解答&行业资讯 */ .index-news { background-color: #FFFFFF; padding: 30rpx; } .more-txt { font-size: 24rpx; line-height: 1.5; padding: 40rpx 0 20rpx; text-align: center; color: #666666; } .more-txt.more-txt-other{ padding: 40rpx 0; } /* 资讯列表页 start */ .nav-list-bg{ background-color: #FFFFFF; padding: 5rpx 30rpx 0; position: sticky; left: 0; z-index: 99; } .news-list-bg{ padding: 10rpx 30rpx; } /* 分类列表 */ .company-top{ width: 100%; height: 121rpx; background-color: #eaeaea; position: fixed; left: 0; z-index: 1; } .company{ width: 100%; height: 76rpx; padding: 20rpx 0 25rpx; position: fixed; left: 0; z-index: 99; } .company input{ height: 76rpx; margin: 0 30rpx; padding: 0 25rpx; border-radius: 10rpx 10rpx 0 0; background-color: #FFFFFF; background-image:url(static/public/icon-cate.png); background-repeat: no-repeat; background-position: calc(100% - 30rpx) center; background-size: 40rpx 36rpx; font-size: 30rpx; color: #666; } .pull-all-bg{ width: 100vw; height: 100vh; background-color: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; z-index: 9; } .company-list{ margin: 0 30rpx; background-color: #FFFFFF; } .company-item{ padding: 0 40rpx; font-size: 30rpx; line-height: 84rpx; color: #333; } .company-item.cur{ background-color: #0073bc; color: #FFFFFF; } .cate-nav-bg{ box-sizing: border-box; width: 160rpx; padding: 121rpx 0 130rpx; position: fixed; left: 0; overflow: hidden; } .cate-nav-bg.to-top{ padding-top: 20rpx; } .cate-nav{ box-sizing: border-box; width: 160rpx; height: 100%; padding-top: 35rpx; border-radius: 0 10rpx 0 0; background: #FFFFFF; overflow-y: auto; } .cate-nav-item{ line-height: 86rpx; color: #000000; text-align: center; } .cate-nav-item.active{ background-color: #0073bc; color: #FFFFFF; } .shop-list-bg { width: calc(100vw - 210rpx); height: 100%; margin-left: 180rpx; margin-top: 121rpx; } .shop-list-bg.to-top{ margin-top: 20rpx; } .cate-nav::-webkit-scrollbar{ width: 0; height: 0; } .shop-list-bg .tips, .cate-nothing-tips{ font-size: 24rpx; color: #999; line-height: 2; text-align: center; margin-top: 8rpx; } .shop-item{ width: calc(33.33% - 20rpx); margin: 30rpx 30rpx 0 0; } .shop-list-bg .shop-item:nth-of-type(3n){ margin-right: 0; } .shop-list-bg .shop-item:nth-of-type(-n+3){ margin-top: 0; } .shop-item .img{ box-sizing: border-box; justify-content: center; align-items: center; width: 100%; height: 160rpx; background-color: #FFFFFF; border: 2rpx solid #d6d6d6; border-radius: 10rpx; overflow: hidden; } .shop-item .img image{ max-width: 100%; max-height: 100%; } .shop-item .txt{ font-size: 24rpx; line-height: 1.5; text-align: center; color: #333333; margin: 10rpx 0; } /* 商品列表 */ .shop-nav{ width: 100%; height: 76rpx; background-color: #FFFFFF; position: fixed; left: 0; z-index: 99; } .shop-nav .shop-sort, .shop-nav .shop-cate{ justify-content: center; align-items: center; width: 50%; font-size: 30rpx; color: #666666; position: relative; } .shop-nav image{ width: 13rpx; height: 25rpx; margin-left: 18rpx; } .shop-cate-list, .shop-sort-list{ justify-content: space-around; width: 100%; background-color: #FFFFFF; border-top: 2rpx solid #eaeaea; position: absolute; top: 76rpx; left: 0; } .shop-cate-list .shop-cate-item, .shop-sort-list .shop-sort-item{ width: 100%; padding: 0 75rpx; font-size: 30rpx; color: #333333; line-height: 84rpx; } .shop-cate-list .shop-cate-item.cur, .shop-sort-list .shop-sort-item.cur{ background-color: #0073bc; color: #FFFFFF; } .shop-bg{ box-sizing: border-box; padding: 76rpx 30rpx 0; } .shop-ul { justify-content: space-between; } .shop-ul .shop-li{ width: calc(50% - 13rpx); border-radius: 10rpx; overflow: hidden; background-color: #FFFFFF; margin-top: 30rpx; } .shop-ul .shop-li .img{ width: 100%; height: 215rpx; overflow: hidden; } .shop-ul .shop-li .img image{ width: 100%; min-height: 215rpx; } .shop-ul .shop-li .txt{ padding: 22rpx 22rpx 0; font-size: 24rpx; line-height: 1.5; color: #000000; margin-bottom: 22rpx; } /* 商品详情 */ .shop-summary{ padding: 0 30rpx 80rpx; background-color: #FFFFFF; } .shop-title{ font-size: 36rpx; line-height: 1.5; color: #000; text-align: justify; padding-top: 20rpx; font-weight: bold; } .shop-txt{ align-items: flex-end; } .shop-txt .left{ width: 50%; } .shop-customized{ display: inline-block; border-radius: 20rpx; font-size: 24rpx; line-height: 40rpx; background-color: #0073bc; color: #FFFFFF; padding: 0 24rpx; margin: 16rpx 0 12rpx -6rpx; transform: scale(.9); } .shop-pric{ font-size: 48rpx; font-weight: bold; line-height: 1.2; color: #000000; } .shop-pric-vip{ font-size: 30rpx; color: #0073bc; line-height: 1.5; margin-top: 10rpx; } .shop-txt .right{ justify-content: flex-end; align-items: center; width: 50%; margin-bottom: 8rpx; } .collection-btn{ width: 60rpx; margin-right: 30rpx; } .collection-btn.active{ width: 70rpx; } .collection-btn image{ width: 45rpx; height: 41rpx; margin: 0 auto; -webkit-filter: invert(100%) grayscale(100%); -moz-filter: invert(100%) grayscale(100%); -ms-filter: invert(100%) grayscale(100%); -o-filter: invert(100%) grayscale(100%); filter: invert(100%) grayscale(100%); } .collection-btn.active image{ -webkit-filter: invert(0) grayscale(0); -moz-filter: invert(0) grayscale(0); -ms-filter: invert(0) grayscale(0); -o-filter: invert(0) grayscale(0); filter: invert(0) grayscale(0); } .share-btn{ width: 60rpx; position: relative; } .share-btn image{ width: 50rpx; height: 41rpx; margin: 0 auto; } .collection-btn text, .share-btn text{ display: block; width: 100%; font-size: 24rpx; line-height: 1.5; text-align: center; color: #666666; margin-top: 10rpx; } .share-btn>button{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; } .specs-btn{ flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 86rpx; padding: 0 20rpx; margin-top: 40rpx; border: 2rpx solid #999999; } .specs-btn text{ width: calc(100% - 92rpx); font-size: 30rpx; color: #999999; } .specs-btn image:first-child{ width: 33rpx; height: 37rpx; } .specs-btn image:last-child{ width: 13rpx; height: 26rpx; } .shop-detail{ padding: 0 30rpx; } .shop-detail-tab{ justify-content: center; align-items: center; margin: 30rpx; } .shop-detail-tab .tab-btn{ width: 220rpx; line-height: 66rpx; margin: 0 25rpx; border-radius: 10rpx; font-size: 30rpx; color: #000000; text-align: center; } .shop-detail-tab .tab-btn.cur{ background-color: #0073bc; color: #FFFFFF; } .shop-detail-tab .tab-btn:first-child{ margin-left: 0; } .shop-detail-tab .tab-btn:last-child{ margin-right: 0; } .shop-detail-txt{ color: #8c8c9b; font-size: 24rpx; line-height: 1.8; } .shop-detail-txt image{ width: 100%; height: auto; } .kit-shop-btns, .shop-btns{ box-sizing: border-box; justify-content: space-between; width: 100%; height: 120rpx; background-color: #FFFFFF; padding: 20rpx 30rpx; position: fixed; left: 0; bottom: 0; z-index: 99; } .kit-shop-btns .btn, .shop-btns .btn{ width: calc(50% - 10rpx); border-radius: 10rpx; font-size: 36rpx; line-height: 80rpx; text-align: center; color: #000000; background-color: #c9c9c9; } .shop-btns .btn-grey{ color: #000000 !important; background-color: #c9c9c9 !important; } .kit-shop-btns .btn:first-child{ width: 100%; background-color: #0073bc; color: #FFFFFF; } .shop-btns .btn:last-child{ background-color: #0073bc; color: #FFFFFF; } .specs-detail-bg{ box-sizing: border-box; width: 100%; background-color: #FFFFFF; padding: 30rpx; border-radius: 30rpx; position: fixed; left: 0; bottom: 0; z-index: 999; } .specs-detail{ width: 100%; color: #000000; position: relative; } .specs-detail .close-specs{ width: 66rpx; height: 66rpx; border-radius: 100%; position: absolute; top: -8rpx; right: -14rpx; } .specs-detail .close-specs image{ width: 100%; height: 100%; } .specs-detail .price{ font-size: 36rpx; line-height: 1.8; text-align: center; } .specs-detail .price text{ font-size: 32rpx; } .specs-ul{ margin-top: 20rpx; } .specs-ul text{ font-size: 30rpx; line-height: 1.8; } .specs-ul .specs-li{ align-items: center; height: 106rpx; padding: 0 40rpx; border: 2rpx solid #d2d2d2; margin-top: 14rpx; font-size: 24rpx; line-height: 1.8; color: #666666; } .specs-ul .specs-li.checked{ background-color: #0073bc; color: #FFFFFF; padding: 0 25rpx; } .specs-detail .specs-detail-btn{ width: 100%; background-color: #0073bc; border-radius: 10rpx; margin: 50rpx 0 10rpx; color: #FFFFFF; font-size: 36rpx; line-height: 98rpx; text-align: center; } /* 套件列表 */ .kit-list .kit-item{ background-color: #FFFFFF; margin-top: 30rpx; padding: 25rpx 30rpx; } .kit-list .kit-item:first-child{ margin-top: 20rpx; } .kit-item .kit-title{ font-size: 30rpx; line-height: 1.8; color: #000000; margin-top: 10rpx; font-weight: bold; } .kit-item .kit-compose{ font-size: 24rpx; line-height: 1.8; color: #999999; } .kit-item .kit-img{ height: 450rpx; border-radius: 10rpx; margin: 22rpx 0; overflow: hidden; } .kit-item .kit-img image{ width: 100%; min-height: 450rpx; } .kit-item .compose-list-bg{ overflow-x: auto; } .kit-item .compose-list-bg::-webkit-scrollbar{ width: 0; height: 0; } .kit-item .compose-list{ width: auto; flex-wrap: nowrap; } .compose-list .compose-item{ width: 270rpx; margin-right: 22rpx; border-radius: 10rpx; overflow: hidden; } .compose-list .compose-item:last-child{ margin-right: 0; } .compose-list .compose-item image{ width: 100%; min-height: 176rpx; } .compose-list .compose-item .compose-title{ font-size: 24rpx; line-height: 1.8; margin-top: 16rpx; text-align: center; } /* 套件简介 */ .kit-summary{ padding-bottom: 50rpx; } .shop-txt .kit-compose{ font-size: 24rpx; line-height: 1.8; color: #999999; margin-bottom: 16rpx; } .kit-contain{ padding: 20rpx 30rpx; } .kit-contain .contain-h2{ font-size: 30rpx; color: #000000; line-height: 1.5; font-weight: bold; margin: 30rpx 0 8rpx; } .kit-contain .contain-list{ justify-content: space-between; } .contain-list .contain-item{ width: calc(50% - 13rpx); background-color: #FFFFFF; border-radius: 10rpx; margin-top: 30rpx; overflow: hidden; } .contain-list .contain-item .contain-img{ height: 214rpx; overflow: hidden; } .contain-list .contain-item .contain-img image{ width: 100%; min-height: 214rpx; } .contain-list .contain-item .contain-title{ padding: 16rpx 22rpx; font-size: 24rpx; color: #000000; line-height: 1.8; text-align: justify; } /* 新闻详情 */ .news-video-img{ height: 500rpx; position: relative; } .news-video-img>image{ width: 100%; min-height: 500rpx; } .news-video-btn{ width: 160rpx; height: 160rpx; border-radius: 100%; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .news-video-btn image{ width: 100%; height: 100%; } .news-video-content{ height: 100vh; background-color: rgba(0,0,0,.4); position: fixed; left: 0; top: 0; z-index: 9; } video#my-video{ min-height: 400rpx; position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 999; } .news-detail{ padding: 35rpx 30rpx; font-size: 24rpx; line-height: 1.8; color: #8c8c9b; } .news-detail image{ width: 100%; height: auto; } .news-summary{ padding-bottom: 60rpx; } .news-txt{ margin-top: 40rpx; } .news-txt .news-author, .news-txt .news-time{ font-size: 24rpx; color: #999; line-height: 1.8; } .news-txt .news-author{ text-indent: 4rpx; } .news-txt .right{ margin-bottom: 4rpx; } /* 我的 */ .my-herder{ margin-bottom: 20rpx; padding: 20rpx 30rpx; background-color: #FFFFFF; } .my-portrait{ width: 220rpx; height: 220rpx; margin: 0 auto; position: relative; } .my-portrait-img{ width: 220rpx; height: 220rpx; border-radius: 100%; overflow: hidden; } .my-portrait-img image{ width: 100%; min-height: 220rpx; } .my-vip{ justify-content: center; align-items: center; width: 50rpx; height: 50rpx; box-shadow: 0 0 48rpx rgba(0,0,0,.52); background-color: #FFFFFF; border-radius: 100%; position: absolute; right: 0; bottom: 5rpx; } .my-vip image{ width: 36rpx; height: 33rpx; } .my-nick-name{ font-size: 36rpx; line-height: 1.5; color: #000000; margin: 20rpx 0; text-align: center; } .my-order{ flex-wrap: nowrap; align-items: flex-end; margin: 60rpx 0 10rpx; } .my-order .item{ width: 25%; text-align: center; font-size: 30rpx; line-height: 1.8; color: #000000; } .my-order .item>text{ color: #666666; } .my-content{ background-color: #FFFFFF; padding: 30rpx; } .my-content .item{ justify-content: space-between; align-items: center; flex-wrap: nowrap; height: 96rpx; } .my-content .item .left{ flex-wrap: nowrap; align-items: center; width: 100%; justify-content: space-between; } .my-content .item .img{ justify-content: center; align-items: center; width: 60rpx; margin-right: 10rpx; } .my-content .item .title{ font-size: 30rpx; color: #000000; } .my-content .item .left .tips{ font-size: 24rpx; color: #8c8c9b; } .my-content .item .more{ margin-left: 20rpx; } .my-content .item .more image{ width: 14rpx; height: 26rpx; } .my-content .item .btn{ box-sizing: border-box; width: 90rpx; height: 40rpx; background-color: #dedede; border-radius: 20rpx; padding: 2rpx; } .my-content .item .btn>view{ width: 36rpx; height: 36rpx; border-radius: 100%; background-color: #FFFFFF; } .my-content .item .btn.show{ justify-content: flex-end; background-color: #0073bc; } .my-content .item .btn.show>view{ background-color: #FFFFFF; } /* 申请会员 */ .vip-box-bg{ box-sizing: border-box; width: 100%; padding: 0 80rpx; position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 999; } .vip-box{ box-sizing: border-box; width: 100%; background-color: #FFFFFF; border-radius: 28rpx; padding: 40rpx 60rpx; } .vip-box .title{ font-size: 32rpx; line-height: 1.5; text-align: center; color: #000000; } .vip-box .vip-item{ margin-top: 20rpx; } .vip-box .vip-item .tips{ font-size: 28rpx; color: #000000; line-height: 1.5; margin-bottom: 10rpx; } .vip-box .vip-item .tips>text{ color: #d50000; margin-left: 4rpx; } .vip-box .input{ box-sizing: border-box; width: 100%; height: 60rpx; padding: 0 10rpx; border: 2rpx solid #c9c9c9; font-size: 28rpx; color: #666666; } .vip-box .vip-btns{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 50rpx; } .vip-box .vip-btns .btn{ width: 150rpx; background-color: #0073bc; border-radius: 10rpx; font-size: 30rpx; line-height: 60rpx; text-align: center; color: #FFFFFF; margin: 0 30rpx; } .vip-box .vip-btns .btn:first-child{ background-color: #c9c9c9; color: #000000; } /* 个人中心 */ .ucenter{ padding: 30rpx; margin-top: 20rpx; background-color: #FFFFFF; } .ucenter .item{ flex-wrap: nowrap; align-items: center; height: 100rpx; } .ucenter .item .title{ width: 170rpx; font-size: 30rpx; color: #000000; } .ucenter .item .more{ margin-left: 20rpx; } .ucenter .item .more image{ width: 14rpx; height: 26rpx; } .ucenter .item .msg{ width: calc(100% - 204rpx); height: 60rpx; font-size: 24rpx; color: #8c8c9b; text-align: right; } .ucenter .item:nth-of-type(1){ justify-content: space-between; height: 146rpx; padding: 5rpx 0; } .ucenter .item .img{ width: 136rpx; height: 136rpx; border-radius: 100%; margin-right: 34rpx; overflow: hidden; } .ucenter .item .img image{ width: 136rpx; min-height: 136rpx; } .ucenter .get-phone-btn{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; z-index: 9; } /* 修改弹窗 */ .edit-box-bg{ box-sizing: border-box; width: 100%; padding: 0 80rpx; position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 999; } .edit-box{ box-sizing: border-box; width: 100%; background-color: #FFFFFF; border-radius: 28rpx; padding: 40rpx 60rpx; } .edit-box .title{ font-size: 32rpx; line-height: 1.5; margin-bottom: 24rpx; text-align: center; color: #000000; } .edit-box .subtitle{ font-size: 28rpx; line-height: 1.5; margin-bottom: 20rpx; color: #999999; } .edit-box .subtitle>text{ color: #d50000; margin-left: 4rpx; } .edit-box .input, .edit-box .textarea{ box-sizing: border-box; width: 100%; height: 60rpx; padding: 0 10rpx; border: 2rpx solid #c9c9c9; font-size: 28rpx; color: #000000; } .edit-box .textarea{ height: 150rpx; padding: 10rpx; line-height: 1.8; } .edit-box .edit-btns{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 50rpx; } .edit-box .edit-btns .btn{ width: 150rpx; background-color: #0073bc; border-radius: 10rpx; font-size: 30rpx; line-height: 60rpx; text-align: center; color: #FFFFFF; margin: 0 30rpx; } .edit-box .edit-btns .btn:first-child{ background-color: #c9c9c9; color: #000000; } /* 免责声明 */ .disclaimers{ box-sizing: border-box; padding: 20rpx 30rpx; background-color: #FFFFFF; } .disclaimers-title{ font-size: 30rpx; line-height: 1.5; color: #000000; margin-bottom: 30rpx; text-align: center; } .disclaimers-txt{ font-size: 24rpx; line-height: 1.8; color: #8c8c9b; text-align: justify; } /* 关于我们 */ .about-bg{ box-sizing: border-box; padding: 20rpx 30rpx; background-color: #FFFFFF; } .about-map{ border-radius: 30rpx; border: 2rpx solid #8c8c9b; overflow: hidden; } .navigation-btn{ background-color: #0073bc; border-radius: 30rpx; line-height: 98rpx; font-size: 36rpx; color: #FFFFFF; text-align: center; margin-top: 30rpx; } .about-title{ font-size: 48rpx; line-height: 1.5; margin: 70rpx 0; color: #000000; } .about-txt{ font-size: 24rpx; line-height: 1.8; color: #8c8c9b; text-align: justify; } /* 订单管理 */ .order-nav{ flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 15rpx 30rpx; background-color: #FFFFFF; position: sticky; left: 0; z-index: 99; } .order-nav .item{ padding: 0 40rpx; border-radius: 20rpx; font-size: 30rpx; color: #8c8c9b; line-height: 64rpx; } .order-nav .item.cur{ background-color: #0073bc; color: #FFFFFF; } .order-list{ padding: 15rpx 30rpx 20rpx; } .order-item{ padding: 28rpx 0; background-color: #FFFFFF; border-radius: 30rpx; margin-top: 30rpx; } .order-code{ justify-content: space-between; align-items: center; padding: 0rpx 30rpx 20rpx; font-size: 30rpx; line-height: 1.5; color: #000000; border-bottom: 2rpx solid #eaeaea; } .order-code .status{ color: #0073bc; } .order-code .status.cur{ color: #999999; } .order-item .item-bg{ padding: 0 15rpx; /* margin-top: 18rpx; */ } .order-item .item{ flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 30rpx 0; border-bottom: 2rpx solid #eaeaea; } .order-item .item .img{ width: 230rpx; height: 150rpx; border-radius: 10rpx; overflow: hidden; } .order-item .item .img image{ width: 100%; min-height: 150rpx; } .order-item .item .txt{ width: calc(100% - 255rpx); } .order-item .item .title{ font-size: 30rpx; line-height: 1.5; color: #000000; } .order-item .item .specs{ min-height: 60rpx; font-size: 24rpx; line-height: 1.5; margin: 3rpx 0; color: #8c8c9b; } .order-item .item .price{ justify-content: space-between; align-items: center; font-size: 24rpx; line-height: 1.5; color: #8c8c9b; } .order-item .item .price>text{ font-size: 30rpx; color: #f81c1c; } .order-item .item .price>view{ display: flex; align-items: center; } .order-item .item .price>view text{ margin-right: 4rpx; } .order-item .total-price{ flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0 30rpx; margin-top: 25rpx; } .order-item .total-price>text{ font-size: 30rpx; color: #f81c1c; font-weight: bold; } .order-item .total-price .btn{ box-sizing: border-box; width: 150rpx; border: 2rpx solid #d3d3d3; border-radius: 20rpx; font-size: 30rpx; color: #8c8c9b; line-height: 64rpx; text-align: center; } .order-item .total-price .btn.cur{ border: 2rpx solid #0073bc; background-color: #0073bc; color: #FFFFFF; } /* 订单详情 */ .order-info-bg{ padding: 0 30rpx; margin-top: 20rpx } .order-info{ padding: 20rpx; background-color: #FFFFFF; border-radius: 30rpx; } .order-info>view{ flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 70rpx; font-size: 30rpx; color: #000000; } .order-info>view text:first-child{ width: 140rpx; } .order-info>view text:last-child{ width: calc(100% - 140rpx); text-align: right; } .order-information{ font-size: 30rpx; line-height: 1.5; padding: 0 20rpx; } .order-item .total-price-detail{ border-top: 2rpx solid #eaeaea; margin-top: 0; } .order-item .total-price-detail>text{ width: 100%; text-align: right; margin-top: 30rpx; } .order-item-detail{ margin-top: 10rpx; } .order-item-detail .item:nth-last-of-type(1){ border-bottom: 0; } .order-btns{ padding: 20rpx 50rpx; } .order-btns .btn{ width: 100%; } .contact-info-bg{ padding: 0 30rpx; margin-top: 20rpx } .contact-info{ padding: 25rpx 35rpx; background-color: #FFFFFF; border-radius: 30rpx; } .contact-info .title{ font-size: 30rpx; line-height: 80rpx; color: #000000; } .contact-info .name{ font-size: 30rpx; line-height: 1.5; font-weight: bold; margin-bottom: 10rpx; } .contact-info .name>text:first-child{ margin-right: 18rpx; } .contact-info .item{ font-size: 24rpx; line-height: 2; color: #8c8c9b; } /* 商家二维码 */ .customer-all-bg{ box-sizing: border-box; width: 100vw; height: 100vh; padding-left: 30rpx; padding-right: 30rpx; background-color: rgba(0,0,0,.86); position: fixed; left: 0; top: 0; z-index: 9; } .customer-txt{ padding: 86rpx 34rpx 60rpx; background-color: #FFFFFF; border-radius: 30rpx; margin-top: 136rpx; } .customer-txt>image{ display: block; width: 338rpx; height: 338rpx; margin: 0 auto; } .customer-txt>text{ display: block; font-size: 30rpx; line-height: 1.5; color: #000000; text-align: center; margin: 42rpx 0 70rpx; } .customer-txt>.btn{ border-radius: 30rpx; background-color: #0073bc; font-size: 36rpx; line-height: 98rpx; text-align: center; color: #FFFFFF; } /* 提交订单 */ .settlement-content{ padding: 20rpx 30rpx; } .settlement-title{ font-size: 38rpx; line-height: 1.5; color: #000000; margin: 40rpx 0 15rpx; } .settlement-tips{ font-size: 24rpx; line-height: 1.5; color: #000000; padding-bottom: 30rpx; } .settlement-item { margin-top: 30rpx; } .settlement-item .name{ font-size: 24rpx; line-height: 2; color: #999; } .settlement-item .txt{ flex-wrap: nowrap; align-items: center; height: 90rpx; padding-bottom: 10rpx; border-bottom: 2rpx solid #000000; font-size: 30rpx; color: #000000; } .settlement-item .txt>text{ width: 136rpx; } .settlement-item .txt>input{ width: calc(100% - 136rpx); } .settlement-btn{ box-sizing: border-box; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; height: 130rpx; background-color: #FFFFFF; position: fixed; left: 0; bottom: 0; z-index: 999; } .settlement-btn .btn{ width: calc(100% - 130rpx); background-color: #0073bc; border-radius: 30rpx; line-height: 98rpx; text-align: center; font-size: 36rpx; color: #FFFFFF; } /* 提交成功 */ .finish-content{ padding: 20rpx 30rpx; } .finish-img{ box-sizing: border-box; width: 314rpx; height: 314rpx; padding: 30rpx; background-color: #FFFFFF; margin: 50rpx auto; } .finish-img>image{ width: 254rpx; height: 254rpx; } .finish-code{ font-size: 48rpx; line-height: 1.2; text-align: center; color: #000000; } .finish-title{ font-size: 30rpx; line-height: 1.5; color: #0c0c0c; text-align: center; margin: 40rpx 0 34rpx; } .finish-tips{ font-size: 30rpx; line-height: 1.8; color: #999; text-align: center; } .finish-content .cope-btn{ width: calc(100% - 48rpx); line-height: 98rpx; background-color: #0073bc; border-radius: 30rpx; font-size: 36rpx; color: #FFFFFF; text-align: center; margin: 60rpx auto 0; } .finish-content .shoping-btn{ width: calc(100% - 48rpx); line-height: 94rpx; border: 2rpx solid #000000; border-radius: 30rpx; font-size: 36rpx; color: #000000; text-align: center; margin: 50rpx auto 0; }