@charset "utf-8";
@import url(mobile_header.css);

@media screen and (max-width:750px ) {
    
    .middle .f_l,
    .middle .f_r{ float: none;}
    
    /*悬浮左侧*/
    .infoLeft{ float: none; min-height:auto; width: 260px; position: fixed; max-height: 85vh; min-height:auto !important; right: -260px; bottom: 3vh; z-index: 999; padding: 5px; border: 1px solid #b7cbd8; background-color: #FFF; box-shadow: 0 0 20px 35px #e1e1e1 inset; border-right: none; box-sizing: border-box;}
    .infoLeft>i.layui-icon{ display: block !important; padding: 10px 15px; border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-color: #083c7b; color: #FFF; font-size: 20px; position: absolute; left: -100px; bottom: 0; box-shadow: 0px 0px 5px -1px #d2c6c6; transition: all 1.2s;}
    
    .infoLeft .itemNav{ max-height: calc(85vh - 12px - 53px); position: relative; overflow: auto; overflow: overlay;}
    .infoLeft .itemTitle{ padding: 12px 5px; margin-bottom: 5px;}
    .itemNav>ul>li{ margin-bottom: 3px; box-sizing: border-box; border: 1px solid #b7cbd8;}
    .itemNav>ul>li:nth-last-of-type(1){ margin-bottom: 0;}
    .itemNav>ul>li>a{ padding: 10px; text-align:center; font-size: 15px; background: #ededed;}
    
    
    /*右侧盒子*/
    .infoRight{ width: auto; float: none;}
    .information{ border: 1px solid #DDD; padding: 5px 15px 15px;}
    .information .ldr_pic{ margin: 0 auto;}
    .information .ldr_txt{ width: auto;}
    .information .ldr_txt>*{ font-weight: bold; font-size: 17px;}
    .information .ldr_txt>*>*{ font-weight: normal; font-size: 15px;}
    .information .ldfg{ width: auto; height: auto;}
    .ldxx{ height: auto;}
    .ldxx li{ width: auto; margin: 0; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; float: none;}
    .ldxx li a{ font-size: 14px;}
    
    
}

@media screen and (max-width:413px ) {
    
}
@media screen and (max-width:370px ) and (min-width:320px ) {
    
}