.drawer { background-color:#fff; box-shadow:0 0 15px -7px #ccc; display:flex; flex-direction:column; height:100vh; left:-80vw; position:fixed; top:0; transition:all .2s ease-in; width:80vw; z-index:1000 } .drawer.active { left:0 } .drawer .title { align-items:center; background-color:#4066b8; display:flex; height:60px; justify-content:space-between; padding:0 12px; width:100% } .drawer .title img {  } .drawer .title a { color:#fff } .drawer .cot { flex:1; padding:0 16px; position:relative } .drawer .cot .tools { align-items:center; border-bottom:1px solid #d4d4d4; display:flex; justify-content:space-between; padding:16px 0 } .drawer .cot .tools a { align-items:center; display:flex; flex-direction:column; justify-content:center } .drawer .cot .tools a img { height:30px; margin-bottom:6px; width:30px } .drawer .cot .tools a i { font-size:12px } .drawer .cot .list li a { justify-content:space-between; padding:10px 0 } .drawer .cot .list li a,.drawer .cot .list li a div { align-items:center; display:flex } .drawer .cot .list li a div .iconfont { color:#4066b8; font-size:20px; margin-right:6px } .drawer .cot .list li a div .iconfont.icongouwuche1 { margin-left:-3px } .drawer .cot .list li a div span { font-size:13px } .drawer .cot .list li a>i { font-size:12px } .drawer .cot .btn { border-radius:18px; bottom:120px; left:50%; position:absolute; transform:translate(-50%); width:80% } .mobile_head { background:#4066b8; height:94px; margin-bottom:20px; padding-top:20px; position:relative; width:100% } .mobile_head .nav { justify-content:space-between; padding:0 10px; position:relative; width:100% } .mobile_head .nav,.mobile_head .nav .iconfont { align-items:center; display:flex; height:30px } .mobile_head .nav .iconfont { color:#fff; font-size:20px; justify-content:center; width:30px } .mobile_head .nav .logo { left:50%; position:absolute; top:0; transform:translate(-50%) } .mobile_head .nav a { color:#fff; font-size:15px } .mobile_head .round { background-color:#4066b8; border-radius:50%; bottom:-12px; height:24px; left:0; position:absolute; width:100% } .mobile_head .search { align-items:center; background:#fff; border-radius:20px; bottom:-20px; box-shadow:0 0 15px -7px #ccc; display:flex; height:40px; justify-content:space-between; left:50%; padding:0 20px; position:absolute; transform:translate(-50%); width:90% } .mobile_head .search span { color:#999; font-size:12px } .mobile_head .search .iconfont { color:#999; font-size:16px }