.HoutaiContainerTitleButton .HoutaiContainerTitleButtonSecret { 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; } .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; } .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; } .HoutaiContainerBottomAppleListHeaderFM { width: 162px; } .HoutaiContainerBottomAppleListHeaderFM img { width: 107px; height: 60px; } .HoutaiContainerBottomAppleListHeaderBT { width: 724px; } .HoutaiContainerBottomAppleListHeaderNR { width: 332px; } .HoutaiContainerBottomAppleListHeaderNR img { width: 107px; height: 60px; margin: 0 6px; } .HoutaiContainerBottomAppleListHeaderCZ { width: 162px; display: flex; display: -moz-flex; display: -o-flex; display: -webkit-flex; display: -ms-flex; justify-content: center; align-items: center; } .HoutaiContainerBottomAppleListHeaderCZ > p { cursor: pointer; } .HoutaiContainerBottomAppleListHeaderCZxg, .HoutaiContainerBottomAppleListHeaderCZck { color: #007aff; font-size: 16px; padding-right: 3px; } .HoutaiContainerBottomAppleListHeaderCZsc { color: #ff0000; font-size: 16px; padding-left: 3px; } /* 弹窗-查 */ .HoutaiContainerDialogCheck { 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; } .HoutaiContainerDialogDeputyCheck { width: 750px; height: 478px; background-color: #ffffff; border-radius: 4px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; } .HoutaiContainerDialogTitleCheck { width: 1000px; height: 48px; background-color: #f2f4f6; color: #242731; font-size: 16px; font-weight: bold; text-align: center; line-height: 48px; border-radius: 4px; } .HoutaiContainerDialogLine1Check, .HoutaiContainerDialogLine2Check, .HoutaiContainerDialogLine3Check { width: 1000px; display: flex; } .HoutaiContainerDialogLine1LeftCheck { width: 122px; height: 256px; color: #242731; font-size: 16px; text-align: center; line-height: 256px; } .HoutaiContainerDialogLine1RighttCheck { margin: 16px 0; } .HoutaiContainerDialogFMImg { width: 168px; height: 224px; } .HoutaiContainerDialogLine2LeftCheck { width: 122px; height: 182px; color: #242731; font-size: 16px; text-align: center; line-height: 182px; } .HoutaiContainerDialogLine2RightCheck, .HoutaiContainerDialogLine3RightCheck { width: 860px; display: flex; flex-wrap: wrap; margin-top: 20px; } .HoutaiContainerDialogLine3ImgFile { position: relative; margin-right: 8px; margin-bottom: 8px; } .HoutaiContainerDialogTPImg { width: 150px; height: 150px; margin-right: 8px; margin-bottom: 8px; } .delImg { width: 75px; height: 35px; line-height: 37px; text-align: center; border: 1px solid #FF0000; border-radius: 4px; color: #FF0000; background-color: #fff; position: absolute; bottom: 15px; left: 37px; } .HoutaiContainerDialogLine3LeftCheck { width: 122px; height: 182px; color: #242731; font-size: 16px; text-align: center; line-height: 182px; } .HoutaiContainerDialogSPImg { width: 200px; height: 150px; margin-right: 8px; margin-bottom: 8px; } .HoutaiContainerDialogLine4Check { width: 750px; height: 78px; background-color: #f7f7f8; display: flex; align-items: center; justify-content: center; } .HoutaiContainerDialogLine4CheckBtn { width: 700px; height: 48px; color: #ffffff; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border-radius: 4px; background-color: #000000; } /* 弹窗-增 */ .HoutaiContainerDialogAdd, .HoutaiContainerDialogRevise { 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; } .HoutaiContainerDialogDeputyAdd { width: 1220px; /* height: 370px; */ background-color: #ffffff; border-radius: 4px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); } .HoutaiContainerDialogTitle { width: 1220px; height: 48px; background-color: #f2f4f6; color: #242731; font-size: 16px; font-weight: bold; text-align: center; line-height: 48px; border-radius: 4px; } .HoutaiContainerDialogLine1LeftAdd { width: 122px; height: 60px; color: #242731; font-size: 16px; text-align: center; line-height: 60px; margin: 16px 0; } .HoutaiContainerDialogLineAdd, .HoutaiContainerDialogLineAddLeft, .HoutaiContainerDialogLineAddRight { display: flex; justify-content: center; align-items: center; } .HoutaiContainerDialogLine1RightAdd, .HoutaiContainerDialogLine1RightRevise { width: 480px; height: 60px; border-radius: 4px; font-size: 16px; color: #242731; margin: 16px 0; border: 1px solid #bbbfc1; padding-left: 12px; outline: none; } .fmImg { width: 168px; height: 224px; margin-top: 16px; } .fmImg img { width: 100%; height: 100%; } .inputfile { display: none; } .HoutaiContainerDialogLine4LeftAdd { width: 122px; height: 114px; color: #242731; font-size: 16px; text-align: center; line-height: 114px; margin: 0 8px; } .uploadNum { width: 135px; height: 114px; font-size: 16px; text-align: center; line-height: 114px; color: #007AFF; margin-left: 8px; } .HoutaiContainerDialogLine4AddSP img { width: 300px; height: 60px; } .HoutaiContainerDialogLine4VideoFile { display: flex; align-items: center; justify-content: space-between; width: 300px; height: 60px; border: 1px solid #bbbfc1; border-radius: 4px; } .videoFileName { color: rgba(36, 39, 49, 0.5); margin-left: 12px; width: 200px; /* 单行省略 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .delVideo { color: #ff0000; font-size: 16px; font-weight: 400; margin-right: 12px; } .HoutaiContainerDialogLineSave { width: 1220px; height: 78px; display: flex; align-items: center; justify-content: space-between; } .HoutaiContainerDialogLine5LeftAdd { width: 536px; 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; } .HoutaiContainerDialogLine5RightAdd { width: 536px; height: 48px; color: #ffffff; font-weight: bold; font-size: 16px; text-align: center; line-height: 48px; border-radius: 4px; margin-right: 32px; 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; } .HoutaiContainerDialogVideo { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; z-index: 999; display: none; } .HoutaiContainerDialogDeputyVideo { width: 1030px; height: 760px; background-color: #ffffff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); } .closeVideo { position: absolute; right: -48px; top: -48px; width: 48px; height: 48px; } .toogleImg { width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; display: none; } .player-wrapper { position: relative; } video { width: 100%; height: 400px; } .HoutaiContainerBottomAppleListHeaders .chulizhong { color: #007AFF; }