* { margin: 0; padding: 0; } body, html { /*background: #fff7f8;*/ } .goods_title { font-size: 14px; box-sizing: border-box; padding: 10px 20px; } .goods_title_inner { width: 100%; height: 100%; border-left: 2px solid #232b42; box-sizing: border-box; padding-left: 10px; } .goods_edit { box-sizing: border-box; padding: 10px 20px 10px 30px; display: flex; align-items: center; } .goods_edit_input{ width: 180px; height: 35px; border: 1px solid #ccc; border-radius: 4px; position: relative; box-sizing: border-box; padding-right: 35px; background: white; margin-right: 20px; } .goods_edit_input>input{ display: block; border: none; outline: none; width: 100%; height: 100%; box-sizing: border-box; padding: 0 10px; border-radius: 4px; } .goods_edit_search{ width: 35px; height: 100%; position: absolute; right: 0px; top: 0px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .goods_edit_search:hover{ background: #fff7f8; border-radius: 0 4px 4px 0; } .goods_edit_search>img{ display: block; width: 24px; height: 24px; } .goods_edit_add{ display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; margin-left: 20px; } .goods_edit_add:hover{ opacity: .8; filter: alpha(opacity=80); color: #fff; } .goods_table{ box-sizing: border-box; padding: 0 30px; } .goodsAlert{ display: none; } .gA_inner{ box-sizing: border-box; padding: 10px 100px; display: flex; align-items: center; } .gA_inner_left{ width: 100px; text-align: right; } .gA_inner_right{ width: 300px; } .gA_inner_right>input{ display: block; width: 100%; height: 40px; border: 1px solid #CCCCCC; border-radius: 5px; box-sizing: border-box; padding: 0 5px; }