/* common.wxss */ @import "/utils/common.wxss"; page { background: #f7f7f7; } .common-header-xian { border-top: 1rpx solid #eee; position: fixed; top: 0; width: 100%; z-index: 100; } .del { text-decoration: line-through; padding-left: 10rpx; color: #999; } .xiaoxiangshop-notcont { margin: 130rpx 100rpx; } .xiaoxiangshop-notcont .cont { display: block; text-align: center; font-size: 30rpx; color: #999; margin-top: 10rpx; } .xiaoxiangshop-notcont .iconfont { font-size: 150rpx; color: #ccc; text-align: center; display: block; margin-bottom: 24rpx; } .xiaoxiangshop-notcont .img { width: 200px; height: 120px; margin: 0 auto; } .xiaoxiangshop-notcont .img image { width: 100%; height: 100%; } .category-list { overflow: hidden; } .category-list .list { box-sizing: border-box; width: 50%; float: left; } .category-list .list:nth-child(2n) { border-left: 2px solid #f7f7f7; border-bottom: 4px solid #f7f7f7; } .category-list .list:nth-child(2n-1) { border-right: 2px solid #f7f7f7; border-bottom: 4px solid #f7f7f7; } .category-list .list .left, .category-list .right { width: 100%; } .category-list .list .left .img image { width: 100%; height: 375rpx; display: block; } .category-list .right .cont { padding: 0 12rpx; } .category-list .right .cont .title { height: 76rpx; line-height: 1.3; } .category-list.arrange .list { overflow: hidden; padding: 15rpx; border-bottom: 1rpx solid #f7f7f7; width: 100%; } .category-list.arrange .list .left { width: 35%; float: left; } .category-list.arrange .list .right { width: 65%; float: left; } .category-list.arrange .list .left .img image { width: 220rpx; height: 220rpx; } .button-common button { background: none; line-height: inherit; border-radius: 0; border: 0; font-size: 30rpx; } .button-common button[disabled]:not([type]) { color: #fff; background-color: #ff495e; } .button-common button::after { content: " "; width: 0; height: 0; border: none; transform: scale(0); transform-origin: 0 0; box-sizing: border-box; border-radius: 0; } .commont-fixed-footer { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1rpx solid #ddd; padding: 3px 0; z-index: 1000; } .commont-fixed-footer .li { color: #666; } .commont-fixed-footer .li.active { color: #ff495e; } .commont-fixed-footer .li image { width: 50rpx; height: 50rpx; } .bargain-mol { background: #fff; position: fixed; left: 0; right: 0; bottom: -100%; z-index: 120; visibility: hidden; } .bargain-mol.active { bottom: 0; visibility: visible; } .bargain-mol .header { background: #f1f1f5; } .bargain-mol .footer { background: #ff495e; padding: 26rpx 0; color: #fff; } .bargain-mol .max-cont { height: 600rpx; } .bargain-mol .icon-guanbi { font-size: 34rpx; float: right; color: #999; } .bargain-commont-bg { background: rgba(0, 0, 0, 0.6); position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 20; } .selectNumber { height: 34px; flex-direction: row; border: 1rpx solid #eee; border-radius: 10rpx; display: inline-block; } .selectNumber .default { width: 34px; height: 34px; float: left; line-height: 32px; padding: 0; background: #fff; color: #444; font-size: 48rpx; } .selectNumber .default-active { background: #f7f7f7; color: #ddd; } .selectNumber button:after { content: none; border: none; } .selectNumber input { float: left; width: 50px; height: 34px; line-height: 34px; border-right: 1rpx solid #eee; border-left: 1rpx solid #eee; text-align: center; font-size: 28rpx; color: #444; } /* 返回顶部 */ .widget-goTop { position: fixed; bottom: 150rpx; z-index: 20; right: 12px; background: rgba(255, 255, 255, 0.9); width: 76rpx; height: 76rpx; border-radius: 76rpx; border: 1rpx solid #eee; } .widget-goTop .icon-fanhuidingbu { color: #666; display: block; text-align: center; line-height: 76rpx; font-size: 32rpx; } .index-loading .loading { border-radius: 100%; margin: 150rpx auto 0; animation-fill-mode: both; border: 2px solid #ff495e; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; animation: rotate 0.75s 0s linear infinite; } @-webkit-keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 100% { transform: rotate(360deg) scale(1); } } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 100% { transform: rotate(360deg) scale(1); } } .title-header { height: 100rpx; line-height: 100rpx; font-weight: 700; margin-left: -10rpx; } .title-footer { position: relative; z-index: 1; height: 80rpx; line-height: 80rpx; overflow: hidden; color: #888; text-align: center; margin: 0 18rpx 0; } .title-footer .cont { background: #f7f7f7; padding: 0 12rpx; font-size: 28rpx; z-index: 10; } .title-footer .hr { background: #eee; height: 1rpx; border: 0; position: absolute; left: 10%; right: 10%; top: 50%; margin-top: 1px; z-index: -1; } .slide-image { width: 100%; height: 100%; margin: 0 auto; display: block; } .index_sale { background: #fff; padding: 0 12px 12px 12px; } .index_sale .nav_img, .index-list .nav_img { padding: 30rpx 0 0 0; width: 100%; height: 30rpx; } .index_sale scroll-view { width: 100%; white-space: nowrap; } .index_sale .sale_img { border: 1rpx solid #f2f2f2; border-radius: 4px; overflow: hidden; width: 159rpx; height: 159rpx; } .index_sale .sale_img image { width: 100%; height: 100%; } .index_sale .price { margin-top: 10rpx; display: block; } .index_sale .page-column { padding: 0 11rpx 11rpx 0; } .index_sale .content { width: 170rpx; } .index_sale .content text { font-size: 26rpx; margin: 5rpx 10rpx; width: 100%; } /* .flex { display: flex; } */ .goods-comment-box .admin { font-size: 26rpx; color: #999; padding-right: 10rpx; } .goods-comment-cont { font-size: 30rpx; color: #333; margin: 10rpx 0; } .footer-fixed { position: fixed; display: flex; bottom: 0px; left: 0px; right: 0px; height: 46px; z-index: 18; box-shadow: 1px 5px 15px rgba(50, 50, 50, 0.3); background: #fff; } .order-bt { width: 50%; background-color: #ff495e; color: #fff; text-align: center; line-height: 46px; } .goods_comment_box .comment_btn { width: 220rpx; margin: 0 auto; padding: 20rpx 0; } .goods_comment_box .comment_btn text { display: block; padding: 5rpx 0; color: #ff495e; font-size: 26rpx; text-align: center; border: 1px solid #ff495e; border-radius: 30rpx; } .goods-detail-box { padding: 0; min-height: 150px; } .com_xing .icon-shoucang1 { padding-right: 6rpx; color: #ccc; font-size: 26rpx; } .com_xing .icon-shoucang1.active { color: #f4a213; } .goods-comment-box .left { flex: 3; position: relative; } .goods-comment-box .right { flex: 3; } .bright789-text { font-size: 40rpx; line-height: 40px; color: #f00; } .bright789_view_hide { display: none; } .bright789_view_show { display: block; } .show { display: block; } .hide { display: none; } .com_xing { display: inline-block; } .flow-checkout-header { padding: 28rpx 0; background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAANCAYAAADVGpDCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3Yjk4M2ExYy1jMDhkLTQ1OTktYTI0Ny1kZjNjYzdiYTQ5ZTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDQwNkY3RkU5N0NGMTFFNUI3N0M4NTU4MzM2RjlFODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDQwNkY3RkQ5N0NGMTFFNUI3N0M4NTU4MzM2RjlFODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzgwZWI1NS03OGFhLTQzOTUtODQ4OC1lOWI5YmVlYTY1ZDciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1OTRiYzUyMy1jMzc3LTExNzgtYTdkZS04NGY3YmM1ZGIxMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz556PLxAAACBElEQVR42tyaSyhEYRTHP48imlKibDQeSSlkSlEWLCRFsZNH5FE2FqQ8ErIRC9lIkTwXSpMkWWChhEJCSnlkoUZGSsr78f98n43CMFPu/Z/6NZuZ2zn33/+cb869XkmLx8IDEQaGQJbgiytQDSY3MyL+LYnL/HxPXSoHDIJQQq2WQQk4Dbbb/yUB29LJ+6e3B66VB3ZITbUIEqSpCGoJBP1ghtBUD6ARpEtTGSEhXzd+awE9oJzQUPegWdf3QlBPMhgDMYRa7YNisGWkpP5qrBQtVBShUHugUE9hs4fUtwG0utlEjRivoA/Ug1sj3vjffr8FNJEK1auPFHcE9UTq5pdK2PwcoAzMG7mjuRrRYEIfK9jiDJSCBZJ6ynSTsBBqNQ0qgdPISbq6vJCFbJOaagrEk5gqWNczRGiqG1Ah1LLMafRkf5pYIUKtZnMJDXUNasAIST2ZYFioRx9ssQaKwJFZEv5uYmWDXVJTrYBEElP562PfPKGpnkAbSDOTqb6aWAGgW6iHol5kQj2CdtAJngnqkc1hHMQRNr9DPaXWzZj8Z2PZtFCxhEIdaKE2CGqRJ4060AH8CLUaALX6f5VpBZLhI9SaeZXQVHKNLt84SCIxVbhQi5YuQlNd6OVElZlN9TGxrGBUn2PZ4lyoTdIsST0FQj0UDSLUak6ot3gcBLVY3wQYAJoVXxmNERajAAAAAElFTkSuQmCC') bottom left repeat-x; background-size: 120rpx auto; position: relative; } .flow-header-left { flex: 14; } .flow-header-right { flex: 1; } .flow-header-right image { width: 34rpx; height: 34rpx; margin-top: 20rpx; float: right; } .flow-checkout-header .flow-checkout-address { font-size: 26rpx; color: #777; margin-top: 6rpx; } .flow-shopList { padding: 20rpx 0; } .flow-shopList .flow-list-left { flex: 2; } .flow-shopList .flow-list-left image { width: 200rpx; height: 200rpx; border: 1rpx solid #eee; background: #fff; } .flow-shopList .flow-list-right { flex: 4; } .flow-shopList .flow-list-right .h4 { font-size: 30rpx; color: #333; } .flow-shopList .flow-list-right .flow-cont { font-size: 30rpx; color: #ff495e; } .flow-shopList .flow-list-right .small { float: right; font-size: 26rpx; color: #777; } .flow-shopList .flow-list-right .flow-list-cont { padding-top: 10rpx; } .flow-fixed-footer { position: fixed; bottom: 0; width: 100%; background: #fff; border-top: 1px solid #eee; z-index: 11; } .flow-num-box { font-size: 30rpx; color: #777; padding: 15rpx 12px; text-align: right; /* border-top: 1rpx solid #f1f1f1; */ } .flow-all-money { padding: 8px 12px; color: #444; } .flow-all-money .flow-all-list { font-size: 30rpx; padding: 20rpx 0; border-bottom: 1rpx solid #f1f1f1; } .flow-all-money .flow-all-list:last-child { border-bottom: none; } .flow-all-money .flow-all-list-cont { font-size: 28rpx; padding: 6rpx 0; } .flow-all-money .flow-arrow { justify-content: flex-end; align-items: center; } .flow-fixed-footer .chackout-left { font-size: 32rpx; line-height: 46px; color: #777; flex: 4; padding-left: 12px; } .flow-fixed-footer .chackout-right { font-size: 34rpx; flex: 2; } .flow-btn { background-color: #ff495e; color: #fff; text-align: center; line-height: 46px; display: block; } .flow-list .header .shop_name { padding-left: 10rpx; font-size: 30rpx; color: #333; } .flow-list .header .icon-dianpu2 { color: #ff495e; padding-left: 20rpx; font-size: 32rpx; } .flow-list .header image { width: 34rpx; height: 37rpx; position: absolute; top: 50%; margin-top: -18rpx; left: 15px; } .flow-list .header { background: #fdf9f9; padding: 24rpx 0; border-top: 1rpx solid #eee; border-bottom: 1rpx solid #eee; font-size: 30rpx; position: relative; } .flow-list custom-li, .addres-list custom-li { margin-top: 25rpx; display: block; } .flow-list custom-li:first-child, .addres-list custom-li:first-child { margin-top: 0; } .flow-distribution-right .icon-xiangyoujiantou { font-size: 26rpx; position: absolute; right: 15px; top: 50%; margin-top: -16rpx; color: #999; } .flow-checkout-address text { padding-right: 5rpx; } .flow-header-right .icon-xiangyoujiantou { position: absolute; right: 15px; top: 50%; margin-top: -13rpx; font-size: 32rpx; color: #999; } .wxParse-em, .WxEmojiView { display: inline-block; color: #333; } .flow-shopList .flow-list-left image { width: 180rpx; height: 180rpx; } .profile-btn button { background: #ff495e; color: white; margin-bottom: 20rpx; } .flow-checkout-header .icon-dingwei1 { position: absolute; top: 50%; left: 15px; font-size: 40rpx; color: #777; margin-top: -20rpx; } /* .index-cont-search { width: 85%; font-size: 32rpx; } */ .index-cont-search { width: 100%; font-size: 28rpx; position: relative; background: #f1f1f1; } .index-cont-search icon { position: absolute; left: 50%; margin-left: -70rpx; top: 50%; margin-top: -15rpx; } .index-cont-search text { margin-left: 72rpx; } @-webkit-keyframes shop { 0% { transform: translateY(-80px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-80px); } } @keyframes shop { 0% { transform: translateY(-80px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-80px); } } .user-order { background: #fff; } .user-orderIcon { width: 46rpx; height: 46rpx; padding-left: 15rpx; margin-top: 15rpx; } .user-orderName { font-size: 30rpx; color: #444; position: absolute; left: 90rpx; top: 50%; margin-top: -21rpx; } .user-orderJtou { color: #777; font-size: 26rpx; } .user-orderCont { font-size: 28rpx; color: #999; } .user-orderContBox { float: right; padding: 15rpx; } .userinfo { display: flex; flex-direction: column; align-items: center; } .address-box .left-name { width: 95px; } .address-box .right-cont { padding-right: 15px; font-size: 30rpx; color: #444; } .address-box .right-cont input { width: 100%; font-size: 30rpx; color: #444; } .address-cont-box picker { display: inline-block; margin-right: 15px; width: 100%; } .button { border: 1px solid #1aad19; border-radius: 2px; } .picker { padding: 13px; background-color: #fff; } .profile-list { padding: 24rpx 0; border-bottom: 1px solid #f6f6f9; } .profile-list .admin { font-size: 30rpx; color: #333; } .profile-btn button { background: #ff495e; color: white; } .profile-btn button[disabled] { background: #f16474; color: white; } .search-box .left { width: 28px; } .search-box .left icon { padding: 18rpx; } .search-box .right { flex: 1; } .wxParse-img { display: block; width: 100%; margin: 0 auto; } .wxParse-inline { font-size: 28rpx; text-align: center; } .wxParse-div { overflow: hidden; } .wxParse-div .kd_pic { float: left; width: 50%; margin: 0 auto; } .xEmojiView { margin: 15rpx 0; }