#manager_search{ height: 42px; line-height: 42px; background-color: #ffffff; border-radius: 6px; border: solid 1px #9a9a9a; margin-bottom: 10px; margin-top: 10px; position: relative; } #manager_search .cascader { position: relative; display: inline-block; width: calc(100% - 50px); text-align: left; height: 100%; } #manager_search .cascader-hd { display: inline-block; padding-left: 0.5rem; cursor: pointer; } #manager_search .cascader-hd:hover { color: blue; border-color: #ddd; } #manager_search .cascader-bd { display: none; position: absolute; top: 100%; width: 50%; max-width: 520px; margin-top: -1px; border: 1px solid #eee; z-index: 3; } #manager_search .panel, #manager_search .panel-hd, #manager_search .panel-bd { text-align: left; background-color: #fff; } #manager_search .panel a { display: inline-block; padding: .25em .5em; color: #333; text-decoration: none; } #manager_search .panel a.active { color: #f90713; /*background-color: #0366d6;*/ } #manager_search .panel-hd { border-bottom: 1px solid #ebebeb; } .manager_row{ width: 100%; height: 158px; display: block; margin: 16px auto; overflow: hidden; border: solid 1px #9a9a9a; position: relative; } .manager_city{ display: inline-block; width: 170px; height: 158px; line-height: 148px; background: #F5F5F5; font-size: 30px; text-align: center; vertical-align: bottom; } .manager_city h2{ line-height: 40px; margin-top: 55px; word-wrap:break-word; padding: 2px 5px; } .manager_view{ display: inline-block; width: calc(100% - 490px); height: 93px; margin: 32px 50px; } .manager_view .manager_ewm{ display: inline-block; width: 93px; height: 93px; vertical-align: bottom; } .manager_view .manager_info{ display: inline-block; height: 93px; margin-left: 28px; } .manager_view .manager_info label{ display: inline-block; width: 95px; height: 45px; line-height: 45px; position: relative; text-align: justify; text-align-last: justify; font-size: 20px; letter-spacing: 0px; color: #313131; } .manager_view .manager_info label:after{ display: inline-block; width: 5px; height: 45px; line-height: 45px; position: absolute; right: -10px; top: 0; content: ":"; font-size: 20px; letter-spacing: 0px; color: #313131; } .manager_view .manager_info b{ height: 45px; line-height: 45px; font-size: 24px; letter-spacing: 0px; color: #313131; margin-left: 20px; } .manager_view .manager_info a{ height: 45px; line-height: 45px; font-size: 24px; letter-spacing: 0px; color: #313131; margin-left: 20px; } .manager_log{ width: 163px; height: 64px; margin: 47px auto; display: inline-block; float: right; margin-right: 38px; } #model_price .modal-content{ background: #F5F5F5; margin-bottom: 20px; } #model_price .form-label { margin-bottom: .18rem; margin-top: 1.38rem; } #model_price .form-control.is-invalid{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important; } #model_price #content{ height: 80px; } #model_price .btn_group{ margin-top: 20px; margin-bottom: 20px; } .J_CascaderVal{ font-weight: bold; color: #083967; } .J_CascaderVal:hover{ color: #f90713; } .J_PanelHead a{ font-weight: bolder; } #show_search{ width: 70%; margin: 60px auto 50px; } #show_search h2{ text-align: center; font-size: 40px; line-height: 45px; letter-spacing: 3px; color: #333333; margin-top: 20px; font-weight: bold; } .mapCls{ width: 100%; height: 1000px; /*background-image: url(/gw/echartMapJS/bg.jpg);*/ background-size: 100% 100%; background-repeat: no-repeat; border: 1px solid #9a9a9a; } @media (max-width: 1200px) { .manager_log{ display: none; } .manager_view{ width: calc(100% - 280px); margin: 32px 32px; } } @media (max-width: 768px) { .manager_city{ display: block; width: 100%; height: 46px; background: #F5F5F5; font-size: 30px; text-align: center; } .manager_city h2{ line-height: 40px; margin-top: 0px; word-wrap:break-word; text-align: left; text-indent: 2rem; } .manager_view{ display: block; width: 100%; margin: 8px 32px; } #manager_search .cascader-bd{ width: 100% !important; } .mapCls{ height: 700px; } } @media (max-width: 576px) { .manager_city h2{ text-indent: 8px; } .manager_view{ display: block; width: 100%; margin: 8px 8px; } .manager_view .manager_ewm{ vertical-align: top; width: 88px; height: 88px; } .manager_view .manager_info{ margin-left: 0px; width: calc(100% - 100px); } .manager_view .manager_info label{ width: 74px; font-size: 18px; letter-spacing: -1px; } .manager_view .manager_info label:after{ right: -8px; } .manager_view .manager_info b,.manager_view .manager_info a{ font-size: 20px; margin-left: 10px; letter-spacing: -1px; } .needs-validation .input-group-text{ width: 40px; } .needs-validation .input-group-text .iconfont{ padding-right: 10px; } .mapCls{ height: 500px; } } @media (max-width: 359px) { .manager_view .manager_info label{ width: auto; } .manager_view .manager_info .manager_tel{ letter-spacing: -3px; } .mapCls{ height: 440px; } }