.MultiProvinces { position:relative; } .MultiProvincesHide { position:absolute; left:163px; top:36px; width:282px; height:145px; border:1px solid #ccc; background-color:white; overflow:auto; } .MultiProvincesHide>ul { width:100%; height:100%; list-style:none; margin:0 !important; padding:0 !important; } .MultiProvincesHide>ul>li { cursor:pointer; display:inline-block; float:left; width:130px; } .recalBox0 { display:inline-block; width:16px; height:18px; vertical-align:top; overflow:hidden; background:url(img/tree_icons.png) no-repeat -208px -18px; } .recalBox1 { display:inline-block; width:16px; height:18px; vertical-align:top; overflow:hidden; background:url(img/tree_icons.png) no-repeat -224px -18px; } .MultiProvinces>span { display:inline-block; width:160px; height:35px; line-height:35px; text-align:right; font-size:16px; font-family:"PingFang"; color:#747474; font-weight:bold; } .MultiProvinces>input { width:281px; height:35px; border:1px solid #ccc; border-radius:4px; background-color:#fff7ee; } .hide { display:none; }