@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .center { border: 20rpx solid #e01a1c; min-height: 600px; } .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } page { width: 100%; height: 100%; margin: 0; padding: 0; } .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 20rpx; } .bg .imgBox { width: 100%; } .top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; } .top image { width: 312rpx; height: 312rpx; border-color: linear-gradient(0deg, #e01a1c, #e01a1c); border-radius: 50%; margin-top: 85rpx; } .top .china-font { z-index: 0; width: 100%; font-size: 62rpx; padding-left: 20rpx; letter-spacing: 20rpx; font-family: Swei Fist Leg CJK SC; font-weight: bold; color: #e01a1c; line-height: 1; margin-top: 19rpx; text-align: center; } .top .english-font { margin-top: 14rpx; z-index: 0; letter-spacing: -1.9rpx; width: 100%; font-size: 20rpx; font-weight: bold; color: #e01a1c; text-align: center; } .top .fgx { margin-top: 25rpx; z-index: 0; width: 625rpx; border-bottom: 1rpx dashed #e01a1c; } .buttom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .buttom .item { z-index: 0; margin: 0 auto; margin-top: 20rpx; width: 532rpx; border: 1rpx solid #e01a1c; border-radius: 38rpx; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .buttom .item .home_img { height: 58rpx; width: 58rpx; margin: 8rpx 13rpx; } .buttom .item .text { display: inline-block; padding-left: 75rpx; letter-spacing: 1.2rpx; font-size: 25rpx; font-weight: bold; text-align: center; } .buttom .item .text .text1 { padding-left: 60rpx; } .buttom .map { margin-top: 25rpx; background-color: #ffffff; z-index: 0; width: 517rpx; border: 2rpx solid #ea3638; line-height: 0; } .buttom .map .map-box { width: 513rpx; height: 286rpx; background: #ffffff; } .buttom .map .map-font { height: 90rpx; padding: 0 20rpx; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .buttom .map .map-font .font-left { font-family: PingFang SC; font-weight: bold; font-size: 29rpx; color: #333333; line-height: 1; } .buttom .map .map-font .font-right { border-radius: 10rpx; overflow: hidden; background-color: #1593ff; } .buttom .map .map-font .font-right image { width: 120rpx; height: 45rpx; } .buttom .qrcode { width: 517rpx; } .buttom .qrcode image { width: 517rpx; margin: 20rpx 0 36rpx; } .popup_row { width: 100%; height: 500rpx; background-color: #FFFFFF; border-radius: 20rpx 20rpx 0 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .popup_row .rows { width: 100%; padding: 0 24rpx; } .popup_row .rows .rows-item { height: 80rpx; line-height: 80rpx; text-align: center; width: 100%; font-size: 32rpx; color: #303133; }