/* .flexAJ{ display: flex; align-items: center; justify-content: center; } */ .saishi { width: 100%; background-color: white; /* margin-top: 20px; */ } .nr { width: 1200px; margin: 10px auto; } .saishi p { font-size: 14px; color: #90a5c9; height: 48px; line-height: 48px; box-sizing: border-box; padding-left: 10px; background: #edf1f4; } .saishi .gd { font-size: 18px; color: #fff; height: 50px; background: #009688; /* font-weight: 700; */ } .rli { height: 70px; /* line-height: 70px; */ display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #eef3f8; margin: 0 20px; } .timenav { height: 100px; background-color: #fff; display: flex; align-items: center; overflow: auto; border-bottom: 1px solid #eef3f8; } .timenavs { width: 205px; height: 100%; text-align: center; font-size: 14px; cursor: pointer; } .timenavs p:nth-child(1) { margin-top: 30px; color: #4c4b4a; } .timenavs p:nth-child(2) { margin-top: 10px; color: #999999; } @media screen and (min-width: 768px) { #saibiao { height: 800px; overflow: auto; } .navtop, .offcanvas { display: none; } } .saishi-1 { flex-shrink: 0; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; } .saizhu { text-align: right; } .saike { text-align: left; } .saishi-1 span { display: inline-block; } .saishi-1 img { width: 36px; height: 36px; } .saishi-1 span { margin: 0 10px; } .saishi-2 { font-size: 19px; width: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .saishi-3 { flex-shrink: 0; width: 70px; } .saishi-3 span { line-height: 20px; color: #8e8e8e; font-size: 12px; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .saishi-3 span:nth-child(1) { margin-top: 15px; } .saishi-4 { font-size: 14px; display: inline-block; cursor: pointer; margin-top: 17.5px; position: relative; width: 119px; line-height: 32px; height: 32px; border-radius: 2px; border: 1px solid #000; text-align: center; border-radius: 0px 10px 0 10px; } /* 未开始 */ .saishi-4-wks { border: 0px; background: #a5a5a5; } .saishi-4-wks a span { color: #fff; } /* 集锦 */ .saishi-4-jj { background: #fff; } .saishi-4-jj a { color: #000; } /* 直播 */ .saibegin { background: #d2d2d2; border: 0; } .begin { background: #009688; border: 0; } .saibegin a span { color: #fff; } .rli:hover { background: #f9f9f9; } .saishi-11 { display: flex; flex-shrink: 0; align-items: center; } .saishi-11 span { display: inline-block; width: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .saishi-11 img { width: 36px; height: 36px; } .saishi-11 span { margin: 0 10px; } .saishi-21 { font-size: 24px; width: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .saishi-31 { flex-shrink: 0; width: 70px; } .saishi-31 span { line-height: 20px; color: #8e8e8e; font-size: 12px; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .saishi-31 span:nth-child(1) { margin-top: 15px; } .saishi-41 { font-size: 14px; display: inline-block; cursor: pointer; margin-top: 17.5px; position: relative; width: 119px; line-height: 32px; border-radius: 2px; border: 1px solid #313131; text-align: center; } .saishi-41-wks { border: 1px solid #cccccc; } .saishi-41-wks a { color: #cccccc; } .saishi-41-jj { border: 1px solid #ff8f06; } .saishi-41-jj a { color: #ff8f06; } .saishi-41-zb { background: #009688; } .saishi-41-zb a { color: #fff; } .bw { width: 190px; background: #fff; text-align: center; } .bw4 { /* min-width: 890px; min-height: 765px; */ } .lanqiu-ul { overflow: hidden; width: 190px; display: flex; flex-direction: column; align-content: space-around; text-align: center; } .lanqiu-ul > a { display: block; /* padding-left: 10px; */ } .lanqiu-ul > a:hover { background-color: #f8eef0; color: #000; } .lanqiu-ul > a.active { background-color: rgb(198, 119, 0); color: #fff; } .lanqiu-ul > a.active > li { color: #fff; } .lanqiu-ul li { width: 100%; height: 66px; line-height: 66px; box-sizing: border-box; /* padding-left: 24px; */ display: flex; align-items: center; justify-content: center; cursor: pointer; } /* .lanqiu { width: 100%; height: 100%; background: #fff; } */ .lanqiu p { font-size: 14px; height: 70px; line-height: 70px; box-sizing: border-box; /* padding-left: 32px; */ background: #009688; } .lanqiu span { color: #fff; } .lanqiu img { width: 24px; height: 24px; /* margin-right: 11px; */ }