/* index.wxss */ page{ background-color: #fff; } /* 列表 */ .list_item_wrap{ display: block; width: 50%; height: 25%; box-sizing: border-box; } .list_item_wrap:nth-child(odd){ border-right:2rpx solid #fff; } .list_item_wrap:nth-child(even){ border-left:2rpx solid #fff; } .list{ width: 100%; height: 100vh; display: flex; justify-content: space-between; flex-wrap: wrap; background-color: transparent; } .list_item{ width: 100%; height: 100%; box-sizing: border-box; border-bottom: 4rpx solid #fff; } .list_item_wrap:nth-last-child(1) .list_item,.list_item_wrap:nth-last-child(2) .list_item{ border-bottom: 0px solid #fff; } .full_image{ display: block; width: 100%; height: 100%; } .kind_bg{ display: block;width: 100%; } /* 新版本样式 */ .container{ background-color: #fff; } .kind_top_wrap{ padding: 0 30rpx 40rpx; } .kind_top_each{ display: block; float: left; width: 25%; margin: 40rpx 0 0 0; text-align: center; } .kind_top_each_img{ width: 53rpx; height: 48rpx; margin: 0 auto; } .kind_top_each_tit{ font-size: 22rpx; color: #454545; padding: 15rpx 0 0 0; } .kind_center_img{ width: 100%; margin-bottom: 20rpx; } .kind_footer_each{ float: left; } .kind_footer_each_img{ width: 250rpx; height: 250rpx; } .kind_footer_each_tit,.kind_footer_each_price{ text-align: center; font-size: 22rpx; color: #232323; } .kind_footer_each_tit{ padding: 10rpx 0 18rpx 0; } /* vip弹窗 */ .vip_wind_wrap{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0,0,0,0.6); } .vip_content{ position: fixed; top:0; left:50%; margin:0 0 0 -254rpx; } .vip_cont{ position: relative; } .vip_bg{ display: block; width: 508rpx; height: 662rpx; margin: 0 auto; } .vip_bg_icon{ display: block; width: 190rpx; height: 168rpx; position: absolute; right: -100rpx; bottom: -60rpx; } /* input */ .input_cont_wrap{ position: absolute; left: 56rpx; bottom: 26rpx; } .vip_input_bg{ display: block; width: 390rpx; height: 104rpx; } /* input */ .input_wrap{ position: relative; } .input_inp{ width: 330rpx; height: 66rpx; position: absolute; top:20rpx; left: 30rpx; font-size: 24rpx; color: #969696; text-align: center; border: 0px none; } .input_placeholder{ font-size: 24rpx; color: #969696; } .input_btn{ width: 140rpx; height: 38rpx; font-size: 20rpx; line-height: 40rpx; color: #fff; background-color: #654a36; text-align: center; border-radius: 4px; box-shadow: 0 3px 0 0 #422d1e; margin: 16rpx auto 0; } /* 关闭弹窗按钮 */ .close_icon{ display: block; width: 58rpx; height: 58rpx; margin: 143rpx auto 0; }