* { padding: 0; margin: 0; } body { height: 100%; overflow: hidden; } .storeCheck { height: calc(100vh); display: flex; flex-direction: column; } .storeCheck .loading { background: #fff; height: 100%; width: 100%; text-align: center; position: fixed; z-index: 10000; left: 0; top: 0; } .storeCheck .loading .ant-spin { margin-top: 50%; } .storeCheck .checkWork { flex-grow: 1; display: flex; flex-direction: column; overflow: auto; } .storeCheck .checkWork .checkWork-head { position: relative; background: #fffbde; } .storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child{ background: #fff; } .storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div { display: flex; align-items: center; width: 100%; } .storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div > div:last-child { flex-grow: 1; } .storeCheck .checkWork .checkWork-head .checkWork-head-row > div { width: 100%; padding: 5px 10px; display: flex; align-items: center; } .storeCheck .checkWork .checkWork-head .checkWork-head-row > div > div { width: 33.3%; padding: 3px 0; } .storeCheck .checkWork .checkWork-head .checkWork-head-row > div .ant-dropdown-link { width: 100%; display: block; text-align: right; color: #666666; } .storeCheck .checkWork .checkWork-body { flex-grow: 1; display: flex; background: #f8f8f8; overflow: auto; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabs { width: 26%; padding: 1px 0; overflow-y: scroll; box-shadow: 1px 1px 3px #eee; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items { text-align: center; padding: 8px 5px; position: relative; margin: 5px; background: #fff; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .edit { font-size: 14px; color: #ff0000; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .aicon { color: #fff; position: absolute; font-size: 12px; left: -5px; top: -6px; background: #ff0000; padding: 3px; border-radius: 100%; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items.active { color: #00aaff; border-right: 1px solid #00aaff; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons { width: 74%; padding: 5px; overflow-y: scroll; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items { background: #fff; padding: 5px; margin-bottom: 10px; border-radius: 5px; box-shadow: 1px 1px 3px #eee; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .remarks { padding: 5px; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos { display: block; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos span { border: 1px solid #eee; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos > div { display: inline-block; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div { display: flex; align-items: center; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div { padding: 5px; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div:first-child { flex-grow: 1; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .anticon { font-size: 30px; color: #999; margin-left: 15px; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bsy { color: #13C2C2; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bhg { color: #ff0000; } .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-hg { color: #00be00; } .storeCheck .checkWork .checkWork-button > div { padding: 10px; text-align: center; font-size: 18px; background: #FAAD14; color: #fff; } .videoPlay { position: relative; height: 240px; } .videoPlay .control-yt, .videoPlay .control-yt-close { position: absolute; right: 15px; top: 15px; z-index: 100000; width: 32px; height: 32px; background: url(../static/icons/kz-mini.png) no-repeat center center; background-size: contain; } .videoPlay .control-yt-close { background: url(../static/icons/close.png) no-repeat center center; background-size: contain; } .videoPlay .ytBtns { position: absolute; width: 40px; height: 40px; z-index: 10000; opacity: 50%; } .videoPlay .yt-left { left: 20%; top: 100px; background: url(../static/icons/left.png) no-repeat center center; background-size: contain; } .videoPlay .yt-right { right: 20%; top: 100px; background: url(../static/icons/right.png) no-repeat center center; background-size: contain; } .videoPlay .yt-top { left: 50%; top: 20px; margin-left: -20px; background: url(../static/icons/up.png) no-repeat center center; background-size: contain; } .videoPlay .yt-bottom { left: 50%; bottom: 20px; margin-left: -20px; background: url(../static/icons/down.png) no-repeat center center; background-size: contain; } .videoPlay .prism-player .prism-controlbar { background: rgba(0, 0, 0, 0.5); } .pzPopus .pz-pinglun { display: flex; align-items: center; } .pzPopus .pz-pinglun .remarks { flex-grow: 1; padding-right: 15px; } .pzPopus .pz-pinglun .icons { border: 1px solid #aaa; padding: 10px; border-radius: 100%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .pzPopus .pz-pinglun .icons .aicon { font-size: 30px; color: #999; } .pzPopus .imglist { display: flex; align-items: center; flex-wrap: wrap; padding: 30px 0 20px; } .pzPopus .imglist > div { position: relative; padding: 3px; border: 1px solid #eee; border-radius: 5px; margin-right: 10px; } .pzPopus .imglist > div img { width: 45px; height: 45px; } .pzPopus .imglist > div .aicon { color: #fff; position: absolute; font-size: 12px; right: -6px; top: -8px; background: #FF0000; padding: 2px; border-radius: 100%; } .pzPopus .f-btns { padding: 10px 0; }