.backgroud{ background: #000000; width: 100%; height:80px; float: left; display: flex; justify-content: space-between; align-items: center; } .top{ width: 100%; height: 50px; margin-top: 20px; display: flex; } .left_logo{ color: #beac98; } .mon_logo{ height: 50px; } .last{ display: flex; margin-right: 1%; } .icon{ height: 30px; color: #beac98; font-size: 18px; margin-left: 10px; } .phone{ height: 30px; font-size: 10px; color: #beac98; line-height: 20px; margin-left: 10px; } .button{ width: 20px; height: 20px; background: #4e3d33; border-radius: 1px; margin-left: 10px; } .word{ font-size: 8px; line-height: 20px; color: #f0eef1; margin-left: 4px; } /*::-webkit-scrollbar{*/ /*display: none;*/ /*}*/ /*鎵嬫満绔嚜閫傚簲*/ @media screen and (max-width: 1025px) and (min-width: 320px){ .head-content-box a{ font: 25px "microsoft yahei"; } .header-box{ height: 1.5rem; padding: 0 .5rem; } .header-menu{ margin-left: -0.5rem; padding-left: 0.5rem; } .header-logo{ width: 2.5rem; } .header-rig{ width: auto; } .header-rig-a{ display: none; } .header-hot{ display: none; } .search-div{ margin-left: .1rem; margin-top: .05rem; } .search-div img{ width: 20px; } .search-div span{ display: none; } .header-checked{ width: 28px; height: 28px; font-size: 12px !important; margin-left: .25rem; line-height: 28px !important; } .head-left-menu{ width: 4.5rem; } .head-left-menu a{ font: 25px 'microsoft yahei'; } .header-box a{ font: 25px 'microsoft yahei'; } .head-left-menu img{ width: .55rem; } .head-left-menu ul{ margin-top: 1rem; padding-top: 0; } .head-left-menu .left-menu-pc{ display: none; } .head-left-menu .left-menu-phone{ display: block !important; height: 100%; max-height: 100%; } .head-left-menu li{ padding: 0 .3rem !important; } .head-left-menu li h3{ font-size: 13px; padding: .35rem 0; position: relative; border-bottom: 1px solid rgba(190, 172, 152, 0.2); } .child-menu{ padding-top: .2rem !important; } .child-menu a{ font-size: 12px !important; } .head-search-div-show .head-search-input{ height: 1.5rem; font-size: .37rem; top: 1.5rem; } }