| | |
| | | #newBridge .nb-icon-wrap-5 { |
| | | display: none; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .sign-form-wrap .el-button--small { |
| | | padding: 9px 10px; |
| | | } |
| | | .sign-form-wrap .el-tabs__nav-wrap.is-left::after { |
| | | height: 0; |
| | | } |
| | | .sign-form-wrap .el-tab-pane { |
| | | padding-right: 120px; |
| | | } |
| | | .sign-form-wrap .el-tabs__active-bar { |
| | | height: 30px!important; |
| | | top: 5px!important; |
| | | } |
| | | .sign-form-wrap .el-input { |
| | | width: 350px; |
| | | margin: 0 auto; |
| | | margin-bottom: 20px; |
| | | } |
| | | .sign-form-wrap .el-input--small .el-input__inner { |
| | | height: 40px; |
| | | line-height: 40px; |
| | | } |
| | | .sign-form-wrap .el-input .el-input__inner { |
| | | background: #fafafa; |
| | | border-radius: 4px; |
| | | } |
| | | .sign-form-wrap .el-input .el-input-group__prepend + .el-input__inner { |
| | | border-top-left-radius: 0px; |
| | | border-bottom-left-radius: 0px; |
| | | } |
| | | .sign-form-wrap .el-input .el-input-group__append { |
| | | border-top-right-radius: 4px; |
| | | border-bottom-right-radius: 4px; |
| | | } |
| | | .sign-form-wrap .el-input.ver-code .el-input__inner { |
| | | border-top-right-radius: 0px; |
| | | border-bottom-right-radius: 0px; |
| | | } |
| | | .sign-form-wrap .el-input .el-input__inner[type="text"] + .el-input__suffix .el-input__clear, .sign-form-wrap .el-input .el-input__inner[type="text"] + .el-input__suffix .el-input__clear:hover { |
| | | color: #409EFF; |
| | | } |
| | | .sign-form-wrap .el-input .el-input__inner::placeholder { |
| | | font-size: 13px; |
| | | } |
| | | .sign-form-wrap .el-input.ver-code .el-button.is-disabled, .sign-form-wrap .el-input.ver-code .el-button.is-disabled:focus, .sign-form-wrap .el-input.ver-code .el-button.is-disabled:hover { |
| | | background-color: transparent; |
| | | opacity: 0.7; |
| | | } |
| | | .sign-form-wrap .el-input .el-input__inner:focus { |
| | | border-color: #409EFF; |
| | | } |
| | | |
| | | /* 移动端 */ |
| | | .sign-mob-form-wrap .el-input { |
| | | border-bottom: 1px solid #DCDFE6; |
| | | } |
| | | .sign-mob-form-wrap .el-input--small .el-input__inner { |
| | | border: 0; |
| | | font-size: 14px; |
| | | } |
| | | .sign-mob-form-wrap .el-input--small .el-input__inner::placeholder { |
| | | font-size: 14px; |
| | | } |
| | | .sign-mob-form-wrap .el-input-group__append { |
| | | background: transparent; |
| | | border: 0; |
| | | } |
| | | .sign-mob-form-wrap .calendar-birthday .m-calendar .m-week-header { |
| | | height: 30px; |
| | | } |
| | | .sign-mob-form-wrap .calendar-birthday .m-calendar .m-week-header .m-week-day { |
| | | font-size: 12px; |
| | | line-height: 30px; |
| | | } |
| | | |
| | | .app-drag { |
| | | box-shadow: 0px 0px 1px #d9d9d9; |
| | | } |
| | | .app-drag .slider { |
| | | border: 0!important; |
| | | } |
| | | |
| | | .header-wrap .el-menu.el-menu--horizontal { |
| | | border: 0; |
| | | background: transparent; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-menu-item { |
| | | border-bottom: 0; |
| | | color: #ffffff; |
| | | font-size: .18rem; |
| | | cursor: pointer; |
| | | padding: 0 .22rem; |
| | | } |
| | | |
| | | .header-wrap .el-menu--horizontal>.el-menu-item:hover { |
| | | background: #232323; |
| | | color: #ffffff; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-menu-item.is-active { |
| | | background: #212020; |
| | | } |
| | | .header-wrap .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .header-wrap .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { |
| | | color: #ffffff; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-submenu { |
| | | border-bottom: 0; |
| | | color: #ffffff; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-submenu .el-submenu__title { |
| | | line-height: 0.68rem; |
| | | height: 0.68rem; |
| | | color: #ffffff; |
| | | border: 0; |
| | | font-size: .18rem; |
| | | cursor: pointer; |
| | | padding: 0 .22rem; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-submenu .el-submenu__title .el-submenu__icon-arrow { |
| | | display: none; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-submenu:hover { |
| | | background: #232323; |
| | | color: #ffffff; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-submenu.is-active { |
| | | background: #212020; |
| | | } |
| | | .header-wrap .el-submenu.is-active .el-submenu__title, .header-wrap .el-menu--horizontal>.el-submenu.is-active .el-submenu__title { |
| | | border: 0; |
| | | } |
| | | |
| | | .header-wrap .el-menu--horizontal>.el-submenu:focus .el-submenu__title, .header-wrap .el-menu--horizontal>.el-submenu:hover .el-submenu__title { |
| | | color: #ffffff; |
| | | background: #232323; |
| | | } |
| | | |
| | | .header-menu .el-menu { |
| | | background: #212020; |
| | | min-width: 160px; |
| | | } |
| | | .header-menu .el-menu .el-menu-item { |
| | | background: transparent; |
| | | color: rgba(255, 255, 255, 0.85); |
| | | font-size: .14rem; |
| | | padding: 0 .22rem; |
| | | } |
| | | .header-menu.el-menu--horizontal .el-menu .el-menu-item.is-active, .header-menu.el-menu--horizontal .el-menu .el-menu-item:not(.is-disabled):hover { |
| | | color: #ffffff; |
| | | } |
| | | |
| | | .header-dubble-menu .el-menu { |
| | | background: #212020; |
| | | } |
| | | .header-dubble-menu .dubble-ul-wrap { |
| | | display: flex; |
| | | height: auto; |
| | | } |
| | | .header-dubble-menu .dubble-ul { |
| | | width: 1.8rem; |
| | | min-height: 1.5rem; |
| | | padding-bottom: 10px; |
| | | background-color: #212020; |
| | | z-index: 999; |
| | | } |
| | | .header-dubble-menu .dubble-ul + .dubble-ul { |
| | | border-left: 1px solid rgba(255, 255, 255, 0.65); |
| | | } |
| | | .header-dubble-menu .dubble-ul-wrap .dubble-ul .el-menu-item { |
| | | padding: 0 .22rem; |
| | | background: transparent; |
| | | color: rgba(255, 255, 255, 0.85); |
| | | } |
| | | .header-dubble-menu.el-menu--horizontal .el-menu .el-menu-item.is-active, |
| | | .header-dubble-menu.el-menu--horizontal .el-menu .el-menu-item:not(.is-disabled):hover { |
| | | color: #ffffff; |
| | | } |
| | | .header-dubble-menu .dubble-ul li { |
| | | width: 100%; |
| | | color: #fff; |
| | | font-size: 0.14rem; |
| | | padding: 0 0.22rem; |
| | | line-height: 0.29rem; |
| | | height: 0.29rem; |
| | | } |
| | | |
| | | .header-dubble-menu li:last-child { |
| | | text-align: right; |
| | | } |
| | | |
| | | .header-dubble-menu li:hover { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | @media (max-width: 1366px) and (min-width: 750px) { |
| | | .header-wrap .el-menu--horizontal>.el-menu-item { |
| | | padding: 0 .15rem; |
| | | font-size: .16rem; |
| | | } |
| | | .header-wrap .el-menu--horizontal>.el-submenu .el-submenu__title { |
| | | padding: 0 .15rem; |
| | | font-size: .16rem; |
| | | } |
| | | } |
| | | @media (max-width: 750px) and (min-width: 0) { |
| | | .header-wrap .mob-wrapper .el-menu { |
| | | background: #303030; |
| | | color: #ffffff; |
| | | } |
| | | .header-wrap .mob-wrapper .el-menu .el-menu-item, .header-wrap .mob-wrapper .el-menu .el-menu-item:hover { |
| | | color: #ffffff; |
| | | font-size: .35rem; |
| | | background: #303030; |
| | | } |
| | | .header-wrap .mob-wrapper .el-menu .el-menu-item a { |
| | | color: #ffffff; |
| | | font-size: .35rem; |
| | | } |
| | | .header-wrap .mob-menu .el-submenu .el-submenu__title, .header-wrap .mob-menu .el-submenu .el-submenu__title:hover { |
| | | color: #ffffff; |
| | | font-size: .35rem; |
| | | background: #303030; |
| | | } |
| | | .header-wrap .mob-menu .el-submenu .el-menu-item-group .el-menu-item { |
| | | height: 40px; |
| | | line-height: 40px; |
| | | font-size: 0.28rem; |
| | | color: rgba(255, 255, 255, 0.85); |
| | | } |
| | | .header-wrap .mob-menu .el-submenu .el-menu .el-menu-item { |
| | | height: 40px; |
| | | line-height: 40px; |
| | | font-size: 0.28rem; |
| | | color: rgba(255, 255, 255, 0.85); |
| | | } |
| | | .header-wrap .mob-menu .el-submenu .el-menu-item-group .el-menu-item:last-child { |
| | | text-align: right; |
| | | } |
| | | .header-wrap .mob-menu > .el-menu > li.is-opened > div.el-submenu__title { |
| | | border-bottom: 1px solid #ffffff; |
| | | background: #409EFF; |
| | | } |
| | | .header-wrap .mob-menu > .el-menu div.el-submenu__title i { |
| | | color: #ffffff; |
| | | font-size: 0.35rem; |
| | | } |
| | | } |
| | | |
| | | @media (min-width: 1550px) { |
| | | .sign-form-wrap .el-input { |
| | | width: 400px; |
| | | } |
| | | } |