@import "/pages/alert/index.wxss"; .main_content, page { background: #fff; } .main_content { box-sizing: border-box; padding: 10rpx 25rpx; width: 750rpx; } .module_box { align-items: center; height: 160rpx; width: 700rpx; } .module_box, .module_item { display: -webkit-flex; display: flex; justify-content: space-between; } .module_item { background-image: url(https://api.ym23.com/addons/monai_market/static/icon/module_back.png); background-repeat: no-repeat; background-size: 220rpx 159rpx; border-radius: 10px; box-shadow: 0rpx 9rpx 18rpx 0rpx hsla(0, 33%, 90%, 0.5); box-sizing: border-box; flex-direction: column; height: 159rpx; margin-top: 30rpx; padding: 20rpx; width: 220rpx; } .module_name { color: #fff; font-size: 30rpx; font-weight: 700; height: 42rpx; line-height: 42rpx; } .module_decs { color: #fff; font-size: 22rpx; font-weight: 400; height: 30rpx; line-height: 30rpx; } .module_go { display: -webkit-flex; display: flex; height: 25rpx; justify-content: flex-end; width: 180rpx; } .module_go_img { height: 26rpx; width: 26rpx; } .service_box, .title_flag { align-items: center; display: -webkit-flex; display: flex; margin-top: 50rpx; width: 700rpx; } .service_box { flex-direction: row; flex-wrap: wrap; min-height: 160rpx; } .service_box, .service_item { justify-content: space-between; } .service_item { align-items: center; background: #e8f3fa; border-radius: 5rpx; box-shadow: 5rpx 1rpx 10rpx 0rpx rgba(198, 220, 239, 0.5); box-sizing: border-box; display: -webkit-flex; display: flex; height: 160rpx; margin-bottom: 20rpx; padding: 20rpx; width: 340rpx; } .service_item_left { height: 132rpx; width: 168rpx; } .service_name { font-size: 28rpx; height: 35rpx; line-height: 35rpx; margin: 15rpx 0rpx 10rpx; } .service_desc, .service_name { color: #4867ba; font-weight: 400; } .service_desc { font-size: 20rpx; height: 28rpx; line-height: 28rpx; } .service_img_box, .service_item_right { height: 132rpx; width: 132rpx; } .service_img_box { align-items: center; display: -webkit-flex; display: flex; justify-content: center; } .service_img { height: 132rpx; width: 132rpx; } .plate { background: #fff; height: auto; margin: 0 auto; padding-top: 2.66%; width: 100%; } .plate_form, .plate_form button { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plate_form button { background: none; } .plate_form button::after { border: none; } .plate > view { border-radius: 10rpx; height: 160rpx; margin-bottom: 20rpx; position: relative; width: 46%; } .plate > view, .plate > view view { display: inline-block; vertical-align: top; } .plate > view view:nth-child(1) { height: 100%; width: 70%; } .plate > view view:nth-child(2) { height: 90%; width: 30%; } .plate > view view image { height: 80rpx; left: 0; width: 80rpx; } .plate > view:nth-child(even), .plate > view:nth-child(odd) { margin-left: 2.66%; } .plate > view view view:nth-child(1) { color: #fff; font-size: 32rpx; font-weight: 700; height: 80rpx; line-height: 80rpx; text-indent: 30rpx; width: 100%; } .plate > view view view:nth-child(2) { font-size: 20rpx; height: 60rpx; line-height: 60rpx; width: 100%; } .plate > view view view text { border: 2rpx solid #fff; border-radius: 30rpx; color: #fff; margin-left: 20rpx; padding: 7rpx 15rpx; } .big_border { overflow-x: hidden; width: 100%; } .advert { height: 100%; position: fixed; width: 100%; } .title_flag { color: #000; font-size: 32rpx; font-weight: 700; height: 50rpx; justify-content: flex-start; line-height: 45rpx; } .search_info { height: auto; left: 181rpx; top: 75rpx; width: 576rpx; z-index: 5000000000; } .loading { background: #fff; border-top: 1rpx solid #e5e5e5; color: #999; font-size: 28rpx; height: 80rpx; line-height: 80rpx; text-align: center; width: 100%; } .loading image { height: 15rpx; width: 69rpx; } .serch_view { background: #fff; padding-bottom: 10rpx; position: fixed; width: 100%; z-index: 10; } .serch_border { background: #f2f2f2; border-radius: 100px; display: inline-block; height: 60rpx; margin-top: 14rpx; width: 540rpx; z-index: 10; } .serch_border_area { color: #333; font-size: 28rpx; max-width: 160rpx; padding-left: 30rpx; } .serch_border_area, .serch_border_area_border { display: inline-block; height: 80rpx; line-height: 80rpx; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } .serch_border_area_border { max-width: 118rpx; } .serch_border_area_img { display: inline-block; height: 30rpx; margin-left: 10rpx; vertical-align: middle; width: 30rpx; } .serch_border_nav { height: 90rpx; width: 100%; } .serch_border_img { border-right: 1rpx solid rgba(0, 0, 0, 0.1); float: left; height: 38rpx; margin-left: 20rpx; margin-top: 13rpx; padding-right: 10rpx; width: 38rpx; } .serch_border_text { color: #b2b2b2; float: left; font-size: 24rpx; height: 60rpx; line-height: 60rpx; padding-left: 15rpx; width: 80%; } .scroll_size { height: 375rpx; width: 100%; } .xiaoxi { background: #fff; border-bottom: 15rpx solid #f2f2f2; display: block; height: 80rpx; margin: 0 auto; padding-top: 1rpx; width: 100%; } .xiaoxi_leftImg { float: left; height: 40rpx; margin-top: 20rpx; padding-left: 30rpx; padding-right: 15rpx; width: 40rpx; } .xiaoxi_right_btn { border: 1px solid #3d61f0; color: #3d61f0; height: 45rpx; } .xiaoxi_right_btn, .xiaoxi_right_btnb { border-radius: 5rpx; float: left; font-size: 24rpx; line-height: 45rpx; margin-left: 30rpx; margin-top: 17.5rpx; text-align: center; width: 100rpx; } .xiaoxi_right_btnb { height: 5rpx; } .xiaoxi_zhezhao { height: 80rpx; left: 0; position: absolute; width: 590rpx; z-index: 50; } .update_scroll_modle { color: #555; float: left; font-size: 24rpx; height: 80rpx; line-height: 80rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 505rpx; word-break: keep-all; } .nav { background: #fff; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); height: 80rpx; width: 100%; } .nav_modle { color: #555; display: inline-block; font-size: 26rpx; line-height: 80rpx; text-align: center; width: 20%; } .nav_modle_active { color: #3d61f0; } .nav_modle_img { height: 30rpx; padding-left: 10rpx; vertical-align: middle; width: 30rpx; } .zhuanrang { color: #f75f5f; font-weight: 400; } .shop_modle { margin-left: 30rpx; padding-top: 30rpx; width: 720rpx; } .shop_modle_right { display: inline-block; padding-left: 20rpx; vertical-align: top; width: 570rpx; } .shop_modle_right_title { color: #333; font-size: 28rpx; width: 100%; } .shop_modle_right_title_name { display: inline-block; max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .shop_modle_right_title_right { color: #f75f5f; float: right; font-size: 28rpx; font-weight: 700; } .shop_modle_area { color: #9295a8; font-size: 24rpx; margin-top: 10rpx; width: 570rpx; } .shop_modle_area_dian { padding-right: 10rpx; } .shop_modle_area_dian, .shop_modle_message { color: #f75f5f; font-size: 30rpx; font-weight: 700; } .shop_modle_message, .shop_modle_num { margin-top: 10rpx; width: 570rpx; } .shop_modle_num { color: #9295a8; font-size: 24rpx; } .solid_modle_scroll_img { width: 100%; } .solid_modle_scroll { overflow-x: scroll; display: block; height: 180rpx; margin-top: 10rpx; white-space: nowrap; width: 600rpx; } .solid_modle_scroll_modle { display: inline-block; height: 180rpx; margin-left: 10rpx; width: 180rpx; } .solid_modle_scroll_modle_img { border-radius: 5rpx; height: 180rpx; width: 180rpx; } .btm_nav { height: 30rpx; width: 100%; } @-webkit-keyframes top { 0% { top: 565rpx; } 100% { top: 90rpx; } } @-webkit-keyframes down { 0% { top: 90rpx; } 100% { top: 565rpx; } } .shop_view_active { background: #fff; overflow: hidden; } .shop_border { width: 100%; } .shop_view_topactive { -webkit-animation: top 1s; top: 90rpx; } .shop_view_downactive { -webkit-animation: down 1s; top: 565rpx; } .nav_fenlei { background: #fff; max-height: 480rpx; overflow-y: scroll; padding-bottom: 20rpx; padding-top: 20rpx; position: absolute; width: 100%; z-index: 10; } .nav_fenlei_title { color: #333; font-size: 24rpx; text-align: center; width: 100%; } .nav_fenlei_modle { border: 1rpx solid #e4e4e4; color: #555; display: inline-block; font-size: 24rpx; height: 50rpx; line-height: 50rpx; margin-left: 20rpx; margin-top: 20rpx; overflow: hidden; padding-left: 20rpx; padding-right: 20rpx; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 117rpx; word-break: keep-all; } .nav_fenlei_modle_img { display: block; height: 30rpx; margin-left: 128rpx; margin-top: 21rpx; position: absolute; width: 30rpx; } .nav_fenlei_modle_active { background: rgba(10, 194, 174, 0.1); border: 1px solid #3d61f0; color: #3d61f0; } .shop_view { height: 840rpx; width: 100%; } .nav_fenlei_mengceng { background: rgba(0, 0, 0, 0.3); height: 750rpx; position: absolute; width: 100%; z-index: 5; } .type_btn_border { border-top: 1rpx solid #f9f9f9; height: 90rpx; margin-left: 5%; margin-top: 20rpx; width: 90%; } .type_btn_border_index { background: #fff; border: 1rpx solid #f75f5f; border-radius: 0; color: #f75f5f; line-height: 48rpx; margin: 30rpx 0 0 100rpx; } .type_btn_border_index, .type_btn_border_second { float: left; font-size: 24rpx; height: 50rpx; padding: 0; text-align: center; width: 150rpx; } .type_btn_border_second { background: #3d61f0; border-radius: 0; color: #fff; line-height: 50rpx; margin: 30rpx 0 0 210rpx; } button::after { border: none; } .paixu_modle { color: #333; font-size: 24rpx; height: 80rpx; line-height: 80rpx; margin-left: 5%; width: 90%; } .paixu_modle_img { float: right; height: 40rpx; margin-top: 20rpx; width: 40rpx; } .paixu_modle_active { color: #3d61f0; } .choose_view { background: #f2f2f2; padding: 1rpx 2% 12rpx; width: 96%; } .choose_view_modle { background: #fff; color: #555; display: inline-block; font-size: 24rpx; height: 46rpx; line-height: 46rpx; margin-left: 30rpx; margin-top: 15rpx; padding-left: 20rpx; padding-right: 20rpx; } .choose_view_modle_img { height: 20rpx; margin-left: 20rpx; vertical-align: middle; width: 20rpx; } .choose_area { background: #fff; padding-bottom: 20rpx; position: relative; width: 100%; z-index: 10; } .choose_area_modle { display: inline-block; margin-top: 35rpx; width: 20%; } .choose_area_modle_img { display: block; height: 50rpx; margin: 0 auto; width: 50rpx; } .choose_area_modle_title { color: #555; font-size: 24rpx; margin-top: 14rpx; padding-bottom: 35rpx; text-align: center; width: 100%; } .shop_modle_headImg_view { display: inline-block; overflow: hidden; } .shop_modle_headImg, .shop_modle_headImg_view { border-radius: 100%; height: 100rpx; width: 100rpx; } .shop_modle_headImg_view_btmTextView { background: #f5a623; color: #fff; font-size: 16rpx; line-height: 28rpx; margin-top: -35rpx; overflow: hidden; padding-bottom: 10rpx; position: relative; text-align: center; width: 100rpx; } .ziying { background: #3d61f0; display: inline-block; margin-left: 10rpx; margin-top: -5rpx; vertical-align: middle; width: 80rpx; } .tuijian, .ziying { border-radius: 5rpx; color: #fff; font-size: 16rpx; height: 30rpx; line-height: 30rpx; text-align: center; } .tuijian { background: #ec6d6e; margin-top: 152rpx; position: absolute; width: 56rpx; } .pinpai_over { max-height: 420rpx; overflow-y: scroll; width: 100%; } .shangjia_solid_modle_scroll { overflow-x: scroll; background: #fff; border-bottom: 12rpx solid #f2f2f2; display: block; padding-bottom: 20rpx; padding-left: 10rpx; white-space: nowrap; width: 740rpx; } .shangjia_solid_modle_scroll_modle { background: #fff; display: inline-block; margin-left: 20rpx; width: 180rpx; } .shangjia_solid_modle_scroll_modle_img { background: #e0e0e0; border-radius: 10rpx; display: block; height: 180rpx; margin: 0 auto; width: 100%; } .shangjia_solid_modle_scroll_modle_title { color: #666; display: block; float: left; font-size: 26rpx; font-weight: 700; margin-top: 15rpx; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-break: keep-all; } .shangjia_solid_modle_scroll_modle_price { color: #d39f43; float: left; font-size: 23rpx; margin-top: 15rpx; text-align: center; width: 100%; } .shangjia_solid_modle_scroll_modle_priceimg { height: 25rpx; margin-top: -5rpx; padding-left: 5rpx; vertical-align: middle; width: 25rpx; } .shangjia_solid_modle_scroll_title { color: #333; font-size: 30rpx; font-weight: 700; line-height: 80rpx; margin-left: 5%; width: 90%; } .modle { border-bottom: 1rpx solid rgba(0, 0, 0, 0.1); height: 180rpx; margin: 0 auto; padding-bottom: 30rpx; padding-top: 30rpx; width: 690rpx; } .modle_img { background: #e0e0e0; border-radius: 10rpx; float: left; height: 180rpx; width: 270rpx; } .modle_name { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; display: -webkit-box; font-size: 30rpx; font-weight: 700; overflow: hidden; padding-left: 20rpx; text-overflow: ellipsis; width: 100%; } .modle_chexing { color: #7a7a7a; font-size: 24rpx; margin-top: 20rpx; width: 96%; } .modle_chexing, .modle_price { overflow: hidden; padding-left: 20rpx; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .modle_price { bottom: 0rpx; color: #f75f5f; font-size: 30rpx; font-weight: 700; position: absolute; width: 100%; } .modle_price_ago { color: #7a7a7a; font-size: 20rpx; font-weight: 400; } .modle_price_ago_fen { text-decoration: line-through; } .message_border { float: left; height: 180rpx; position: relative; width: 420rpx; } .ziying:first-child { margin-left: 0; } .end_none { color: #8a8a8a; font-size: 28rpx; height: 100rpx; line-height: 100rpx; text-align: center; width: 100%; } .guanggao_view { border-bottom: 15rpx solid #f2f2f2; }