.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;
}
/* .sosoMenu ul li{
    width: 200px;
} */

/*.listBox h1 a {
  font-size: 18px !important;
}*/
.listBox h1 a span{
  font-size: 1em !important;
}

/*@media screen and (max-width: 500px)  {
  #logo{
    height: 100% !important;
    object-fit: contain !important;
  }
  .listBox h1 a span{
    font-size: 18px !important;
  }
}

@media screen  and (mix-width: 500px) and (max-width: 900px) {
   .listBox h1 a span{
      font-size: 24px !important;
    }
}*/

@media screen and (max-width: 900px)  {
 
    .right {
        display: none;
    }
    .loading {
        display: none;
    }
    #searchdiv{
        /* width: 425; */
        /* padding: 20px; */
        box-sizing: border-box;
        overflow: hidden;
    }
    .mainBox1400{
        width: 100%;
    }
    .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: 100%;
    }
    .timeSel{
        margin: 0;
        display: none;
    }
    .sosoNew{
        width: 100%;
    }
    .newCon ul{
        width: 100%;
    }
    .sosoMenu ul li{
        width: 120px;
        /* width: 111.2px; */
        background-color: #fafafa;
        float: none;
        display: inline-block;
    }
    .sosoMenu ul{
        height: 50px;
        
        /* width: 200%; */
    }
    .sosoMenu ul li a{
        font-size: 12px;
    }
    .sosoMenu{
        overflow-x: auto;
        overflow-y: hidden;
        padding-top: 10px;
    }
    #logo{
        /*width: 100%;
        height: 100%;
        width: 100%;
        height: 250px;*/
        padding-top: 1%;    
        object-fit: contain;    
    }
    .sosoLef{
        width: 100%;
        margin: 5px 0px;
        border-bottom: #f5f3fb 1px solid;
        box-shadow: 0 0 9px 0 rgb(84 126 168 / 32%);
    }
    .sosoLef>a{
        width: 100%;
    }
    .sosoHead{
        height: 100px;
    }
    .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;
        /* border:; */
    }
    .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{
        display: none ;
    }
    .listapp .videoItem{
        display: block;
    }

}
@media screen and (min-width:900px) and (max-width:1280px){
    #searchdiv{
        width: 100%;
    }
    .sosoBox .inp{
        width: 73.5%;
    }
    .mainRig{
        display: none;
    }
    .sosoHead>div{
        width: 100%;
        display: flex;
    }
    .sosoBox>.btn{
        float: none !important;
        display: inline;
        width: 25% !important;
    }
    .sosoRig{
        margin-right: 0;
        width: 65%;
        margin-left: 50px;
    }
    .mainCont div{
        width: 100%;
    }
    .timeSel{
        margin-right: 0;
    }
    .mainBox1400{
        width: auto;
    }
    .pxBox div{
        width: auto;
    }
    .listBox{
        box-sizing: border-box;
    }
    .oldRealBox{
        width: auto !important;
    }
    .mainCont{
        padding: 20px;
    }
    .mainCont1 {
        padding: 0 20px;
    }
    .sosoLef {
        width: 30%;
        margin: 30px;
        margin-right: 80px;
    }
    .sosoLef img{
        width: 100%;
        height: 100%;
    }
    .sosoTj{
        width: 50%;
    }
    .sosoMenu ul li{
        float: none;
        width: 11%;
        display: inline-block;
    }
    .sosoMenu ul{
        height: 50px;
        /*width: 200%;*/
    }
    .sosoMenu{
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.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:nth-child(1){
    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;
}

/*  */