.HoutaiContainerTitleButton .HoutaiContainerTitleButtonAdvert { color: #fff; background-color: #000000; border: 1px solid #000000; } .SLHeader { width: 1380px; height: 48px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; align-items: center; } .SLHeaderChild { width: 158px; font-size: 14px; font-weight: bold; color: #9A9EA5; position: relative; text-align: center; cursor: pointer; } .SLHeaderChildActive { color: #000000; font-size: 14px; font-weight: bold; } .SLHeaderChildActive::after { content: ""; width: 100px; border-bottom: 4px solid #007AFF; border-radius: 0.03rem; /* background-color: #007AFF; */ position: absolute; bottom: -15px; left: 18%; } .SLHeaderCreate { width: 88px; height: 35px; background-color: #000000; border-radius: 4px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-align: center; line-height: 35px; position: absolute; right: 35px; top: 7px; cursor: pointer; } .SLHeaderChildActiveLine { width: 1380px; height: 2px; margin-left: 30px; background-color: #D4D4D4; } .HoutaiContainerBottomAppleList { width: 1380px; background-color: white; margin-top: 24px; margin-left: 32px; margin: 25px auto 0; border-radius: 10px; border: 1px solid #D5D9DD; } .HoutaiContainerBottomAppleListHeader { width: 1378px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; margin: 0 auto; display: -ms-flex; background-color: #F2F4F6; border-radius: 10px; } .HoutaiContainerBottomAppleListHeaders { width: 1378px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; margin: 0 auto; display: -ms-flex; background-color: #FFFFFF; border-radius: 10px; } .HoutaiContainerBottomAppleListHeaders:nth-child(odd) { background-color: white; } .HoutaiContainerBottomAppleListHeaders:nth-child(even) { background-color: #F9FBFE; } .HoutaiContainerBottomAppleListHeaders>p { height: 100px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; justify-content: center; align-items: center; font-size: 16px; color: #000000; } .HoutaiContainerBottomAppleListHeader>p { height: 54px; text-align: center; line-height: 54px; font-size: 14px; color: #575F6E; } .HoutaiContainerBottomAppleListHeaderBH { width: 192px; } .HoutaiContainerBottomAppleListHeaderTP { width: 162px; } .HoutaiContainerBottomAppleListHeaderTP img { width: 66px; height: 66px; } .HoutaiContainerBottomAppleListHeaderLJ { width: 864px; } .HoutaiContainerBottomAppleListHeaderCZ { width: 162px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; justify-content: center; align-items: center; } .HoutaiContainerBottomAppleListHeaderCZxg { color: #007AFF; font-size: 16px; padding-right: 3px; cursor: pointer; } .HoutaiContainerBottomAppleListHeaderCZsc { color: #FF0000; font-size: 16px; padding-left: 3px; cursor: pointer; } /* 弹窗 */ .HoutaiContainerDialog { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0px; left: 0px; z-index: 999; overflow: hidden; display: none; } .HoutaiContainerDialogDeputy { width: 620px; height: 430px; background-color: #FFFFFF; border-radius: 4px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); /* margin-left: -285px; margin-top: -248px; */ } .HoutaiContainerDialogTitle { width: 620px; height: 48px; background-color: #F2F4F6; color: #242731; font-size: 16px; font-weight: bold; text-align: center; line-height: 48px; border-radius: 4px; } .HoutaiContainerDialogAdvert1 { width: 620px; height: 64px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; } .HoutaiContainerDialogAdvert1Left { width: 122px; height: 56px; color: #242731; font-size: 16px; text-align: center; line-height: 56px; } .HoutaiContainerDialogAdvert1Right { width: 480px; height: 40px; border-radius: 4px; font-size: 16px; color: #242731; margin-top: 8px; border: 1px solid #BBBFC1; padding-left: 12px; outline: none; } .HoutaiContainerDialogAdvert2 { width: 620px; height: 64px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; } .HoutaiContainerDialogAdvert2Left { width: 122px; height: 56px; color: #242731; font-size: 16px; text-align: center; line-height: 56px; } .HoutaiContainerDialogAdvert2Right { width: 480px; height: 40px; border-radius: 4px; font-size: 16px; color: #242731; margin-top: 8px; border: 1px solid #BBBFC1; padding-left: 12px; outline: none; } .HoutaiContainerDialogAdvert4 { width: 620px; height: 240px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; align-items: center; } .HoutaiContainerDialogAdvert4Left { width: 122px; height: 140px; color: #242731; font-size: 16px; text-align: center; line-height: 140px; } .head-img { width: 271px; height: 200px; } .head-img img { width: 100%; height: 100%; } #img-upload { display: none; } .HoutaiContainerDialogAdvert4Right, .HoutaiContainerDialogAdvert4Right3 { width: 115px; height: 132px; text-align: center; line-height: 132px; margin-left: 8px; color: #007AFF; font-size: 16px; } .HoutaiContainerDialogAdvert5 { width: 620px; height: 78px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; background-color: #F7F7F8; align-items: center; } .HoutaiContainerDialogAdvert5Left { width: 246px; height: 48px; color: #BBBFC1; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border: 1px solid #BBBFC1; border-radius: 4px; margin-left: 32px; } .HoutaiContainerDialogAdvert5Right { width: 246px; height: 48px; color: #FFFFFF; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border-radius: 4px; margin-left: 64px; background-color: #000000; } /* 编辑弹窗 */ .HoutaiContainerDialogBJ { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0px; left: 0px; z-index: 999; overflow: hidden; display: none; } .HoutaiContainerDialogBJDeputy { width: 620px; height: 430px; background-color: #FFFFFF; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin-left: -285px; margin-top: -285px; } .HoutaiContainerDialogBJTitle { width: 620px; height: 48px; background-color: #F2F4F6; color: #242731; font-size: 16px; font-weight: bold; text-align: center; line-height: 48px; border-radius: 4px; } .HoutaiContainerDialogBJAdvert { width: 620px; height: 64px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; } .HoutaiContainerDialogBJAdvertLeft { width: 122px; height: 56px; color: #242731; font-size: 16px; text-align: center; line-height: 56px; } .HoutaiContainerDialogBJAdvertRight { width: 480px; height: 40px; border-radius: 4px; font-size: 16px; color: #242731; margin-top: 8px; border: 1px solid #BBBFC1; padding-left: 12px; outline: none; } .HoutaiContainerDialogBJAdvert1 { width: 620px; height: 64px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; } .HoutaiContainerDialogBJAdvertLeft1 { width: 122px; height: 56px; color: #242731; font-size: 16px; text-align: center; line-height: 56px; } .HoutaiContainerDialogBJAdvertRight1 { width: 480px; height: 40px; border-radius: 4px; font-size: 16px; color: #242731; margin-top: 8px; border: 1px solid #BBBFC1; padding-left: 12px; outline: none; } .HoutaiContainerDialogBJAdvert2 { width: 620px; height: 240px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; align-items: center; } .HoutaiContainerDialogBJAdvertLeft2 { width: 122px; height: 140px; color: #242731; font-size: 16px; text-align: center; line-height: 140px; } .head-img1 { width: 271px; height: 200px; } .head-img1 img { width: 100%; height: 100%; } #img-upload1 { display: none; } .HoutaiContainerDialogBJAdvertRight2 { width: 115px; height: 132px; text-align: center; line-height: 132px; margin-left: 8px; color: #007AFF; font-size: 16px; cursor: pointer; } .HoutaiContainerDialogBJAdvert3 { width: 620px; height: 78px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; background-color: #F7F7F8; align-items: center; } .HoutaiContainerDialogABJdvertLeft3 { width: 246px; height: 48px; color: #BBBFC1; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border: 1px solid #BBBFC1; border-radius: 4px; margin-left: 32px; } .HoutaiContainerDialogBJAdvertRight3 { width: 246px; height: 48px; color: #FFFFFF; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border-radius: 4px; margin-left: 64px; background-color: #000000; } /* 删除弹窗 */ .HoutaiContainerDialogSC { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0px; left: 0px; z-index: 999; overflow: hidden; display: none; } .HoutaiContainerDialogSCDeputy { width: 620px; height: 226px; background-color: #FFFFFF; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin-left: -285px; margin-top: -170px; } .HoutaiContainerDialogSCTitle { width: 620px; height: 48px; background-color: #F2F4F6; color: #242731; font-size: 16px; font-weight: bold; text-align: center; line-height: 48px; border-radius: 4px; } .HoutaiContainerDialogSCZhongJian { width: 620px; height: 100px; color: #FF0000; font-weight: bold; font-size: 23px; text-align: center; line-height: 100px; } .HoutaiContainerDialogSCAdvert { width: 620px; height: 78px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; background-color: #F7F7F8; align-items: center; } .HoutaiContainerDialogASCdvertLeft { width: 246px; height: 48px; color: #BBBFC1; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border: 1px solid #BBBFC1; border-radius: 4px; margin-left: 32px; } .HoutaiContainerDialogSCAdvertRight { width: 246px; height: 48px; color: #FFFFFF; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border-radius: 4px; margin-left: 64px; background-color: #000000; } .bannerImgBJ { background-color: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; } .bannerImgContent { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }