.container { width: 80%; background: #fff; margin: 0 auto; /* padding: 0 30px; */ position: absolute; /* width: 80%; */ left: 30px; right: 30px; height: 100%; overflow: hidden; /* box-sizing: border-box; */ } .staticSearchT { position: relative; padding-right: 80px; padding-bottom: 15px; padding-top: 30px; } .container .ipt { width: 100%; height: 34px; padding: 5px 25px 5px 5px; vertical-align: top; display: inline-block; box-sizing: border-box; border: 1px #CECECE solid; } .container .ipt input { width: 100%; position: relative; top: 1px; } .container .staticSearchT button { position: absolute; right: 0; top: 30px; width: 80px; height: 34px; line-height: 34px; color: #fff; background: #2A9BD5; text-align: center; border: none; } .container .staticSearchT i { position: absolute; width: 15px; height: 15px; right: 85px; top: 40px; display: inline-block; cursor: pointer; background: url(/images/del_nor.png) center center no-repeat; background-size:15px 15px; z-index: 100; } .staticSearchB .tip,.container .staticSearchT i,.staticSearchB .empty { display: none; } .staticSearchB .empty { color: #979797; text-align: center; line-height: 40px; margin-top: 10px; } .staticSearchB ul { position: absolute; height: 480px; /* width: 100%; */ right: 30px; left: 30px; overflow: auto; } .staticSearchB ul li { border-bottom: 1px #CECECE solid; line-height: 30px; padding-top: 5px; cursor: pointer; } .staticSearchB ul li:hover { border-bottom: 2px solid #3B9ED0; } .staticSearchB ul i { font-size: 12px; color: #2A9BD5; } .staticSearchB .tip { font-size: 12px; color: #979797; margin-bottom: 10px; } .staticSearchB ul span { color: #979797; font-size: 12px; margin-bottom: 10px; line-height: 20px; } .searchTypeBox { margin: 10px 0 0 0; } .medicalTypeItem{ display: inline-block; margin: 0 20px 10px 0; cursor: pointer; } .medicalTypeItem img { vertical-align: text-bottom; margin: 0 3px 2px 0; }