/* .container { background-color: #F5E2BE; justify-content: flex-start; font-weight: 500; color:#1e1e1e; overflow-x:hidden; } .index0{ width:100%; } .home_banner_header_sz{ width:100%; height:150rpx; } .index1{ width:100%; height:190rpx; justify-content: space-between; align-items: flex-end; } .index1 .nav{ border-bottom: 10rpx solid #593613; width:250rpx; height: 80rpx; padding-bottom: 10rpx; justify-content: flex-end; } .index1 .nav2{ border-bottom: 10rpx solid #F5E2BE; } .index1 .nav3{ border-bottom: 10rpx solid #3D76C7; } .index1 .img{ width:174rpx; height:190rpx; } .index1 .img3{ width:158rpx; height:37rpx; margin-bottom: 6rpx; } .index1 .img2{ width:154rpx; height:39rpx; margin-bottom: 6rpx; } .index1 .hand{ width:60rpx; height:90rpx; position: absolute; right:106rpx; top:20rpx; } .index6{ width:100%; justify-content: flex-start; flex-wrap: wrap; } .index6 .btn2{ width:100%; height:350rpx; } .index2{ width:100%; height:2876rpx; background-color: #DFC7A4; justify-content: flex-start; } .index2 .index2_1{ margin: 0 30rpx 0 30rpx; width:690rpx; flex-wrap: wrap; justify-content: space-between; } .index2 .btn { width: 330rpx; height: 448rpx; background-color: #CDB797; border-radius: 20rpx; margin-bottom: 20rpx; } .index2 .btn1 { width: 100%; height: 428rpx; background-color: #F8F8F8; border-radius: 20rpx; position:relative; top:0; } .index2 .panel1 { width: 100%; height: 298rpx; border-bottom:2rpx solid #DFDFDF; } .index2 .panel2 { width: 100%; height: 130rpx; background-color: #F0F0F0; border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; } .index2 .img { width: 223rpx; height: 202rpx; } .index2 .img2 { width: 94rpx; height: 71rpx; } .index7{ width:100%; height:35rpx; background-color: #DFC7A4; } .imgWave { width: 100%; height: 35rpx; } .index8{ width:100%; height:406rpx; background-color: #CDB797; justify-content: flex-start; } .index8 .img{ width:198rpx; height:37rpx; margin-top: 102rpx; } .index8 .index8_1{ width:690rpx; height:120rpx; margin-top: 30rpx; border-radius: 20rpx; text-align: center; line-height: 120rpx; font-size:32rpx; color:#1e1e1e; background-color: #F0F0F0; } .index3{ width:100%; justify-content: flex-start; background-color: #F0F0F0; align-items: center; position: relative; color:#1E1E1E; } .index3 .Avatar{ width:160rpx; height:160rpx; background-color: #9B9B9B; border-radius: 20rpx; margin-top: 120rpx; position: relative; } .index3 .Avatar .gear{ width:40rpx; height:40rpx; position: absolute; bottom:0; left:0; border-bottom-left-radius: 10rpx; border-top-right-radius: 10rpx; background-color: #fff; } .index3 .Avatar .img{ width:24rpx; height:24rpx; } .index3 .NickName{ font-size:48rpx; color:#1E1E1E; margin-top: 40rpx; width:90%; text-align: center; } .index3 .Member{ font-size:24rpx; color:#fff; background-color: #C29F6D; border-radius: 8rpx; height:42rpx; line-height: 42rpx; text-align: center; padding: 0 10rpx; margin-top: 10rpx; } .index3 .Member2{ background-color: #4A4A4A; } .index3 .index3_0{ width:100%; margin-top: 50rpx; justify-content: center; } .index3 .index3_1{ width:216rpx; justify-content: center; } .index3 .index3_1_2{ width:116rpx; height:42rpx; text-align: center; line-height: 42rpx; color:#1E1E1E; font-size:26rpx; } .index3 .number{ font-family: 'SF UI Display Light'; font-weight: 200; font-style: normal; font-size:56rpx; } .index3 .text{ font-size:24rpx; margin: 25rpx 0 0 10rpx; } .index3 .Circle{ width:160rpx; height:160rpx; background-color: #ffffff; border-radius: 50%; margin-top: 100rpx; padding-left: 0; padding-right: 0; margin-bottom: 80rpx; font-size:24rpx; justify-content: flex-start; } .index3 .Circle::after { border: 0px; } .index3 .Share{ width:50rpx; height:50rpx; margin: 39rpx 0 0rpx 0; } .index3 .btn { width: 600rpx; height: 100rpx; background-color: #035834; border-radius: 14rpx; } .index3 .btn1 { width: 100%; height: 90rpx; background-color: #03AF69; border-radius: 14rpx; color:#fff; text-align: center; line-height: 90rpx; font-size:36rpx; position:relative; top:0; } .index3 .btn2 { margin-top: 60rpx; } .index3 .btn3 { background-color: #262626; } .index3 .btn4 { background-color: #4D4D4D; color:#787878; } .index3 .btn5 { margin-top: 40rpx; } .index3 .btn6 { background-color: #A63917; } .index3 .btn7 { background-color: #FF7245; position: relative; } .index3 .btn8 { margin-top: 50rpx; } .index3 .ReviewCount { min-width: 53rpx; height:50rpx; background-color: #D54F24; color:#fff; border-radius: 8rpx; text-align: center; line-height: 50rpx; position: absolute; right: 20rpx; top: 20rpx; font-size:24rpx; font-family: 'Arial BoldMT'; font-weight: bold; font-style: normal; } .index9{ width:100%; height:35rpx; background-color: #F0F0F0; } .index10{ background-color: #fff; } .index4{ width:100%; height:10rpx; background-color: #EB8A95; } .index5{ width:100%; background-color: #F5E2BE; font-size:20rpx; justify-content: flex-start; color:#1e1e1e; } .home_banner{ width:100%; } .IsExitContainer{ background-color: #F5E2BE; z-index: 100; position: fixed; top:0; } .IsExitText{ margin-top: 200rpx; color:#1e1e1e; font-size:36rpx; } .isExit{ border: 1rpx solid #1e1e1e; color:#1e1e1e; border-radius: 10rpx; margin-top: 80rpx; padding: 20rpx; width:100rpx; font-size:36rpx; text-align: center; } .HelpInfo2 { position: fixed; left: 0; top: 0; width: 100%; background-color: rgba(245, 226, 190, 0.95); justify-content: flex-start; z-index: 100; } .HelpInfo2 .btn { width: 600rpx; height: 640rpx; background-color: #D2D2D2; border-radius: 40rpx; margin: 15rpx; position: relative; margin-top: 222rpx; box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.5); } .HelpInfo2 .btn1 { width: 100%; height: 640rpx; border-radius: 40rpx; color: #1e1e1e; text-align: center; font-size: 36rpx; justify-content: flex-start; } .HelpInfo2 .home_banner_window { width: 600rpx; height: 500rpx; border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; } .HelpInfo2 .btn2 { width: 100%; height: 120rpx; line-height: 120rpx; background-color: #F0F0F0; color: #1e1e1e; text-align: center; font-size: 48rpx; font-weight: 500; border-bottom-left-radius: 40rpx; border-bottom-right-radius: 40rpx; } .HelpInfo2 .close2 { position: fixed; bottom:207rpx; font-size:26rpx; color: #1e1e1e; text-decoration: underline; font-weight: 500; z-index: 100; width:100%; height:50rpx; } .HelpInfo2 .close { width: 100%; height: 235rpx; position: fixed; bottom:0; } .HelpInfo2 .closeImage{ width:33rpx; height:33rpx; } */ .container { background-color: #F5E2BE; justify-content: flex-start; font-weight: 500; } .panelTop{ width:100%; height:120rpx; justify-content: flex-start; position: relative; } .Avatar{ width:80rpx; height:80rpx; background-color: #FEF5DA; border-radius: 20rpx; margin:0 45rpx 0 70rpx; justify-content: flex-end; position: relative; } .AvatarImage{ width:80rpx; height:90rpx; } .AvatarImage1{ width:80rpx; height:80rpx; border-radius: 18rpx; position: absolute; top:-10rpx; left:0; } .panelTop1{ width:120rpx; justify-content: center; position: relative; z-index: 10; } .number{ font-family: 'SF UI Display Light'; font-weight: 200; font-style: normal; font-size:36rpx; } .panelTop11{ color:#1E1E1E; font-size:22rpx; } .home_header_bg{ width:250rpx; height: 120rpx; position: absolute; right:0; z-index: 5; } .message_home_01{ width:265rpx; height: 127rpx; position: absolute; top:80rpx; left:70rpx; z-index: 10; } .panelTop2{ width:100%; height:80rpx; background-color: #DFC7A4; align-items: flex-end; } .panelTop21{ width:400rpx; height:42rpx; background-color: #593613; text-align: center; border-radius: 8rpx; line-height:42rpx; font-size:24rpx; color:#fff; } .panelList{ width:100%; flex-wrap: wrap; background-color: #DFC7A4; } .btn { border-radius: 20rpx; background-color: #F8F8F8; box-shadow: 0 20rpx 1rpx #CDB797; } .panelItem{ width:330rpx; height:306rpx; background-color: #F8F8F8; margin:40rpx 15rpx 0 15rpx; } .itemImg{ width:207rpx; height:206rpx; } .panelTool{ width:690rpx; margin:62rpx 0 80rpx 0; } .panelTool1{ color:#593613; font-size:48rpx; } .panelTool2{ width:690rpx; margin-top:30rpx; justify-content: space-between; } .btn1{ width:100rpx; height:100rpx; } .btn2{ width:275rpx; height:100rpx; position: relative; font-size:36rpx; line-height: 100rpx; text-align: center; } .search{ width:30rpx; height:30rpx; } .number2{ min-width:53rpx; height:50rpx; border-radius: 8rpx; background-color: #593613; color:#fff; line-height: 50rpx; text-align: center; font-size:24rpx; font-family: Arial; position: absolute; right:20rpx; } .png02016{ width:754rpx; height:35rpx; } .panelOther{ width:100%; height:197rpx; background-color: #CDB797; position: relative; align-items: flex-start; } .panelOther1{ color:#593613; margin:80rpx 0 0 0; font-size:48rpx; } .home_triangle_up{ width:34rpx; height:20rpx; position: absolute; bottom:0; z-index: 10; } .panelProduct{ width:100%; background-color: #fff; align-items: flex-start; } .panelProduct0{ width:50%; font-size:32rpx; color:#4D4D4D; justify-content: flex-start; align-items: flex-start; } .panelProduct1{ background-color: #fff; margin: 50rpx 0 0 50rpx; font-size:32rpx; color:#4D4D4D; } .panelProduct10{ width:100%; } .panelProduct2{ background-color: #fff; margin: 0 0 0 50rpx; font-size:32rpx; color:#4D4D4D; } .panelProduct3{ width:300rpx; margin:30rpx 0 0 50rpx; justify-content: flex-start; } .sofewareicon_mg{ width:66rpx; height:66rpx; } .panelProduct31{ margin:0 0 0 30rpx; align-items: flex-start; } .panelProduct311{ font-size:28rpx; } .panelProduct312{ font-size:20rpx; color:#4D4D4D; } .home_banner{ width:100%; height: 280rpx; } .HelpInfo2 { position: fixed; left: 0; top: 0; width: 100%; background-color:#F5E2BE; justify-content: flex-start; z-index: 100; } .HelpInfo2 .btn { width: 600rpx; height: 640rpx; background-color: #D2D2D2; border-radius: 40rpx; margin: 15rpx; position: relative; margin-top: 222rpx; box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.5); } .HelpInfo2 .btn1 { width: 100%; height: 640rpx; border-radius: 40rpx; color: #fff; text-align: center; font-size: 36rpx; justify-content: flex-start; } .HelpInfo2 .home_banner_window { width: 600rpx; height: 500rpx; border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; } .HelpInfo2 .btn2 { width: 100%; height: 120rpx; line-height: 120rpx; background-color: #F0F0F0; color: #1e1e1e; text-align: center; font-size: 48rpx; font-weight: 500; border-bottom-left-radius: 40rpx; border-bottom-right-radius: 40rpx; } .HelpInfo2 .close2 { position: fixed; bottom:207rpx; font-size:26rpx; color: #1e1e1e; text-decoration: underline; font-weight: 500; z-index: 100; width:100%; height:50rpx; } .HelpInfo2 .close { width: 100%; height: 235rpx; position: fixed; bottom:0; } .HelpInfo2 .closeImage{ width:33rpx; height:33rpx; } .PanelMiaoguo{ width:100%; background-color: rgba(0, 0, 0, 0.5); z-index: 20; position: fixed; left: 0; top: 0; justify-content: flex-start; } .PanelMiaoguo1{ width:100%; height:1055rpx; background-color: #1A264C; color:#fff; position: fixed; left: 0; bottom: 0; justify-content: flex-start; } .Text1{ font-size:32rpx; margin-top:70rpx; } .Text2{ font-size:64rpx; } .Text3{ font-size:32rpx; text-align: center; } .Text4{ font-size:32rpx; margin-top:50rpx; color:#FF970C; } .Text5{ font-size:68rpx; color:#FF970C; } .btn3{ width:580rpx; height:130rpx; border-radius: 20rpx; background-color:#FF970C; margin-top:20rpx; } .bm_sy_banner-open{ width:220rpx; height:70rpx; } .bm_sy_illus{ width:100%; height:360rpx; } .btnRecord{ width:220rpx; height:80rpx; position: absolute; left:232rpx; top:270rpx; z-index: 20; } .btnReadme{ width:125rpx; height:80rpx; position: absolute; left:35rpx; top:270rpx; z-index: 20; } .HelpInfo21{ width:100%; height:500rpx; border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; background-color: #B3443B; } .HelpInfo211{ font-size:60rpx; margin-top:30rpx; } .HelpInfo212{ font-size:36rpx; } .png02014{ width:190rpx; height:190rpx; }