.more { display: none; } .mobileDatePicker { height: 35px; margin: 15px 0; display: flex; display: -webkit-flex; display: -moz-flex; } .mobileDatePicker > input { display: block; border: 0; border-radius: 3px; padding: 0 8px; height: 100%; flex: 1; -webkit-flex: 1; -moz-flex: 1; font-size: 14px; } .mobileDatePicker > button { background-color: #00c599; color: #fff; border: 0; height: 100%; margin-left: 8px; padding: 0 15px; border-radius: 3px; font-size: 14px; } .listBox h1 a span { font-size: 1em !important; } @media screen and (max-width: 500px) { #logo { height: 100% !important; object-fit: contain !important; } } @media screen and (max-width: 1100px) { .sosoAdvance, .right { display: none!important; } .pxTie.right { display: block!important; } } @media screen and (max-width: 900px) { .loading { display: none; } #searchdiv { box-sizing: border-box; overflow: hidden; } .mainBox1400 { width: 96%; } .sosoRig { width: 97%; margin-top: 5px; } .sosoBox { display: flex; margin-left: 2%; justify-content: center; padding-top: 10px; } .sosoBox .inp { width: 65%; } .sosoBox .btn { width: 20%; } .sosoTj { width: auto; } .mainLef { width: 100%; } .pxMenu { width: auto; } .timeSel { margin: 0; display: none; } .sosoNew { width: 100%; } .newCon ul { width: 100%; } .sosoMenu ul li { padding: 0 15px; float: none; display: inline-block; min-width: auto; } .sosoMenu ul { height: 50px; display: inline-block; } .sosoMenu ul li a { font-size: 12px; } .sosoMenu { overflow-x: auto; overflow-y: hidden; padding-top: 10px; } #logo { padding-top: 1%; object-fit: contain; } .sosoLef { margin: 5px 0 !important; } .sosoLef > a { width: 100%; } .sosoHead { text-align: center; } .timeCon { width: 150%; } .sosoRili > a:last-child { width: 68%; margin: 15px 17%; } .pc { text-align: center; } .pagination { display: none; } .more { display: block; width: 100px; margin: 0 auto; } .timeSel h1 { width: auto; margin: 0 50px; } .listDesc tr th { width: 15%; font-size: 12px; } .listDesc tr td { font-size: 12px; width: 30%; } .listDesc tr th, td { padding-left: 5px; } .sosoOperator { display: none; } .sosoAdvance, .gjjs { display: none; } .listapp .videoItem { display: block; } .mainCont1{ padding: 0; } .gjjs { display: none; } .pxMenu ul li { padding: 0 5px; margin: 0 5px; } } @media screen and (min-width: 900px) and (max-width: 1280px) { #searchdiv { width: 100%; } .sosoBox .inp { width: 73.5%; } .sosoBox > .btn { float: none !important; display: inline; width: 10% !important; } .sosoRig { margin-right: 0; width: 60%; } .timeSel { margin-right: 0; } .pxBox div { width: auto; } .listBox { box-sizing: border-box; width: 100%; } .oldRealBox { width: auto !important; } .sosoLef { margin: 20px; margin-left: 0; } .sosoTj { width: 50%; } .sosoMenu ul li { float: none; display: inline-block; } .sosoMenu ul { height: 50px; display: inline-block; } .sosoMenu { overflow-x: auto; overflow-y: hidden; } .searchad_box .level{ margin-bottom: 10px; } .sosoRig,.sosoAdvance{ float: right; } .sosoContainerBox::after { content: ""; display: table; clear: both; } } @media screen and (min-width: 901px) and (max-width: 1080px) { .mainRig > div{ width:350px; } .mainLef{ width: 100%; } .sosoBox .inp{ width: 68%; } } .loadEffect { width: 100px; height: 100px; position: relative; margin: 0 auto; margin-bottom: 30px; } .loadEffect span { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #e8e8e8; position: absolute; -webkit-animation: load 1.04s ease infinite; } @-webkit-keyframes load { 0% { opacity: 1; } 100% { opacity: 0.2; } } .loadEffect span:first-child { left: 0; top: 50%; margin-top: -8px; -webkit-animation-delay: 0.13s; } .loadEffect span:nth-child(2) { left: 14px; top: 14px; -webkit-animation-delay: 0.26s; } .loadEffect span:nth-child(3) { left: 50%; top: 0; margin-left: -8px; -webkit-animation-delay: 0.39s; } .loadEffect span:nth-child(4) { top: 14px; right: 14px; -webkit-animation-delay: 0.52s; } .loadEffect span:nth-child(5) { right: 0; top: 50%; margin-top: -8px; -webkit-animation-delay: 0.65s; } .loadEffect span:nth-child(6) { right: 14px; bottom: 14px; -webkit-animation-delay: 0.78s; } .loadEffect span:nth-child(7) { bottom: 0; left: 50%; margin-left: -8px; -webkit-animation-delay: 0.91s; } .loadEffect span:nth-child(8) { bottom: 14px; left: 14px; -webkit-animation-delay: 1.04s; }