.YQLJS{ border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; box-sizing: border-box; width: 100%; display: flex; } .YQLJ{ width: 1200px; height: 45px; margin: auto; display: inline-block; } .yqlj1{ width: 90px; height: 100%; text-align: center; line-height: 45px; background: #FFB901; color: white; font-size: 16px; font-weight: bold; float: left; } .yqlj2{ float: left; line-height: 45px; margin-left: 20px; font-size: 12px; color: #333333; } .FOOTS{ width: 100%; background: #01A1EA; } .FOOTFS{ border-bottom: 1px solid rgba(255,255,255,0.5); box-sizing: border-box; } .FOOTF{ width: 1200px; margin: auto; box-sizing: border-box; padding: 10px 0; text-align: center; } .FOOTF a{ font-size: 14px; color:white; display: inline-block; vertical-align: middle; } .FOOTF img{ width: 2px; margin-left: 25px; margin-right: 25px; display: inline-block; vertical-align: middle; } .FOOTTS{ width: 100%; display: flex; } .FOOTT{ border-bottom: 1px solid rgba(255,255,255,0.5); box-sizing: border-box; width: 1200px; margin: auto; padding: 30px 0; display:inline-block; } .foott1{ width: 225px; float: left; display: block; } .foott2{ float: left; margin-left: 9%; } .foott2_1{ width: 100%; font-size: 18px; color: white; font-weight: bold; margin-bottom: 20px; } .foott2_2{ width: 100%; margin-bottom: 10px; font-size: 12px; color: white; } .foott2_2:last-child{ margin-bottom: 0; } .foott3{ float: left; margin-top: 25px; margin-left: 9%; } .foott3_1{ width: 50px; display: inline-block; vertical-align: middle; } .foott3_2{ margin-left: 5px; display: inline-block; vertical-align: middle; } .foott32_1{ width: 100%; font-size: 15px; color: rgba(255,255,255,0.6); } .foott32_2{ width: 100%; margin-top: 15px; font-family: 'Century'; font-size: 27px; color:white; } .foott4{ float:left; text-align: center; font-size: 14px; color: white; margin-left: 8%; } .foott4 img{ width: 130px; display: block; } .FOOTSS{ width: 100%; box-sizing: border-box; padding: 10px 0; text-align: center; font-size: 12px; color: white; } @media (max-width: 1220px) and (min-width: 1020px) { .YQLJ{ width: 96%; } .FOOTT{ width: 96%; display:flex; align-items: center; justify-content: space-between; } .FOOTF{ width: 96%; } .foott3{ display:flex; align-items: center; } } @media (max-width: 1020px) { .YQLJS{ display:none; } .FOOTFS{ display:none; } .YQLJ { width: 96%; height: auto; display: flex; flex-wrap: wrap; } .yqlj1 { width: 1.2rem; line-height: 0.45rem; font-size: 0.24rem; } .yqlj2 { line-height: 0.45rem; margin-left: 0.2rem; font-size: 0.2rem; } .FOOTF { width: 96%; padding: 0.1rem 0; display: flex; flex-wrap: wrap; align-items: center; } .FOOTF a{ font-size: 0.22rem; margin-bottom: 0.1rem; } .FOOTF img { margin-left: 0.25rem; margin-right: 0.25rem; } .FOOTT { width: 96%; padding: 0.3rem 0; display: flex; justify-content: center; flex-wrap: wrap; } .foott1{ width: 2.25rem; } .foott2 { width: 100%; margin-top: 4%; margin-left: 0; text-align: center; } .foott2_1 { font-size: 0.26rem; margin-bottom: 0.2rem; } .foott2_2 { margin-bottom: 0.1rem; font-size: 0.2rem; } .foott3 { width: 100%; margin-top: 4%; margin-left: 0; display: none; align-items: center; } .foott3_1{ width: 0.5rem; } .foott3_2{ margin-left: 2%; } .foott32_1{ font-size: 0.23rem; } .foott32_2{ margin-top: 0.15rem; font-size: 0.35rem; } .foott4 { width: 100%; margin-top: 4%; font-size: 0.22rem; margin-left: 0; } .foott4 img{ width: 1.3rem; margin: auto; } .FOOTSS { padding: 0.1rem 0; font-size: 0.2rem; } .COVER{ width: 60%; height: 100%; background-color: #1c1c1c; overflow: hidden; overflow-y: auto; position: fixed; top: 0px; left: -100%; z-index: 99; } .MULUS{ width: 100%; box-sizing: border-box; padding: 0.2rem; } .mulu{ border-bottom: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; width: 100%; display: block; padding: 0.2rem 0; color: white; font-size: 0.22rem; } .gztime{ width: 100%; box-sizing: border-box; padding: 0.2rem; display: flex; align-items: center; } .gztime1{ width: 0.5rem; } .gztime2{ /* border: 1px solid red; */ box-sizing: border-box; width: 86%; margin-left: 2%; } .gztime2_1{ width: 100%; font-family: 'centuryschoolbook'; font-size: 0.34rem; color: #307DE7; } .gztime2_2{ width: 100%; margin-top: 0.1rem; font-size: 0.24rem; color: #888888; } }