123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 |
- .bgc-f2f4f6{
- background-color: #f2f4f6;
- }
- .c-47a8ef{
- color: #47a8ef;
- }
- .c-a8a8a8{
- color: #a8a8a8;
- }
- .h40{
- height: 40px;
- }
- .lh40{
- line-height: 40px;
- }
- .mlr14{
- margin-left: 14px;
- margin-right: 14px;
- }
- .c-radius-8{
- border-radius: 8px;
- }
- .header-icon{
- vertical-align: baseline;
- margin-bottom: -3px;
- }
- .arrow-r{
- position: absolute;
- top: 50%;
- right: 10px;
- margin-top: -5px;
- display: inline-block;
- width: 10px;
- height: 10px;
- border: solid #909090;
- border-width: 2px 2px 0 0;
- -webkit-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- ul li{
- border-top: 1px solid #e1e1e1;
- }
- ul li:first-child{
- border: 0;
- }
- .s-list{
- position: relative;
- z-index: 2;
- }
- .s-list li{
- display: -webkit-box;
- display: box;
- border: 0;
- }
- .s-list li .s-list-info{
- -webkit-box-flex: 1;
- box-flex: 1;
- display: box;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-pack: center;
- }
- .s-list-key{
- height: 26px;
- line-height: 26px;
- }
- .straight-line{
- position: absolute;
- top: 36px;
- left: 24px;
- width: 1px;
- height: calc(100% - 70px);
- height: -webkit-calc(100% - 70px);
- height: -moz-calc(100% - 70px);
- background-color: #dcdcdc;
- z-index: 0;
- }
- html{
- position: relative;
- }
- .mask{
- position: absolute;
- top: 0px;
- bottom: 0;
- width: 100%;
- height: auto;
- background: rgba(0,0,0,0.7);
- display: none;
- }
- .modal-content{
- position: fixed;
- top: 10px;
- left: 0;
- width: calc(100% - 40px);
- height: auto;
- display: none;
- }
- .box{
- display: -webkit-box;
- display: box;
- }
- .box-info{
- -webkit-box-flex: 1;
- box-flex: 1;
- display: box;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-box-pack: center;
- }
- .word-wrap{
- word-wrap: break-word;
- }
- .handle-bar{
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100%;
- background-color: #fff;
- z-index: 10;
- display: -webkit-box;
- padding: 3px 0;
- }
- .handle-bar div{
- -webkit-box-flex: 1;
- width: 0;
- padding-top: 8px;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- position: relative;
- text-align: center;
- height: 40px;
- }
- .c-hide{display: none;}
|