123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265 |
- @import "font";
- @import 'svgicon';
- @import 'reset';
- /* Global scss */
- * {
- //-webkit-overflow-scrolling:auto !important;
- }
- body {
- position: fixed;
- top: 0;
- bottom: 0;
- background: #F5F5F5;
- width: 100%;
- height: 100%;
- overflow: hidden;
- font-family: 'Noto Sans SC';
- -webkit-touch-callout: none !important;
- -webkit-user-select: none;
- }
- html {
- position: fixed;
- top: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- overflow: hidden;
- touch-action: none;
- }
- * {
- touch-action: pan-y;
- }
- #app {
- width: 100%;
- height: 100%;
- }
- .home {
- width: 100%;
- height: 100%;
- overflow: auto;
- }
- *,
- *:before,
- *:after {
- box-sizing: border-box;
- }
- a,
- a:focus,
- a:hover {
- color: inherit;
- outline: none;
- text-decoration: none;
- }
- div:focus {
- outline: none;
- }
- .clearfix {
- @include clearfix;
- }
- .mr20 {
- margin-right: 20px;
- }
- .mr10 {
- margin-right: 10px;
- }
- .box-active {
- background: #FFE823 !important;
- }
- .page-box {
- padding: 0 20px;
- padding-bottom: 50px;
- }
- .pheight {
- width: 100%;
- height: 100%;
- //height: calc(100% - 48px);
- padding-bottom: 100px;
- overflow: auto;
- }
- .content-box {
- padding: 0px 20px;
- }
- .ptheader {
- width: 100%;
- padding-top: 48px;
- }
- .ignore_com-top {
- position: fixed;
- z-index: 999;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 48px;
- z-index: 444;
- }
- .clearfix {
- zoom: 1;
- }
- /*==for IE6/7 Maxthon2==*/
- .clearfix :after {
- clear: both;
- content: '.';
- display: block;
- width: 0;
- height: 0;
- visibility: hidden;
- }
- .fl {
- float: left;
- }
- .fr {
- float: right;
- }
- .no-data {
- img {
- display: block;
- width: 60%;
- max-width: 450px;
- margin: 0 auto;
- }
- span {
- display: block;
- font-size: 14px;
- text-align: center;
- }
- }
- .click-disable {
- //border: 2px solid #DFE3ED;
- box-shadow: none;
- background-repeat: repeat;
- border: 2px solid #dfe3ed;
- background-image: url('/borui/images/map-icon/bg_disable.png');
- }
- .main-left {
- width: calc(100% - 375px);
- }
- .main-right {
- width: 375px;
- }
- .popup-content {
- height: 100%;
- width: 500px;
- padding: 3.33vh 20px;
- }
- .van-switch--on {
- background: $elActiveColor !important;
- }
- .van-switch__node {
- width: 24px !important;
- height: 24px !important;
- }
- .switch-btn {
- width: 48px !important;
- height: 24px !important;
- }
- .com-search {
- position: relative;
- .van-search {
- padding: 0 !important;
- width: 100%;
- height: 44px;
- border: 1px solid #c3c7cb;
- border-radius: 22px;
- background: #fff;
- font-size: 16px;
- line-height: 26px;
- color: #c3c7cb;
- }
- .van-field__left-icon {
- display: none;
- }
- .search-box {
- flex: 1;
- height: 44px;
- }
- .search-icon {
- position: absolute;
- right: 0;
- top: 0;
- display: inline-block;
- // background: #fff;
- // height: 44px;
- // line-height: 44px;
- // width: 42px;
- padding-right: 20px;
- border-radius: 0 22px 22px 0;
- img {
- width: 24px;
- height: 24px;
- margin-top: 10px;
- }
- // height: 22px;
- }
- .van-search__field {
- border-radius: 22px;
- padding: 0 !important;
- background: #fff;
- }
- .van-icon-clear {
- margin-right: 50px;
- }
- .van-search__content {
- width: 99%;
- background: transparent !important;
- }
- .van-icon-search:before {
- // display: none;
- font-size: 25px;
- color: #373c43;
- }
- }
- .van-dialog__confirm,
- .van-dialog__confirm:active {
- color: $elActiveColor !important;
- }
|