.conter { width: 100%; height: 100%; /* */ position: fixed; /* top: 0; */ bottom: 0; /* background: #1D242B; */ /* border-radius: 40rpx 40rpx 0px 0px; */ z-index: 999; } .drawer_attr_box { width: 750rpx; height: 1258rpx; z-index: 1001; overflow: hidden; } .drawer_content { overflow: hidden; border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; z-index: 1001; background: #1D242B; height: 892rpx; width: 750rpx; } .paly_drawer { overflow: hidden; position: fixed; bottom: 0; left: 0; border-top-left-radius: 40rpx; border-top-right-radius: 40rpx; z-index: 1001; background: linear-gradient(205deg, #B95B17 -43%, #120D2E 70%); height: 594rpx; width: 750rpx; } .paly_drawer_top { width: 690rpx; height: 300rpx; margin-top: 50rpx; margin-left: 30rpx; display: flex; flex-wrap: nowrap; } .paly_drawer_top_l { width: 212rpx; height: 300rpx; border-radius: 24px 24px 24px 24px; } .paly_drawer_top_r { width: 460rpx; height: 158rpx; margin-left: 20rpx; display: flex; flex-wrap: wrap; margin-top: 62rpx; } .paly_drawer_top_r_t { width: 100%; height: 50rpx; font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 42rpx; } .paly_drawer_top_r_c { margin-top: 4rpx; width: 100%; height: 34rpx; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #DDDDDD; line-height: 28rpx; } .drawer_title { padding: 20rpx; font: 42rpx "microsoft yahei"; text-align: center; } .line { border-bottom: 1px solid #f8f8f8; } .drawer_content_top_left { /* border: 1rpx solid red; */ width: 50%; height: 100%; display: flex; flex-wrap: nowrap; } .drawer_content_top_div2 { font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 42rpx; padding-left: 20rpx; } .paly_btn { width: 690rpx; height: 94rpx; background: linear-gradient(180deg, #FBA676 0%, #E95E32 100%); border-radius: 24rpx; opacity: 1; margin-left: 30rpx; height: 50px; font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; margin-top: 50rpx; color: #FFFFFF; line-height: 42rpx; display: flex; justify-content: center; align-items: center; } .drawer_content_top_right { height: 100%; width: 50%; display: flex; justify-content: flex-end; align-items: center; } .drawer_tetil { padding-top: 18rpx; width: 100%; height: 40rpx; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #F6F6F6; line-height: 33rpx; } .drawer_pay_div { /* height: 418rpx; */ width: 100%; /* padding-top: 30rpx; */ margin-top: 30rpx; } .drawer_pay_btn { width: 688rpx; height: 94rpx; background: linear-gradient(180deg, #E4BD99 0%, #DD9F65 100%); border-radius: 24rpx 24rpx 24rpx 24rpx; opacity: 1; margin-top: 48rpx; font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #23272D; line-height: 42rpx; display: flex; justify-content: center; align-items: center; } .drawer_content_top { width: 92%; height: 60rpx; margin-top: 56rpx; margin-left: 30rpx; display: flex; align-items: center; flex-wrap: nowrap; /* flex-direction: row; */ } .drawer_content_top_l { width: auto; height: 60rpx; /* border: 1rpx solid red; */ font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #EEEEEE; line-height: 42rpx; display: flex; align-items: center; margin-top: 3px; } .drawer_content_top_r { width: 50%; height: 100%; /* border: 1rpx solid red; */ font-size: 26rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #DDDDDD; line-height: 30rpx; margin-left: 40rpx; /* margin-top: 10px; */ display: flex; align-items: center; } .drawer_content_c_s { height: 64rpx; width: 720rpx; margin-top: 40rpx; display: flex; flex-wrap: nowrap; white-space: nowrap; } .drawer_content_c { margin-top: 60rpx; height: 154rpx; width: 720rpx; margin-left: 30rpx; } .paly_drawer_top_r_b { height: 68rpx; width: 100%; /* border: 1rpx solid red; */ display: flex; flex-wrap: nowrap; } .drawer_content_c_for { width: 150rpx; height: 64rpx; background: rgba(255, 255, 255, 0.4); border-radius: 32rpx; opacity: 1; display: inline-block; margin-right: 20rpx; } /* 选中的样式 */ .coonter3_view_foractive { width: 150rpx; height: 64rpx; background: rgba(255, 255, 255, 0.4); border-radius: 32rpx; opacity: 1; display: inline-block; margin-right: 20rpx; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; } /* 未选中的样式 */ .coonter3_view_for { width: 150rpx; height: 64rpx; background: rgba(255, 255, 255, 0.2); border-radius: 32rpx; opacity: 1; margin-right: 20rpx; display: inline-block; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #CCCCCC; } .coonter3_view_for_tag { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .coonter4_view_for_tag { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .drawer_content_b { height: 504rpx; width: 750rpx; } .drawer_content_t_s { height: 504rpx; width: 750rpx; /* border: 1rpx solid red; */ margin-top: 30rpx; /* padding-top: 60rpx; */ display: flex; flex-direction: row; } /* 选中的样式 */ .coonter4_view_foractive { width: 210rpx; height: 74rpx; background: #FF8A00; display: inline-block; border-radius: 16rpx; opacity: 1; display: inline-block; margin-left: 30rpx; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; margin-bottom: 32rpx; } /* 未选中的样式 */ .coonter4_view_for { width: 210rpx; height: 74rpx; display: inline-block; background: rgba(255, 255, 255, 0.2); border-radius: 16rpx; opacity: 1; margin-left: 30rpx; margin-bottom: 32rpx; display: inline-block; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #CCCCCC; } .btn { width: 92%; height: 94rpx; background: linear-gradient(180deg, #FBA676 0%, #E95E32 100%); border-radius: 24px 24px 24px 24px; margin-left: 30rpx; margin-top: 50rpx; opacity: 1; display: flex; justify-content: center; align-items: center; } .btn_text { font-size: 36rpx; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 42rpx; }