123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- @import "~@less/variables.less";
- .mefical-info-wrapper {
- padding: 0px 15px;
- line-height: 20px;
- width: @push-width;
- overflow: hidden;
- position: relative;
- }
- .search-cont{
- padding: 0px 15px;
- line-height: 20px;
- position: relative;
- overflow: hidden;
- .search-box{
- position: fixed;
- z-index: 9;
- background: #fff;
- width: 430px;
- padding: 0 0 15px;
- }
- .cont{
- position: relative;
- img{
- position: absolute;
- width: 15px;
- left: 278px;
- top: 9px;
- cursor: pointer;
- }
- }
- .title{
- font-size: 12px;
- color:#979797;
- margin-bottom: 10px;
- }
- .input{
- display: inline-block;
- width: 300px;
- height: 34px;
- padding: 5px 25px 5px 5px;
- border:1px #CECECE solid;
- vertical-align: top
- }
- button{
- display: inline-block;
- width: 80px;
- height: 34px;
- line-height: 34px;
- color: #fff;
- background: #2A9BD5;
- text-align: center;
- border: none;
- }
- .result{
- margin-top:46px;
- padding: 0 5px 0 0;
- height: 100%;
- overflow: auto;
- box-sizing: border-box;
- ul{
- overflow: auto;
- }
- li{
- border-bottom:1px #CECECE solid;
- line-height: 42px;
- cursor: pointer;
- p{
- color:#979797;
- font-size: 12px;
- margin-bottom: 10px;
- line-height: 20px;
- }
- span{
- font-size: 14px;
- color: #000;
- }
- i{
- color: #2A9BD5;
- font-size: 12px;
- }
- .scale-name{
- display: inline-block;
- line-height: 22px;
- }
- button{
- float: right;
- border:1px #2A9BD5 solid;
- text-align: center;
- width: 56px;
- height: 26px;
- line-height: 26px;
- color: #2A9BD5;
- border-radius: 3px;
- background: none;
- margin-top: 8px;
- outline: none;
- }
- &:hover{
- border-bottom:2px solid #3B9ED0;
- }
- }
- }
- .no-data{
- width: 380px;
- color:#979797;
- text-align: center;
- line-height: 40px;
- margin-top: 66px;
- }
- }
|