#app { text-align: center; color: #2c3e50; font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; box-sizing: border-box } img { display: block } input[type=file] { outline: none; margin-top: 20px } * { padding: 0 } #clip_button { right: 10%; background: #1aad19 } #cancel_clip, #clip_button { position: absolute; bottom: 20px; width: 80px; height: 40px; border: none; border-radius: 2px; color: #fff } #cancel_clip { left: 10%; background: #e64340 } #clip_container.container { z-index: 99; position: fixed; padding-top: 60px; left: 0; top: 0; right: 0; bottom: 0; background: #000 } #clip_container.container>div { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } #clip_image { max-width: 100% } .cropper-container { font-size: 0; line-height: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr; -ms-touch-action: none; touch-action: none } .crop_loading, .crop_success { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9 } .crop_loading .crop_content { position: absolute; top: 50%; left: 50%; text-align: center; background: #000; opacity: .9; height: 100px; width: 100px; vertical-align: middle; color: #fff; padding-top: 20px; font-size: 16px; border-radius: 3px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .crop_loading .crop_content img { margin-top: 15px; margin-bottom: 10px } .crop_success .crop_success_text { position: absolute; top: 50%; left: 50%; text-align: center; background: #000; opacity: .9; width: 120px; height: 30px; color: #fff; line-height: 30px; font-size: 16px; border-radius: 3px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .cropper-container img { display: block; min-width: 0 !important; max-width: none !important; min-height: 0 !important; max-height: none !important; width: 100%; height: 100%; image-orientation: 0deg } .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .cropper-wrap-box { overflow: hidden } .cropper-drag-box { opacity: 0; background-color: #fff } .cropper-modal { opacity: .5; background-color: #000 } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, .75) } .cropper-dashed { position: absolute; display: block; opacity: .5; border: 0 dashed #eee } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: .75 } .cropper-center:after, .cropper-center:before { position: absolute; display: block; content: " "; background-color: #eee } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: .1 } .cropper-face { top: 0; left: 0; background-color: #fff } .cropper-line { background-color: #39f } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize } .cropper-point { width: 5px; height: 5px; opacity: .75; background-color: #39f } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; opacity: 1 } @media (min-width:768px) { .cropper-point.point-se { width: 15px; height: 15px } } @media (min-width:992px) { .cropper-point.point-se { width: 10px; height: 10px } } @media (min-width:1200px) { .cropper-point.point-se { width: 5px; height: 5px; opacity: .75 } } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: " "; opacity: 0; background-color: #39f } .cropper-invisible { opacity: 0 } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") } .cropper-hide { position: absolute; display: block; width: 0; height: 0 } .cropper-hidden { display: none !important } .cropper-move { cursor: move } .cropper-crop { cursor: crosshair } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed } #bottomNavigationFullScreen { height: 1.2rem; margin: 0 } .bottomNavigation_li_content { height: 1rem } .bottomNavigation_li_public_content { margin: .3rem 0 0 } .xiangji { width: 1rem } .bottomNavigation_li_public_content img { height: .6rem; width: .7rem; margin: 0 0 0 -.15rem } .no_select { font-size: 22px; text-align: center; margin: .15rem 0 0 -.15rem } .select { font-size: 22px; color: #fff; margin: .15rem 0 0 .5rem; border: 1px solid #16c4af; border-radius: 25px; background: #16c4af } .register-img { width: 1rem; height: 1rem } /*! * version 1.4.1 MIT * 2019-2-1 wenju * http://www.mescroll.com */ body, html { height: 100% } body { -webkit-overflow-scrolling: touch } .mescroll { width: 100%; height: 100%; overflow-y: auto } .mescroll-hardware { -webkit-transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-perspective: 1000 } .mescroll-downwarp { position: relative; width: 100%; height: 0; overflow: hidden; text-align: center } .mescroll-downwarp-reset { -webkit-transition: height .3s; transition: height .3s } .mescroll-downwarp .downwarp-content { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 30px; padding: 10px 0 } .mescroll-upwarp { min-height: 30px; padding: 15px 0; text-align: center; visibility: hidden } .mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-nodata, .mescroll-upwarp .upwarp-tip { display: inline-block; font-size: 12px; color: grey; vertical-align: middle } .mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip { margin-left: 8px } .mescroll-downwarp .downwarp-progress, .mescroll-upwarp .upwarp-progress { display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid; border-color: grey grey transparent; vertical-align: middle } .mescroll-rotate { -webkit-animation: mescrollRotate .6s linear infinite; animation: mescrollRotate .6s linear infinite } @-webkit-keyframes mescrollRotate { 0% { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(1turn) } } @keyframes mescrollRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .mescroll-empty { width: 100%; padding-top: 20px; text-align: center } .mescroll-empty .empty-icon { width: 45% } .mescroll-empty .empty-tip { margin-top: 6px; font-size: 14px; color: grey } .mescroll-empty .empty-btn { max-width: 50%; margin: 20px auto; padding: 10px; border: 1px solid #65aadd; border-radius: 6px; background-color: #fff; color: #65aadd } .mescroll-empty .empty-btn:active { opacity: .75 } .mescroll-totop { z-index: 9990; position: fixed; right: 10px; bottom: 30px; width: 36px; height: 36px; border-radius: 50%; opacity: 0 } .mescroll-fade-in, .mescroll-lazy-in { -webkit-animation: mescrollFadeIn .5s linear forwards; animation: mescrollFadeIn .5s linear forwards } @-webkit-keyframes mescrollFadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes mescrollFadeIn { 0% { opacity: 0 } to { opacity: 1 } } .mescroll-fade-out { pointer-events: none; -webkit-animation: mescrollFadeOut .5s linear forwards; animation: mescrollFadeOut .5s linear forwards } @-webkit-keyframes mescrollFadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes mescrollFadeOut { 0% { opacity: 1 } to { opacity: 0 } } .mescroll-bar::-webkit-scrollbar-track { background-color: transparent } .mescroll-bar::-webkit-scrollbar { width: 6px } .mescroll-bar::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ccc } .mescroll-bar::-webkit-scrollbar-thumb:hover { background-color: #aaa } .goTop-box .go-top { position: fixed; right: .5rem; bottom: 1rem; width: 1rem; height: 1rem; z-index: 100 } .show_box .imgA_return { position: fixed; top: .2rem; left: .2rem; width: .8rem; height: .8rem } .show_box .shibie_picture { width: 100%; height: 8.5rem } .show_box .show_box_meg { position: fixed; bottom: -.5rem; left: 0; width: 100% } .show_box .el-card { height: 14.5rem; border-radius: 25px } .show_box .show_box_meg_boxA { margin-top: .2rem } .show_box .show_box_meg_title { font-size: 20px } .show_box .show_box_meg_boxB { border: 2px dashed #60d0a0; border-radius: 126px; margin: .8rem auto; width: 6rem; height: 6rem } .show_box .show_box_meg_img { width: 5rem; height: 5rem; margin: .5rem 0 0 .5rem; border-radius: 100px } .show_box .show_box_meg_imgA { width: 5rem; height: 5rem; margin: .5rem 0 0 .1rem; border-radius: 100px } .show_box .el-image__error { font-size: 25px } .show_box .meg_box_btn { background: #60d0a0; width: 3.5rem; margin: .2rem 0 0 } .show_box .meg_box_btn span { margin: 0 } .show_box .el-button--success { border-color: #60d0a0 } .show_box .await_box { width: 100%; margin: 2rem 0 0 } .show_box .await_box_img { width: 8rem; height: 8rem } .show_box .error_box { width: 100% } .show_box .error_box_text { font-size: 20px; font-weight: 600; margin: .2rem 0 } .show_box .error_div { margin: 2.2rem 0 0 } .show_box .error_img { width: 5rem; height: 4rem; margin: 0 auto } .show_box .meg_box_btnA { background: #60d0a0; width: 3.5rem; margin: 2rem 0 0 } .record_box { background: #fafafa } .record_box .record_box_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .record_box .head_div { margin: .23rem -.8rem 0 .2rem } .record_box .head_div_img { width: .6rem; height: .6rem } .record_box .head_title { margin: .15rem auto } .record_box .head_title_text { font-size: 25px; font-weight: 500; margin-left: .8rem } .record_box .record_name { margin: .5rem 0 0 } .record_box .record_name_text { font-size: 22px } .record_box .record_axios_div { margin: .5rem 0 0; width: 100%; height: 6.6rem } .record_box .record_axios_img { width: 100%; height: 6.6rem } .record_box .el-image__error { font-size: 25px } .record_box .details_box { margin: .5rem 0 0 } .record_box .details_tilte_box { border: 1px solid #60d0a0; margin: 0 0 .3rem 3.5rem; width: 3rem; height: .8rem; background: #60d0a0; border-radius: 15px } .record_box .details_tilte { border: 1px solid #fff; height: .6rem; width: 2.8rem; margin: .07rem auto; border-radius: 15px } .record_box .details_tilte_text { color: #fff; line-height: .6rem; font-size: 15px; font-weight: 800 } .record_box .detail_text_box { width: 90%; margin: 0 auto } .record_box .detail_text { text-indent: 2em; text-align: left; font-size: 15px } .address, .addressA { width: 100%; margin-bottom: .2rem; text-align: right } .addressA { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; color: #b9b9b9 } .address_imgA { width: .5rem; height: .5rem } .seek_box { background: #fafafa; overflow: hidden } .seek_box .seek_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .seek_box .returnA_img { margin: .3rem 0 0 .5rem } .seek_head_returnA_img { width: .6rem; height: .6rem } .seek_box .seek_head_ipt { width: 6.5rem; margin: .5rem 0 0; height: .5rem; background-color: #fafafa; border: 0; border-bottom: 1px solid #b3b3b3; outline-color: #60d0a0 } .seek_box .seek_head_sousuo { margin: .4rem .5rem 0 0 } .seek_box .seek_head_sousuo_img { width: .6rem; height: .6rem } .seek_box .history_box { margin: .6rem 0 0 } .history_box_div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .history_box_history { font-size: 15px; font-weight: 600; margin: 0 0 0 .5rem } .history_del { width: .5rem; height: .45rem; margin: 0 .5rem 0 0 } .history_box_divA_box { margin: 0 0 0 .9rem; width: 10rem } .history_box_divA { width: 35%; margin: .5rem 0 0 -1.5rem; display: inline-block } .history_text_div { border: 1px solid #eaeaea; border-radius: 15px; width: 55%; background: #eaeaea } .history_text { font-size: 13px; color: #4c4c4c } .seek_data_box { background: #fafafa } .seek_data_box .seek_data_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .seek_data_box .seek_data_head_returnA { margin: .3rem 0 0 .5rem } .seek_data_head_returnA_img { width: .6rem; height: .6rem } .seek_data_box .seek_data_head_ipt { width: 6.5rem; margin: .5rem 0 0; height: .5rem; background-color: #fafafa; border: 0; border-bottom: 1px solid #b3b3b3; outline-color: #60d0a0 } .seek_data_head_sousuo { margin: .4rem .5rem 0 0 } .seek_data_head_sousuo_img { width: .6rem; height: .6rem } .seek_data_list { margin-top: .5rem } .seek_data_li { border: 1px solid #fff; height: 2.5rem; width: 90%; border-radius: 5px; background: #fff; -webkit-box-shadow: 6px 2px 11px #c7c5c5; box-shadow: 6px 2px 11px #c7c5c5; margin: .2rem auto } .seek_data_li_img { width: 3.5rem; height: 2.55rem; margin: -.03rem 0 0; border-radius: 5px 0 0 5px } .seek_data_li_name { font-size: 18px; font-weight: 600; color: #000; margin: -2.2rem 0 0 3.9rem; text-align: left } .seek_data_li_btn_text { color: #898989; display: inline-block; vertical-align: middle; font-size: 14px } .seek_data_li_btn_img { width: .45rem; height: .45rem; display: inline-block; vertical-align: middle; margin: 1px 0 0 -5px } .seek_data_li_subject { margin: .3rem 0 0 1.3rem; font-weight: 500; color: #4e4e4e } .seek_data_li_subject_text { margin: 0; text-align: left } .seek_data_li_btn_div { width: 1.8rem; margin: -.4rem 0 0 7.5rem } .seek_data_judge { margin: 45% 0 0 } .seek_data_judge_img { margin: 0 auto } .seek_data_judge_text { font-size: 25px; color: #bfbfbf; margin: .5rem 0 0; text-align: center } .login_box { background-color: #fafafa; overflow: hidden } .login_box_baijingimg { width: 100%; height: 8rem } .login_box .el-icon-close:before { font-size: 0 } .login_box_text_box { width: 100%; border: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: -6rem 0 0 } .login_box_text { font-size: 30px; color: #fff } .active { color: #ffe77e; font-size: 35px } .login_box_card { position: absolute; left: 0; top: -1rem; margin: 5rem 0 0 .45rem; width: 90%; border-radius: 25px; background-color: #fff } .el-input.is-disabled .el-input__inner { background-color: #fff; border-color: #dcdfe6 } .login_box .el-input__icon { color: #65d1a3; font-size: 22px; margin: 0 0 0 .1rem } .login_box .el-icon-circle-close:before { margin: 0 0 0 .74rem } .login_box .el-input--prefix .el-input__inner { width: 7.4rem; padding-left: 1.3rem } .login_box .el-input__inner { border: 0; border-radius: 0; border-bottom: 1px solid #dcdfe6 } .login_box .paswd_box { position: relative } .login_box .paswd_box_imgA, .login_box .paswd_box_imgB { width: .5rem; height: .5rem } .login_box .paswd_box_imgA { border: 1px #000; position: absolute; left: .3rem; top: .08rem } .login_box .paswd_box_imgB { border: 1px #000; position: absolute; right: .6rem; top: .08rem } .login_box .paswd_ipt { height: .7rem; width: 6rem; border: 0; border-bottom: 1px solid #dcdfe6; padding: 0 0 .2rem 1.5rem; outline: none } .login_box .el-button--primary { background-color: #65d1a3; border-color: #65d1a3; width: 7rem; margin: 2rem 0 0 -1rem; border-radius: 25px; font-size: 20px; letter-spacing: 8px } .login_box .el-button--primary span { margin: 0 } .login_box .register { background-color: #fff; color: #9da1a8; border-color: #e0e2e7; margin: .8rem 0 1rem -1rem } .login_box .forget { color: #d3d4d8; margin: 13rem 0 0 } .schedule_box { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, .8) } .schedule_box_div { margin: 65% 0 0 5% } .schedule_box_title { font-size: 15px; line-height: 1rem; color: #fff } .login_box .el-progress { line-height: 5; width: 90% } .login_box .el-progress__text { color: #fff } .enroll_box { background-color: #fafafa } .enroll_box_baijingimg { width: 100%; height: 8rem } .enroll_box .returnR { margin: -7.5rem 0 0 .5rem } .enroll_box .returnR_img { width: .8rem; height: .8rem } .enroll_box_text { border: 1px solid #000; font-size: 30px; margin: -1rem 0 0 .5rem; color: #fff } .enroll_box_card { position: absolute; left: 0; top: -1rem; margin: 5rem 0 0 .45rem; width: 90%; border-radius: 25px; background-color: #fff } .enroll_box .el-input__icon { color: #65d1a3; font-size: 22px; margin: 0 0 0 .35rem } .enroll_box .el-icon-circle-close:before { margin: 0 0 0 .75rem } .enroll_box .el-input--prefix .el-input__inner { width: 7.4rem; padding-left: 1.5rem } .enroll_box .el-input__inner { border: 0; border-radius: 0; border-bottom: 1px solid #dcdfe6 } .enroll_box .paswd_box { position: relative; margin: 0 0 22px } .enroll_box .paswd_box_imgA, .enroll_box .paswd_box_imgB { width: .55rem; height: .55rem } .enroll_box .paswd_box_imgA { border: 1px #000; position: absolute; left: .6rem; top: .08rem } .enroll_box .paswd_box_imgB { border: 1px #000; position: absolute; right: .6rem; top: .08rem } .enroll_box .paswd_boxA { position: relative } .enroll_box .paswd_boxA_imgA, .enroll_box .paswd_boxA_imgB { width: .55rem; height: .55rem } .enroll_box .paswd_boxA_imgA { border: 1px #000; position: absolute; left: .6rem; top: .08rem } .enroll_box .paswd_boxA_imgB { border: 1px #000; position: absolute; right: .6rem; top: .08rem } .enroll_box .paswd_ipt { height: .7rem; width: 6rem; border: 0; border-bottom: 1px solid #dcdfe6; padding: 0 0 .2rem 1.5rem; outline: none } .enroll_box_auth_code .el-input--prefix .el-input__inner { width: 4.6rem; padding-left: 1.6rem } .enroll_box_auth_code .el-input__icon { color: #65d1a3; font-size: 20px; margin: 0 0 0 1.55rem } .enroll_box_auth_code .el-icon-circle-close:before { margin: 0 0 0 -2.5rem } .enroll_box .el-button--primary { background-color: #65d1a3; border-color: #65d1a3; width: 7rem; margin: 2rem 0 0 -1rem; border-radius: 25px; font-size: 20px; letter-spacing: 8px } .enroll_box .register { background-color: #65d1a3; color: #fff; border-color: #e0e2e7; margin: .8rem 0 1rem -1rem } .enroll_box .register span { margin: 0 } .enroll_box .el-form-item { margin-bottom: 14px } .collect_box { background: #fafafa } .collect_box .collect_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .collect_box .collect_head_returnA { margin: .3rem 0 0 .5rem } .collect_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .collect_box .head_title { margin: .2rem 3.8rem 0 0 } .collect_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .collect_list { margin-top: .5rem } .collect_li { border: 1px solid #fff; height: 2.5rem; width: 90%; border-radius: 5px; background: #fff; -webkit-box-shadow: 6px 2px 11px #c7c5c5; box-shadow: 6px 2px 11px #c7c5c5; margin: .5rem auto } .collect_li_img { width: 3.5rem; height: 2.55rem; margin: -.026rem 0 0; border-radius: 5px 0 0 5px } .collect_li_name { font-size: 20px; font-weight: 600; color: #000; margin: -2rem 0 0 4rem; text-align: left } .collect_li_btn_div { margin: -.4rem 0 0 8rem } .collect_li_btn_text { color: #818181; font-size: 11px; margin: 0 } .collect_li_btn_img, .collect_li_btn_text { display: inline-block; vertical-align: middle } .collect_li_btn_img { width: .4rem; height: .4rem; margin: 1px 0 0 -5px } .collect_li_subject { margin: .3rem 0 0 1.3rem; font-weight: 500; color: #4e4e4e } .collect_li_subject_text { margin: 0 } .collect_screen_btn { position: fixed; right: .9rem; bottom: 1.5rem; border-radius: 55px; width: 1.5rem; height: 1.5rem } .collect_screen_btn_img { width: .8rem; height: .8rem; margin: 0 0 0 -.15rem } .collect_box .el-button { background: #74d5aa } .activeB { border-radius: 15px; background: #b5e45d } .collect_all { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .collect_all_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 50%; height: .8rem; margin: .1rem 0 0 .5rem; background: rgba(46, 45, 45, .8); border-radius: 4px } .collect_all_text { line-height: .85rem; text-align: center } .collect_all_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .collect_all_img { width: .8rem; height: .8rem; margin: .1rem auto } .collect_plant { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .collect_plant_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 30%; height: .8rem; margin: .1rem 0 0 1.35rem; background: rgba(46, 45, 45, .8); border-radius: 4px } .collect_plant_text { line-height: .85rem; text-align: center } .collect_plant_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .collect_plant_img { width: .8rem; height: .8rem; margin: .1rem auto } .collect_insect { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .collect_insect_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 30%; height: .8rem; margin: .1rem 0 0 1.3rem; border-radius: 4px; background: rgba(46, 45, 45, .8) } .collect_insect_text { line-height: .85rem; text-align: center } .collect_insect_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .collect_insect_img { width: .8rem; height: .8rem; margin: .1rem auto } .collect_judge { margin: 45% 0 0 } .collect_judge_img { margin: 0 auto } .collect_judge_text { font-size: 25px; color: #bfbfbf; margin: .5rem 0 0; text-align: center } .collect_box .el-icon-arrow-right:before, .collect_box .el-pagination.is-background .el-pager li:not(.disabled).active { font-size: 25px } .memory_box { background: #fafafa } .memory_box .memory_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .6rem } .memory_box .memory_head_returnA { margin: .3rem 0 0 .5rem } .memory_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .memory_box .head_title { margin: .2rem 3.8rem 0 0 } .memory_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .memory_list { margin-top: .5rem } .memory_li { border: 1px solid #fff; height: 2.5rem; width: 90%; border-radius: 5px; background: #fff; -webkit-box-shadow: 6px 2px 11px #c7c5c5; box-shadow: 6px 2px 11px #c7c5c5; margin: .3rem auto } .memory_li_img { width: 3.5rem; height: 2.55rem; margin: -.026rem 0 0; border-radius: 5px 0 0 5px } .memory_li_name { font-size: 22px; font-weight: 600; color: #000; margin: -2.3rem 0 0 3.8rem; text-align: left } .memory_li_btn_div { margin: -.55rem 0 0 7.5rem; width: 2rem } .memory_li_btn_text { color: #898989; font-size: 13px } .memory_li_btn_img, .memory_li_btn_text { display: inline-block; vertical-align: middle } .memory_li_btn_img { width: .45rem; height: .45rem; margin: 1.5px 0 0 -5px } .memory_li_subject { width: 3.5rem; height: .5rem; margin: .1rem 0 0 3.9rem; text-align: left } .memory_li_subject_text { font-size: 14px; font-weight: 500; color: #4e4e4e } .memory_li_line { border-bottom: 1px solid #e2e2e2; margin: .3rem 0 0 3.9rem; width: 4.8rem } .memory_li_group_time { margin: .1rem 0 0 2.2rem } .memory_li_group_time span { font-size: 12px; color: #727272; text-align: left; margin: 0 0 0 -.8rem } .memory_li_group_del { margin: -.4rem 0 0 8.2rem } .memory_li_group_del_img { width: .4rem; height: .44rem } .memory_screen_btn { position: fixed; right: .9rem; bottom: 1.5rem; border-radius: 55px; width: 1.5rem; height: 1.5rem } .memory_screen_btn_img { width: .8rem; height: .8rem; margin: 0 0 0 -.2rem } .memory_box .el-button { background: #74d5aa } .memory_all { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .memory_all_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 50%; height: .8rem; margin: .1rem 0 0 .5rem; background: rgba(46, 45, 45, .8); border-radius: 4px } .memory_all_text { line-height: .85rem; text-align: center } .memory_all_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .memory_all_img { width: .8rem; height: .8rem; margin: .1rem auto } .memory_plant { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .memory_plant_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 30%; height: .8rem; margin: .1rem 0 0 1.35rem; background: rgba(46, 45, 45, .8); border-radius: 4px } .memory_plant_text { line-height: .85rem; text-align: center } .memory_plant_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .memory_plant_img { width: .8rem; height: .8rem; margin: .1rem auto } .memory_insect { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .memory_insect_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 30%; height: .8rem; margin: .1rem 0 0 1.3rem; border-radius: 4px; background: rgba(46, 45, 45, .8) } .memory_insect_text { line-height: .85rem; text-align: center } .memory_insect_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .activeC { border-radius: 15px; background: #b5e45d } .memory_insect_img { width: .8rem; height: .8rem; margin: .1rem auto } .memory_judge { margin: 45% 0 0 } .memory_judge_img { margin: 0 auto } .memory_judge_text { font-size: 25px; color: #bfbfbf; margin: .5rem 0 0; text-align: center } .memory_box .el-pagination { width: 90%; margin: .2rem 0 0 -.2rem } .el-pagination .btn-prev .el-icon, .memory_box .el-pagination .btn-next .el-icon, .memory_box .el-pagination.is-background .el-pager li:not(.disabled).active { font-size: 25px } body[data-v-827ca9a6] { margin: 0 } li[data-v-827ca9a6], ul[data-v-827ca9a6] { list-style: none } .mine_box[data-v-827ca9a6] { background: #f6f6f6 } span[data-v-827ca9a6] { margin-left: 0 } .mine_box .mine_head[data-v-827ca9a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .6rem; background: #fff; height: 1.2rem } .mine_box .mine_head_returnA[data-v-827ca9a6] { padding: .3rem 0 0 .5rem } .mine_head_returnA_img[data-v-827ca9a6] { width: .5rem; height: .5rem } .mine_box .head_title[data-v-827ca9a6] { margin: .14rem 3.8rem 0 0 } .mine_box .head_title_text[data-v-827ca9a6] { font-size: 22px; font-weight: 500; margin: 0 auto; color: #000 } .mine_box_ul[data-v-827ca9a6] { margin: -.4rem 0 0; background: #fff } .mine_box_li[data-v-827ca9a6] { margin: 0 0 .2rem } .mine_box_li_portrait[data-v-827ca9a6] { border-bottom: 2px solid #f6f6f6; height: 1rem; width: 90%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .li_portrait_box[data-v-827ca9a6] { margin: .35rem 0 0 .45rem } .li_portrait_text[data-v-827ca9a6] { color: #000; font-size: 13px; font-weight: 500 } .portrait_img_box[data-v-827ca9a6] { margin: .1rem .15rem 0 0 } .portrait_img[data-v-827ca9a6] { width: .8rem; height: .8rem; border-radius: 50px } .mine_box_li_account[data-v-827ca9a6] { border-bottom: 2px solid #f6f6f6; height: 1rem; width: 90%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .li_account_box[data-v-827ca9a6] { margin: .35rem 0 0 .45rem } .li_account_text[data-v-827ca9a6] { color: #000; font-size: 13px; font-weight: 500 } .account_accountNumber_box[data-v-827ca9a6] { margin: .5rem 0 0 } .accountNumber_text[data-v-827ca9a6] { color: #999 } .mine_box_li_nickname[data-v-827ca9a6] { border-bottom: 5px solid #f6f6f6; height: 1rem; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .li_nickname_box[data-v-827ca9a6] { margin: .35rem 0 0 .95rem } .li_nickname_text[data-v-827ca9a6] { color: #000; font-size: 13px; font-weight: 500 } .nickname_user_box[data-v-827ca9a6] { margin: .5rem .55rem 0 0 } .nickname_text[data-v-827ca9a6] { color: #999 } .mine_box_li_password[data-v-827ca9a6] { height: 1rem; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .li_password_box[data-v-827ca9a6] { margin: .35rem 0 0 .95rem } .li_password_text[data-v-827ca9a6] { color: #000; font-size: 13px; font-weight: 500 } .picture_box[data-v-827ca9a6] { position: relative; top: -6.409rem; left: 0; background: rgba(0, 0, 0, .8) } .picture_box_div[data-v-827ca9a6] { border: 1px solid #fff; position: absolute; left: 23%; top: 20%; border-radius: 5px; background: #eeeded } .picture_box_ul[data-v-827ca9a6] { width: 5.5rem } .picture_box_li[data-v-827ca9a6] { border-bottom: 1px solid #fff } .picture_box_li_text[data-v-827ca9a6] { font-size: 23px; padding: .2rem 0; color: #929292 } .picture_box_li_del[data-v-827ca9a6] { border-bottom: 1px solid #fff } .picture_box_del_img[data-v-827ca9a6] { width: .5rem; height: .5rem; margin: 0 0 0 4.8rem } .el-button--primary span[data-v-827ca9a6] { margin: 0 } .modify_the_picture[data-v-827ca9a6] { display: inline-block } .avatar-uploader[data-v-827ca9a6] { position: absolute; left: 0; bottom: .5rem } .el-icon-plus[data-v-827ca9a6]:before { font-size: 40px; color: #fff } .picture_boxA[data-v-827ca9a6] { position: relative; top: -6.409rem; left: 0; background: rgba(0, 0, 0, .8) } .picture_box_imgA[data-v-827ca9a6] { width: 100%; position: absolute; left: 0; top: 30% } .picture_boxA_cha_img[data-v-827ca9a6] { width: .8rem; height: .8rem; position: absolute; right: .2rem; top: .2rem } body[data-v-58e1d4dc] { margin: 0 } li[data-v-58e1d4dc], ul[data-v-58e1d4dc] { list-style: none } .modification_box .modification_head[data-v-58e1d4dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .6rem } .modification_box .modification_head_returnA[data-v-58e1d4dc] { padding: .3rem 0 0 .5rem } .modification_head_returnA_img[data-v-58e1d4dc] { width: .5rem; height: .5rem } .modification_box .head_title[data-v-58e1d4dc] { margin: .14rem 0 0 } .modification_box .head_title_text[data-v-58e1d4dc] { font-size: 22px; font-weight: 500; margin: 0 auto; color: #000 } .head_btn[data-v-58e1d4dc] { margin: .35rem .2rem 0 0; font-size: 13px; color: #000 } .li_ipt[data-v-58e1d4dc] { width: 95%; height: 1rem; border: 0; border-bottom: 1px solid #aeaeae; color: #aeaeae; outline: 0 } .repository_box { background: #fafafa } .repository_box .repository_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .6rem } .repository_box .repository_head_returnA { margin: .3rem 0 0 .5rem } .repository_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .repository_box .head_title { margin: .2rem -.3rem 0 0 } .repository_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .head_souSuo_img { width: .65rem; height: .65rem; margin: .3rem .5rem 0 0 } .repository_list { margin-top: .5rem } .repository_li { border: 1px solid #fff; height: 2.5rem; width: 90%; border-radius: 5px; background: #fff; -webkit-box-shadow: 6px 2px 11px #c7c5c5; box-shadow: 6px 2px 11px #c7c5c5; margin: .3rem auto } .repository_li_img { width: 3.5rem; height: 2.55rem; margin: -.026rem 0 0; border-radius: 5px 0 0 5px } .repository_li_name { font-size: 22px; font-weight: 600; color: #000; margin: -2rem 0 0 3.8rem; text-align: left } .repository_li_btn_div { margin: .5rem 0 0 7.5rem } .repository_li_btn_text { color: #898989; display: inline-block; vertical-align: middle; font-size: 12px } .repository_li_btn_img { width: .4rem; height: .4rem; display: inline-block; vertical-align: middle; margin: 1.5px 0 0 -5px } .repository_li_subject { width: 3.5rem; height: .5rem; margin: -.5rem 0 0 3.8rem; text-align: left } .repository_li_subject_text { font-size: 14px; font-weight: 500; color: #4e4e4e } .transition-box { position: fixed; left: 3.8rem; bottom: 6.5rem; margin-bottom: 10px; width: 200px; height: 100px; border-radius: 4px; text-align: center; color: #fff; padding: 40px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 20px } .repository_screen_btn { position: fixed; right: .9rem; bottom: 1.5rem; border-radius: 55px; width: 1.5rem; height: 1.5rem } .repository_screen_btn_img { width: .8rem; height: .8rem; margin: 0 0 0 -.15rem } .repository_box .el-button { background: #74d5aa } .activeA { border-radius: 15px; background: #b5e45d } .repository_all { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .repository_all_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 50%; height: .8rem; margin: .1rem 0 0 .5rem; background: rgba(46, 45, 45, .8); border-radius: 4px } .repository_all_text { line-height: .85rem; text-align: center } .repository_all_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .repository_all_img { width: .8rem; height: .8rem; margin: .1rem auto } .repository_plant { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .repository_plant_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 30%; height: .8rem; margin: .1rem 0 0 1.35rem; background: rgba(46, 45, 45, .8); border-radius: 4px } .repository_plant_text { line-height: .85rem; text-align: center } .repository_plant_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .repository_plant_img { width: .8rem; height: .8rem; margin: .1rem auto } .repository_insect { width: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .6rem 0 0 } .repository_insect_text_box { border: 1px solid rgba(46, 45, 45, .8); width: 30%; height: .8rem; margin: .1rem 0 0 1.3rem; border-radius: 4px; background: rgba(46, 45, 45, .8) } .repository_insect_text { line-height: .85rem; text-align: center } .repository_insect_img_box { border-radius: 55px; width: 1rem; height: 1rem; background: #74d5aa } .repository_insect_img { width: .8rem; height: .8rem; margin: .1rem auto } .repository_judge { margin: 45% 0 0 } .repository_judge_img { margin: 0 auto } .repository_judge_text { font-size: 25px; color: #bfbfbf; margin: .5rem 0 0; text-align: center } .repository_box .el-icon-arrow-right:before, .repository_box .el-pagination.is-background .el-pager li:not(.disabled).active { font-size: 25px } .details_box { background: #fafafa } .details_box .details_box_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .details_box .head_div { margin: .23rem 0 0 .2rem } .details_box .head_div_img { width: .6rem; height: .6rem } .details_box .head_title { margin: .15rem 3.5rem 0 0 } .details_box .head_title_text { font-size: 25px; font-weight: 500 } .head_collect { margin: .3rem .5rem 0 0 } .collect_img { width: .5rem; height: .5rem } .details_box .details_name { margin: .5rem 0 0 } .details_box .details_name_text { font-size: 22px } .details_box .details_axios_div { margin: .5rem 0 0; width: 100%; height: 6.6rem } .details_box .details_axios_img { width: 100%; height: 6.6rem } .details_box .el-image__error { font-size: 25px } .details_box .details_box { margin: .5rem 0 0 } .details_box .details_tilte_box { border: 1px solid #60d0a0; margin: 0 0 .3rem 3.5rem; width: 3rem; height: .8rem; background: #60d0a0; border-radius: 15px } .details_box .details_tilte { border: 1px solid #fff; height: .6rem; width: 2.8rem; margin: .07rem auto; border-radius: 15px } .details_box .details_tilte_text { color: #fff; line-height: .6rem; font-size: 15px; font-weight: 800 } .details_box .detail_text_box { width: 90%; margin: 0 auto } .details_box .detail_text { text-indent: 2em; text-align: left; font-size: 15px } .cry_box { margin: 2.5rem 0 0 } .cry_img { width: 2rem; height: 2rem; margin: 0 auto } .cry_text { font-size: 20px; margin: 10% 0 0; color: #b9b9b9 } .address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; margin: 0 0 .2rem; color: #b9b9b9 } .address_img { width: .5rem; height: .5rem } .message_box { background: #ededed } .message_box .message_box_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; background: #fff } .message_box .head_div { margin: .23rem 0 0 .2rem } .message_box .head_div_img { width: .6rem; height: .6rem } .message_box .head_title { margin: .15rem auto } .message_box .head_title_text { font-size: 25px; font-weight: 500 } .head_add { margin: .3rem .5rem 0 0 } .add_img { width: .65rem; height: .65rem } .message_box_ul { margin: .2rem 0 0 } .message_box_li { width: 90%; height: 1.7rem; border: 1px solid #fff; border-radius: 10px; margin: .1rem 0 .2rem .45rem; background: #fff } .message_box_data_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .15rem 0 0 } .message_box_data_user { margin: .05rem 0 0 .5rem; font-size: 15px; text-align: left; color: #9a9a9a } .message_box_data_text { font-size: 16px; text-align: left; margin: 0 0 0 -2rem; color: #000; font-weight: 500 } .message_box_data_meg { border: 1px solid #60d0a0; background: #60d0a0; color: #fff; font-size: 15px; width: 25%; margin: 0 .15rem 0 0; border-radius: 8px 0 0 8px } .message_box_time { margin: .15rem .15rem 0 0; text-align: right; font-size: 13px; color: #989898 } .message_box_wire { margin: .2rem 0 0; border-bottom: 1px solid #f0f0f0 } .mescroll { position: fixed; top: 44px; bottom: 0; height: auto } .addMeg_box { background: #ededed } .addMeg_box .addMeg_box_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; background: #fff } .addMeg_box .head_div { margin: .23rem 0 0 .2rem } .addMeg_box .head_div_img { width: .6rem; height: .6rem } .addMeg_box .head_title { margin: .15rem auto } .addMeg_box .head_title_text { font-size: 25px; font-weight: 500 } .addMeg_box_main_meg { margin: .3rem 0 .5rem .2rem; width: 95% } .addMeg_box_main_meg_title { text-align: left; font-size: 15px; margin: 0 0 .2rem } .addMeg_box .el-textarea__inner { height: 5rem } .addMeg_box_main_visit { width: 95%; margin: .2rem 0 .5rem .2rem } .addMeg_box_main_visit_title { text-align: left; font-size: 15px; margin: 0 0 .2rem } .addMeg_box .el-button--success { width: 4rem } .megXq_box { background: #fafafa } .megXq_box .megXq_box_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end } .megXq_box .head_div { margin: .23rem 0 0 .2rem } .megXq_box .head_div_img { width: .6rem; height: .6rem } .megXq_box .head_title { margin: .15rem auto } .megXq_box .head_title_text { font-size: 25px; font-weight: 500 } .head_del { margin: .3rem .35rem 0 0 } .del_img { width: .65rem; height: .65rem } .megXq_box_main { width: 85%; margin: .75rem auto } .megXq_main_user { display: -webkit-box; display: -ms-flexbox; display: flex } .main_user_img_box { width: 1rem; height: 1rem; border-radius: 55px; background: #000 } .main_user_box { width: 90%; text-align: left; margin: 0 0 0 .5rem } .main_user_img { width: 1rem; height: 1rem; border-radius: 55px } .main_user_text { font-size: 15px; color: #000; font-weight: 550 } .main_user_xiangqiText { color: #595959; line-height: .55rem } .main_user_time { color: #878787 } .main_user_huifu_img { width: .35rem; height: .35rem; margin: -.35rem 0 0 3.2rem } .megXq_main_administrator { border: 1px solid #ececec; text-align: left; width: 85%; margin: 0 0 0 1.3rem; background: #ececec } .main_administrator_box { width: 96%; margin: .2rem auto } .main_administrator { color: #00b54e; font-weight: 550 } .main_administrator_xiangqiText { line-height: .55rem } .megXq_triangle { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #ececec; margin: 0 0 0 1.5rem } .megXq_box .transition-box { width: 4.5rem; height: 3.5rem; border-radius: 4px; text-align: center; color: #fff; padding: 40px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -.5rem 0 0 1rem } .megXq_box .el-textarea__inner, .megXq_box .el-textarea__inner:hover { width: 6rem; height: 2.5rem } .megXq_box .el-button--success { margin: 5% 0 0 52% } .forget_box { background-color: #fafafa } span { margin: 0 0 0 -8px } .forget_box_baijingimg { width: 100%; height: 8rem } .forget_box .returnR { margin: -7.5rem 0 0 .5rem } .forget_box .returnR_img { width: .8rem; height: .8rem } .forget_box_card { position: absolute; left: 0; top: -1rem; margin: 5rem 0 0 .45rem; width: 90%; border-radius: 25px; background-color: #fff } .forget_box_text { border: 1px solid #000; font-size: 30px; margin: -1rem 0 0 .5rem; color: #fff } .forget_box .el-input__icon { color: #65d1a3; font-size: 22px; margin: 0 0 0 .32rem } .forget_box .el-icon-circle-close:before { margin: 0 0 0 .75rem } .username_ipt { margin: .5rem 0 .5rem -2.2rem } .forget_box .el-input--prefix .el-input__inner { width: 7.4rem; padding-left: 1.5rem } .forget_box .el-input__inner { border: 0; border-radius: 0; border-bottom: 1px solid #dcdfe6 } .forget_box .paswd_box { position: relative; margin: 0 0 22px } .forget_box .paswd_box_imgA, .forget_box .paswd_box_imgB { width: .55rem; height: .55rem } .forget_box .paswd_box_imgA { border: 1px #000; position: absolute; left: .6rem; top: .08rem } .forget_box .paswd_box_imgB { border: 1px #000; position: absolute; right: .6rem; top: .08rem } .forget_box .paswd_boxA { position: relative } .forget_box .paswd_boxA_imgA, .forget_box .paswd_boxA_imgB { width: .55rem; height: .55rem } .forget_box .paswd_boxA_imgA { border: 1px #000; position: absolute; left: .6rem; top: .08rem } .forget_box .paswd_boxA_imgB { border: 1px #000; position: absolute; right: .6rem; top: .08rem } .forget_box .paswd_ipt { height: .7rem; width: 6rem; border: 0; border-bottom: 1px solid #dcdfe6; padding: 0 0 .2rem 1.5rem; outline: none } input::-webkit-input-placeholder { color: #c0c4cc } .auth_code_ipt { margin: .5rem 0 .5rem -4.5rem } .forget_box_auth_code .el-input--prefix .el-input__inner { width: 4.6rem; padding-left: 1.6rem } .forget_box_auth_code .el-input__icon { color: #65d1a3; font-size: 20px; margin: 0 0 0 1.5rem } .forget_box_auth_code .el-icon-circle-close:before { margin: 0 0 0 -2.5rem } .forget_box .el-button--primary { background-color: #65d1a3; border-color: #65d1a3; width: 7rem; margin: 2rem 0 0 -1rem; border-radius: 25px; font-size: 20px; letter-spacing: 8px } .forget_box .register { background-color: #65d1a3; color: #fff; border-color: #e0e2e7; margin: .8rem 0 1rem -1rem } .forget_box .register span { margin: 0 } .auth_code_btn { position: absolute; right: .8rem; top: 6.5rem } .auth_code_btn .el-button--primary { width: 3rem; font-size: 13px; letter-spacing: 1px; margin: 0; font-variant: no-historical-ligatures } .forget_box .el-form-item { margin-bottom: 14px } .loginText { color: #65d1a3 } .btn { margin: 8rem 0 0 } .home_box { position: relative; background: #f6f6f6; overflow-y: scroll } .beijing_color { background: #fff } .headr_text { font-size: 25px; margin: 0 0 1rem; padding: .25rem 0 0 } .el-carousel__item h3 { color: #475669; font-size: 14px; opacity: .75; line-height: 200px } .calendar { height: 1rem; font-size: 20px; line-height: 1rem; border-radius: 10px; margin: 0 0 .5rem; color: #573b09; background: #fff0ba } .el-carousel__item:nth-child(2n) { background-color: #99a9bf } .el-carousel__item:nth-child(odd) { background-color: #d3dce6 } .el-badge { position: absolute; right: .5rem; top: .5rem } .xiaoxi_img { width: .6rem; height: .5rem } .list_oneBox { margin: 0 0 .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly */ -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; } .list_oneBox_list { padding: 0 } .segment { border-right: 1px solid #bebbbb; height: 1rem; margin: -1.5rem -.5rem 0 0 } .list_oneBox_list_img { width: 1.3rem; height: 1.3rem; margin: 0 0 0 12px } .beautiful, .questions, .recognize { font-size: 16px } .assistance, .capacity, .countryside { font-size: 12px; color: #adabab } .list_twoBox { margin: 0 0 .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly */ -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around } .list_twoBox_list_img { width: .8rem; height: .8rem; margin: 0 0 0 .2rem } .favorite, .knowledge, .recording, .search { font-size: 15px } .el-tabs__nav { margin: 0 0 0 1.8rem } .el-tabs__item.is-active { font-size: 25px } .el-tabs__item { font-size: 18px } .asdasd { width: 100%; height: 5.5rem } .navBarWrap { position: fixed; top: 0; z-index: 999; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .117647); box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .117647) } .manualEntering_ul { background: #f1f1f1; margin: 0 0 1.5rem } .manualEntering_li { background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin: .2rem 0 } .manualEntering_li_box { height: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .manualEntering_li_box_img { width: 2.8rem; height: 2.2rem; margin: .1rem; border-radius: 5px } .manualEntering_li_box_course { margin: 0 0 0 -.2rem } .manualEntering_li_box_courseText { font-size: 18px; margin: .15rem 0 .2rem -.5rem; text-align: left; font-weight: 600 } .manualEntering_li_box_courseNameText { font-size: 15px; text-align: left; margin-left: -.45rem } .manualEntering_li_box_time { margin: 1.8rem .3rem 0 0; text-align: right } .home_box .map { width: 100%; height: 400px } .home_box .imgA_camera { position: fixed; bottom: .8rem; left: 45%; width: 1.3rem; height: 1.3rem } .home_box .imgB_more { position: fixed; top: .3rem; left: .3rem; width: .7rem; height: .9rem } .home_box .imgC_seek { position: fixed; top: .4rem; right: .3rem; width: .6rem; height: .65rem } .home_box_div { display: inline-block } .binghaiBtn span, .kunchongBtn span { margin: 0 } .scroll .hiddenInput, .scroll .hiddenInputA { width: 8rem; position: absolute; left: 0; bottom: 1rem; display: none } .loading_box { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, .8); z-index: 25 } .loading_box_div { margin: 60% 0 0 } .loading_text { color: #f3f3f3; font-size: 25px } .home_drawer_one { margin: .1rem 0 0 1rem } .home_drawer_ul { margin: 2rem 0 0 1rem } .home_drawer_li { margin: .6rem 0 0 } .user_box { width: 4rem; height: 1.5rem; border-radius: 55px } .user_div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: baseline; -ms-flex-pack: baseline; justify-content: baseline; width: 7rem } .user_img { width: 1.5rem; height: 1.5rem; border-radius: 55px } .user_name { font-size: 15px; font-weight: 600; color: #5b5b5b; margin: .2rem 0 0 -.8rem; text-align: center; width: 3.5rem } .user_bianjiBox { display: inline-block; position: relative; margin: 0 0 0 1rem } .user_bianjiText { width: 1.9rem; height: .6rem; background: #60d0a0; border-radius: 15px; margin-top: .1rem } .user_bianjiText_txt { text-align: center; margin-left: .3rem; color: #fff; line-height: .6rem; font-size: 15px; letter-spacing: 2px } .user_bianjiImg { position: absolute; top: .2rem; left: .2rem; width: .42rem; height: .42rem } .collect_boxA, .discern_box, .shutdown_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end } .discern_img { width: .48rem; height: .48rem } .collect_img, .shutdown_img { width: .5rem; height: .55rem } .discern_box_text { font-size: 16px; color: #5c5c5c; margin: 0 0 0 .5rem } .collect_boxA_text, .shutdown_text { font-size: 16px; color: #5c5c5c; margin: .02rem 0 0 .5rem } .el-dropdown-link { cursor: pointer; color: #2e363d; font-size: 18px } .dropdown_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: .25rem 0 } .el-icon-arrow-down { font-size: 12px } .home_question_li { border-top: 1px solid #9c9b9b; height: 3.65rem } .home_question_imageBox { display: -webkit-box; display: -ms-flexbox; display: flex } .home_question_ulBox_image { width: 2.5rem; height: 2.5rem; border-radius: 10px; margin: .2rem 0 0 .3rem } .home_question_TAGBox { width: 100%; text-align: left; padding: .15rem 0 0 .3rem } .home_question_TAG { border: 1px solid #3f82ff; text-align: center; padding: 0 .25rem; border-radius: 2px; color: #3f82ff } .home_question_TAGText { font-size: 17px } .home_question_NameBox_image { width: .8rem; height: .8rem; border-radius: 55px } .home_question_NameBox_text { line-height: .8rem; text-align: left; margin: 0 0 0 .2rem; color: #7c7878; font-size: 13px } .home_question_NameBox { width: 65%; margin: -1.1rem 0 0 3rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .home_question_NameBox, .home_question_NameBox_box { display: -webkit-box; display: -ms-flexbox; display: flex } .home_question_NameBox_time { line-height: .9rem; font-size: 13px; color: #7c7878; text-align: right; margin: -.01rem -.35rem 0 0 } .home_question_All_look_img { width: .5rem; height: .5rem } .home_question_All_collect_img { width: .36rem; height: .36rem; margin: .05rem 0 0 } .home_question_All_collect_reply_img { width: .4rem; height: .4rem } .home_question_All_box { margin: .35rem 0 0 3rem; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around } .home_question_All_box, .home_question_All_collect, .home_question_All_collect_reply, .home_question_All_look { display: -webkit-box; display: -ms-flexbox; display: flex } .home_question_All_collect_num, .home_question_All_collect_reply_num, .home_question_All_look_num { line-height: .5rem; margin: 0 0 0 .15rem } * { margin: 0 } .container-water-fall { width: 100vw; -webkit-box-sizing: border-box; box-sizing: border-box } .container-water-fall h4 { padding-top: 56px; padding-bottom: 28px; font-family: PingFangSC-Medium; font-size: 36px; color: #000; letter-spacing: 1px; text-align: justify } .container-water-fall button { background-color: #ff0; color: #24292e; border: 1px solid rgba(27, 31, 35, .2); border-radius: .25em; width: 100px; line-height: 26px; font-size: 13px; margin: 4px 4px 4px 0; cursor: pointer; outline: none } .container-water-fall button.blue-light { background: #27fbc2 } .container-water-fall button:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), color-stop(90%, #ccc)); background-image: linear-gradient(-180deg, #fafbfc, #ccc 90%) } .container-water-fall .cell-item { width: 100%; background: #fff; border: 2px solid #f0f0f0; border-radius: 12px 12px 12px 12px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; margin: .2rem 0 0 } .container-water-fall .cell-item .fieldShow_image { width: 100%; height: auto; display: block } .container-water-fall .cell-item .item-body { padding: 12px } .container-water-fall .cell-item .item-body .item-desc { font-size: 15px; color: #333; line-height: 15px; font-weight: 700 } .container-water-fall .cell-item .item-body .item-footer { margin-top: 22px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .container-water-fall .cell-item .item-body .item-footer .avatar { width: 44px; height: 44px; border-radius: 50%; background-repeat: no-repeat; background-size: contain } .container-water-fall .cell-item .item-body .item-footer .name { max-width: 150px; margin-left: 10px; font-size: 14px; color: #999 } .container-water-fall .cell-item .item-body .item-footer .like { position: absolute; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .container-water-fall .cell-item .item-body .item-footer .like.active .like-total { color: #ff4479 } .container-water-fall .cell-item .item-body .item-footer .like i { width: 28px; display: block } .container-water-fall .cell-item .item-body .item-footer .like .like-total { margin-left: 10px; font-size: 12px; color: #999 } .githubdata { float: right; margin-right: 90px } .githubdata img { width: 14px } .fieldShow_tubiaoBox { margin: .2rem auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .fieldShow_tubiaoBox, .fieldShow_tubiaoBox_chakan { display: -webkit-box; display: -ms-flexbox; display: flex } .fieldShow_tubiaoBox_chakan { margin-left: .25rem } .fieldShow_tubiaoBox_chakan_img { width: .6rem; height: .6rem } .fieldShow_tubiaoBox_chakan_num { margin: .1rem 0 0 .1rem; color: #1a47c8; font-size: 13px } .fieldShow_tdianBox_dianzan { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: .25rem } .fieldShow_tdianBox_dianzan_img { width: .5rem; height: .5rem } .fieldShow_tdianBox_dianzan_num { margin: .1rem 0 0 .1rem; color: #1a47c8; font-size: 13px } #pane-second { margin: 0 0 2.2rem } .medium { width: 100%; height: 100% } .without_box { padding: 0 0 2.8rem } .home_box_tabBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; width: 100%; height: 1.3rem; line-height: 2 } .activecc { border-bottom: 3px solid #16c4af; color: #16c4af; -webkit-transition: -webkit-transform .5s linear; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear, -webkit-transform .5s linear; -webkit-transform: translate(10px); transform: translate(10px) } .home_box_tabBox_list_title { font-size: 20px; padding: .1rem .5rem } .dropdown_box { display: block } .dropdown_boxdropdown { margin: 0 0 .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around } #tp-weather-widget .sw-typography { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 17px } .sw-card-bubble-close.sc-gipzik.gjqjck { position: absolute; right: 0; top: 0 } #tp-weather-widget .sw-card-bubble-background { background: #ecf0f2 } #tp-weather-widget .sw-ui-main-container { padding: 10px } #tp-weather-widget .sw-ui-main { background: #fff; border-radius: 16px; -webkit-box-shadow: 0 4px 6px 0 rgba(15, 37, 64, .1); box-shadow: 0 4px 6px 0 rgba(15, 37, 64, .1) } #tp-weather-widget .sw-ui-main-arc { background: -webkit-gradient(linear, right top, left top, from(violet), color-stop(indigo), color-stop(#00f), color-stop(green), color-stop(#ff0), color-stop(orange), to(red)); background: linear-gradient(270deg, violet, indigo, #00f, green, #ff0, orange, red); border: none } #tp-weather-widget .sw-ui-main-arc:after { position: absolute; display: block; top: 7px; left: 7px; width: 95%; height: 95%; content: ""; background-color: #fff; background-repeat: no-repeat; background-size: cover; border-radius: 50%; overflow: hidden; z-index: 1 } #tp-weather-widget .sw-ui-main-weatherIcon { z-index: 2 } #tp-weather-widget .sw-ui-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px } #tp-weather-widget .sw-ui-tile:before, .sw-ui-tile:after { content: none !important } #tp-weather-widget .sw-ui-tile-container { border-radius: 16px; background: #fff; width: 90%; -webkit-box-shadow: 0 4px 6px 0 rgba(15, 37, 64, .1); box-shadow: 0 4px 6px 0 rgba(15, 37, 64, .1) } #tp-weather-widget .sw-ui-carousel { margin-bottom: 16px; background: linear-gradient(-135deg, rgba(243, 185, 22, .419608), #d9e1dd); padding: 22px 0 } #tp-weather-widget .sw-ui-carousel-item .sw-ui-tile-container { border-radius: unset; background: unset; width: 100%; -webkit-box-shadow: unset; box-shadow: unset } #tp-weather-widget .sw-ui-carousel-item { border-radius: 16px; background: #edf1f3; -webkit-box-shadow: 0 4px 6px 0 rgba(15, 37, 64, .1); box-shadow: 0 4px 6px 0 rgba(15, 37, 64, .1) } #tp-weather-widget .sw-ui-chart { margin-bottom: 16px } #tp-weather-widget .sw-container { width: 150px; height: 80px; background: transparent; -webkit-box-shadow: none; box-shadow: none; z-index: 5; margin: -.3rem 0 0 -.2rem } #tp-weather-widget .sw-card-bubble-background { padding: 0 } #tp-weather-widget .sw-bar-bubble { width: 150px; height: 80px; display: block; padding: 0 } #tp-weather-widget .sw-bar-bubble-icon { position: absolute; top: -4px; left: 18px; z-index: 2; width: 48px; height: 48px } #tp-weather-widget .sw-bar-bubble-content { position: absolute; width: 150px; height: 60px; background: #ecf0f2; bottom: 0; z-index: 1; border-radius: 12px } #tp-weather-widget .sw-bar-bubble-location { position: absolute; left: 8px; top: 30px; width: 70px; text-align: center; font-size: 16px } #tp-weather-widget .sw-bar-bubble-temperature { position: absolute; top: 10px; left: 80px; font-size: 32px; font-weight: 700 } .weather_box { position: absolute; left: .05rem; top: .52rem; border: 1px solid #ecf0f2; width: 38%; height: 1.5rem; border-radius: 15px; background: #ecf0f2 } .dizhiBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; padding-top: .7rem } .weather_area { font-size: 18px; font-weight: 600 } .weather_temp { font-size: 20px } .weather_img { position: absolute; top: -.5rem; left: .1rem } #bottomNavigationFullScreen { position: fixed; bottom: 0; z-index: 9999; height: 60px; width: 100%; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .117647); box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .117647); background-color: #fff } .bottomNavigation_li_content { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .bottomNavigation_li_public_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 45px } .bottomNavigation_li_public_content img { height: 24px; width: 24px } .bottomNavigation_li_public_content div { position: relative; bottom: 3px } .no_select { font-size: 12px; color: #222 } @-webkit-keyframes select { 0% { font-size: 12px } 50% { font-size: 13px } to { font-size: 14px } } @keyframes select { 0% { font-size: 12px } 50% { font-size: 13px } to { font-size: 14px } } .select { -webkit-animation: select .6s; animation: select .6s; font-size: 14px; color: #2196f3 } .questions_box { background: #fafafa } .questions_box .questions_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .questions_box .questions_head_returnA { margin: .3rem 0 0 .5rem } .questions_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .questions_box .head_title { margin: 0 6.2rem 0 0; padding: .2rem 0 0 } .questions_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .questions_segment { width: 100%; border-bottom: 1px solid #bebbbb } .el-steps--simple { padding: 24px 8%; background: #fff } .botNext { height: 1.2rem; line-height: 1.2rem; color: #fff; font-size: 25px; background: #7dc3f1; position: fixed; bottom: 0; width: 100% } .el-tabs.el-tabs--card.el-tabs--top { background: #fff } .el-tabs--card>.el-tabs__header .el-tabs__nav { margin: 0 0 0 1rem } .ipt_box { background: #fff } .ipt_segmentA { border-top: 3.5px solid #e0dddd } .ipt_segmentB { border-bottom: 3.5px solid #e0dddd } .el-input--suffix .el-input__inner { margin: .2rem 0 } .radio_box { margin: .3rem 0 0 } .question_box { background: #fff; height: 17rem } .question_text { font-size: 20px; text-align: left; margin: .5rem 0 .5rem .8rem; font-weight: 600 } .questions_box .el-textarea { width: 85% } .questions_box .el-textarea__inner { height: 12.75rem; background: #fffcfc } .img_box { border: 1px solid #eeebeb; height: 1rem; width: 89%; margin: 0 auto; border-radius: 8px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) } .img_text { font-size: 20px; text-align: left; font-weight: 600; margin: 0 0 .5rem .5rem } .img_describe { font-size: 15px; line-height: 1rem } .img_image { width: .45rem; height: .45rem; vertical-align: text-bottom; display: inline-block; margin: 0 .35rem 0 0 } #pane-second { height: 18rem } .uploading_box { margin: .8rem 0 0 } .delBtn { width: 65%; height: 1.2rem; border-radius: 15px; border: 0; background: #ee6262; font-size: 20px; color: #fff; margin-top: .5rem } #pane-third { height: 18rem } .condition_text { font-size: 20px; text-align: left; margin: 0 0 .2rem .5rem; font-weight: 600 } .condition_ipt { width: 89% } .proportion_box { margin: 1rem 0 0 } .proportion_ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around } .proportion_li { word-wrap: break-word; border: 1px solid #a5a1a1; border-radius: 15px; height: 1.1rem; width: 2.5rem; font-size: 15px; line-height: 1.1rem; background: #f8f7f7 } .conditionA_box { margin: 1rem 0 0 } .condition_ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; margin-bottom: .3rem } .condition_li { border: 1px solid #a5a1a1; border-radius: 15px; height: 1.1rem; width: 2.5rem; font-size: 15px; line-height: 1.1rem; margin-bottom: .3rem; background: #f8f7f7 } .condition_ipt .el-textarea__inner { height: 1.5rem } .activeAAAA { border: 1px solid #409eff; color: #409eff } .questions_details_box { background: #fff } .questions_details_box .questions_details_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .questions_details_box .questions_details_head_returnA { position: absolute; left: .2rem; top: .35rem; z-index: 12 } .questions_details_head_returnA_img { width: .78rem; height: .78rem; margin: .1rem 0 0 } .questions_details_box .block { width: 100% } .questions_details_box .el-carousel__item h3 { color: #475669; font-size: 14px; opacity: .75; line-height: 150px; margin: 0 } .questions_details_box .el-carousel__item:nth-child(2n) { background-color: #99a9bf } .questions_details_box .el-carousel__item:nth-child(odd) { background-color: #d3dce6 } .questions_details_TAGBox { width: 95%; text-align: left; padding: .15rem 0 0 .3rem; margin: 0 auto } .questions_details_TAG { border: 1px solid #3f82ff; text-align: center; padding: 0 .25rem; border-radius: 2px; color: #3f82ff } .questions_details_TAGText { font-size: 17px } .questions_details_NameBox_image { width: .8rem; height: .8rem; border-radius: 55px } .questions_details_NameBox_text { line-height: .8rem; text-align: left; margin: 0 0 0 .2rem; color: #7c7878; font-size: 13px } .questions_details_NameBox { width: 65%; margin: .35rem 0 0 .5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .questions_details_NameBox, .questions_details_NameBox_box { display: -webkit-box; display: -ms-flexbox; display: flex } .questions_details_NameBox_time { line-height: .9rem; font-size: 13px; color: #7c7878; text-align: right; margin: -.01rem -2.35rem 0 0 } .questions_details_address { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: .35rem auto } .questions_details_address_addr { color: #5f5d5d; margin: .05rem 0 0 .35rem } .questions_details_address_img { width: .5rem; height: .5rem } .questions_details_details { border: 1px solid #faf8f8; border-radius: 10px; width: 90%; margin: 0 auto; background: #faf8f8 } .questions_details_details_li { margin: .2rem 0 0 .5rem } .questions_details_details_li_acreage, .questions_details_details_li_medicine, .questions_details_details_li_weather { font-size: 15px; font-weight: 600; text-align: left; color: #000 } .questions_details_details_li_acreageData, .questions_details_details_li_medicineData, .questions_details_details_li_weatherData { font-size: 13px; text-align: left } .main_leave_title_num { font-size: 13px; border: 1px solid #37d6b6; padding: 0 .15rem; border-radius: 9px 9px 9px 0; margin: 0 0 0 .2rem; color: #fff; background: #37d6b6; line-height: 2 } .questions_details_li { margin: 0 0 .5rem; padding: 0 0 .5rem; border-bottom: 1px solid #e0e0e0 } .questions_details_li_criticOne_text { font-size: 16px; width: 80%; margin: 0 0 0 2rem; text-align: left; color: #696767; font-weight: 550 } .questions_details_ulTwo { width: 80%; margin: .5rem 0 0 1.5rem } .questions_details_liTwo { border: 1px solid #fafcfb; background: #fafcfb; border-radius: 5px } .questions_details_li_criticTwo_text { font-size: 13px; margin: 0 0 0 1.5rem; text-align: justify } .Ipt { width: 120%; margin-top: .08rem } .bomIpt_box_chakan { display: -webkit-box; display: -ms-flexbox; display: flex; height: .5rem; margin: .3rem 0 0 1.5rem } .bomIpt_box_chakanImg { width: .5rem; height: .5rem } .bomIpt_box_chakanNum { margin: .1rem 0 0 .1rem } .bomIpt_box_shoucang { display: -webkit-box; display: -ms-flexbox; display: flex; height: .5rem; margin: .28rem 0 0 } .bomIpt_box_shoucangImg { width: .36rem; height: .36rem; margin: .05rem 0 0 } .bomIpt_box_shoucangImgA { width: .5rem; height: .5rem } .bomIpt_box_shoucangNum { margin: .1rem 0 0 .1rem } .fieldsShow_box { background: #fff } .fieldsShow_box .fieldsShow_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .fieldsShow_box .fieldsShow_head_returnA { margin: .3rem 0 0 .5rem } .fieldsShow_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .fieldsShow_box .head_title { margin: 0 4.2rem 0 0; padding: .2rem 0 0; width: 100% } .fieldsShow_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .fieldsShow_box .el-textarea__inner { background: #fbfbfb; border-radius: 0; border-right: 1px solid #fbfbfb; border-left: 1px solid #fbfbfb; color: #adadad } .fieldsShow_IptNum { color: #1245c5; font-size: 15px; font-weight: 600; position: absolute; right: .5rem; top: 6rem } .fieldsShow_box .delBtn { width: 65%; height: 1.2rem; border-radius: 15px; border: 0; background: #ee6262; font-size: 20px; color: #fff; margin-top: .5rem } .el-message-box { width: 375px } .el-message-box__wrapper { top: 6rem } .el-icon-delete:before { font-size: 0 } .el-dialog { width: 100% } .field_details_box { background: #fff } .field_details_box .field_details_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .field_details_box .field_details_head_returnA { position: absolute; left: .2rem; top: .35rem; z-index: 12 } .field_details_head_returnA_img { width: .78rem; height: .78rem; margin: .1rem 0 0 } .field_details_box .el-carousel--horizontal { height: 9rem } .field_details_box .el-carousel__arrow--left, .field_details_box .el-carousel__arrow--right { top: 4.5rem } .field_details_box .el-carousel__arrow { width: 50px; height: 50px } .field_details_box [class*=" el-icon-"], [class^=el-icon-] { font-size: 20px } .field_details_box .block { width: 100% } .field_details_box .el-carousel__item h3 { color: #475669; font-size: 14px; opacity: .75; line-height: 150px; margin: 0 } .field_details_box .el-carousel__item:nth-child(2n) { background-color: #99a9bf; height: 9rem } .field_details_box .el-carousel__item:nth-child(odd) { background-color: #d3dce6; height: 9rem } .field_details_main { position: absolute; top: 8.5rem; left: 0; width: 100%; border-radius: 25px 25px 0 0; background-color: #fefefe; z-index: 5 } .field_details_TAGBox { width: 95%; text-align: left; padding: .5rem 0 0 .3rem; margin: 0 auto } .field_details_TAG { border: 1px solid #3f82ff; text-align: center; padding: 0 .25rem; border-radius: 2px; color: #3f82ff } .field_details_TAGText { font-size: 17px; word-wrap: break-word } .field_details_NameBox_image { width: .8rem; height: .8rem; border-radius: 55px } .field_details_NameBox_text { line-height: .8rem; text-align: left; margin: .05rem 0 0 .2rem; color: rgba(252, 249, 249, .8); font-size: 18px } .field_details_NameBox { width: 65%; margin: .35rem 0 0 .5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .field_details_NameBox_boxA { position: absolute; left: 1.2rem; top: .45rem; z-index: 3 } .field_details_NameBox_box { display: -webkit-box; display: -ms-flexbox; display: flex } .field_details_NameBox_time { line-height: .9rem; font-size: 13px; color: #7c7878; text-align: left } .field_details_address { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: .35rem auto } .field_details_address_addr { color: #5f5d5d; margin: .05rem 0 0 .35rem } .field_details_address_img { width: .5rem; height: .5rem } .main_leave_title { margin: 0 0 0 .5rem } .field_details_li { margin: 0 0 .5rem; padding: 0 0 .5rem; border-bottom: 1px solid #e0e0e0 } .criticOne_profile { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .criticOne_profile, .profile_box { display: -webkit-box; display: -ms-flexbox; display: flex } .profile_img { width: 1.3rem; height: 1.3rem; border-radius: 55px; margin: .3rem 0 0 .5rem } .profile_name { line-height: 4; font-size: 15px; font-weight: 600; color: #292929; margin-left: .2rem } .give_box { display: -webkit-box; display: -ms-flexbox; display: flex; height: .5rem; margin: .5rem .3rem 0 0 } .give_img { width: .5rem; height: .5rem } .give_text { font-size: 15px; margin: .1rem 0 0 .35rem; color: #194795; height: .5rem } .field_details_li_criticOne_text { font-size: 16px; width: 80%; margin: 0 0 0 2rem; text-align: left; color: #696767; font-weight: 550 } .reply_time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 80%; margin: .3rem 0 0 2rem } .time_text { color: #807f7f } .reply_btn { color: #194795; font-size: 13px; margin: 0 .45rem 0 0 } .field_details_ulTwo { width: 80%; margin: .5rem 0 0 1.5rem } .field_details_liTwo { border: 1px solid #fafcfb; background: #fafcfb; border-radius: 5px } .criticTwo_profile { display: -webkit-box; display: -ms-flexbox; display: flex } .profileTwo_img { width: .9rem; height: .9rem; border-radius: 55px; margin: .3rem 0 0 .5rem } .profileTwo_name { line-height: 5; font-size: 13px; font-weight: 600; color: #292929; margin-left: .2rem } .field_details_li_criticTwo_text { font-size: 13px; margin: 0 0 0 1.5rem; text-align: justify } .reply_timeTwo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 80%; margin: .3rem 0 0 1.5rem; padding: 0 0 .2rem; border-bottom: 1px solid #e0e0e0 } .time_textTwo { color: #807f7f } .reply_btnTwo { color: #194795; font-size: 13px; margin: 0 .45rem 0 0 } .bomIpt_box { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; height: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; position: fixed; left: 0; bottom: 0; background: #fff } .Ipt { outline: 0; border-radius: 25px; border: 1px solid #ddd; height: .8rem; width: 95%; margin: .08rem 5rem 0 0; padding: 0 0 0 .5rem; background: #fbfbfb } .hidIpt_box { width: 100%; height: 1.8rem; position: fixed; left: 0; bottom: 0 } .hidIpt_box_ipt { width: 99%; height: 100%; outline: 0 } .hidIpt_box_btn { position: absolute; right: .5rem; bottom: .25rem; background: #507ae6; border: none; color: #fff; border-radius: 5px; padding: 5px 10px } .without_img { margin: 0 auto } .without_text { font-size: 15px; margin: -1.5rem auto; color: #8a8a8a } .message_list_box { background: #fff } .message_list_box .message_list_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .message_list_box .message_list_head_returnA { margin: .3rem 0 0 .5rem } .message_list_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .message_list_box .head_title { margin: 0 4.2rem 0 0; padding: .2rem 0 0; width: 100% } .message_list_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .head_readBox { width: 80%; margin: .4rem .4rem 0 0 } .read { color: #16c4af } .read_del { color: #e23e0c } .read, .read_del { font-size: 13px } .message_list_main { background: #f1f1f1 } .message_list_main_ul { padding: .5rem 0 0 } .message_list_main_li { width: 90%; margin: .35rem auto; border: 1px solid #fff; border-radius: 5px; background: #fff; position: relative } .message_list_main_li_timeBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around } .message_list_main_li_biaoshi { font-size: 15px; margin-top: .5rem } .message_list_main_li_time { margin-top: .6rem; color: #7b7575 } .message_list_main_li_neirong { text-align: left; margin: .2rem 0 .5rem 1.15rem; font-size: 13px; color: #7b7575 } .yuandian_box { position: absolute; right: .4rem; top: .3rem } .yuandian_box_img { width: .35rem; height: .35rem } .addData_box { background: #fff } .addData_box .addData_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .addData_box .addData_head_returnA { margin: .3rem 0 0 .5rem } .addData_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .addData_box .head_title { margin: 0 6.2rem 0 0; padding: .2rem 0 0; width: 100% } .addData_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .addData_segment { width: 100%; border-bottom: 1px solid #bebbbb } .addData_box .radio_box { border-bottom: 1px solid #bebbbb; margin: .3rem 0 0; padding: 0 0 .3rem } .addData_box .course_box, .addData_box .insectName_box { margin: .2rem 0; position: relative } .addData_box .course_num { top: 3.2rem } .addData_box .course_num, .addData_box .insectName_num { position: absolute; right: .5rem; color: #1245c5; font-size: 15px; font-weight: 600 } .addData_box .insectName_num { top: 4.5rem } .addData_box .el-textarea__inner { background: #fbfbfb; border-radius: 0; border-right: 1px solid #fbfbfb; border-left: 1px solid #fbfbfb; color: #adadad } .addData_IptNum { color: #1245c5; font-size: 15px; font-weight: 600; position: absolute; right: .5rem; top: 8rem } .orientationAddr_box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .3rem } .orientationAddr_img { width: .65rem; height: .65rem } .orientationAddr_text { font-size: 15px; margin: .1rem 0 0 .2rem; color: #646464 } .el-upload--picture-card { margin-top: .35rem } .addData_box .delBtn { width: 65%; height: 1.2rem; border-radius: 15px; border: 0; background: #ee6262; font-size: 20px; color: #fff; margin: .5rem 0 1.5rem } .bomNextBtn { width: 100%; height: 1.2rem; position: fixed; bottom: 0; left: 0; font-size: 23px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#4472fb), to(#2e77fa)); border: 0; color: #e6ffff } [v-cloak] { display: none !important } .addData_details_box { background: #fff } .addData_details_box .addData_details_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .addData_details_box .addData_details_head_returnA { position: absolute; left: .2rem; top: .35rem; z-index: 12 } .addData_details_head_returnA_img { width: .78rem; height: .78rem; margin: .1rem 0 0 } .addData_details_box .el-carousel--horizontal { height: 9rem } .addData_details_box .el-carousel__arrow--left, .addData_details_box .el-carousel__arrow--right { top: 4.5rem } .addData_details_box .el-carousel__arrow { width: 50px; height: 50px } .addData_details_box [class*=" el-icon-"], [class^=el-icon-] { font-size: 20px } .addData_details_box .block, .lunboImg { width: 100% } .lunboImg { height: 100% } .addData_details_box .el-carousel__item h3 { color: #475669; font-size: 14px; opacity: .75; line-height: 150px; margin: 0 } .addData_details_box .el-carousel__item:nth-child(2n) { background-color: #99a9bf; height: 9rem } .addData_details_box .el-carousel__item:nth-child(odd) { background-color: #d3dce6; height: 9rem } .amplification_ul { z-index: 500; position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, .8) } .amplification_li_off { z-index: 880; position: absolute; right: .5rem; top: .5rem; font-size: 30px; color: #fff } .amplification_li_img { width: 100%; margin: 50% auto } .addData_details_main { position: absolute; top: 8.5rem; left: 0; width: 100%; border-radius: 25px 25px 0 0; background-color: #fefefe; z-index: 5 } .el-carousel__indicators--horizontal { bottom: 11% } .addData_details_TAGBox { width: 95%; text-align: left; padding: .5rem 0 0 .3rem; margin: 0 auto } .addData_details_TAG { border: 1px solid #3f82ff; text-align: center; padding: 0 .25rem; border-radius: 2px; color: #3f82ff } .addData_details_TAGText { font-size: 17px } .addData_details_NameBox_image { width: .8rem; height: .8rem; border-radius: 55px } .addData_details_NameBox_text { line-height: .8rem; text-align: left; margin: .05rem 0 0 .2rem; color: rgba(252, 249, 249, .8); font-size: 18px } .addData_details_NameBox { width: 65%; margin: .35rem 0 0 .5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .addData_details_NameBox_time { line-height: .9rem; font-size: 13px; color: #7c7878; text-align: left } .addData_details_address { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: .35rem auto } .addData_details_address_addr { color: #5f5d5d; margin: 0 0 0 .35rem; font-size: 15px } .addData_details_address_img { width: .5rem; height: .5rem } .main_basisData_wire { margin: .5rem 0 0; border: 2px solid #faf8f8 } .main_leave { padding: .5rem 0 0; margin: 0 0 1rem } .main_leave_title_box { display: -webkit-box; display: -ms-flexbox; display: flex } .main_leave_title { font-size: 20px; font-weight: 600; text-align: left; padding: 0 0 0 .5rem; width: 100%; border-bottom: 1px solid #e0e0e0 } .reply { margin: .5rem 0 0 } .addData_details_li { width: 95%; margin: 0 auto; font-size: 15px; text-align: left; text-indent: 2em; word-wrap: break-word } .person_box { background: #fff } .person_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .person_head_naphbj { padding: .2rem 0 0 } .person_head_name { font-size: 20px; font-weight: 550; text-align: left; margin: 0 0 0 .5rem } .person_head_phone { font-size: 18px; color: #6c6e6d; text-align: left; margin: .2rem 0 0 .5rem } .person_head_editor { font-size: 14px; color: #6c6e6d; text-align: left; margin: .2rem 0 0 .55rem } .person_head_imageBox { height: 100%; border-radius: 55px; margin: .65rem .5rem 0 0 } .person_head_imageBox_img { width: 1.5rem; height: 1.5rem; border-radius: 55px } .gatherInsect_box { border-radius: 10px; height: 1.5rem; background: #45f6cc; margin: .5rem auto; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } .gatherInsect_box_insect { width: .7rem; height: .7rem; margin: .35rem 0 0 } .gatherInsect_box_title { font-size: 20px; font-weight: 550; margin: .4rem 0 0; color: #fff } .gatherInsect_box_hot { width: .95rem; height: .95rem; margin: .25rem 0 0 } .person_box_ul { border-top: 10px solid #efefef; background: #fff } .person_box_list { width: 90%; margin: 0 auto; border-bottom: 1px solid #efefef; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .person_box_list_text { font-size: 18px; text-align: left; margin: 0 0 0 .5rem; padding: .6rem 0 } .person_box_list_image { width: .8rem; height: .8rem; margin: .5rem .5rem 0 0 } .el-message-box { width: 80%; margin: -80% 0 0 } .versions_updateHistory_box { background: #fff } .versions_updateHistory_box .versions_updateHistory_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .versions_updateHistory_box .versions_updateHistory_head_returnA { margin: .3rem 0 0 .5rem } .versions_updateHistory_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .versions_updateHistory_box .head_title { margin: 0 3.2rem 0 0; padding: .2rem 0 0; width: 100% } .versions_updateHistory_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .versions_updateHistory_segment { width: 100%; border-bottom: 1px solid #bebbbb; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) } .versions_updateHistory_box_ul { width: 95%; margin: 0 auto } .versions_updateHistory_box_li { border-bottom: 1px solid #e9ebea; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .versions_updateHistory_box_liBox { margin: 0 0 0 .65rem; padding: .35rem 0 } .versions_updateHistory_box_liImage { width: .8rem; height: .8rem; margin: .5rem 0 0 } .versions_updateHistory_box_liText { font-size: #000; font-size: 15px; text-align: left; font-weight: 550 } .versions_updateHistory_box_liTime { font-size: 13px; margin-top: .2rem; text-align: left; color: #9ca19f } .mask_layer { width: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .8) } .versions_updateHistory_box_popUp { border: 1px solid #000; width: 90%; margin: 0 auto; background: #fff; position: absolute; top: 20%; left: 5% } .versions_updateHistory_box_popUp_box { border-top: 1px solid #868484; border-bottom: 1px solid #868484; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .versions_updateHistory_box_popUp_box_title { font-size: 18px; text-align: left; font-weight: 600; margin: 0 auto; padding: .2rem 0 } .versions_updateHistory_box_popUp_box_image { width: .65rem; height: .65rem; margin: .2rem .2rem 0 .5rem } .versions_updateHistory_box_popUp_box_content { font-size: 15px; text-indent: 2em; text-align: left; width: 95%; margin: .15rem auto } .versions_updateHistory_box_zanwu { margin: 30% 0 0 } .versions_updateHistory_box_zanwu_img { margin: 0 auto } .versions_updateHistory_box_zanwu_text { font-size: 30px; letter-spacing: 5px; font-weight: 600; color: #bfbfbf; margin: .5rem 0 0 } .mapShow_box { position: relative } .mapShow_box .map { width: 100%; height: 400px } .loading_boxA { z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; background-color: hsla(0, 0%, 100%, .8) } .loading_boxA_div { margin: 60% 0 0 } .loadingA_text { color: #60d0a0; font-size: 25px } .loading_gif { margin: 0 auto } .share_box { background: #fafafa } .share_box .share_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .share_box .share_head_returnA { margin: .3rem 0 0 .5rem } .share_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .share_box .head_title { margin: 0 6.2rem 0 0; padding: .2rem 0 0 } .share_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .share_segment { width: 100%; border-bottom: 1px solid #bebbbb } .code_box { margin-top: 2.5rem } .code_box_img { margin: 0 auto } li, ul { list-style: none } .help_box { background: #fafafa } .help_box .help_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 1.5rem; background: #fff } .help_box .help_head_returnA { margin: .3rem 0 0 .5rem } .help_head_returnA_img { width: .5rem; height: .5rem; margin: .1rem 0 0 } .help_box .head_title { margin: 0 6.2rem 0 0; padding: .2rem 0 0 } .help_box .head_title_text { font-size: 25px; font-weight: 500; margin: 0 auto } .help_segment { width: 100%; border-bottom: 1px solid #bebbbb } .help_mainVersions { margin-top: .8rem; background: #fff } .help_mainVersions_img { padding: .5rem 0 0; width: 1.8rem; height: 1.8rem; margin: 0 auto } .help_mainVersionsText { font-size: 15px; font-weight: 550; line-height: 3 } .company_box { background: #fff; font-size: 15px; padding: 5%; width: 90%; margin: .5rem auto; text-align: left; text-indent: 2em; color: #2b2b2b } .official { padding: 5% 0; background: #fff; font-size: 13px; color: #777272 } .btmImg_box { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; padding: 0 0 .4rem } .btmImg { width: 35% } .btmImg_box_text { text-align: left; text-indent: 2em; font-size: 13px; line-height: 2; margin: 1.5rem 0 0 } .el-pagination--small .arrow.disabled, .el-table--hidden, .el-table .hidden-columns, .el-table td.is-hidden>*, .el-table th.is-hidden>* { visibility: hidden } .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), .el-message__closeBtn:focus, .el-message__content:focus, .el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing), .el-rate:active, .el-rate:focus, .el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing), .el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus { outline-width: 0 } .el-input__suffix, .el-tree.is-dragging .el-tree-node__content * { pointer-events: none } @font-face { font-family: element-icons; src: url(../../static/fonts/element-icons.535877f.woff) format("woff"), url(../../static/fonts/element-icons.732389d.ttf) format("truetype"); font-weight: 400; font-display: "auto"; font-style: normal } [class*=" el-icon-"], [class^=el-icon-] { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .el-icon-ice-cream-round:before { content: "\E6A0" } .el-icon-ice-cream-square:before { content: "\E6A3" } .el-icon-lollipop:before { content: "\E6A4" } .el-icon-potato-strips:before { content: "\E6A5" } .el-icon-milk-tea:before { content: "\E6A6" } .el-icon-ice-drink:before { content: "\E6A7" } .el-icon-ice-tea:before { content: "\E6A9" } .el-icon-coffee:before { content: "\E6AA" } .el-icon-orange:before { content: "\E6AB" } .el-icon-pear:before { content: "\E6AC" } .el-icon-apple:before { content: "\E6AD" } .el-icon-cherry:before { content: "\E6AE" } .el-icon-watermelon:before { content: "\E6AF" } .el-icon-grape:before { content: "\E6B0" } .el-icon-refrigerator:before { content: "\E6B1" } .el-icon-goblet-square-full:before { content: "\E6B2" } .el-icon-goblet-square:before { content: "\E6B3" } .el-icon-goblet-full:before { content: "\E6B4" } .el-icon-goblet:before { content: "\E6B5" } .el-icon-cold-drink:before { content: "\E6B6" } .el-icon-coffee-cup:before { content: "\E6B8" } .el-icon-water-cup:before { content: "\E6B9" } .el-icon-hot-water:before { content: "\E6BA" } .el-icon-ice-cream:before { content: "\E6BB" } .el-icon-dessert:before { content: "\E6BC" } .el-icon-sugar:before { content: "\E6BD" } .el-icon-tableware:before { content: "\E6BE" } .el-icon-burger:before { content: "\E6BF" } .el-icon-knife-fork:before { content: "\E6C1" } .el-icon-fork-spoon:before { content: "\E6C2" } .el-icon-chicken:before { content: "\E6C3" } .el-icon-food:before { content: "\E6C4" } .el-icon-dish-1:before { content: "\E6C5" } .el-icon-dish:before { content: "\E6C6" } .el-icon-moon-night:before { content: "\E6EE" } .el-icon-moon:before { content: "\E6F0" } .el-icon-cloudy-and-sunny:before { content: "\E6F1" } .el-icon-partly-cloudy:before { content: "\E6F2" } .el-icon-cloudy:before { content: "\E6F3" } .el-icon-sunny:before { content: "\E6F6" } .el-icon-sunset:before { content: "\E6F7" } .el-icon-sunrise-1:before { content: "\E6F8" } .el-icon-sunrise:before { content: "\E6F9" } .el-icon-heavy-rain:before { content: "\E6FA" } .el-icon-lightning:before { content: "\E6FB" } .el-icon-light-rain:before { content: "\E6FC" } .el-icon-wind-power:before { content: "\E6FD" } .el-icon-baseball:before { content: "\E712" } .el-icon-soccer:before { content: "\E713" } .el-icon-football:before { content: "\E715" } .el-icon-basketball:before { content: "\E716" } .el-icon-ship:before { content: "\E73F" } .el-icon-truck:before { content: "\E740" } .el-icon-bicycle:before { content: "\E741" } .el-icon-mobile-phone:before { content: "\E6D3" } .el-icon-service:before { content: "\E6D4" } .el-icon-key:before { content: "\E6E2" } .el-icon-unlock:before { content: "\E6E4" } .el-icon-lock:before { content: "\E6E5" } .el-icon-watch:before { content: "\E6FE" } .el-icon-watch-1:before { content: "\E6FF" } .el-icon-timer:before { content: "\E702" } .el-icon-alarm-clock:before { content: "\E703" } .el-icon-map-location:before { content: "\E704" } .el-icon-delete-location:before { content: "\E705" } .el-icon-add-location:before { content: "\E706" } .el-icon-location-information:before { content: "\E707" } .el-icon-location-outline:before { content: "\E708" } .el-icon-location:before { content: "\E79E" } .el-icon-place:before { content: "\E709" } .el-icon-discover:before { content: "\E70A" } .el-icon-first-aid-kit:before { content: "\E70B" } .el-icon-trophy-1:before { content: "\E70C" } .el-icon-trophy:before { content: "\E70D" } .el-icon-medal:before { content: "\E70E" } .el-icon-medal-1:before { content: "\E70F" } .el-icon-stopwatch:before { content: "\E710" } .el-icon-mic:before { content: "\E711" } .el-icon-copy-document:before { content: "\E718" } .el-icon-full-screen:before { content: "\E719" } .el-icon-switch-button:before { content: "\E71B" } .el-icon-aim:before { content: "\E71C" } .el-icon-crop:before { content: "\E71D" } .el-icon-odometer:before { content: "\E71E" } .el-icon-time:before { content: "\E71F" } .el-icon-bangzhu:before { content: "\E724" } .el-icon-close-notification:before { content: "\E726" } .el-icon-microphone:before { content: "\E727" } .el-icon-turn-off-microphone:before { content: "\E728" } .el-icon-position:before { content: "\E729" } .el-icon-postcard:before { content: "\E72A" } .el-icon-message:before { content: "\E72B" } .el-icon-chat-line-square:before { content: "\E72D" } .el-icon-chat-dot-square:before { content: "\E72E" } .el-icon-chat-dot-round:before { content: "\E72F" } .el-icon-chat-square:before { content: "\E730" } .el-icon-chat-line-round:before { content: "\E731" } .el-icon-chat-round:before { content: "\E732" } .el-icon-set-up:before { content: "\E733" } .el-icon-turn-off:before { content: "\E734" } .el-icon-open:before { content: "\E735" } .el-icon-connection:before { content: "\E736" } .el-icon-link:before { content: "\E737" } .el-icon-cpu:before { content: "\E738" } .el-icon-thumb:before { content: "\E739" } .el-icon-female:before { content: "\E73A" } .el-icon-male:before { content: "\E73B" } .el-icon-guide:before { content: "\E73C" } .el-icon-news:before { content: "\E73E" } .el-icon-price-tag:before { content: "\E744" } .el-icon-discount:before { content: "\E745" } .el-icon-wallet:before { content: "\E747" } .el-icon-coin:before { content: "\E748" } .el-icon-money:before { content: "\E749" } .el-icon-bank-card:before { content: "\E74A" } .el-icon-box:before { content: "\E74B" } .el-icon-present:before { content: "\E74C" } .el-icon-sell:before { content: "\E6D5" } .el-icon-sold-out:before { content: "\E6D6" } .el-icon-shopping-bag-2:before { content: "\E74D" } .el-icon-shopping-bag-1:before { content: "\E74E" } .el-icon-shopping-cart-2:before { content: "\E74F" } .el-icon-shopping-cart-1:before { content: "\E750" } .el-icon-shopping-cart-full:before { content: "\E751" } .el-icon-smoking:before { content: "\E752" } .el-icon-no-smoking:before { content: "\E753" } .el-icon-house:before { content: "\E754" } .el-icon-table-lamp:before { content: "\E755" } .el-icon-school:before { content: "\E756" } .el-icon-office-building:before { content: "\E757" } .el-icon-toilet-paper:before { content: "\E758" } .el-icon-notebook-2:before { content: "\E759" } .el-icon-notebook-1:before { content: "\E75A" } .el-icon-files:before { content: "\E75B" } .el-icon-collection:before { content: "\E75C" } .el-icon-receiving:before { content: "\E75D" } .el-icon-suitcase-1:before { content: "\E760" } .el-icon-suitcase:before { content: "\E761" } .el-icon-film:before { content: "\E763" } .el-icon-collection-tag:before { content: "\E765" } .el-icon-data-analysis:before { content: "\E766" } .el-icon-pie-chart:before { content: "\E767" } .el-icon-data-board:before { content: "\E768" } .el-icon-data-line:before { content: "\E76D" } .el-icon-reading:before { content: "\E769" } .el-icon-magic-stick:before { content: "\E76A" } .el-icon-coordinate:before { content: "\E76B" } .el-icon-mouse:before { content: "\E76C" } .el-icon-brush:before { content: "\E76E" } .el-icon-headset:before { content: "\E76F" } .el-icon-umbrella:before { content: "\E770" } .el-icon-scissors:before { content: "\E771" } .el-icon-mobile:before { content: "\E773" } .el-icon-attract:before { content: "\E774" } .el-icon-monitor:before { content: "\E775" } .el-icon-search:before { content: "\E778" } .el-icon-takeaway-box:before { content: "\E77A" } .el-icon-paperclip:before { content: "\E77D" } .el-icon-printer:before { content: "\E77E" } .el-icon-document-add:before { content: "\E782" } .el-icon-document:before { content: "\E785" } .el-icon-document-checked:before { content: "\E786" } .el-icon-document-copy:before { content: "\E787" } .el-icon-document-delete:before { content: "\E788" } .el-icon-document-remove:before { content: "\E789" } .el-icon-tickets:before { content: "\E78B" } .el-icon-folder-checked:before { content: "\E77F" } .el-icon-folder-delete:before { content: "\E780" } .el-icon-folder-remove:before { content: "\E781" } .el-icon-folder-add:before { content: "\E783" } .el-icon-folder-opened:before { content: "\E784" } .el-icon-folder:before { content: "\E78A" } .el-icon-edit-outline:before { content: "\E764" } .el-icon-edit:before { content: "\E78C" } .el-icon-date:before { content: "\E78E" } .el-icon-c-scale-to-original:before { content: "\E7C6" } .el-icon-view:before { content: "\E6CE" } .el-icon-loading:before { content: "\E6CF" } .el-icon-rank:before { content: "\E6D1" } .el-icon-sort-down:before { content: "\E7C4" } .el-icon-sort-up:before { content: "\E7C5" } .el-icon-sort:before { content: "\E6D2" } .el-icon-finished:before { content: "\E6CD" } .el-icon-refresh-left:before { content: "\E6C7" } .el-icon-refresh-right:before { content: "\E6C8" } .el-icon-refresh:before { content: "\E6D0" } .el-icon-video-play:before { content: "\E7C0" } .el-icon-video-pause:before { content: "\E7C1" } .el-icon-d-arrow-right:before { content: "\E6DC" } .el-icon-d-arrow-left:before { content: "\E6DD" } .el-icon-arrow-up:before { content: "\E6E1" } .el-icon-arrow-down:before { content: "\E6DF" } .el-icon-arrow-right:before { content: "\E6E0" } .el-icon-arrow-left:before { content: "\E6DE" } .el-icon-top-right:before { content: "\E6E7" } .el-icon-top-left:before { content: "\E6E8" } .el-icon-top:before { content: "\E6E6" } .el-icon-bottom:before { content: "\E6EB" } .el-icon-right:before { content: "\E6E9" } .el-icon-back:before { content: "\E6EA" } .el-icon-bottom-right:before { content: "\E6EC" } .el-icon-bottom-left:before { content: "\E6ED" } .el-icon-caret-top:before { content: "\E78F" } .el-icon-caret-bottom:before { content: "\E790" } .el-icon-caret-right:before { content: "\E791" } .el-icon-caret-left:before { content: "\E792" } .el-icon-d-caret:before { content: "\E79A" } .el-icon-share:before { content: "\E793" } .el-icon-menu:before { content: "\E798" } .el-icon-s-grid:before { content: "\E7A6" } .el-icon-s-check:before { content: "\E7A7" } .el-icon-s-data:before { content: "\E7A8" } .el-icon-s-opportunity:before { content: "\E7AA" } .el-icon-s-custom:before { content: "\E7AB" } .el-icon-s-claim:before { content: "\E7AD" } .el-icon-s-finance:before { content: "\E7AE" } .el-icon-s-comment:before { content: "\E7AF" } .el-icon-s-flag:before { content: "\E7B0" } .el-icon-s-marketing:before { content: "\E7B1" } .el-icon-s-shop:before { content: "\E7B4" } .el-icon-s-open:before { content: "\E7B5" } .el-icon-s-management:before { content: "\E7B6" } .el-icon-s-ticket:before { content: "\E7B7" } .el-icon-s-release:before { content: "\E7B8" } .el-icon-s-home:before { content: "\E7B9" } .el-icon-s-promotion:before { content: "\E7BA" } .el-icon-s-operation:before { content: "\E7BB" } .el-icon-s-unfold:before { content: "\E7BC" } .el-icon-s-fold:before { content: "\E7A9" } .el-icon-s-platform:before { content: "\E7BD" } .el-icon-s-order:before { content: "\E7BE" } .el-icon-s-cooperation:before { content: "\E7BF" } .el-icon-bell:before { content: "\E725" } .el-icon-message-solid:before { content: "\E799" } .el-icon-video-camera:before { content: "\E772" } .el-icon-video-camera-solid:before { content: "\E796" } .el-icon-camera:before { content: "\E779" } .el-icon-camera-solid:before { content: "\E79B" } .el-icon-download:before { content: "\E77C" } .el-icon-upload2:before { content: "\E77B" } .el-icon-upload:before { content: "\E7C3" } .el-icon-picture-outline-round:before { content: "\E75F" } .el-icon-picture-outline:before { content: "\E75E" } .el-icon-picture:before { content: "\E79F" } .el-icon-close:before { content: "\E6DB" } .el-icon-check:before { content: "\E6DA" } .el-icon-plus:before { content: "\E6D9" } .el-icon-minus:before { content: "\E6D8" } .el-icon-help:before { content: "\E73D" } .el-icon-s-help:before { content: "\E7B3" } .el-icon-circle-close:before { content: "\E78D" } .el-icon-circle-check:before { content: "\E720" } .el-icon-circle-plus-outline:before { content: "\E723" } .el-icon-remove-outline:before { content: "\E722" } .el-icon-zoom-out:before { content: "\E776" } .el-icon-zoom-in:before { content: "\E777" } .el-icon-error:before { content: "\E79D" } .el-icon-success:before { content: "\E79C" } .el-icon-circle-plus:before { content: "\E7A0" } .el-icon-remove:before { content: "\E7A2" } .el-icon-info:before { content: "\E7A1" } .el-icon-question:before { content: "\E7A4" } .el-icon-warning-outline:before { content: "\E6C9" } .el-icon-warning:before { content: "\E7A3" } .el-icon-goods:before { content: "\E7C2" } .el-icon-s-goods:before { content: "\E7B2" } .el-icon-star-off:before { content: "\E717" } .el-icon-star-on:before { content: "\E797" } .el-icon-more-outline:before { content: "\E6CC" } .el-icon-more:before { content: "\E794" } .el-icon-phone-outline:before { content: "\E6CB" } .el-icon-phone:before { content: "\E795" } .el-icon-user:before { content: "\E6E3" } .el-icon-user-solid:before { content: "\E7A5" } .el-icon-setting:before { content: "\E6CA" } .el-icon-s-tools:before { content: "\E7AC" } .el-icon-delete:before { content: "\E6D7" } .el-icon-delete-solid:before { content: "\E7C9" } .el-icon-eleme:before { content: "\E7C7" } .el-icon-platform-eleme:before { content: "\E7CA" } .el-icon-loading { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite } .el-icon--right { margin-left: 5px } .el-icon--left { margin-right: 5px } @-webkit-keyframes rotating { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes rotating { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .el-pagination { white-space: nowrap; padding: 2px 5px; color: #303133; font-weight: 700 } .el-pagination:after, .el-pagination:before { display: table; content: "" } .el-pagination:after { clear: both } .el-pagination button, .el-pagination span:not([class*=suffix]) { display: inline-block; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box } .el-pagination .el-input__inner { text-align: center; -moz-appearance: textfield; line-height: normal } .el-pagination .el-input__suffix { right: 0; -webkit-transform: scale(.8); transform: scale(.8) } .el-pagination .el-select .el-input { width: 100px; margin: 0 5px } .el-pagination .el-select .el-input .el-input__inner { padding-right: 25px; border-radius: 3px } .el-pagination button { border: none; padding: 0 6px; background: 0 0 } .el-pagination button:focus { outline: 0 } .el-pagination button:hover { color: #409eff } .el-pagination button:disabled { color: #c0c4cc; background-color: #fff; cursor: not-allowed } .el-pagination .btn-next, .el-pagination .btn-prev { background: 50% no-repeat #fff; background-size: 16px; cursor: pointer; margin: 0; color: #303133 } .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon { display: block; font-size: 12px; font-weight: 700 } .el-pagination .btn-prev { padding-right: 12px } .el-pagination .btn-next { padding-left: 12px } .el-pagination .el-pager li.disabled { color: #c0c4cc; cursor: not-allowed } .el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover { cursor: pointer } .el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; line-height: 22px; height: 22px; min-width: 22px } .el-pagination--small .more:before, .el-pagination--small li.more:before { line-height: 24px } .el-pagination--small button, .el-pagination--small span:not([class*=suffix]) { height: 22px; line-height: 22px } .el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px } .el-pagination__sizes { margin: 0 10px 0 0; font-weight: 400; color: #606266 } .el-pagination__sizes .el-input .el-input__inner { font-size: 13px; padding-left: 8px } .el-pagination__sizes .el-input .el-input__inner:hover { border-color: #409eff } .el-pagination__total { margin-right: 10px; font-weight: 400; color: #606266 } .el-pagination__jump { margin-left: 24px; font-weight: 400; color: #606266 } .el-pagination__jump .el-input__inner { padding: 0 3px } .el-pagination__rightwrapper { float: right } .el-pagination__editor { line-height: 18px; padding: 0 2px; height: 28px; text-align: center; margin: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px } .el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { padding: 0 } .el-pagination__editor.el-input { width: 50px } .el-pagination__editor.el-input .el-input__inner { height: 28px } .el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { margin: 0 5px; background-color: #f4f4f5; color: #606266; min-width: 30px; border-radius: 2px } .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled { color: #c0c4cc } .el-pagination.is-background .el-pager li:not(.disabled):hover { color: #409eff } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #409eff; color: #fff } .el-dialog, .el-pager li { background: #fff; -webkit-box-sizing: border-box } .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0 3px; min-width: 22px } .el-pager, .el-pager li { vertical-align: top; margin: 0; display: inline-block } .el-pager { -moz-user-select: none; user-select: none; list-style: none; font-size: 0 } .el-date-table, .el-pager, .el-table th { -webkit-user-select: none; -ms-user-select: none } .el-pager .more:before { line-height: 30px } .el-pager li { padding: 0 4px; font-size: 13px; min-width: 35.5px; height: 28px; line-height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center } .el-menu--collapse .el-menu .el-submenu, .el-menu--popup { min-width: 200px } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px; color: #303133 } .el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled { color: #c0c4cc } .el-pager li.active+li { border-left: 0 } .el-pager li:hover { color: #409eff } .el-pager li.active { color: #409eff; cursor: default } @-webkit-keyframes v-modal-in { 0% { opacity: 0 } } @-webkit-keyframes v-modal-out { to { opacity: 0 } } .el-dialog { position: relative; margin: 0 auto 50px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); -webkit-box-sizing: border-box; box-sizing: border-box; width: 50% } .el-dialog.is-fullscreen { width: 100%; margin-top: 0; margin-bottom: 0; height: 100%; overflow: auto } .el-dialog__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0 } .el-dialog__header { padding: 20px 20px 10px } .el-dialog__headerbtn { position: absolute; top: 20px; right: 20px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; font-size: 16px } .el-dialog__headerbtn .el-dialog__close { color: #909399 } .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: #409eff } .el-dialog__title { line-height: 24px; font-size: 18px; color: #303133 } .el-dialog__body { padding: 30px 20px; color: #606266; font-size: 14px; word-break: break-all } .el-dialog__footer { padding: 10px 20px 20px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box } .el-dialog--center { text-align: center } .el-dialog--center .el-dialog__body { text-align: initial; padding: 25px 25px 30px } .el-dialog--center .el-dialog__footer { text-align: inherit } .dialog-fade-enter-active { -webkit-animation: dialog-fade-in .3s; animation: dialog-fade-in .3s } .dialog-fade-leave-active { -webkit-animation: dialog-fade-out .3s; animation: dialog-fade-out .3s } @-webkit-keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @-webkit-keyframes dialog-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } } @keyframes dialog-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } } .el-autocomplete { position: relative; display: inline-block } .el-autocomplete-suggestion { margin: 5px 0; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); border-radius: 4px; border: 1px solid #e4e7ed; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff } .el-dropdown-menu, .el-menu--collapse .el-submenu .el-menu { z-index: 10; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-autocomplete-suggestion__wrap { max-height: 280px; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-autocomplete-suggestion__list { margin: 0; padding: 0 } .el-autocomplete-suggestion li { padding: 0 20px; margin: 0; line-height: 34px; cursor: pointer; color: #606266; font-size: 14px; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover { background-color: #f5f7fa } .el-autocomplete-suggestion li.divider { margin-top: 6px; border-top: 1px solid #000 } .el-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px } .el-autocomplete-suggestion.is-loading li { text-align: center; height: 100px; line-height: 100px; font-size: 20px; color: #999 } .el-autocomplete-suggestion.is-loading li:after { display: inline-block; content: ""; height: 100%; vertical-align: middle } .el-autocomplete-suggestion.is-loading li:hover { background-color: #fff } .el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle } .el-dropdown { display: inline-block; position: relative; color: #606266; font-size: 14px } .el-dropdown .el-button-group { display: block } .el-dropdown .el-button-group .el-button { float: none } .el-dropdown .el-dropdown__caret-button { padding-left: 5px; padding-right: 5px; position: relative; border-left: none } .el-dropdown .el-dropdown__caret-button:before { content: ""; position: absolute; display: block; width: 1px; top: 5px; bottom: 5px; left: 0; background: hsla(0, 0%, 100%, .5) } .el-dropdown .el-dropdown__caret-button.el-button--default:before { background: rgba(220, 223, 230, .5) } .el-dropdown .el-dropdown__caret-button:hover:before { top: 0; bottom: 0 } .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0 } .el-dropdown__icon { font-size: 12px; margin: 0 3px } .el-dropdown-menu { position: absolute; top: 0; left: 0; padding: 10px 0; margin: 5px 0; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-dropdown-menu__item { list-style: none; line-height: 36px; padding: 0 20px; margin: 0; font-size: 14px; color: #606266; cursor: pointer; outline: 0 } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: #66b1ff } .el-dropdown-menu__item i { margin-right: 5px } .el-dropdown-menu__item--divided { position: relative; margin-top: 6px; border-top: 1px solid #ebeef5 } .el-dropdown-menu__item--divided:before { content: ""; height: 6px; display: block; margin: 0 -20px; background-color: #fff } .el-dropdown-menu__item.is-disabled { cursor: default; color: #bbb; pointer-events: none } .el-dropdown-menu--medium { padding: 6px 0 } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0 17px; font-size: 14px } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 6px } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 6px; margin: 0 -17px } .el-dropdown-menu--small { padding: 6px 0 } .el-dropdown-menu--small .el-dropdown-menu__item { line-height: 27px; padding: 0 15px; font-size: 13px } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 4px } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 4px; margin: 0 -15px } .el-dropdown-menu--mini { padding: 3px 0 } .el-dropdown-menu--mini .el-dropdown-menu__item { line-height: 24px; padding: 0 10px; font-size: 12px } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 3px } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 3px; margin: 0 -10px } .el-menu { border-right: 1px solid #e6e6e6; list-style: none; position: relative; margin: 0; padding-left: 0 } .el-menu, .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover { background-color: #fff } .el-menu:after, .el-menu:before { display: table; content: "" } .el-menu:after { clear: both } .el-menu.el-menu--horizontal { border-bottom: 1px solid #e6e6e6 } .el-menu--horizontal { border-right: none } .el-menu--horizontal>.el-menu-item { float: left; height: 60px; line-height: 60px; margin: 0; border-bottom: 2px solid transparent; color: #909399 } .el-menu--horizontal>.el-menu-item a, .el-menu--horizontal>.el-menu-item a:hover { color: inherit } .el-menu--horizontal>.el-submenu { float: left } .el-menu--horizontal>.el-submenu:focus, .el-menu--horizontal>.el-submenu:hover { outline: 0 } .el-menu--horizontal>.el-submenu:focus .el-submenu__title, .el-menu--horizontal>.el-submenu:hover .el-submenu__title { color: #303133 } .el-menu--horizontal>.el-submenu.is-active .el-submenu__title { border-bottom: 2px solid #409eff; color: #303133 } .el-menu--horizontal>.el-submenu .el-submenu__title { height: 60px; line-height: 60px; border-bottom: 2px solid transparent; color: #909399 } .el-menu--horizontal>.el-submenu .el-submenu__icon-arrow { position: static; vertical-align: middle; margin-left: 8px; margin-top: -3px } .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title { background-color: #fff; float: none; height: 36px; line-height: 36px; padding: 0 10px; color: #909399 } .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title { color: #303133 } .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { outline: 0; color: #303133 } .el-menu--horizontal>.el-menu-item.is-active { border-bottom: 2px solid #409eff; color: #303133 } .el-menu--collapse { width: 64px } .el-menu--collapse>.el-menu-item [class^=el-icon-], .el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] { margin: 0; vertical-align: middle; width: 24px; text-align: center } .el-menu--collapse>.el-menu-item .el-submenu__icon-arrow, .el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow { display: none } .el-menu--collapse>.el-menu-item span, .el-menu--collapse>.el-submenu>.el-submenu__title span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block } .el-menu--collapse>.el-menu-item.is-active i { color: inherit } .el-menu--collapse .el-submenu { position: relative } .el-menu--collapse .el-submenu .el-menu { position: absolute; margin-left: 5px; top: 0; left: 100%; border: 1px solid #e4e7ed; border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-menu-item, .el-submenu__title { height: 56px; line-height: 56px; position: relative; -webkit-box-sizing: border-box; white-space: nowrap; list-style: none } .el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { -webkit-transform: none; transform: none } .el-menu--popup { z-index: 100; border: none; padding: 5px 0; border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-menu--popup-bottom-start { margin-top: 5px } .el-menu--popup-right-start { margin-left: 5px; margin-right: 5px } .el-menu-item { font-size: 14px; color: #303133; padding: 0 20px; cursor: pointer; -webkit-transition: border-color .3s, background-color .3s, color .3s; transition: border-color .3s, background-color .3s, color .3s; -webkit-box-sizing: border-box; box-sizing: border-box } .el-menu-item * { vertical-align: middle } .el-menu-item i { color: #909399 } .el-menu-item:focus, .el-menu-item:hover { outline: 0; background-color: #ecf5ff } .el-menu-item.is-disabled { opacity: .25; cursor: not-allowed; background: 0 0 !important } .el-menu-item [class^=el-icon-] { margin-right: 5px; width: 24px; text-align: center; font-size: 18px; vertical-align: middle } .el-menu-item.is-active { color: #409eff } .el-menu-item.is-active i { color: inherit } .el-submenu { list-style: none; margin: 0; padding-left: 0 } .el-submenu__title { font-size: 14px; color: #303133; padding: 0 20px; cursor: pointer; -webkit-transition: border-color .3s, background-color .3s, color .3s; transition: border-color .3s, background-color .3s, color .3s; -webkit-box-sizing: border-box; box-sizing: border-box } .el-submenu__title * { vertical-align: middle } .el-submenu__title i { color: #909399 } .el-submenu__title:focus, .el-submenu__title:hover { outline: 0; background-color: #ecf5ff } .el-submenu__title.is-disabled { opacity: .25; cursor: not-allowed; background: 0 0 !important } .el-submenu__title:hover { background-color: #ecf5ff } .el-submenu .el-menu { border: none } .el-submenu .el-menu-item { height: 50px; line-height: 50px; padding: 0 45px; min-width: 200px } .el-submenu__icon-arrow { position: absolute; top: 50%; right: 20px; margin-top: -7px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; font-size: 12px } .el-submenu.is-active .el-submenu__title { border-bottom-color: #409eff } .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title { opacity: .25; cursor: not-allowed; background: 0 0 !important } .el-submenu [class^=el-icon-] { vertical-align: middle; margin-right: 5px; width: 24px; text-align: center; font-size: 18px } .el-menu-item-group>ul { padding: 0 } .el-menu-item-group__title { padding: 7px 0 7px 20px; line-height: normal; font-size: 12px; color: #909399 } .el-radio-button__inner, .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle } .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { -webkit-transition: .2s; transition: .2s; opacity: 0 } .el-radio-group { font-size: 0 } .el-radio-button { position: relative; display: inline-block; outline: 0 } .el-radio-button__inner { white-space: nowrap; background: #fff; border: 1px solid #dcdfe6; font-weight: 500; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; position: relative; cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); padding: 12px 20px; font-size: 14px; border-radius: 0 } .el-radio-button__inner.is-round { padding: 12px 20px } .el-radio-button__inner:hover { color: #409eff } .el-radio-button__inner [class*=el-icon-] { line-height: .9 } .el-radio-button__inner [class*=el-icon-]+span { margin-left: 5px } .el-radio-button:first-child .el-radio-button__inner { border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none !important; box-shadow: none !important } .el-radio-button__orig-radio { opacity: 0; outline: 0; position: absolute; z-index: -1 } .el-radio-button__orig-radio:checked+.el-radio-button__inner { color: #fff; background-color: #409eff; border-color: #409eff; -webkit-box-shadow: -1px 0 0 0 #409eff; box-shadow: -1px 0 0 0 #409eff } .el-radio-button__orig-radio:disabled+.el-radio-button__inner { color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5; -webkit-box-shadow: none; box-shadow: none } .el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner { background-color: #f2f6fc } .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 4px 4px 0 } .el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner { border-radius: 4px } .el-radio-button--medium .el-radio-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0 } .el-radio-button--medium .el-radio-button__inner.is-round { padding: 10px 20px } .el-radio-button--small .el-radio-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0 } .el-radio-button--small .el-radio-button__inner.is-round { padding: 9px 15px } .el-radio-button--mini .el-radio-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0 } .el-radio-button--mini .el-radio-button__inner.is-round { padding: 7px 15px } .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { -webkit-box-shadow: 0 0 2px 2px #409eff; box-shadow: 0 0 2px 2px #409eff } .el-switch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 14px; line-height: 20px; height: 20px; vertical-align: middle } .el-switch__core, .el-switch__label { display: inline-block; cursor: pointer } .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed } .el-switch__label { -webkit-transition: .2s; transition: .2s; height: 20px; font-size: 14px; font-weight: 500; vertical-align: middle; color: #303133 } .el-switch__label.is-active { color: #409eff } .el-switch__label--left { margin-right: 10px } .el-switch__label--right { margin-left: 10px } .el-switch__label * { line-height: 1; font-size: 14px; display: inline-block } .el-switch__input { position: absolute; width: 0; height: 0; opacity: 0; margin: 0 } .el-switch__core { margin: 0; position: relative; width: 40px; height: 20px; border: 1px solid #dcdfe6; outline: 0; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #dcdfe6; -webkit-transition: border-color .3s, background-color .3s; transition: border-color .3s, background-color .3s; vertical-align: middle } .el-switch__core:after { content: ""; position: absolute; top: 1px; left: 1px; border-radius: 100%; -webkit-transition: all .3s; transition: all .3s; width: 16px; height: 16px; background-color: #fff } .el-switch.is-checked .el-switch__core { border-color: #409eff; background-color: #409eff } .el-switch.is-checked .el-switch__core:after { left: 100%; margin-left: -17px } .el-switch.is-disabled { opacity: .6 } .el-switch--wide .el-switch__label.el-switch__label--left span { left: 10px } .el-switch--wide .el-switch__label.el-switch__label--right span { right: 10px } .el-switch .label-fade-enter, .el-switch .label-fade-leave-active { opacity: 0 } .el-select-dropdown { position: absolute; z-index: 1001; border: 1px solid #e4e7ed; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px 0 } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: #409eff; background-color: #fff } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: #f5f7fa } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after { position: absolute; right: 20px; font-family: element-icons; content: "\E6DA"; font-size: 12px; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0 } .el-select-dropdown__empty { padding: 10px 0; margin: 0; text-align: center; color: #999; font-size: 14px } .el-select-dropdown__wrap { max-height: 274px } .el-select-dropdown__list { list-style: none; padding: 6px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-select-dropdown__item { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #606266; height: 34px; line-height: 34px; box-sizing: border-box; cursor: pointer } .el-select-dropdown__item, .el-select .el-tag, .el-table { -webkit-box-sizing: border-box } .el-select-dropdown__item.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-select-dropdown__item.is-disabled:hover { background-color: #fff } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #f5f7fa } .el-select-dropdown__item.selected { color: #409eff; font-weight: 700 } .el-select-group { margin: 0; padding: 0 } .el-select-group__wrap { position: relative; list-style: none; margin: 0; padding: 0 } .el-select-group__wrap:not(:last-of-type) { padding-bottom: 24px } .el-select-group__wrap:not(:last-of-type):after { content: ""; position: absolute; display: block; left: 20px; right: 20px; bottom: 12px; height: 1px; background: #e4e7ed } .el-select-group__title { padding-left: 20px; font-size: 12px; color: #909399; line-height: 30px } .el-select-group .el-select-dropdown__item { padding-left: 20px } .el-select { display: inline-block; position: relative } .el-select .el-select__tags>span { display: contents } .el-select:hover .el-input__inner { border-color: #c0c4cc } .el-select .el-input__inner { cursor: pointer; padding-right: 35px } .el-select .el-input__inner:focus { border-color: #409eff } .el-select .el-input .el-select__caret { color: #c0c4cc; font-size: 14px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer } .el-select .el-input .el-select__caret.is-reverse { -webkit-transform: rotate(0); transform: rotate(0) } .el-select .el-input .el-select__caret.is-show-close { font-size: 14px; text-align: center; -webkit-transform: rotate(180deg); transform: rotate(180deg); border-radius: 100%; color: #c0c4cc; -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); transition: color .2s cubic-bezier(.645, .045, .355, 1) } .el-select .el-input .el-select__caret.is-show-close:hover { color: #909399 } .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: #e4e7ed } .el-select .el-input.is-focus .el-input__inner { border-color: #409eff } .el-select>.el-input { display: block } .el-select__input { border: none; outline: 0; padding: 0; margin-left: 15px; color: #666; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 28px; background-color: transparent } .el-select__input.is-mini { height: 14px } .el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: #c0c4cc; line-height: 18px; font-size: 14px } .el-select__close:hover { color: #909399 } .el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .el-select .el-tag__close { margin-top: -2px } .el-select .el-tag { -webkit-box-sizing: border-box; box-sizing: border-box; border-color: transparent; margin: 2px 0 2px 6px; background-color: #f0f2f5 } .el-select .el-tag__close.el-icon-close { background-color: #c0c4cc; right: -7px; top: 0; color: #fff } .el-select .el-tag__close.el-icon-close:hover { background-color: #909399 } .el-table, .el-table__expanded-cell { background-color: #fff } .el-select .el-tag__close.el-icon-close:before { display: block; -webkit-transform: translateY(.5px); transform: translateY(.5px) } .el-table { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: 100%; font-size: 14px; color: #606266 } .el-table--mini, .el-table--small, .el-table__expand-icon { font-size: 12px } .el-table__empty-block { min-height: 60px; text-align: center; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-table__empty-text { line-height: 60px; width: 50%; color: #909399 } .el-table__expand-column .cell { padding: 0; text-align: center } .el-table__expand-icon { position: relative; cursor: pointer; color: #666; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; height: 20px } .el-table__expand-icon--expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .el-table__expand-icon>.el-icon { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px } .el-table__expanded-cell[class*=cell] { padding: 20px 50px } .el-table__expanded-cell:hover { background-color: transparent !important } .el-table__placeholder { display: inline-block; width: 20px } .el-table__append-wrapper { overflow: hidden } .el-table--fit { border-right: 0; border-bottom: 0 } .el-table--fit td.gutter, .el-table--fit th.gutter { border-right-width: 1px } .el-table--scrollable-x .el-table__body-wrapper { overflow-x: auto } .el-table--scrollable-y .el-table__body-wrapper { overflow-y: auto } .el-table thead { color: #909399; font-weight: 500 } .el-table thead.is-group th { background: #f5f7fa } .el-table th, .el-table tr { background-color: #fff } .el-table td, .el-table th { padding: 12px 0; min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left } .el-table td.is-center, .el-table th.is-center { text-align: center } .el-table td.is-right, .el-table th.is-right { text-align: right } .el-table td.gutter, .el-table th.gutter { width: 15px; border-right-width: 0; border-bottom-width: 0; padding: 0 } .el-table--medium td, .el-table--medium th { padding: 10px 0 } .el-table--small td, .el-table--small th { padding: 8px 0 } .el-table--mini td, .el-table--mini th { padding: 6px 0 } .el-table .cell, .el-table th div { padding-right: 10px; overflow: hidden; text-overflow: ellipsis } .el-table--border td:first-child .cell, .el-table--border th:first-child .cell, .el-table .cell, .el-table th div { padding-left: 10px } .el-table tr input[type=checkbox] { margin: 0 } .el-table td, .el-table th.is-leaf { border-bottom: 1px solid #ebeef5 } .el-table th.is-sortable { cursor: pointer } .el-table th { white-space: nowrap; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .el-table th div { line-height: 40px; white-space: nowrap } .el-table th>.cell, .el-table th div { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box } .el-table th>.cell { position: relative; word-wrap: normal; text-overflow: ellipsis; vertical-align: middle; width: 100% } .el-table th>.cell.highlight { color: #409eff } .el-table th.required>div:before { display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff4d51; margin-right: 5px; vertical-align: middle } .el-table td div { -webkit-box-sizing: border-box; box-sizing: border-box } .el-table td.gutter { width: 0 } .el-table .cell { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; word-break: break-all; line-height: 23px } .el-table .cell.el-tooltip { white-space: nowrap; min-width: 50px } .el-table--border, .el-table--group { border: 1px solid #ebeef5 } .el-table--border:after, .el-table--group:after, .el-table:before { content: ""; position: absolute; background-color: #ebeef5; z-index: 1 } .el-table--border:after, .el-table--group:after { top: 0; right: 0; width: 1px; height: 100% } .el-table:before { left: 0; bottom: 0; width: 100%; height: 1px } .el-table--border { border-right: none; border-bottom: none } .el-table--border.el-loading-parent--relative { border-color: transparent } .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed { border-right: 1px solid #ebeef5 } .el-table--border th, .el-table--border th.gutter:last-of-type, .el-table__fixed-right-patch { border-bottom: 1px solid #ebeef5 } .el-table__fixed, .el-table__fixed-right { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: hidden; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12); box-shadow: 0 0 10px rgba(0, 0, 0, .12) } .el-table__fixed-right:before, .el-table__fixed:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ebeef5; z-index: 4 } .el-table__fixed-right-patch { position: absolute; top: -1px; right: 0; background-color: #fff } .el-table__fixed-right { top: 0; left: auto; right: 0 } .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper { left: auto; right: 0 } .el-table__fixed-header-wrapper { position: absolute; left: 0; top: 0; z-index: 3 } .el-table__fixed-footer-wrapper { position: absolute; left: 0; bottom: 0; z-index: 3 } .el-table__fixed-footer-wrapper tbody td { border-top: 1px solid #ebeef5; background-color: #f5f7fa; color: #606266 } .el-table__fixed-body-wrapper { position: absolute; left: 0; top: 37px; overflow: hidden; z-index: 3 } .el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper { width: 100% } .el-table__footer-wrapper { margin-top: -1px } .el-table__footer-wrapper td { border-top: 1px solid #ebeef5 } .el-table__body, .el-table__footer, .el-table__header { table-layout: fixed; border-collapse: separate } .el-table__footer-wrapper, .el-table__header-wrapper { overflow: hidden } .el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td { background-color: #f5f7fa; color: #606266 } .el-table__body-wrapper { overflow: hidden; position: relative } .el-table__body-wrapper.is-scrolling-left~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none } .el-picker-panel, .el-table-filter { -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right { border-left: 1px solid #ebeef5 } .el-table .caret-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; width: 24px; vertical-align: middle; cursor: pointer; overflow: initial; position: relative } .el-table .sort-caret { width: 0; height: 0; border: 5px solid transparent; position: absolute; left: 7px } .el-table .sort-caret.ascending { border-bottom-color: #c0c4cc; top: 5px } .el-table .sort-caret.descending { border-top-color: #c0c4cc; bottom: 7px } .el-table .ascending .sort-caret.ascending { border-bottom-color: #409eff } .el-table .descending .sort-caret.descending { border-top-color: #409eff } .el-table .hidden-columns { position: absolute; z-index: -1 } .el-table--striped .el-table__body tr.el-table__row--striped td { background: #fafafa } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { background-color: #ecf5ff } .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td { background-color: #f5f7fa } .el-table__body tr.current-row>td { background-color: #ecf5ff } .el-table__column-resize-proxy { position: absolute; left: 200px; top: 0; bottom: 0; width: 0; border-left: 1px solid #ebeef5; z-index: 10 } .el-table__column-filter-trigger { display: inline-block; line-height: 34px; cursor: pointer } .el-table__column-filter-trigger i { color: #909399; font-size: 12px; -webkit-transform: scale(.75); transform: scale(.75) } .el-table--enable-row-transition .el-table__body td { -webkit-transition: background-color .25s ease; transition: background-color .25s ease } .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: #f5f7fa } .el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { bottom: 0; overflow: hidden } .el-table [class*=el-table__row--level] .el-table__expand-icon { display: inline-block; width: 20px; line-height: 20px; height: 20px; text-align: center; margin-right: 3px } .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px } .el-table-filter { border: 1px solid #ebeef5; border-radius: 2px; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0 } .el-date-table td, .el-date-table td div { height: 30px; -webkit-box-sizing: border-box } .el-table-filter__list { padding: 5px 0; margin: 0; list-style: none; min-width: 100px } .el-table-filter__list-item { line-height: 36px; padding: 0 10px; cursor: pointer; font-size: 14px } .el-table-filter__list-item:hover { background-color: #ecf5ff; color: #66b1ff } .el-table-filter__list-item.is-active { background-color: #409eff; color: #fff } .el-table-filter__content { min-width: 100px } .el-table-filter__bottom { border-top: 1px solid #ebeef5; padding: 8px } .el-table-filter__bottom button { background: 0 0; border: none; color: #606266; cursor: pointer; font-size: 13px; padding: 0 3px } .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div, .el-date-table td.in-range div, .el-date-table td.in-range div:hover { background-color: #f2f6fc } .el-table-filter__bottom button:hover { color: #409eff } .el-table-filter__bottom button:focus { outline: 0 } .el-table-filter__bottom button.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-table-filter__wrap { max-height: 280px } .el-table-filter__checkbox-group { padding: 10px } .el-table-filter__checkbox-group label.el-checkbox { display: block; margin-right: 5px; margin-bottom: 8px; margin-left: 5px } .el-table-filter__checkbox-group .el-checkbox:last-child { margin-bottom: 0 } .el-date-table { font-size: 12px; -moz-user-select: none; user-select: none } .el-date-table, .el-slider__button-wrapper, .el-time-panel { -webkit-user-select: none; -ms-user-select: none } .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { color: #606266 } .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px } .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px } .el-date-table td { width: 32px; padding: 4px 0; text-align: center; cursor: pointer; position: relative } .el-date-table td, .el-date-table td div { -webkit-box-sizing: border-box; box-sizing: border-box } .el-date-table td div { padding: 3px 0 } .el-date-table td span { width: 24px; height: 24px; display: block; margin: 0 auto; line-height: 24px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50% } .el-date-table td.next-month, .el-date-table td.prev-month { color: #c0c4cc } .el-date-table td.today { position: relative } .el-date-table td.today span { color: #409eff; font-weight: 700 } .el-date-table td.today.end-date span, .el-date-table td.today.start-date span { color: #fff } .el-date-table td.available:hover { color: #409eff } .el-date-table td.current:not(.disabled) span { color: #fff; background-color: #409eff } .el-date-table td.end-date div, .el-date-table td.start-date div { color: #fff } .el-date-table td.end-date span, .el-date-table td.start-date span { background-color: #409eff } .el-date-table td.start-date div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px } .el-date-table td.end-date div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px } .el-date-table td.disabled div { background-color: #f5f7fa; opacity: 1; cursor: not-allowed; color: #c0c4cc } .el-date-table td.selected div { margin-left: 5px; margin-right: 5px; background-color: #f2f6fc; border-radius: 15px } .el-date-table td.selected div:hover { background-color: #f2f6fc } .el-date-table td.selected span { background-color: #409eff; color: #fff; border-radius: 15px } .el-date-table td.week { font-size: 80%; color: #606266 } .el-month-table, .el-year-table { font-size: 12px; border-collapse: collapse } .el-date-table th { padding: 5px; color: #606266; font-weight: 400; border-bottom: 1px solid #ebeef5 } .el-month-table { margin: -1px } .el-month-table td { text-align: center; padding: 8px 0; cursor: pointer } .el-month-table td div { height: 48px; padding: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-month-table td.today .cell { color: #409eff; font-weight: 700 } .el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell { color: #fff } .el-month-table td.disabled .cell { background-color: #f5f7fa; cursor: not-allowed; color: #c0c4cc } .el-month-table td.disabled .cell:hover { color: #c0c4cc } .el-month-table td .cell { width: 60px; height: 36px; display: block; line-height: 36px; color: #606266; margin: 0 auto; border-radius: 18px } .el-month-table td .cell:hover { color: #409eff } .el-month-table td.in-range div, .el-month-table td.in-range div:hover { background-color: #f2f6fc } .el-month-table td.end-date div, .el-month-table td.start-date div { color: #fff } .el-month-table td.end-date .cell, .el-month-table td.start-date .cell { color: #fff; background-color: #409eff } .el-month-table td.start-date div { border-top-left-radius: 24px; border-bottom-left-radius: 24px } .el-month-table td.end-date div { border-top-right-radius: 24px; border-bottom-right-radius: 24px } .el-month-table td.current:not(.disabled) .cell { color: #409eff } .el-year-table { margin: -1px } .el-year-table .el-icon { color: #303133 } .el-year-table td { text-align: center; padding: 20px 3px; cursor: pointer } .el-year-table td.today .cell { color: #409eff; font-weight: 700 } .el-year-table td.disabled .cell { background-color: #f5f7fa; cursor: not-allowed; color: #c0c4cc } .el-year-table td.disabled .cell:hover { color: #c0c4cc } .el-year-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: #606266; margin: 0 auto } .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell { color: #409eff } .el-date-range-picker { width: 646px } .el-date-range-picker.has-sidebar { width: 756px } .el-date-range-picker table { table-layout: fixed; width: 100% } .el-date-range-picker .el-picker-panel__body { min-width: 513px } .el-date-range-picker .el-picker-panel__content { margin: 0 } .el-date-range-picker__header { position: relative; text-align: center; height: 28px } .el-date-range-picker__header [class*=arrow-left] { float: left } .el-date-range-picker__header [class*=arrow-right] { float: right } .el-date-range-picker__header div { font-size: 16px; font-weight: 500; margin-right: 50px } .el-date-range-picker__content { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 16px } .el-date-range-picker__content.is-left { border-right: 1px solid #e4e4e4 } .el-date-range-picker__content .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px } .el-date-range-picker__editors-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell } .el-date-range-picker__editors-wrap.is-right { text-align: right } .el-date-range-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .el-date-range-picker__time-header>.el-icon-arrow-right { font-size: 20px; vertical-align: middle; display: table-cell; color: #303133 } .el-date-range-picker__time-picker-wrap { position: relative; display: table-cell; padding: 0 5px } .el-date-range-picker__time-picker-wrap .el-picker-panel { position: absolute; top: 13px; right: 0; z-index: 1; background: #fff } .el-date-picker { width: 322px } .el-date-picker.has-sidebar.has-time { width: 434px } .el-date-picker.has-sidebar { width: 438px } .el-date-picker.has-time .el-picker-panel__body-wrapper { position: relative } .el-date-picker .el-picker-panel__content { width: 292px } .el-date-picker table { table-layout: fixed; width: 100% } .el-date-picker__editor-wrap { position: relative; display: table-cell; padding: 0 5px } .el-date-picker__time-header { position: relative; border-bottom: 1px solid #e4e4e4; font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .el-date-picker__header { margin: 12px; text-align: center } .el-date-picker__header--bordered { margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid #ebeef5 } .el-date-picker__header--bordered+.el-picker-panel__content { margin-top: 0 } .el-date-picker__header-label { font-size: 16px; font-weight: 500; padding: 0 5px; line-height: 22px; text-align: center; cursor: pointer; color: #606266 } .el-date-picker__header-label.active, .el-date-picker__header-label:hover { color: #409eff } .el-date-picker__prev-btn { float: left } .el-date-picker__next-btn { float: right } .el-date-picker__time-wrap { padding: 10px; text-align: center } .el-date-picker__time-label { float: left; cursor: pointer; line-height: 30px; margin-left: 10px } .time-select { margin: 5px 0; min-width: 0 } .time-select .el-picker-panel__content { max-height: 200px; margin: 0 } .time-select-item { padding: 8px 10px; font-size: 14px; line-height: 20px } .time-select-item.selected:not(.disabled) { color: #409eff; font-weight: 700 } .time-select-item.disabled { color: #e4e7ed; cursor: not-allowed } .time-select-item:hover { background-color: #f5f7fa; font-weight: 700; cursor: pointer } .el-date-editor { position: relative; display: inline-block; text-align: left } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 220px } .el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { width: 300px } .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner { width: 350px } .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 400px } .el-date-editor--dates .el-input__inner { text-overflow: ellipsis; white-space: nowrap } .el-date-editor .el-icon-circle-close { cursor: pointer } .el-date-editor .el-range__icon { font-size: 14px; margin-left: -5px; color: #c0c4cc; float: left; line-height: 32px } .el-date-editor .el-range-input, .el-date-editor .el-range-separator { height: 100%; margin: 0; text-align: center; display: inline-block; font-size: 14px } .el-date-editor .el-range-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: 0; padding: 0; width: 39%; color: #606266 } .el-date-editor .el-range-input::-webkit-input-placeholder { color: #c0c4cc } .el-date-editor .el-range-input:-ms-input-placeholder { color: #c0c4cc } .el-date-editor .el-range-input::-ms-input-placeholder { color: #c0c4cc } .el-date-editor .el-range-input::-moz-placeholder { color: #c0c4cc } .el-date-editor .el-range-input::placeholder { color: #c0c4cc } .el-date-editor .el-range-separator { padding: 0 5px; line-height: 32px; width: 5%; color: #303133 } .el-date-editor .el-range__close-icon { font-size: 14px; color: #c0c4cc; width: 25px; display: inline-block; float: right; line-height: 32px } .el-range-editor.el-input__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 10px } .el-range-editor .el-range-input { line-height: 1 } .el-range-editor.is-active, .el-range-editor.is-active:hover { border-color: #409eff } .el-range-editor--medium.el-input__inner { height: 36px } .el-range-editor--medium .el-range-separator { line-height: 28px; font-size: 14px } .el-range-editor--medium .el-range-input { font-size: 14px } .el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon { line-height: 28px } .el-range-editor--small.el-input__inner { height: 32px } .el-range-editor--small .el-range-separator { line-height: 24px; font-size: 13px } .el-range-editor--small .el-range-input { font-size: 13px } .el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon { line-height: 24px } .el-range-editor--mini.el-input__inner { height: 28px } .el-range-editor--mini .el-range-separator { line-height: 20px; font-size: 12px } .el-range-editor--mini .el-range-input { font-size: 12px } .el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon { line-height: 20px } .el-range-editor.is-disabled { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed } .el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover { border-color: #e4e7ed } .el-range-editor.is-disabled input { background-color: #f5f7fa; color: #c0c4cc; cursor: not-allowed } .el-range-editor.is-disabled input::-webkit-input-placeholder { color: #c0c4cc } .el-range-editor.is-disabled input:-ms-input-placeholder { color: #c0c4cc } .el-range-editor.is-disabled input::-ms-input-placeholder { color: #c0c4cc } .el-range-editor.is-disabled input::-moz-placeholder { color: #c0c4cc } .el-range-editor.is-disabled input::placeholder { color: #c0c4cc } .el-range-editor.is-disabled .el-range-separator { color: #c0c4cc } .el-picker-panel { color: #606266; border: 1px solid #e4e7ed; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); background: #fff; border-radius: 4px; line-height: 30px; margin: 5px 0 } .el-picker-panel, .el-popover, .el-time-panel { -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-picker-panel__body-wrapper:after, .el-picker-panel__body:after { content: ""; display: table; clear: both } .el-picker-panel__content { position: relative; margin: 15px } .el-picker-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; text-align: right; background-color: #fff; position: relative; font-size: 0 } .el-picker-panel__shortcut { display: block; width: 100%; border: 0; background-color: transparent; line-height: 28px; font-size: 14px; color: #606266; padding-left: 12px; text-align: left; outline: 0; cursor: pointer } .el-picker-panel__shortcut:hover { color: #409eff } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #409eff } .el-picker-panel__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px } .el-picker-panel__btn[disabled] { color: #ccc; cursor: not-allowed } .el-picker-panel__icon-btn { font-size: 12px; color: #303133; border: 0; background: 0 0; cursor: pointer; outline: 0; margin-top: 8px } .el-picker-panel__icon-btn:hover { color: #409eff } .el-picker-panel__icon-btn.is-disabled { color: #bbb } .el-picker-panel__icon-btn.is-disabled:hover { cursor: not-allowed } .el-picker-panel__link-btn { vertical-align: middle } .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar { position: absolute; top: 0; bottom: 0; width: 110px; border-right: 1px solid #e4e4e4; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; background-color: #fff; overflow: auto } .el-picker-panel [slot=sidebar]+.el-picker-panel__body, .el-picker-panel__sidebar+.el-picker-panel__body { margin-left: 110px } .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33.3% } .el-time-spinner__wrapper { max-height: 190px; overflow: auto; display: inline-block; width: 50%; vertical-align: top; position: relative } .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px } .el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list { padding: 0; text-align: center } .el-time-spinner__wrapper.is-arrow { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { -webkit-transform: translateY(-32px); transform: translateY(-32px) } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #fff; cursor: default } .el-time-spinner__arrow { font-size: 12px; color: #909399; position: absolute; left: 0; width: 100%; z-index: 1; text-align: center; height: 30px; line-height: 30px; cursor: pointer } .el-time-spinner__arrow:hover { color: #409eff } .el-time-spinner__arrow.el-icon-arrow-up { top: 10px } .el-time-spinner__arrow.el-icon-arrow-down { bottom: 10px } .el-time-spinner__input.el-input { width: 70% } .el-time-spinner__list { margin: 0; list-style: none } .el-time-spinner__list:after, .el-time-spinner__list:before { content: ""; display: block; width: 100%; height: 80px } .el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; color: #606266 } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #f5f7fa; cursor: pointer } .el-time-spinner__item.active:not(.disabled) { color: #303133; font-weight: 700 } .el-time-spinner__item.disabled { color: #c0c4cc; cursor: not-allowed } .el-time-panel { margin: 5px 0; border: 1px solid #e4e7ed; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: 1000; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box } .el-time-panel__content { font-size: 0; position: relative; overflow: hidden } .el-time-panel__content:after, .el-time-panel__content:before { content: ""; top: 50%; position: absolute; margin-top: -15px; height: 32px; z-index: -1; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; text-align: left; border-top: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed } .el-time-panel__content:after { left: 50%; margin-left: 12%; margin-right: 12% } .el-time-panel__content:before { padding-left: 50%; margin-right: 12%; margin-left: 12% } .el-time-panel__content.has-seconds:after { left: 66.66667% } .el-time-panel__content.has-seconds:before { padding-left: 33.33333% } .el-time-panel__footer { border-top: 1px solid #e4e4e4; padding: 4px; height: 36px; line-height: 25px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box } .el-time-panel__btn { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px; color: #303133 } .el-time-panel__btn.confirm { font-weight: 800; color: #409eff } .el-time-range-picker { width: 354px; overflow: visible } .el-time-range-picker__content { position: relative; text-align: center; padding: 10px } .el-time-range-picker__cell { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 4px 7px 7px; width: 50%; display: inline-block } .el-time-range-picker__header { margin-bottom: 5px; text-align: center; font-size: 14px } .el-time-range-picker__body { border-radius: 2px; border: 1px solid #e4e7ed } .el-popover { position: absolute; background: #fff; min-width: 150px; border: 1px solid #ebeef5; padding: 12px; z-index: 2000; color: #606266; line-height: 1.4; text-align: justify; font-size: 14px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); word-break: break-all } .el-popover--plain { padding: 18px 20px } .el-popover__title { color: #303133; font-size: 16px; line-height: 1; margin-bottom: 12px } .v-modal-enter { -webkit-animation: v-modal-in .2s ease; animation: v-modal-in .2s ease } .v-modal-leave { -webkit-animation: v-modal-out .2s ease forwards; animation: v-modal-out .2s ease forwards } @keyframes v-modal-in { 0% { opacity: 0 } } @keyframes v-modal-out { to { opacity: 0 } } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; background: #000 } .el-popup-parent--hidden { overflow: hidden } .el-message-box { display: inline-block; width: 420px; padding-bottom: 10px; vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; font-size: 18px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); text-align: left; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } .el-message-box__wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center } .el-message-box__wrapper:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle } .el-message-box__header { position: relative; padding: 15px 15px 10px } .el-message-box__title { padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133 } .el-message-box__headerbtn { position: absolute; top: 15px; right: 15px; padding: 0; border: none; outline: 0; background: 0 0; font-size: 16px; cursor: pointer } .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus { border-color: #f56c6c } .el-message-box__headerbtn .el-message-box__close { color: #909399 } .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: #409eff } .el-message-box__content { position: relative; padding: 10px 15px; color: #606266; font-size: 14px } .el-message-box__input { padding-top: 15px } .el-message-box__status { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px !important } .el-message-box__status:before { padding-left: 1px } .el-message-box__status+.el-message-box__message { padding-left: 36px; padding-right: 12px } .el-message-box__status.el-icon-success { color: #67c23a } .el-message-box__status.el-icon-info { color: #909399 } .el-message-box__status.el-icon-warning { color: #e6a23c } .el-message-box__status.el-icon-error { color: #f56c6c } .el-message-box__message { margin: 0 } .el-message-box__message p { margin: 0; line-height: 24px } .el-message-box__errormsg { color: #f56c6c; font-size: 12px; min-height: 18px; margin-top: 2px } .el-message-box__btns { padding: 5px 15px 0; text-align: right } .el-message-box__btns button:nth-child(2) { margin-left: 10px } .el-message-box__btns-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .el-container, .el-container.is-vertical, .el-drawer, .el-link, .el-steps--vertical { -webkit-box-direction: normal } .el-message-box--center { padding-bottom: 30px } .el-message-box--center .el-message-box__header { padding-top: 30px } .el-message-box--center .el-message-box__title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .el-message-box--center .el-message-box__status { position: relative; top: auto; padding-right: 5px; text-align: center; -webkit-transform: translateY(-1px); transform: translateY(-1px) } .el-message-box--center .el-message-box__message { margin-left: 0 } .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { text-align: center } .el-message-box--center .el-message-box__content { padding-left: 27px; padding-right: 27px } .msgbox-fade-enter-active { -webkit-animation: msgbox-fade-in .3s; animation: msgbox-fade-in .3s } .msgbox-fade-leave-active { -webkit-animation: msgbox-fade-out .3s; animation: msgbox-fade-out .3s } @-webkit-keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @-webkit-keyframes msgbox-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } } @keyframes msgbox-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } } .el-breadcrumb { font-size: 14px; line-height: 1 } .el-breadcrumb:after, .el-breadcrumb:before { display: table; content: "" } .el-breadcrumb:after { clear: both } .el-breadcrumb__separator { margin: 0 9px; font-weight: 700; color: #c0c4cc } .el-breadcrumb__separator[class*=icon] { margin: 0 6px; font-weight: 400 } .el-breadcrumb__item { float: left } .el-breadcrumb__inner { color: #606266 } .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { font-weight: 700; text-decoration: none; -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); transition: color .2s cubic-bezier(.645, .045, .355, 1); color: #303133 } .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { color: #409eff; cursor: pointer } .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { font-weight: 400; color: #606266; cursor: text } .el-breadcrumb__item:last-child .el-breadcrumb__separator { display: none } .el-form--label-left .el-form-item__label { text-align: left } .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0 0 10px } .el-form--inline .el-form-item { display: inline-block; margin-right: 10px; vertical-align: top } .el-form--inline .el-form-item__label { float: none; display: inline-block } .el-form--inline .el-form-item__content { display: inline-block; vertical-align: top } .el-form--inline.el-form--label-top .el-form-item__content { display: block } .el-form-item { margin-bottom: 22px } .el-form-item:after, .el-form-item:before { display: table; content: "" } .el-form-item:after { clear: both } .el-form-item .el-form-item { margin-bottom: 0 } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 18px } .el-form-item .el-input__validateIcon { display: none } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 36px } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: 32px } .el-form-item--small .el-form-item__error { padding-top: 2px } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 28px } .el-form-item--mini .el-form-item__error { padding-top: 1px } .el-form-item__label-wrap { float: left } .el-form-item__label-wrap .el-form-item__label { display: inline-block; float: none } .el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; color: #606266; line-height: 40px; padding: 0 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-form-item__content { line-height: 40px; position: relative; font-size: 14px } .el-form-item__content:after, .el-form-item__content:before { display: table; content: "" } .el-form-item__content:after { clear: both } .el-form-item__content .el-input-group { vertical-align: top } .el-form-item__error { color: #f56c6c; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0 } .el-form-item__error--inline { position: relative; top: auto; left: auto; display: inline-block; margin-left: 10px } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { content: "*"; color: #f56c6c; margin-right: 4px } .el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner { border-color: transparent } .el-form-item.is-error .el-input__validateIcon { color: #f56c6c } .el-form-item--feedback .el-input__validateIcon { display: inline-block } .el-tabs__header { padding: 0; position: relative; margin: 0 0 15px } .el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 2px; background-color: #409eff; z-index: 1; -webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1); transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1); transition: transform .3s cubic-bezier(.645, .045, .355, 1); transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1); list-style: none } .el-tabs__new-tab { float: right; border: 1px solid #d3dce6; height: 18px; width: 18px; line-height: 18px; margin: 12px 0 9px 10px; border-radius: 3px; text-align: center; font-size: 12px; color: #d3dce6; cursor: pointer; -webkit-transition: all .15s; transition: all .15s } .el-collapse-item__arrow, .el-tabs__nav { -webkit-transition: -webkit-transform .3s } .el-tabs__new-tab .el-icon-plus { -webkit-transform: scale(.8); transform: scale(.8) } .el-tabs__new-tab:hover { color: #409eff } .el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative } .el-tabs__nav-wrap:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #e4e7ed; z-index: 1 } .el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after, .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after { content: none } .el-tabs__nav-wrap.is-scrollable { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box } .el-tabs__nav-scroll { overflow: hidden } .el-tabs__nav-next, .el-tabs__nav-prev { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: #909399 } .el-tabs__nav-next { right: 0 } .el-tabs__nav-prev { left: 0 } .el-tabs__nav { white-space: nowrap; position: relative; transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; float: left; z-index: 2 } .el-tabs__nav.is-stretch { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex } .el-tabs__nav.is-stretch>* { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center } .el-tabs__item { padding: 0 20px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: 500; color: #303133; position: relative } .el-tabs__item:focus, .el-tabs__item:focus:active { outline: 0 } .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: 0 0 2px 2px #409eff inset; box-shadow: inset 0 0 2px 2px #409eff; border-radius: 3px } .el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); margin-left: 5px } .el-tabs__item .el-icon-close:before { -webkit-transform: scale(.9); transform: scale(.9); display: inline-block } .el-tabs__item .el-icon-close:hover { background-color: #c0c4cc; color: #fff } .el-tabs__item.is-active { color: #409eff } .el-tabs__item:hover { color: #409eff; cursor: pointer } .el-tabs__item.is-disabled { color: #c0c4cc; cursor: default } .el-tabs__content { overflow: hidden; position: relative } .el-tabs--card>.el-tabs__header { border-bottom: 1px solid #e4e7ed } .el-tabs--card>.el-tabs__header .el-tabs__nav { border: 1px solid #e4e7ed; border-bottom: none; border-radius: 4px 4px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-tabs--card>.el-tabs__header .el-tabs__active-bar { display: none } .el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; right: -2px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px } .el-tabs--card>.el-tabs__header .el-tabs__item { border-bottom: 1px solid transparent; border-left: 1px solid #e4e7ed; -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1); transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1) } .el-tabs--card>.el-tabs__header .el-tabs__item:first-child { border-left: none } .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover { padding-left: 13px; padding-right: 13px } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active { border-bottom-color: #fff } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px } .el-tabs--border-card { background: #fff; border: 1px solid #dcdfe6; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04) } .el-tabs--border-card>.el-tabs__content { padding: 15px } .el-tabs--border-card>.el-tabs__header { background-color: #f5f7fa; border-bottom: 1px solid #e4e7ed; margin: 0 } .el-tabs--border-card>.el-tabs__header .el-tabs__item { -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); border: 1px solid transparent; margin-top: -1px; color: #909399 } .el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item, .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child { margin-left: -1px } .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active { color: #409eff; background-color: #fff; border-right-color: #dcdfe6; border-left-color: #dcdfe6 } .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: #409eff } .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled { color: #c0c4cc } .el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-left: 0 } .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 0 } .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child { padding-right: 0 } .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 20px } .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child { padding-right: 20px } .el-tabs--bottom .el-tabs__header.is-bottom { margin-bottom: 0; margin-top: 10px } .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { border-bottom: 0; border-top: 1px solid #dcdfe6 } .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { margin-top: -1px; margin-bottom: 0 } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { margin: 0 -1px -1px } .el-tabs--left, .el-tabs--right { overflow: hidden } .el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { height: 100% } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right { top: 0; bottom: auto; width: 2px; height: auto } .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { margin-bottom: 0 } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev { height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev { left: auto; top: 0 } .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next { right: auto; bottom: 0 } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left:after { right: 0; left: auto } .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0 } .el-tabs--left .el-tabs__nav-wrap.is-left:after, .el-tabs--left .el-tabs__nav-wrap.is-right:after, .el-tabs--right .el-tabs__nav-wrap.is-left:after, .el-tabs--right .el-tabs__nav-wrap.is-right:after { height: 100%; width: 2px; bottom: auto; top: 0 } .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right { float: none } .el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right { display: block } .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { display: none } .el-tabs--left .el-tabs__header.is-left { float: left; margin-bottom: 0; margin-right: 10px } .el-tabs--left .el-tabs__nav-wrap.is-left { margin-right: -1px } .el-tabs--left .el-tabs__item.is-left { text-align: right } .el-tabs--left.el-tabs--card .el-tabs__item.is-left { border: 1px solid #e4e7ed; border-bottom: none; border-left: none; text-align: left } .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { border-right: 1px solid #e4e7ed; border-top: none } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { border: none; border-top: 1px solid #e4e7ed; border-right: 1px solid #fff } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { border-top: none } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { border-bottom: none } .el-tabs--left.el-tabs--card .el-tabs__nav { border-radius: 4px 0 0 4px; border-bottom: 1px solid #e4e7ed; border-right: none } .el-tabs--left.el-tabs--card .el-tabs__new-tab { float: none } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { border-right: 1px solid #dfe4ed } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { border: 1px solid transparent; margin: -1px 0 -1px -1px } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { border-color: #d1dbe5 transparent } .el-tabs--right .el-tabs__header.is-right { float: right; margin-bottom: 0; margin-left: 10px } .el-tabs--right .el-tabs__nav-wrap.is-right { margin-left: -1px } .el-tabs--right .el-tabs__nav-wrap.is-right:after { left: 0; right: auto } .el-tabs--right .el-tabs__active-bar.is-right { left: 0 } .el-tabs--right.el-tabs--card .el-tabs__item.is-right { border-bottom: none; border-top: 1px solid #e4e7ed } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { border-left: 1px solid #e4e7ed; border-top: none } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { border: none; border-top: 1px solid #e4e7ed; border-left: 1px solid #fff } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { border-top: none } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { border-bottom: none } .el-tabs--right.el-tabs--card .el-tabs__nav { border-radius: 0 4px 4px 0; border-bottom: 1px solid #e4e7ed; border-left: none } .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-left: 1px solid #dfe4ed } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border: 1px solid transparent; margin: -1px -1px -1px 0 } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { border-color: #d1dbe5 transparent } .slideInLeft-transition, .slideInRight-transition { display: inline-block } .slideInRight-enter { -webkit-animation: slideInRight-enter .3s; animation: slideInRight-enter .3s } .slideInRight-leave { position: absolute; left: 0; right: 0; -webkit-animation: slideInRight-leave .3s; animation: slideInRight-leave .3s } .slideInLeft-enter { -webkit-animation: slideInLeft-enter .3s; animation: slideInLeft-enter .3s } .slideInLeft-leave { position: absolute; left: 0; right: 0; -webkit-animation: slideInLeft-leave .3s; animation: slideInLeft-leave .3s } @-webkit-keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } } @keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } } @-webkit-keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } @keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } } .el-tree { position: relative; cursor: default; background: #fff; color: #606266 } .el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100% } .el-tree__empty-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #909399 } .el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: #409eff } .el-tree-node { white-space: nowrap; outline: 0 } .el-tree-node:focus>.el-tree-node__content { background-color: #f5f7fa } .el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label { background-color: #409eff; color: #fff } .el-tree-node__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; cursor: pointer } .el-tree-node__content>.el-tree-node__expand-icon { padding: 6px } .el-tree-node__content>label.el-checkbox { margin-right: 8px } .el-tree-node__content:hover { background-color: #f5f7fa } .el-tree.is-dragging .el-tree-node__content { cursor: move } .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed } .el-tree-node__expand-icon { cursor: pointer; color: #c0c4cc; font-size: 12px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default } .el-tree-node__label { font-size: 14px } .el-tree-node__loading-icon { margin-right: 8px; font-size: 14px; color: #c0c4cc } .el-tree-node>.el-tree-node__children { overflow: hidden; background-color: transparent } .el-tree-node.is-expanded>.el-tree-node__children { display: block } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff } .el-alert { width: 100%; padding: 8px 16px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; position: relative; background-color: #fff; overflow: hidden; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity .2s; transition: opacity .2s } .el-alert.is-light .el-alert__closebtn { color: #c0c4cc } .el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description { color: #fff } .el-alert.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .el-alert--success.is-light { background-color: #f0f9eb; color: #67c23a } .el-alert--success.is-light .el-alert__description { color: #67c23a } .el-alert--success.is-dark { background-color: #67c23a; color: #fff } .el-alert--info.is-light { background-color: #f4f4f5; color: #909399 } .el-alert--info.is-dark { background-color: #909399; color: #fff } .el-alert--info .el-alert__description { color: #909399 } .el-alert--warning.is-light { background-color: #fdf6ec; color: #e6a23c } .el-alert--warning.is-light .el-alert__description { color: #e6a23c } .el-alert--warning.is-dark { background-color: #e6a23c; color: #fff } .el-alert--error.is-light { background-color: #fef0f0; color: #f56c6c } .el-alert--error.is-light .el-alert__description { color: #f56c6c } .el-alert--error.is-dark { background-color: #f56c6c; color: #fff } .el-alert__content { display: table-cell; padding: 0 8px } .el-alert__icon { font-size: 16px; width: 16px } .el-alert__icon.is-big { font-size: 28px; width: 28px } .el-alert__title { font-size: 13px; line-height: 18px } .el-alert__title.is-bold { font-weight: 700 } .el-alert .el-alert__description { font-size: 12px; margin: 5px 0 0 } .el-alert__closebtn { font-size: 12px; opacity: 1; position: absolute; top: 12px; right: 15px; cursor: pointer } .el-alert-fade-enter, .el-alert-fade-leave-active, .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active { opacity: 0 } .el-alert__closebtn.is-customed { font-style: normal; font-size: 13px; top: 9px } .el-notification { display: -webkit-box; display: -ms-flexbox; display: flex; width: 330px; padding: 14px 26px 14px 13px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s; transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s; transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s; overflow: hidden } .el-notification.right { right: 16px } .el-notification.left { left: 16px } .el-notification__group { margin-left: 13px; margin-right: 8px } .el-notification__title { font-weight: 700; font-size: 16px; color: #303133; margin: 0 } .el-notification__content { font-size: 14px; line-height: 21px; margin: 6px 0 0; color: #606266; text-align: justify } .el-notification__content p { margin: 0 } .el-notification__icon { height: 24px; width: 24px; font-size: 24px } .el-notification__closeBtn { position: absolute; top: 18px; right: 15px; cursor: pointer; color: #909399; font-size: 16px } .el-notification__closeBtn:hover { color: #606266 } .el-notification .el-icon-success { color: #67c23a } .el-notification .el-icon-error { color: #f56c6c } .el-notification .el-icon-info { color: #909399 } .el-notification .el-icon-warning { color: #e6a23c } .el-notification-fade-enter.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .el-notification-fade-enter.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .el-input-number { position: relative; display: inline-block; width: 180px; line-height: 38px } .el-input-number .el-input { display: block } .el-input-number .el-input__inner { -webkit-appearance: none; padding-left: 50px; padding-right: 50px; text-align: center } .el-input-number__decrease, .el-input-number__increase { position: absolute; z-index: 1; top: 1px; width: 40px; height: auto; text-align: center; background: #f5f7fa; color: #606266; cursor: pointer; font-size: 13px } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #409eff } .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { border-color: #409eff } .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-input-number__increase { right: 1px; border-radius: 0 4px 4px 0; border-left: 1px solid #dcdfe6 } .el-input-number__decrease { left: 1px; border-radius: 4px 0 0 4px; border-right: 1px solid #dcdfe6 } .el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase { border-color: #e4e7ed; color: #e4e7ed } .el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover { color: #e4e7ed; cursor: not-allowed } .el-input-number--medium { width: 200px; line-height: 34px } .el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase { width: 36px; font-size: 14px } .el-input-number--medium .el-input__inner { padding-left: 43px; padding-right: 43px } .el-input-number--small { width: 130px; line-height: 30px } .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase { width: 32px; font-size: 13px } .el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] { -webkit-transform: scale(.9); transform: scale(.9) } .el-input-number--small .el-input__inner { padding-left: 39px; padding-right: 39px } .el-input-number--mini { width: 130px; line-height: 26px } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 28px; font-size: 12px } .el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] { -webkit-transform: scale(.8); transform: scale(.8) } .el-input-number--mini .el-input__inner { padding-left: 35px; padding-right: 35px } .el-input-number.is-without-controls .el-input__inner { padding-left: 15px; padding-right: 15px } .el-input-number.is-controls-right .el-input__inner { padding-left: 15px; padding-right: 50px } .el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase { height: auto; line-height: 19px } .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] { -webkit-transform: scale(.8); transform: scale(.8) } .el-input-number.is-controls-right .el-input-number__increase { border-radius: 0 4px 0 0; border-bottom: 1px solid #dcdfe6 } .el-input-number.is-controls-right .el-input-number__decrease { right: 1px; bottom: 1px; top: auto; left: auto; border-right: none; border-left: 1px solid #dcdfe6; border-radius: 0 0 4px } .el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] { line-height: 17px } .el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] { line-height: 15px } .el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] { line-height: 13px } .el-tooltip__popper { position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2; min-width: 10px; word-wrap: break-word } .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .el-tooltip__popper .popper__arrow { border-width: 6px } .el-tooltip__popper .popper__arrow:after { content: " "; border-width: 5px } .el-progress-bar__inner:after, .el-row:after, .el-row:before, .el-slider:after, .el-slider:before, .el-slider__button-wrapper:after, .el-upload-cover:after { content: "" } .el-tooltip__popper[x-placement^=top] { margin-bottom: 12px } .el-tooltip__popper[x-placement^=top] .popper__arrow { bottom: -6px; border-top-color: #303133; border-bottom-width: 0 } .el-tooltip__popper[x-placement^=top] .popper__arrow:after { bottom: 1px; margin-left: -5px; border-top-color: #303133; border-bottom-width: 0 } .el-tooltip__popper[x-placement^=bottom] { margin-top: 12px } .el-tooltip__popper[x-placement^=bottom] .popper__arrow { top: -6px; border-top-width: 0; border-bottom-color: #303133 } .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: #303133 } .el-tooltip__popper[x-placement^=right] { margin-left: 12px } .el-tooltip__popper[x-placement^=right] .popper__arrow { left: -6px; border-right-color: #303133; border-left-width: 0 } .el-tooltip__popper[x-placement^=right] .popper__arrow:after { bottom: -5px; left: 1px; border-right-color: #303133; border-left-width: 0 } .el-tooltip__popper[x-placement^=left] { margin-right: 12px } .el-tooltip__popper[x-placement^=left] .popper__arrow { right: -6px; border-right-width: 0; border-left-color: #303133 } .el-tooltip__popper[x-placement^=left] .popper__arrow:after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0; border-left-color: #303133 } .el-tooltip__popper.is-dark { background: #303133; color: #fff } .el-tooltip__popper.is-light { background: #fff; border: 1px solid #303133 } .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { border-top-color: #303133 } .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after { border-top-color: #fff } .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow { border-bottom-color: #303133 } .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #fff } .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow { border-left-color: #303133 } .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after { border-left-color: #fff } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow { border-right-color: #303133 } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after { border-right-color: #fff } .el-slider:after, .el-slider:before { display: table } .el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper:after { vertical-align: middle; display: inline-block } .el-slider:after { clear: both } .el-slider__runway { width: 100%; height: 6px; margin: 16px 0; background-color: #e4e7ed; border-radius: 3px; position: relative; cursor: pointer; vertical-align: middle } .el-slider__runway.show-input { margin-right: 160px; width: auto } .el-slider__runway.disabled { cursor: default } .el-slider__runway.disabled .el-slider__bar { background-color: #c0c4cc } .el-slider__runway.disabled .el-slider__button { border-color: #c0c4cc } .el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover { cursor: not-allowed } .el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover { -webkit-transform: scale(1); transform: scale(1); cursor: not-allowed } .el-slider__button-wrapper, .el-slider__stop { -webkit-transform: translateX(-50%); position: absolute } .el-slider__input { float: right; margin-top: 3px; width: 130px } .el-slider__input.el-input-number--mini { margin-top: 5px } .el-slider__input.el-input-number--medium { margin-top: 0 } .el-slider__input.el-input-number--large { margin-top: -2px } .el-slider__bar { height: 6px; background-color: #409eff; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute } .el-slider__button-wrapper { height: 36px; width: 36px; z-index: 1001; top: -15px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; text-align: center; user-select: none; line-height: normal } .el-slider__button, .el-slider__button-wrapper, .el-step__icon-inner { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .el-slider__button-wrapper:after { height: 100% } .el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover { cursor: -webkit-grab; cursor: grab } .el-slider__button-wrapper.dragging { cursor: -webkit-grabbing; cursor: grabbing } .el-slider__button { width: 16px; height: 16px; border: 2px solid #409eff; background-color: #fff; border-radius: 50%; -webkit-transition: .2s; transition: .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover { -webkit-transform: scale(1.2); transform: scale(1.2) } .el-slider__button.hover, .el-slider__button:hover { cursor: -webkit-grab; cursor: grab } .el-slider__button.dragging { cursor: -webkit-grabbing; cursor: grabbing } .el-slider__stop { height: 6px; width: 6px; border-radius: 100%; background-color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .el-slider__marks { top: 0; left: 12px; width: 18px; height: 100% } .el-slider__marks-text { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; color: #909399; margin-top: 15px } .el-slider.is-vertical { position: relative } .el-slider.is-vertical .el-slider__runway { width: 6px; height: 100%; margin: 0 16px } .el-slider.is-vertical .el-slider__bar { width: 6px; height: auto; border-radius: 0 0 3px 3px } .el-slider.is-vertical .el-slider__button-wrapper { top: auto; left: -15px } .el-slider.is-vertical .el-slider__button-wrapper, .el-slider.is-vertical .el-slider__stop { -webkit-transform: translateY(50%); transform: translateY(50%) } .el-slider.is-vertical.el-slider--with-input { padding-bottom: 58px } .el-slider.is-vertical.el-slider--with-input .el-slider__input { overflow: visible; float: none; position: absolute; bottom: 22px; width: 36px; margin-top: 15px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { text-align: center; padding-left: 5px; padding-right: 5px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { top: 32px; margin-top: -1px; border: 1px solid #dcdfe6; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { width: 18px; right: 18px; border-bottom-left-radius: 4px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { width: 19px; border-bottom-right-radius: 4px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { border-color: #c0c4cc } .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { border-color: #409eff } .el-slider.is-vertical .el-slider__marks-text { margin-top: 0; left: 15px; -webkit-transform: translateY(50%); transform: translateY(50%) } .el-loading-parent--relative { position: relative !important } .el-loading-parent--hidden { overflow: hidden !important } .el-loading-mask { position: absolute; z-index: 2000; background-color: hsla(0, 0%, 100%, .9); margin: 0; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .el-loading-mask.is-fullscreen { position: fixed } .el-loading-mask.is-fullscreen .el-loading-spinner { margin-top: -25px } .el-loading-mask.is-fullscreen .el-loading-spinner .circular { height: 50px; width: 50px } .el-loading-spinner { top: 50%; margin-top: -21px; width: 100%; text-align: center; position: absolute } .el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row { position: relative } .el-loading-spinner .el-loading-text { color: #409eff; margin: 3px 0; font-size: 14px } .el-loading-spinner .circular { height: 42px; width: 42px; -webkit-animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite } .el-loading-spinner .path { -webkit-animation: loading-dash 1.5s ease-in-out infinite; animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409eff; stroke-linecap: round } .el-loading-spinner i { color: #409eff } @-webkit-keyframes loading-rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes loading-rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120px } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120px } } .el-row { -webkit-box-sizing: border-box; box-sizing: border-box } .el-row:after, .el-row:before { display: table } .el-row:after { clear: both } .el-row--flex { display: -webkit-box; display: -ms-flexbox; display: flex } .el-col-0, .el-row--flex:after, .el-row--flex:before { display: none } .el-row--flex.is-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .el-row--flex.is-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .el-row--flex.is-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .el-row--flex.is-justify-space-around { -ms-flex-pack: distribute; justify-content: space-around } .el-row--flex.is-align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-row--flex.is-align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } [class*=el-col-] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box } .el-upload--picture-card, .el-upload-dragger { -webkit-box-sizing: border-box; cursor: pointer } .el-col-0 { width: 0 } .el-col-offset-0 { margin-left: 0 } .el-col-pull-0 { right: 0 } .el-col-push-0 { left: 0 } .el-col-1 { width: 4.16667% } .el-col-offset-1 { margin-left: 4.16667% } .el-col-pull-1 { right: 4.16667% } .el-col-push-1 { left: 4.16667% } .el-col-2 { width: 8.33333% } .el-col-offset-2 { margin-left: 8.33333% } .el-col-pull-2 { right: 8.33333% } .el-col-push-2 { left: 8.33333% } .el-col-3 { width: 12.5% } .el-col-offset-3 { margin-left: 12.5% } .el-col-pull-3 { right: 12.5% } .el-col-push-3 { left: 12.5% } .el-col-4 { width: 16.66667% } .el-col-offset-4 { margin-left: 16.66667% } .el-col-pull-4 { right: 16.66667% } .el-col-push-4 { left: 16.66667% } .el-col-5 { width: 20.83333% } .el-col-offset-5 { margin-left: 20.83333% } .el-col-pull-5 { right: 20.83333% } .el-col-push-5 { left: 20.83333% } .el-col-6 { width: 25% } .el-col-offset-6 { margin-left: 25% } .el-col-pull-6 { right: 25% } .el-col-push-6 { left: 25% } .el-col-7 { width: 29.16667% } .el-col-offset-7 { margin-left: 29.16667% } .el-col-pull-7 { right: 29.16667% } .el-col-push-7 { left: 29.16667% } .el-col-8 { width: 33.33333% } .el-col-offset-8 { margin-left: 33.33333% } .el-col-pull-8 { right: 33.33333% } .el-col-push-8 { left: 33.33333% } .el-col-9 { width: 37.5% } .el-col-offset-9 { margin-left: 37.5% } .el-col-pull-9 { right: 37.5% } .el-col-push-9 { left: 37.5% } .el-col-10 { width: 41.66667% } .el-col-offset-10 { margin-left: 41.66667% } .el-col-pull-10 { right: 41.66667% } .el-col-push-10 { left: 41.66667% } .el-col-11 { width: 45.83333% } .el-col-offset-11 { margin-left: 45.83333% } .el-col-pull-11 { right: 45.83333% } .el-col-push-11 { left: 45.83333% } .el-col-12 { width: 50% } .el-col-offset-12 { margin-left: 50% } .el-col-pull-12 { position: relative; right: 50% } .el-col-push-12 { left: 50% } .el-col-13 { width: 54.16667% } .el-col-offset-13 { margin-left: 54.16667% } .el-col-pull-13 { right: 54.16667% } .el-col-push-13 { left: 54.16667% } .el-col-14 { width: 58.33333% } .el-col-offset-14 { margin-left: 58.33333% } .el-col-pull-14 { right: 58.33333% } .el-col-push-14 { left: 58.33333% } .el-col-15 { width: 62.5% } .el-col-offset-15 { margin-left: 62.5% } .el-col-pull-15 { right: 62.5% } .el-col-push-15 { left: 62.5% } .el-col-16 { width: 66.66667% } .el-col-offset-16 { margin-left: 66.66667% } .el-col-pull-16 { right: 66.66667% } .el-col-push-16 { left: 66.66667% } .el-col-17 { width: 70.83333% } .el-col-offset-17 { margin-left: 70.83333% } .el-col-pull-17 { right: 70.83333% } .el-col-push-17 { left: 70.83333% } .el-col-18 { width: 75% } .el-col-offset-18 { margin-left: 75% } .el-col-pull-18 { right: 75% } .el-col-push-18 { left: 75% } .el-col-19 { width: 79.16667% } .el-col-offset-19 { margin-left: 79.16667% } .el-col-pull-19 { right: 79.16667% } .el-col-push-19 { left: 79.16667% } .el-col-20 { width: 83.33333% } .el-col-offset-20 { margin-left: 83.33333% } .el-col-pull-20 { right: 83.33333% } .el-col-push-20 { left: 83.33333% } .el-col-21 { width: 87.5% } .el-col-offset-21 { margin-left: 87.5% } .el-col-pull-21 { right: 87.5% } .el-col-push-21 { left: 87.5% } .el-col-22 { width: 91.66667% } .el-col-offset-22 { margin-left: 91.66667% } .el-col-pull-22 { right: 91.66667% } .el-col-push-22 { left: 91.66667% } .el-col-23 { width: 95.83333% } .el-col-offset-23 { margin-left: 95.83333% } .el-col-pull-23 { right: 95.83333% } .el-col-push-23 { left: 95.83333% } .el-col-24 { width: 100% } .el-col-offset-24 { margin-left: 100% } .el-col-pull-24 { right: 100% } .el-col-push-24 { left: 100% } @media only screen and (max-width:767px) { .el-col-xs-0 { display: none; width: 0 } .el-col-xs-offset-0 { margin-left: 0 } .el-col-xs-pull-0 { position: relative; right: 0 } .el-col-xs-push-0 { position: relative; left: 0 } .el-col-xs-1 { width: 4.16667% } .el-col-xs-offset-1 { margin-left: 4.16667% } .el-col-xs-pull-1 { position: relative; right: 4.16667% } .el-col-xs-push-1 { position: relative; left: 4.16667% } .el-col-xs-2 { width: 8.33333% } .el-col-xs-offset-2 { margin-left: 8.33333% } .el-col-xs-pull-2 { position: relative; right: 8.33333% } .el-col-xs-push-2 { position: relative; left: 8.33333% } .el-col-xs-3 { width: 12.5% } .el-col-xs-offset-3 { margin-left: 12.5% } .el-col-xs-pull-3 { position: relative; right: 12.5% } .el-col-xs-push-3 { position: relative; left: 12.5% } .el-col-xs-4 { width: 16.66667% } .el-col-xs-offset-4 { margin-left: 16.66667% } .el-col-xs-pull-4 { position: relative; right: 16.66667% } .el-col-xs-push-4 { position: relative; left: 16.66667% } .el-col-xs-5 { width: 20.83333% } .el-col-xs-offset-5 { margin-left: 20.83333% } .el-col-xs-pull-5 { position: relative; right: 20.83333% } .el-col-xs-push-5 { position: relative; left: 20.83333% } .el-col-xs-6 { width: 25% } .el-col-xs-offset-6 { margin-left: 25% } .el-col-xs-pull-6 { position: relative; right: 25% } .el-col-xs-push-6 { position: relative; left: 25% } .el-col-xs-7 { width: 29.16667% } .el-col-xs-offset-7 { margin-left: 29.16667% } .el-col-xs-pull-7 { position: relative; right: 29.16667% } .el-col-xs-push-7 { position: relative; left: 29.16667% } .el-col-xs-8 { width: 33.33333% } .el-col-xs-offset-8 { margin-left: 33.33333% } .el-col-xs-pull-8 { position: relative; right: 33.33333% } .el-col-xs-push-8 { position: relative; left: 33.33333% } .el-col-xs-9 { width: 37.5% } .el-col-xs-offset-9 { margin-left: 37.5% } .el-col-xs-pull-9 { position: relative; right: 37.5% } .el-col-xs-push-9 { position: relative; left: 37.5% } .el-col-xs-10 { width: 41.66667% } .el-col-xs-offset-10 { margin-left: 41.66667% } .el-col-xs-pull-10 { position: relative; right: 41.66667% } .el-col-xs-push-10 { position: relative; left: 41.66667% } .el-col-xs-11 { width: 45.83333% } .el-col-xs-offset-11 { margin-left: 45.83333% } .el-col-xs-pull-11 { position: relative; right: 45.83333% } .el-col-xs-push-11 { position: relative; left: 45.83333% } .el-col-xs-12 { width: 50% } .el-col-xs-offset-12 { margin-left: 50% } .el-col-xs-pull-12 { position: relative; right: 50% } .el-col-xs-push-12 { position: relative; left: 50% } .el-col-xs-13 { width: 54.16667% } .el-col-xs-offset-13 { margin-left: 54.16667% } .el-col-xs-pull-13 { position: relative; right: 54.16667% } .el-col-xs-push-13 { position: relative; left: 54.16667% } .el-col-xs-14 { width: 58.33333% } .el-col-xs-offset-14 { margin-left: 58.33333% } .el-col-xs-pull-14 { position: relative; right: 58.33333% } .el-col-xs-push-14 { position: relative; left: 58.33333% } .el-col-xs-15 { width: 62.5% } .el-col-xs-offset-15 { margin-left: 62.5% } .el-col-xs-pull-15 { position: relative; right: 62.5% } .el-col-xs-push-15 { position: relative; left: 62.5% } .el-col-xs-16 { width: 66.66667% } .el-col-xs-offset-16 { margin-left: 66.66667% } .el-col-xs-pull-16 { position: relative; right: 66.66667% } .el-col-xs-push-16 { position: relative; left: 66.66667% } .el-col-xs-17 { width: 70.83333% } .el-col-xs-offset-17 { margin-left: 70.83333% } .el-col-xs-pull-17 { position: relative; right: 70.83333% } .el-col-xs-push-17 { position: relative; left: 70.83333% } .el-col-xs-18 { width: 75% } .el-col-xs-offset-18 { margin-left: 75% } .el-col-xs-pull-18 { position: relative; right: 75% } .el-col-xs-push-18 { position: relative; left: 75% } .el-col-xs-19 { width: 79.16667% } .el-col-xs-offset-19 { margin-left: 79.16667% } .el-col-xs-pull-19 { position: relative; right: 79.16667% } .el-col-xs-push-19 { position: relative; left: 79.16667% } .el-col-xs-20 { width: 83.33333% } .el-col-xs-offset-20 { margin-left: 83.33333% } .el-col-xs-pull-20 { position: relative; right: 83.33333% } .el-col-xs-push-20 { position: relative; left: 83.33333% } .el-col-xs-21 { width: 87.5% } .el-col-xs-offset-21 { margin-left: 87.5% } .el-col-xs-pull-21 { position: relative; right: 87.5% } .el-col-xs-push-21 { position: relative; left: 87.5% } .el-col-xs-22 { width: 91.66667% } .el-col-xs-offset-22 { margin-left: 91.66667% } .el-col-xs-pull-22 { position: relative; right: 91.66667% } .el-col-xs-push-22 { position: relative; left: 91.66667% } .el-col-xs-23 { width: 95.83333% } .el-col-xs-offset-23 { margin-left: 95.83333% } .el-col-xs-pull-23 { position: relative; right: 95.83333% } .el-col-xs-push-23 { position: relative; left: 95.83333% } .el-col-xs-24 { width: 100% } .el-col-xs-offset-24 { margin-left: 100% } .el-col-xs-pull-24 { position: relative; right: 100% } .el-col-xs-push-24 { position: relative; left: 100% } } @media only screen and (min-width:768px) { .el-col-sm-0 { display: none; width: 0 } .el-col-sm-offset-0 { margin-left: 0 } .el-col-sm-pull-0 { position: relative; right: 0 } .el-col-sm-push-0 { position: relative; left: 0 } .el-col-sm-1 { width: 4.16667% } .el-col-sm-offset-1 { margin-left: 4.16667% } .el-col-sm-pull-1 { position: relative; right: 4.16667% } .el-col-sm-push-1 { position: relative; left: 4.16667% } .el-col-sm-2 { width: 8.33333% } .el-col-sm-offset-2 { margin-left: 8.33333% } .el-col-sm-pull-2 { position: relative; right: 8.33333% } .el-col-sm-push-2 { position: relative; left: 8.33333% } .el-col-sm-3 { width: 12.5% } .el-col-sm-offset-3 { margin-left: 12.5% } .el-col-sm-pull-3 { position: relative; right: 12.5% } .el-col-sm-push-3 { position: relative; left: 12.5% } .el-col-sm-4 { width: 16.66667% } .el-col-sm-offset-4 { margin-left: 16.66667% } .el-col-sm-pull-4 { position: relative; right: 16.66667% } .el-col-sm-push-4 { position: relative; left: 16.66667% } .el-col-sm-5 { width: 20.83333% } .el-col-sm-offset-5 { margin-left: 20.83333% } .el-col-sm-pull-5 { position: relative; right: 20.83333% } .el-col-sm-push-5 { position: relative; left: 20.83333% } .el-col-sm-6 { width: 25% } .el-col-sm-offset-6 { margin-left: 25% } .el-col-sm-pull-6 { position: relative; right: 25% } .el-col-sm-push-6 { position: relative; left: 25% } .el-col-sm-7 { width: 29.16667% } .el-col-sm-offset-7 { margin-left: 29.16667% } .el-col-sm-pull-7 { position: relative; right: 29.16667% } .el-col-sm-push-7 { position: relative; left: 29.16667% } .el-col-sm-8 { width: 33.33333% } .el-col-sm-offset-8 { margin-left: 33.33333% } .el-col-sm-pull-8 { position: relative; right: 33.33333% } .el-col-sm-push-8 { position: relative; left: 33.33333% } .el-col-sm-9 { width: 37.5% } .el-col-sm-offset-9 { margin-left: 37.5% } .el-col-sm-pull-9 { position: relative; right: 37.5% } .el-col-sm-push-9 { position: relative; left: 37.5% } .el-col-sm-10 { width: 41.66667% } .el-col-sm-offset-10 { margin-left: 41.66667% } .el-col-sm-pull-10 { position: relative; right: 41.66667% } .el-col-sm-push-10 { position: relative; left: 41.66667% } .el-col-sm-11 { width: 45.83333% } .el-col-sm-offset-11 { margin-left: 45.83333% } .el-col-sm-pull-11 { position: relative; right: 45.83333% } .el-col-sm-push-11 { position: relative; left: 45.83333% } .el-col-sm-12 { width: 50% } .el-col-sm-offset-12 { margin-left: 50% } .el-col-sm-pull-12 { position: relative; right: 50% } .el-col-sm-push-12 { position: relative; left: 50% } .el-col-sm-13 { width: 54.16667% } .el-col-sm-offset-13 { margin-left: 54.16667% } .el-col-sm-pull-13 { position: relative; right: 54.16667% } .el-col-sm-push-13 { position: relative; left: 54.16667% } .el-col-sm-14 { width: 58.33333% } .el-col-sm-offset-14 { margin-left: 58.33333% } .el-col-sm-pull-14 { position: relative; right: 58.33333% } .el-col-sm-push-14 { position: relative; left: 58.33333% } .el-col-sm-15 { width: 62.5% } .el-col-sm-offset-15 { margin-left: 62.5% } .el-col-sm-pull-15 { position: relative; right: 62.5% } .el-col-sm-push-15 { position: relative; left: 62.5% } .el-col-sm-16 { width: 66.66667% } .el-col-sm-offset-16 { margin-left: 66.66667% } .el-col-sm-pull-16 { position: relative; right: 66.66667% } .el-col-sm-push-16 { position: relative; left: 66.66667% } .el-col-sm-17 { width: 70.83333% } .el-col-sm-offset-17 { margin-left: 70.83333% } .el-col-sm-pull-17 { position: relative; right: 70.83333% } .el-col-sm-push-17 { position: relative; left: 70.83333% } .el-col-sm-18 { width: 75% } .el-col-sm-offset-18 { margin-left: 75% } .el-col-sm-pull-18 { position: relative; right: 75% } .el-col-sm-push-18 { position: relative; left: 75% } .el-col-sm-19 { width: 79.16667% } .el-col-sm-offset-19 { margin-left: 79.16667% } .el-col-sm-pull-19 { position: relative; right: 79.16667% } .el-col-sm-push-19 { position: relative; left: 79.16667% } .el-col-sm-20 { width: 83.33333% } .el-col-sm-offset-20 { margin-left: 83.33333% } .el-col-sm-pull-20 { position: relative; right: 83.33333% } .el-col-sm-push-20 { position: relative; left: 83.33333% } .el-col-sm-21 { width: 87.5% } .el-col-sm-offset-21 { margin-left: 87.5% } .el-col-sm-pull-21 { position: relative; right: 87.5% } .el-col-sm-push-21 { position: relative; left: 87.5% } .el-col-sm-22 { width: 91.66667% } .el-col-sm-offset-22 { margin-left: 91.66667% } .el-col-sm-pull-22 { position: relative; right: 91.66667% } .el-col-sm-push-22 { position: relative; left: 91.66667% } .el-col-sm-23 { width: 95.83333% } .el-col-sm-offset-23 { margin-left: 95.83333% } .el-col-sm-pull-23 { position: relative; right: 95.83333% } .el-col-sm-push-23 { position: relative; left: 95.83333% } .el-col-sm-24 { width: 100% } .el-col-sm-offset-24 { margin-left: 100% } .el-col-sm-pull-24 { position: relative; right: 100% } .el-col-sm-push-24 { position: relative; left: 100% } } @media only screen and (min-width:992px) { .el-col-md-0 { display: none; width: 0 } .el-col-md-offset-0 { margin-left: 0 } .el-col-md-pull-0 { position: relative; right: 0 } .el-col-md-push-0 { position: relative; left: 0 } .el-col-md-1 { width: 4.16667% } .el-col-md-offset-1 { margin-left: 4.16667% } .el-col-md-pull-1 { position: relative; right: 4.16667% } .el-col-md-push-1 { position: relative; left: 4.16667% } .el-col-md-2 { width: 8.33333% } .el-col-md-offset-2 { margin-left: 8.33333% } .el-col-md-pull-2 { position: relative; right: 8.33333% } .el-col-md-push-2 { position: relative; left: 8.33333% } .el-col-md-3 { width: 12.5% } .el-col-md-offset-3 { margin-left: 12.5% } .el-col-md-pull-3 { position: relative; right: 12.5% } .el-col-md-push-3 { position: relative; left: 12.5% } .el-col-md-4 { width: 16.66667% } .el-col-md-offset-4 { margin-left: 16.66667% } .el-col-md-pull-4 { position: relative; right: 16.66667% } .el-col-md-push-4 { position: relative; left: 16.66667% } .el-col-md-5 { width: 20.83333% } .el-col-md-offset-5 { margin-left: 20.83333% } .el-col-md-pull-5 { position: relative; right: 20.83333% } .el-col-md-push-5 { position: relative; left: 20.83333% } .el-col-md-6 { width: 25% } .el-col-md-offset-6 { margin-left: 25% } .el-col-md-pull-6 { position: relative; right: 25% } .el-col-md-push-6 { position: relative; left: 25% } .el-col-md-7 { width: 29.16667% } .el-col-md-offset-7 { margin-left: 29.16667% } .el-col-md-pull-7 { position: relative; right: 29.16667% } .el-col-md-push-7 { position: relative; left: 29.16667% } .el-col-md-8 { width: 33.33333% } .el-col-md-offset-8 { margin-left: 33.33333% } .el-col-md-pull-8 { position: relative; right: 33.33333% } .el-col-md-push-8 { position: relative; left: 33.33333% } .el-col-md-9 { width: 37.5% } .el-col-md-offset-9 { margin-left: 37.5% } .el-col-md-pull-9 { position: relative; right: 37.5% } .el-col-md-push-9 { position: relative; left: 37.5% } .el-col-md-10 { width: 41.66667% } .el-col-md-offset-10 { margin-left: 41.66667% } .el-col-md-pull-10 { position: relative; right: 41.66667% } .el-col-md-push-10 { position: relative; left: 41.66667% } .el-col-md-11 { width: 45.83333% } .el-col-md-offset-11 { margin-left: 45.83333% } .el-col-md-pull-11 { position: relative; right: 45.83333% } .el-col-md-push-11 { position: relative; left: 45.83333% } .el-col-md-12 { width: 50% } .el-col-md-offset-12 { margin-left: 50% } .el-col-md-pull-12 { position: relative; right: 50% } .el-col-md-push-12 { position: relative; left: 50% } .el-col-md-13 { width: 54.16667% } .el-col-md-offset-13 { margin-left: 54.16667% } .el-col-md-pull-13 { position: relative; right: 54.16667% } .el-col-md-push-13 { position: relative; left: 54.16667% } .el-col-md-14 { width: 58.33333% } .el-col-md-offset-14 { margin-left: 58.33333% } .el-col-md-pull-14 { position: relative; right: 58.33333% } .el-col-md-push-14 { position: relative; left: 58.33333% } .el-col-md-15 { width: 62.5% } .el-col-md-offset-15 { margin-left: 62.5% } .el-col-md-pull-15 { position: relative; right: 62.5% } .el-col-md-push-15 { position: relative; left: 62.5% } .el-col-md-16 { width: 66.66667% } .el-col-md-offset-16 { margin-left: 66.66667% } .el-col-md-pull-16 { position: relative; right: 66.66667% } .el-col-md-push-16 { position: relative; left: 66.66667% } .el-col-md-17 { width: 70.83333% } .el-col-md-offset-17 { margin-left: 70.83333% } .el-col-md-pull-17 { position: relative; right: 70.83333% } .el-col-md-push-17 { position: relative; left: 70.83333% } .el-col-md-18 { width: 75% } .el-col-md-offset-18 { margin-left: 75% } .el-col-md-pull-18 { position: relative; right: 75% } .el-col-md-push-18 { position: relative; left: 75% } .el-col-md-19 { width: 79.16667% } .el-col-md-offset-19 { margin-left: 79.16667% } .el-col-md-pull-19 { position: relative; right: 79.16667% } .el-col-md-push-19 { position: relative; left: 79.16667% } .el-col-md-20 { width: 83.33333% } .el-col-md-offset-20 { margin-left: 83.33333% } .el-col-md-pull-20 { position: relative; right: 83.33333% } .el-col-md-push-20 { position: relative; left: 83.33333% } .el-col-md-21 { width: 87.5% } .el-col-md-offset-21 { margin-left: 87.5% } .el-col-md-pull-21 { position: relative; right: 87.5% } .el-col-md-push-21 { position: relative; left: 87.5% } .el-col-md-22 { width: 91.66667% } .el-col-md-offset-22 { margin-left: 91.66667% } .el-col-md-pull-22 { position: relative; right: 91.66667% } .el-col-md-push-22 { position: relative; left: 91.66667% } .el-col-md-23 { width: 95.83333% } .el-col-md-offset-23 { margin-left: 95.83333% } .el-col-md-pull-23 { position: relative; right: 95.83333% } .el-col-md-push-23 { position: relative; left: 95.83333% } .el-col-md-24 { width: 100% } .el-col-md-offset-24 { margin-left: 100% } .el-col-md-pull-24 { position: relative; right: 100% } .el-col-md-push-24 { position: relative; left: 100% } } @media only screen and (min-width:1200px) { .el-col-lg-0 { display: none; width: 0 } .el-col-lg-offset-0 { margin-left: 0 } .el-col-lg-pull-0 { position: relative; right: 0 } .el-col-lg-push-0 { position: relative; left: 0 } .el-col-lg-1 { width: 4.16667% } .el-col-lg-offset-1 { margin-left: 4.16667% } .el-col-lg-pull-1 { position: relative; right: 4.16667% } .el-col-lg-push-1 { position: relative; left: 4.16667% } .el-col-lg-2 { width: 8.33333% } .el-col-lg-offset-2 { margin-left: 8.33333% } .el-col-lg-pull-2 { position: relative; right: 8.33333% } .el-col-lg-push-2 { position: relative; left: 8.33333% } .el-col-lg-3 { width: 12.5% } .el-col-lg-offset-3 { margin-left: 12.5% } .el-col-lg-pull-3 { position: relative; right: 12.5% } .el-col-lg-push-3 { position: relative; left: 12.5% } .el-col-lg-4 { width: 16.66667% } .el-col-lg-offset-4 { margin-left: 16.66667% } .el-col-lg-pull-4 { position: relative; right: 16.66667% } .el-col-lg-push-4 { position: relative; left: 16.66667% } .el-col-lg-5 { width: 20.83333% } .el-col-lg-offset-5 { margin-left: 20.83333% } .el-col-lg-pull-5 { position: relative; right: 20.83333% } .el-col-lg-push-5 { position: relative; left: 20.83333% } .el-col-lg-6 { width: 25% } .el-col-lg-offset-6 { margin-left: 25% } .el-col-lg-pull-6 { position: relative; right: 25% } .el-col-lg-push-6 { position: relative; left: 25% } .el-col-lg-7 { width: 29.16667% } .el-col-lg-offset-7 { margin-left: 29.16667% } .el-col-lg-pull-7 { position: relative; right: 29.16667% } .el-col-lg-push-7 { position: relative; left: 29.16667% } .el-col-lg-8 { width: 33.33333% } .el-col-lg-offset-8 { margin-left: 33.33333% } .el-col-lg-pull-8 { position: relative; right: 33.33333% } .el-col-lg-push-8 { position: relative; left: 33.33333% } .el-col-lg-9 { width: 37.5% } .el-col-lg-offset-9 { margin-left: 37.5% } .el-col-lg-pull-9 { position: relative; right: 37.5% } .el-col-lg-push-9 { position: relative; left: 37.5% } .el-col-lg-10 { width: 41.66667% } .el-col-lg-offset-10 { margin-left: 41.66667% } .el-col-lg-pull-10 { position: relative; right: 41.66667% } .el-col-lg-push-10 { position: relative; left: 41.66667% } .el-col-lg-11 { width: 45.83333% } .el-col-lg-offset-11 { margin-left: 45.83333% } .el-col-lg-pull-11 { position: relative; right: 45.83333% } .el-col-lg-push-11 { position: relative; left: 45.83333% } .el-col-lg-12 { width: 50% } .el-col-lg-offset-12 { margin-left: 50% } .el-col-lg-pull-12 { position: relative; right: 50% } .el-col-lg-push-12 { position: relative; left: 50% } .el-col-lg-13 { width: 54.16667% } .el-col-lg-offset-13 { margin-left: 54.16667% } .el-col-lg-pull-13 { position: relative; right: 54.16667% } .el-col-lg-push-13 { position: relative; left: 54.16667% } .el-col-lg-14 { width: 58.33333% } .el-col-lg-offset-14 { margin-left: 58.33333% } .el-col-lg-pull-14 { position: relative; right: 58.33333% } .el-col-lg-push-14 { position: relative; left: 58.33333% } .el-col-lg-15 { width: 62.5% } .el-col-lg-offset-15 { margin-left: 62.5% } .el-col-lg-pull-15 { position: relative; right: 62.5% } .el-col-lg-push-15 { position: relative; left: 62.5% } .el-col-lg-16 { width: 66.66667% } .el-col-lg-offset-16 { margin-left: 66.66667% } .el-col-lg-pull-16 { position: relative; right: 66.66667% } .el-col-lg-push-16 { position: relative; left: 66.66667% } .el-col-lg-17 { width: 70.83333% } .el-col-lg-offset-17 { margin-left: 70.83333% } .el-col-lg-pull-17 { position: relative; right: 70.83333% } .el-col-lg-push-17 { position: relative; left: 70.83333% } .el-col-lg-18 { width: 75% } .el-col-lg-offset-18 { margin-left: 75% } .el-col-lg-pull-18 { position: relative; right: 75% } .el-col-lg-push-18 { position: relative; left: 75% } .el-col-lg-19 { width: 79.16667% } .el-col-lg-offset-19 { margin-left: 79.16667% } .el-col-lg-pull-19 { position: relative; right: 79.16667% } .el-col-lg-push-19 { position: relative; left: 79.16667% } .el-col-lg-20 { width: 83.33333% } .el-col-lg-offset-20 { margin-left: 83.33333% } .el-col-lg-pull-20 { position: relative; right: 83.33333% } .el-col-lg-push-20 { position: relative; left: 83.33333% } .el-col-lg-21 { width: 87.5% } .el-col-lg-offset-21 { margin-left: 87.5% } .el-col-lg-pull-21 { position: relative; right: 87.5% } .el-col-lg-push-21 { position: relative; left: 87.5% } .el-col-lg-22 { width: 91.66667% } .el-col-lg-offset-22 { margin-left: 91.66667% } .el-col-lg-pull-22 { position: relative; right: 91.66667% } .el-col-lg-push-22 { position: relative; left: 91.66667% } .el-col-lg-23 { width: 95.83333% } .el-col-lg-offset-23 { margin-left: 95.83333% } .el-col-lg-pull-23 { position: relative; right: 95.83333% } .el-col-lg-push-23 { position: relative; left: 95.83333% } .el-col-lg-24 { width: 100% } .el-col-lg-offset-24 { margin-left: 100% } .el-col-lg-pull-24 { position: relative; right: 100% } .el-col-lg-push-24 { position: relative; left: 100% } } @media only screen and (min-width:1920px) { .el-col-xl-0 { display: none; width: 0 } .el-col-xl-offset-0 { margin-left: 0 } .el-col-xl-pull-0 { position: relative; right: 0 } .el-col-xl-push-0 { position: relative; left: 0 } .el-col-xl-1 { width: 4.16667% } .el-col-xl-offset-1 { margin-left: 4.16667% } .el-col-xl-pull-1 { position: relative; right: 4.16667% } .el-col-xl-push-1 { position: relative; left: 4.16667% } .el-col-xl-2 { width: 8.33333% } .el-col-xl-offset-2 { margin-left: 8.33333% } .el-col-xl-pull-2 { position: relative; right: 8.33333% } .el-col-xl-push-2 { position: relative; left: 8.33333% } .el-col-xl-3 { width: 12.5% } .el-col-xl-offset-3 { margin-left: 12.5% } .el-col-xl-pull-3 { position: relative; right: 12.5% } .el-col-xl-push-3 { position: relative; left: 12.5% } .el-col-xl-4 { width: 16.66667% } .el-col-xl-offset-4 { margin-left: 16.66667% } .el-col-xl-pull-4 { position: relative; right: 16.66667% } .el-col-xl-push-4 { position: relative; left: 16.66667% } .el-col-xl-5 { width: 20.83333% } .el-col-xl-offset-5 { margin-left: 20.83333% } .el-col-xl-pull-5 { position: relative; right: 20.83333% } .el-col-xl-push-5 { position: relative; left: 20.83333% } .el-col-xl-6 { width: 25% } .el-col-xl-offset-6 { margin-left: 25% } .el-col-xl-pull-6 { position: relative; right: 25% } .el-col-xl-push-6 { position: relative; left: 25% } .el-col-xl-7 { width: 29.16667% } .el-col-xl-offset-7 { margin-left: 29.16667% } .el-col-xl-pull-7 { position: relative; right: 29.16667% } .el-col-xl-push-7 { position: relative; left: 29.16667% } .el-col-xl-8 { width: 33.33333% } .el-col-xl-offset-8 { margin-left: 33.33333% } .el-col-xl-pull-8 { position: relative; right: 33.33333% } .el-col-xl-push-8 { position: relative; left: 33.33333% } .el-col-xl-9 { width: 37.5% } .el-col-xl-offset-9 { margin-left: 37.5% } .el-col-xl-pull-9 { position: relative; right: 37.5% } .el-col-xl-push-9 { position: relative; left: 37.5% } .el-col-xl-10 { width: 41.66667% } .el-col-xl-offset-10 { margin-left: 41.66667% } .el-col-xl-pull-10 { position: relative; right: 41.66667% } .el-col-xl-push-10 { position: relative; left: 41.66667% } .el-col-xl-11 { width: 45.83333% } .el-col-xl-offset-11 { margin-left: 45.83333% } .el-col-xl-pull-11 { position: relative; right: 45.83333% } .el-col-xl-push-11 { position: relative; left: 45.83333% } .el-col-xl-12 { width: 50% } .el-col-xl-offset-12 { margin-left: 50% } .el-col-xl-pull-12 { position: relative; right: 50% } .el-col-xl-push-12 { position: relative; left: 50% } .el-col-xl-13 { width: 54.16667% } .el-col-xl-offset-13 { margin-left: 54.16667% } .el-col-xl-pull-13 { position: relative; right: 54.16667% } .el-col-xl-push-13 { position: relative; left: 54.16667% } .el-col-xl-14 { width: 58.33333% } .el-col-xl-offset-14 { margin-left: 58.33333% } .el-col-xl-pull-14 { position: relative; right: 58.33333% } .el-col-xl-push-14 { position: relative; left: 58.33333% } .el-col-xl-15 { width: 62.5% } .el-col-xl-offset-15 { margin-left: 62.5% } .el-col-xl-pull-15 { position: relative; right: 62.5% } .el-col-xl-push-15 { position: relative; left: 62.5% } .el-col-xl-16 { width: 66.66667% } .el-col-xl-offset-16 { margin-left: 66.66667% } .el-col-xl-pull-16 { position: relative; right: 66.66667% } .el-col-xl-push-16 { position: relative; left: 66.66667% } .el-col-xl-17 { width: 70.83333% } .el-col-xl-offset-17 { margin-left: 70.83333% } .el-col-xl-pull-17 { position: relative; right: 70.83333% } .el-col-xl-push-17 { position: relative; left: 70.83333% } .el-col-xl-18 { width: 75% } .el-col-xl-offset-18 { margin-left: 75% } .el-col-xl-pull-18 { position: relative; right: 75% } .el-col-xl-push-18 { position: relative; left: 75% } .el-col-xl-19 { width: 79.16667% } .el-col-xl-offset-19 { margin-left: 79.16667% } .el-col-xl-pull-19 { position: relative; right: 79.16667% } .el-col-xl-push-19 { position: relative; left: 79.16667% } .el-col-xl-20 { width: 83.33333% } .el-col-xl-offset-20 { margin-left: 83.33333% } .el-col-xl-pull-20 { position: relative; right: 83.33333% } .el-col-xl-push-20 { position: relative; left: 83.33333% } .el-col-xl-21 { width: 87.5% } .el-col-xl-offset-21 { margin-left: 87.5% } .el-col-xl-pull-21 { position: relative; right: 87.5% } .el-col-xl-push-21 { position: relative; left: 87.5% } .el-col-xl-22 { width: 91.66667% } .el-col-xl-offset-22 { margin-left: 91.66667% } .el-col-xl-pull-22 { position: relative; right: 91.66667% } .el-col-xl-push-22 { position: relative; left: 91.66667% } .el-col-xl-23 { width: 95.83333% } .el-col-xl-offset-23 { margin-left: 95.83333% } .el-col-xl-pull-23 { position: relative; right: 95.83333% } .el-col-xl-push-23 { position: relative; left: 95.83333% } .el-col-xl-24 { width: 100% } .el-col-xl-offset-24 { margin-left: 100% } .el-col-xl-pull-24 { position: relative; right: 100% } .el-col-xl-push-24 { position: relative; left: 100% } } @-webkit-keyframes progress { 0% { background-position: 0 0 } to { background-position: 32px 0 } } .el-upload { display: inline-block; text-align: center; cursor: pointer; outline: 0 } .el-upload__input { display: none } .el-upload__tip { font-size: 12px; color: #606266; margin-top: 7px } .el-upload iframe { position: absolute; z-index: -1; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0) } .el-upload--picture-card { background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; line-height: 146px; vertical-align: top } .el-upload--picture-card i { font-size: 28px; color: #8c939d } .el-upload--picture-card:hover, .el-upload:focus { border-color: #409eff; color: #409eff } .el-upload:focus .el-upload-dragger { border-color: #409eff } .el-upload-dragger { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 360px; height: 180px; text-align: center; position: relative; overflow: hidden } .el-upload-dragger .el-icon-upload { font-size: 67px; color: #c0c4cc; margin: 40px 0 16px; line-height: 50px } .el-upload-dragger+.el-upload__tip { text-align: center } .el-upload-dragger~.el-upload__files { border-top: 1px solid #dcdfe6; margin-top: 7px; padding-top: 5px } .el-upload-dragger .el-upload__text { color: #606266; font-size: 14px; text-align: center } .el-upload-dragger .el-upload__text em { color: #409eff; font-style: normal } .el-upload-dragger:hover { border-color: #409eff } .el-upload-dragger.is-dragover { background-color: rgba(32, 159, 255, .06); border: 2px dashed #409eff } .el-upload-list { margin: 0; padding: 0; list-style: none } .el-upload-list__item { -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1); transition: all .5s cubic-bezier(.55, 0, .1, 1); font-size: 14px; color: #606266; line-height: 1.8; margin-top: 5px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; width: 100% } .el-upload-list__item .el-progress { position: absolute; top: 20px; width: 100% } .el-upload-list__item .el-progress__text { position: absolute; right: 0; top: -13px } .el-upload-list__item .el-progress-bar { margin-right: 0; padding-right: 0 } .el-upload-list__item:first-child { margin-top: 10px } .el-upload-list__item .el-icon-upload-success { color: #67c23a } .el-upload-list__item .el-icon-close { display: none; position: absolute; top: 5px; right: 5px; cursor: pointer; opacity: .75; color: #606266 } .el-upload-list__item .el-icon-close:hover { opacity: 1 } .el-upload-list__item .el-icon-close-tip { display: none; position: absolute; top: 5px; right: 5px; font-size: 12px; cursor: pointer; opacity: 1; color: #409eff } .el-upload-list__item:hover { background-color: #f5f7fa } .el-upload-list__item:hover .el-icon-close { display: inline-block } .el-upload-list__item:hover .el-progress__text { display: none } .el-upload-list__item.is-success .el-upload-list__item-status-label { display: block } .el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: #409eff; cursor: pointer } .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { display: inline-block } .el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { display: none } .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { display: block } .el-upload-list__item-name { color: #606266; display: block; margin-right: 40px; overflow: hidden; padding-left: 4px; text-overflow: ellipsis; -webkit-transition: color .3s; transition: color .3s; white-space: nowrap } .el-upload-list__item-name [class^=el-icon] { height: 100%; margin-right: 7px; color: #909399; line-height: inherit } .el-upload-list__item-status-label { position: absolute; right: 5px; top: 0; line-height: inherit; display: none } .el-upload-list__item-delete { position: absolute; right: 10px; top: 0; font-size: 12px; color: #606266; display: none } .el-upload-list__item-delete:hover { color: #409eff } .el-upload-list--picture-card { margin: 0; display: inline; vertical-align: top } .el-upload-list--picture-card .el-upload-list__item { overflow: hidden; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; margin: 0 8px 8px 0; display: inline-block } .el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { color: #fff } .el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { display: none } .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { display: block } .el-upload-list--picture-card .el-upload-list__item-name { display: none } .el-upload-list--picture-card .el-upload-list__item-thumbnail { width: 100%; height: 100% } .el-upload-list--picture-card .el-upload-list__item-status-label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2); box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2) } .el-upload-list--picture-card .el-upload-list__item-status-label i { font-size: 12px; margin-top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .el-upload-list--picture-card .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, .5); -webkit-transition: opacity .3s; transition: opacity .3s } .el-upload-list--picture-card .el-upload-list__item-actions:after { display: inline-block; content: ""; height: 100%; vertical-align: middle } .el-upload-list--picture-card .el-upload-list__item-actions span { display: none; cursor: pointer } .el-upload-list--picture-card .el-upload-list__item-actions span+span { margin-left: 15px } .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { position: static; font-size: inherit; color: inherit } .el-upload-list--picture-card .el-upload-list__item-actions:hover { opacity: 1 } .el-upload-list--picture-card .el-upload-list__item-actions:hover span { display: inline-block } .el-upload-list--picture-card .el-progress { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; width: 126px } .el-upload-list--picture-card .el-progress .el-progress__text { top: 50% } .el-upload-list--picture .el-upload-list__item { overflow: hidden; z-index: 0; background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; padding: 10px 10px 10px 90px; height: 92px } .el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { color: #fff } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: 0 0; -webkit-box-shadow: none; box-shadow: none; top: -2px; right: -12px } .el-upload-list--picture .el-upload-list__item:hover .el-progress__text { display: block } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { line-height: 70px; margin-top: 0 } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { display: none } .el-upload-list--picture .el-upload-list__item-thumbnail { vertical-align: middle; display: inline-block; width: 70px; height: 70px; float: left; position: relative; z-index: 1; margin-left: -80px; background-color: #fff } .el-upload-list--picture .el-upload-list__item-name { display: block; margin-top: 20px } .el-upload-list--picture .el-upload-list__item-name i { font-size: 70px; line-height: 1; position: absolute; left: 9px; top: 10px } .el-upload-list--picture .el-upload-list__item-status-label { position: absolute; right: -17px; top: -7px; width: 46px; height: 26px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc } .el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .el-upload-list--picture .el-progress { position: relative; top: -7px } .el-upload-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10; cursor: default } .el-upload-cover:after { display: inline-block; height: 100%; vertical-align: middle } .el-upload-cover img { display: block; width: 100%; height: 100% } .el-upload-cover__label { position: absolute; right: -15px; top: -6px; width: 40px; height: 24px; background: #13ce66; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2); box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2) } .el-upload-cover__label i { font-size: 12px; margin-top: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff } .el-upload-cover__progress { display: inline-block; vertical-align: middle; position: static; width: 243px } .el-upload-cover__progress+.el-upload__inner { opacity: 0 } .el-upload-cover__content { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .el-upload-cover__interact { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .72); text-align: center } .el-upload-cover__interact .btn { display: inline-block; color: #fff; font-size: 14px; cursor: pointer; vertical-align: middle; -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); margin-top: 60px } .el-upload-cover__interact .btn span { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px } .el-upload-cover__interact .btn:hover { -webkit-transform: translateY(-13px); transform: translateY(-13px) } .el-upload-cover__interact .btn:hover span { opacity: 1 } .el-upload-cover__interact .btn i { color: #fff; display: block; font-size: 24px; line-height: inherit; margin: 0 auto 5px } .el-upload-cover__title { position: absolute; bottom: 0; left: 0; background-color: #fff; height: 36px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; text-align: left; padding: 0 10px; margin: 0; line-height: 36px; font-size: 14px; color: #303133 } .el-upload-cover+.el-upload__inner { opacity: 0; position: relative; z-index: 1 } .el-progress { position: relative; line-height: 1 } .el-progress__text { font-size: 14px; color: #606266; display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1 } .el-progress__text i { vertical-align: middle; display: block } .el-progress--circle, .el-progress--dashboard { display: inline-block } .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { vertical-align: middle; display: inline-block } .el-progress--without-text .el-progress__text { display: none } .el-progress--without-text .el-progress-bar { padding-right: 0; margin-right: 0; display: block } .el-progress-bar, .el-progress-bar__inner:after, .el-progress-bar__innerText, .el-spinner { display: inline-block; vertical-align: middle } .el-progress--text-inside .el-progress-bar { padding-right: 0; margin-right: 0 } .el-progress.is-success .el-progress-bar__inner { background-color: #67c23a } .el-progress.is-success .el-progress__text { color: #67c23a } .el-progress.is-warning .el-progress-bar__inner { background-color: #e6a23c } .el-progress.is-warning .el-progress__text { color: #e6a23c } .el-progress.is-exception .el-progress-bar__inner { background-color: #f56c6c } .el-progress.is-exception .el-progress__text { color: #f56c6c } .el-progress-bar { padding-right: 50px; width: 100%; margin-right: -55px; -webkit-box-sizing: border-box; box-sizing: border-box } .el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: #ebeef5; overflow: hidden; position: relative; vertical-align: middle } .el-progress-bar__inner { position: absolute; left: 0; top: 0; height: 100%; background-color: #409eff; text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; -webkit-transition: width .6s ease; transition: width .6s ease } .el-card, .el-message { border-radius: 25px; overflow: hidden } .el-progress-bar__inner:after { height: 100% } .el-progress-bar__innerText { color: #fff; font-size: 12px; margin: 0 5px } @keyframes progress { 0% { background-position: 0 0 } to { background-position: 32px 0 } } .el-time-spinner { width: 100%; white-space: nowrap } .el-spinner-inner { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; width: 50px; height: 50px } .el-spinner-inner .path { stroke: #ececec; stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite } @-webkit-keyframes rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes rotate { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } .el-message { min-width: 380px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; left: 50%; top: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #edf2fc; -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s; transition: opacity .3s, top .4s, -webkit-transform .4s; transition: opacity .3s, transform .4s, top .4s; transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s; padding: 15px 15px 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-message.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .el-message.is-closable .el-message__content { padding-right: 16px } .el-message p { margin: 0 } .el-message--info .el-message__content { color: #909399 } .el-message--success { background-color: #f0f9eb; border-color: #e1f3d8 } .el-message--success .el-message__content { color: #67c23a } .el-message--warning { background-color: #fdf6ec; border-color: #faecd8 } .el-message--warning .el-message__content { color: #e6a23c } .el-message--error { background-color: #fef0f0; border-color: #fde2e2 } .el-message--error .el-message__content { color: #f56c6c } .el-message__icon { margin-right: 10px } .el-message__content { padding: 0; font-size: 14px; line-height: 1 } .el-message__closeBtn { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: #c0c4cc; font-size: 16px } .el-message__closeBtn:hover { color: #909399 } .el-message .el-icon-success { color: #67c23a } .el-message .el-icon-error { color: #f56c6c } .el-message .el-icon-info { color: #909399 } .el-message .el-icon-warning { color: #e6a23c } .el-message-fade-enter, .el-message-fade-leave-active { opacity: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } .el-badge { position: relative; vertical-align: middle; display: inline-block } .el-badge__content { background-color: #f56c6c; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid #fff } .el-badge__content.is-fixed { position: absolute; top: 0; right: 10px; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%) } .el-rate__icon, .el-rate__item { position: relative; display: inline-block } .el-badge__content.is-fixed.is-dot { right: 5px } .el-badge__content.is-dot { height: 8px; width: 8px; padding: 0; right: 0; border-radius: 50% } .el-badge__content--primary { background-color: #409eff } .el-badge__content--success { background-color: #67c23a } .el-badge__content--warning { background-color: #e6a23c } .el-badge__content--info { background-color: #909399 } .el-badge__content--danger { background-color: #f56c6c } .el-card { border: 1px solid #ebeef5; background-color: #fff; color: #303133; -webkit-transition: .3s; transition: .3s } .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover { -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-card__header { padding: 18px 20px; border-bottom: 1px solid #ebeef5; -webkit-box-sizing: border-box; box-sizing: border-box } .el-card__body { padding: 20px } .el-rate { height: 20px; line-height: 1 } .el-rate__item { font-size: 0; vertical-align: middle } .el-rate__icon { font-size: 18px; margin-right: 6px; color: #c0c4cc; -webkit-transition: .3s; transition: .3s } .el-rate__decimal, .el-rate__icon .path2 { position: absolute; top: 0; left: 0 } .el-rate__icon.hover { -webkit-transform: scale(1.15); transform: scale(1.15) } .el-rate__decimal { display: inline-block; overflow: hidden } .el-step.is-vertical, .el-steps { display: -webkit-box; display: -ms-flexbox } .el-rate__text { font-size: 14px; vertical-align: middle } .el-steps { display: -webkit-box; display: -ms-flexbox; display: flex } .el-steps--simple { padding: 13px 8%; border-radius: 4px; background: #f5f7fa } .el-steps--horizontal { white-space: nowrap } .el-steps--vertical { height: 100%; -webkit-box-orient: vertical; -ms-flex-flow: column; flex-flow: column } .el-step { position: relative; -ms-flex-negative: 1; flex-shrink: 1 } .el-step:last-of-type .el-step__line { display: none } .el-step:last-of-type.is-flex { -ms-flex-preferred-size: auto !important; flex-basis: auto !important; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main { padding-right: 0 } .el-step__head { position: relative; width: 100% } .el-step__head.is-process { color: #303133; border-color: #303133 } .el-step__head.is-wait { color: #c0c4cc; border-color: #c0c4cc } .el-step__head.is-success { color: #67c23a; border-color: #67c23a } .el-step__head.is-error { color: #f56c6c; border-color: #f56c6c } .el-step__head.is-finish { color: #409eff; border-color: #409eff } .el-step__icon { position: relative; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: .15s ease-out; transition: .15s ease-out } .el-step__icon.is-text { border-radius: 50%; border: 2px solid; border-color: inherit } .el-step__icon.is-icon { width: 40px } .el-step__icon-inner { display: inline-block; user-select: none; text-align: center; font-weight: 700; line-height: 1; color: inherit } .el-button, .el-checkbox, .el-image-viewer__btn, .el-step__icon-inner { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 25px; font-weight: 400 } .el-step__icon-inner.is-status { -webkit-transform: translateY(1px); transform: translateY(1px) } .el-step__line { position: absolute; border-color: inherit; background-color: #c0c4cc } .el-step__line-inner { display: block; border: 1px solid; border-color: inherit; -webkit-transition: .15s ease-out; transition: .15s ease-out; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 0 } .el-step__main { white-space: normal; text-align: left } .el-step__title { font-size: 16px; line-height: 38px } .el-step__title.is-process { font-weight: 700; color: #303133 } .el-step__title.is-wait { color: #c0c4cc } .el-step__title.is-success { color: #67c23a } .el-step__title.is-error { color: #f56c6c } .el-step__title.is-finish { color: #409eff } .el-step__description { padding-right: 10%; margin-top: -5px; font-size: 12px; line-height: 20px; font-weight: 400 } .el-step__description.is-process { color: #303133 } .el-step__description.is-wait { color: #c0c4cc } .el-step__description.is-success { color: #67c23a } .el-step__description.is-error { color: #f56c6c } .el-step__description.is-finish { color: #409eff } .el-step.is-horizontal { display: inline-block } .el-step.is-horizontal .el-step__line { height: 2px; top: 11px; left: 0; right: 0 } .el-step.is-vertical { display: -webkit-box; display: -ms-flexbox; display: flex } .el-step.is-vertical .el-step__head { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 24px } .el-step.is-vertical .el-step__main { padding-left: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .el-step.is-vertical .el-step__title { line-height: 24px; padding-bottom: 8px } .el-step.is-vertical .el-step__line { width: 2px; top: 0; bottom: 0; left: 11px } .el-step.is-vertical .el-step__icon.is-icon { width: 24px } .el-step.is-center .el-step__head, .el-step.is-center .el-step__main { text-align: center } .el-step.is-center .el-step__description { padding-left: 20%; padding-right: 20% } .el-step.is-center .el-step__line { left: 50%; right: -50% } .el-step.is-simple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-step.is-simple .el-step__head { width: auto; font-size: 0; padding-right: 10px } .el-step.is-simple .el-step__icon { background: 0 0; width: 16px; height: 16px; font-size: 12px } .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 18px } .el-step.is-simple .el-step__icon-inner.is-status { -webkit-transform: scale(.8) translateY(1px); transform: scale(.8) translateY(1px) } .el-step.is-simple .el-step__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .el-step.is-simple .el-step__title { font-size: 16px; line-height: 20px } .el-step.is-simple:not(:last-of-type) .el-step__title { max-width: 50%; word-break: break-all } .el-step.is-simple .el-step__arrow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .el-step.is-simple .el-step__arrow:after, .el-step.is-simple .el-step__arrow:before { content: ""; display: inline-block; position: absolute; height: 15px; width: 1px; background: #c0c4cc } .el-step.is-simple .el-step__arrow:before { -webkit-transform: rotate(-45deg) translateY(-4px); transform: rotate(-45deg) translateY(-4px); -webkit-transform-origin: 0 0; transform-origin: 0 0 } .el-step.is-simple .el-step__arrow:after { -webkit-transform: rotate(45deg) translateY(4px); transform: rotate(45deg) translateY(4px); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .el-step.is-simple:last-of-type .el-step__arrow { display: none } .el-carousel { position: relative } .el-carousel--horizontal { overflow-x: hidden } .el-carousel--vertical { overflow-y: hidden } .el-carousel__container { position: relative; height: 300px } .el-carousel__arrow { border: none; outline: 0; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 50%; background-color: rgba(31, 45, 61, .11); color: #fff; position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 12px } .el-carousel__arrow--left { left: 16px } .el-carousel__arrow--right { right: 16px } .el-carousel__arrow:hover { background-color: rgba(31, 45, 61, .23) } .el-carousel__arrow i { cursor: pointer } .el-carousel__indicators { position: absolute; list-style: none; margin: 0; padding: 0; z-index: 2 } .el-carousel__indicators--horizontal { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .el-carousel__indicators--vertical { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .el-carousel__indicators--outside { bottom: 26px; text-align: center; position: static; -webkit-transform: none; transform: none } .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: .64 } .el-carousel__indicators--outside button { background-color: #c0c4cc; opacity: .24 } .el-carousel__indicators--labels { left: 0; right: 0; -webkit-transform: none; transform: none; text-align: center } .el-carousel__indicators--labels .el-carousel__button { height: auto; width: auto; padding: 2px 18px; font-size: 12px } .el-carousel__indicators--labels .el-carousel__indicator { padding: 6px 4px } .el-carousel__indicator { background-color: transparent; cursor: pointer } .el-carousel__indicator:hover button { opacity: .72 } .el-carousel__indicator--horizontal { display: inline-block; padding: 12px 4px } .el-carousel__indicator--vertical { padding: 4px 12px } .el-carousel__indicator--vertical .el-carousel__button { width: 2px; height: 15px } .el-carousel__indicator.is-active button { opacity: 1 } .el-carousel__button { display: block; opacity: .48; width: 30px; height: 2px; background-color: #fff; border: none; outline: 0; padding: 0; margin: 0; cursor: pointer; -webkit-transition: .3s; transition: .3s } .el-carousel__item, .el-carousel__mask { height: 100%; top: 0; left: 0; position: absolute } .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { -webkit-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); opacity: 0 } .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0 } .el-carousel__item { width: 100%; display: inline-block; overflow: hidden; z-index: 0 } .el-carousel__item.is-active { z-index: 2 } .el-carousel__item--card, .el-carousel__item.is-animating { -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out } .el-carousel__item--card { width: 50% } .el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1 } .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask { opacity: .12 } .el-carousel__item--card.is-active { z-index: 2 } .el-carousel__mask { width: 100%; background-color: #fff; opacity: .24; -webkit-transition: .2s; transition: .2s } .el-fade-in-enter, .el-fade-in-leave-active, .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active, .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0 } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active, .fade-in-linear-enter-active, .fade-in-linear-leave-active { -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .el-fade-in-enter-active, .el-fade-in-leave-active, .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1); transition: all .3s cubic-bezier(.55, 0, .1, 1) } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0) } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); -webkit-transform-origin: center top; transform-origin: center top } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0) } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); -webkit-transform-origin: center bottom; transform-origin: center bottom } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0) } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1); -webkit-transform-origin: top left; transform-origin: top left } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; -webkit-transform: scale(.45); transform: scale(.45) } .collapse-transition { -webkit-transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out; transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out } .horizontal-collapse-transition { -webkit-transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out; transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out } .el-list-enter-active, .el-list-leave-active { -webkit-transition: all 1s; transition: all 1s } .el-list-enter, .el-list-leave-active { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px) } .el-opacity-transition { -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1); transition: opacity .3s cubic-bezier(.55, 0, .1, 1) } .el-collapse { border-top: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5 } .el-collapse-item.is-disabled .el-collapse-item__header { color: #bbb; cursor: not-allowed } .el-collapse-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #fff; color: #303133; cursor: pointer; border-bottom: 1px solid #ebeef5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0 } .el-collapse-item__arrow { margin: 0 8px 0 auto; transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; font-weight: 300 } .el-collapse-item__arrow.is-active { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .el-collapse-item__header.focusing:focus:not(:hover) { color: #409eff } .el-collapse-item__header.is-active { border-bottom-color: transparent } .el-collapse-item__wrap { will-change: height; background-color: #fff; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #ebeef5 } .el-cascader__tags, .el-collapse-item__wrap, .el-tag { -webkit-box-sizing: border-box } .el-collapse-item__content { padding-bottom: 25px; font-size: 13px; color: #303133; line-height: 1.769230769230769 } .el-collapse-item:last-child { margin-bottom: -1px } .el-popper .popper__arrow, .el-popper .popper__arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .el-popper .popper__arrow { border-width: 6px; -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03)); filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03)) } .el-popper .popper__arrow:after { content: " "; border-width: 6px } .el-popper[x-placement^=top] { margin-bottom: 12px } .el-popper[x-placement^=top] .popper__arrow { bottom: -6px; left: 50%; margin-right: 3px; border-top-color: #ebeef5; border-bottom-width: 0 } .el-popper[x-placement^=top] .popper__arrow:after { bottom: 1px; margin-left: -6px; border-top-color: #fff; border-bottom-width: 0 } .el-popper[x-placement^=bottom] { margin-top: 12px } .el-popper[x-placement^=bottom] .popper__arrow { top: -6px; left: 50%; margin-right: 3px; border-top-width: 0; border-bottom-color: #ebeef5 } .el-popper[x-placement^=bottom] .popper__arrow:after { top: 1px; margin-left: -6px; border-top-width: 0; border-bottom-color: #fff } .el-popper[x-placement^=right] { margin-left: 12px } .el-popper[x-placement^=right] .popper__arrow { top: 50%; left: -6px; margin-bottom: 3px; border-right-color: #ebeef5; border-left-width: 0 } .el-popper[x-placement^=right] .popper__arrow:after { bottom: -6px; left: 1px; border-right-color: #fff; border-left-width: 0 } .el-popper[x-placement^=left] { margin-right: 12px } .el-popper[x-placement^=left] .popper__arrow { top: 50%; right: -6px; margin-bottom: 3px; border-right-width: 0; border-left-color: #ebeef5 } .el-popper[x-placement^=left] .popper__arrow:after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0; border-left-color: #fff } .el-tag { background-color: #ecf5ff; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #409eff; border: 1px solid #d9ecff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap } .el-tag.is-hit { border-color: #409eff } .el-tag .el-tag__close { color: #409eff } .el-tag .el-tag__close:hover { color: #fff; background-color: #409eff } .el-tag.el-tag--info { background-color: #f4f4f5; border-color: #e9e9eb; color: #909399 } .el-tag.el-tag--info.is-hit { border-color: #909399 } .el-tag.el-tag--info .el-tag__close { color: #909399 } .el-tag.el-tag--info .el-tag__close:hover { color: #fff; background-color: #909399 } .el-tag.el-tag--success { background-color: #f0f9eb; border-color: #e1f3d8; color: #67c23a } .el-tag.el-tag--success.is-hit { border-color: #67c23a } .el-tag.el-tag--success .el-tag__close { color: #67c23a } .el-tag.el-tag--success .el-tag__close:hover { color: #fff; background-color: #67c23a } .el-tag.el-tag--warning { background-color: #fdf6ec; border-color: #faecd8; color: #e6a23c } .el-tag.el-tag--warning.is-hit { border-color: #e6a23c } .el-tag.el-tag--warning .el-tag__close { color: #e6a23c } .el-tag.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #e6a23c } .el-tag.el-tag--danger { background-color: #fef0f0; border-color: #fde2e2; color: #f56c6c } .el-tag.el-tag--danger.is-hit { border-color: #f56c6c } .el-tag.el-tag--danger .el-tag__close { color: #f56c6c } .el-tag.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #f56c6c } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 16px; vertical-align: middle; top: -1px; right: -5px } .el-tag .el-icon-close:before { display: block } .el-tag--dark { background-color: #409eff; color: #fff } .el-tag--dark, .el-tag--dark.is-hit { border-color: #409eff } .el-tag--dark .el-tag__close { color: #fff } .el-tag--dark .el-tag__close:hover { color: #fff; background-color: #66b1ff } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: #fff } .el-tag--dark.el-tag--info.is-hit { border-color: #909399 } .el-tag--dark.el-tag--info .el-tag__close { color: #fff } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #fff; background-color: #a6a9ad } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: #fff } .el-tag--dark.el-tag--success.is-hit { border-color: #67c23a } .el-tag--dark.el-tag--success .el-tag__close { color: #fff } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #fff; background-color: #85ce61 } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: #fff } .el-tag--dark.el-tag--warning.is-hit { border-color: #e6a23c } .el-tag--dark.el-tag--warning .el-tag__close { color: #fff } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #ebb563 } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: #fff } .el-tag--dark.el-tag--danger.is-hit { border-color: #f56c6c } .el-tag--dark.el-tag--danger .el-tag__close { color: #fff } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #f78989 } .el-tag--plain { background-color: #fff; border-color: #b3d8ff; color: #409eff } .el-tag--plain.is-hit { border-color: #409eff } .el-tag--plain .el-tag__close { color: #409eff } .el-tag--plain .el-tag__close:hover { color: #fff; background-color: #409eff } .el-tag--plain.el-tag--info { background-color: #fff; border-color: #d3d4d6; color: #909399 } .el-tag--plain.el-tag--info.is-hit { border-color: #909399 } .el-tag--plain.el-tag--info .el-tag__close { color: #909399 } .el-tag--plain.el-tag--info .el-tag__close:hover { color: #fff; background-color: #909399 } .el-tag--plain.el-tag--success { background-color: #fff; border-color: #c2e7b0; color: #67c23a } .el-tag--plain.el-tag--success.is-hit { border-color: #67c23a } .el-tag--plain.el-tag--success .el-tag__close { color: #67c23a } .el-tag--plain.el-tag--success .el-tag__close:hover { color: #fff; background-color: #67c23a } .el-tag--plain.el-tag--warning { background-color: #fff; border-color: #f5dab1; color: #e6a23c } .el-tag--plain.el-tag--warning.is-hit { border-color: #e6a23c } .el-tag--plain.el-tag--warning .el-tag__close { color: #e6a23c } .el-tag--plain.el-tag--warning .el-tag__close:hover { color: #fff; background-color: #e6a23c } .el-tag--plain.el-tag--danger { background-color: #fff; border-color: #fbc4c4; color: #f56c6c } .el-tag--plain.el-tag--danger.is-hit { border-color: #f56c6c } .el-tag--plain.el-tag--danger .el-tag__close { color: #f56c6c } .el-tag--plain.el-tag--danger .el-tag__close:hover { color: #fff; background-color: #f56c6c } .el-tag--medium { height: 28px; line-height: 26px } .el-tag--medium .el-icon-close { -webkit-transform: scale(.8); transform: scale(.8) } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px } .el-tag--small .el-icon-close { -webkit-transform: scale(.8); transform: scale(.8) } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px } .el-tag--mini .el-icon-close { margin-left: -3px; -webkit-transform: scale(.7); transform: scale(.7) } .el-cascader { display: inline-block; position: relative; font-size: 14px; line-height: 40px } .el-cascader:not(.is-disabled):hover .el-input__inner { cursor: pointer; border-color: #c0c4cc } .el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner { border-color: #409eff } .el-cascader .el-input { cursor: pointer } .el-cascader .el-input .el-input__inner { text-overflow: ellipsis } .el-cascader .el-input .el-icon-arrow-down { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; font-size: 14px } .el-cascader .el-input .el-icon-arrow-down.is-reverse { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .el-cascader .el-input .el-icon-circle-close:hover { color: #909399 } .el-cascader--medium { font-size: 14px; line-height: 36px } .el-cascader--small { font-size: 13px; line-height: 32px } .el-cascader--mini { font-size: 12px; line-height: 28px } .el-cascader.is-disabled .el-cascader__label { z-index: 2; color: #c0c4cc } .el-cascader__dropdown { margin: 5px 0; font-size: 14px; background: #fff; border: 1px solid #e4e7ed; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-cascader__tags { position: absolute; left: 0; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: normal; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box } .el-cascader__tags .el-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; margin: 2px 0 2px 6px; text-overflow: ellipsis; background: #f0f2f5 } .el-cascader__tags .el-tag:not(.is-hit) { border-color: transparent } .el-cascader__tags .el-tag>span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis } .el-cascader__tags .el-tag .el-icon-close { -webkit-box-flex: 0; -ms-flex: none; flex: none; background-color: #c0c4cc; color: #fff } .el-cascader__tags .el-tag .el-icon-close:hover { background-color: #909399 } .el-cascader__suggestion-panel { border-radius: 4px } .el-cascader__suggestion-list { max-height: 204px; margin: 0; padding: 6px 0; font-size: 14px; color: #606266; text-align: center } .el-cascader__suggestion-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; padding: 0 15px; text-align: left; outline: 0; cursor: pointer } .el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover { background: #f5f7fa } .el-cascader__suggestion-item.is-checked { color: #409eff; font-weight: 700 } .el-cascader__suggestion-item>span { margin-right: 10px } .el-cascader__empty-text { margin: 10px 0; color: #c0c4cc } .el-cascader__search-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 24px; min-width: 60px; margin: 2px 0 2px 15px; padding: 0; color: #606266; border: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .el-cascader__search-input::-webkit-input-placeholder { color: #c0c4cc } .el-cascader__search-input:-ms-input-placeholder { color: #c0c4cc } .el-cascader__search-input::-ms-input-placeholder { color: #c0c4cc } .el-cascader__search-input::-moz-placeholder { color: #c0c4cc } .el-cascader__search-input::placeholder { color: #c0c4cc } .el-color-predefine { font-size: 12px; margin-top: 8px; width: 280px } .el-color-predefine, .el-color-predefine__colors { display: -webkit-box; display: -ms-flexbox; display: flex } .el-color-predefine__colors { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap } .el-color-predefine__color-selector { margin: 0 0 8px 8px; width: 20px; height: 20px; border-radius: 4px; cursor: pointer } .el-color-predefine__color-selector:nth-child(10n+1) { margin-left: 0 } .el-color-predefine__color-selector.selected { -webkit-box-shadow: 0 0 3px 2px #409eff; box-shadow: 0 0 3px 2px #409eff } .el-color-predefine__color-selector>div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border-radius: 3px } .el-color-predefine__color-selector.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .el-color-hue-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background-color: red; padding: 0 2px } .el-color-hue-slider__bar { position: relative; background: -webkit-gradient(linear, left top, right top, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red)); background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); height: 100% } .el-color-hue-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6); box-shadow: 0 0 2px rgba(0, 0, 0, .6); z-index: 1 } .el-color-hue-slider.is-vertical { width: 12px; height: 180px; padding: 2px 0 } .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red)); background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red) } .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { left: 0; top: 0; width: 100%; height: 4px } .el-color-svpanel { position: relative; width: 280px; height: 180px } .el-color-svpanel__black, .el-color-svpanel__white { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .el-color-svpanel__white { background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0))); background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0)) } .el-color-svpanel__black { background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent) } .el-color-svpanel__cursor { position: absolute } .el-color-svpanel__cursor>div { cursor: head; width: 4px; height: 4px; -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4); box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4); border-radius: 50%; -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px) } .el-color-alpha-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .el-color-alpha-slider__bar { position: relative; background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff)); background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff); height: 100% } .el-color-alpha-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6); box-shadow: 0 0 2px rgba(0, 0, 0, .6); z-index: 1 } .el-color-alpha-slider.is-vertical { width: 20px; height: 180px } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff) } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { left: 0; top: 0; width: 100%; height: 4px } .el-color-dropdown { width: 300px } .el-color-dropdown__main-wrapper { margin-bottom: 6px } .el-color-dropdown__main-wrapper:after { content: ""; display: table; clear: both } .el-color-dropdown__btns { margin-top: 6px; text-align: right } .el-color-dropdown__value { float: left; line-height: 26px; font-size: 12px; color: #000; width: 160px } .el-color-dropdown__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: 0; font-size: 12px } .el-color-dropdown__btn[disabled] { color: #ccc; cursor: not-allowed } .el-color-dropdown__btn:hover { color: #409eff; border-color: #409eff } .el-color-dropdown__link-btn { cursor: pointer; color: #409eff; text-decoration: none; padding: 15px; font-size: 12px } .el-color-dropdown__link-btn:hover { color: tint(#409eff, 20%) } .el-color-picker { display: inline-block; position: relative; line-height: normal; height: 40px } .el-color-picker.is-disabled .el-color-picker__trigger { cursor: not-allowed } .el-color-picker--medium { height: 36px } .el-color-picker--medium .el-color-picker__trigger { height: 36px; width: 36px } .el-color-picker--medium .el-color-picker__mask { height: 34px; width: 34px } .el-color-picker--small { height: 32px } .el-color-picker--small .el-color-picker__trigger { height: 32px; width: 32px } .el-color-picker--small .el-color-picker__mask { height: 30px; width: 30px } .el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon { -webkit-transform: translate3d(-50%, -50%, 0) scale(.8); transform: translate3d(-50%, -50%, 0) scale(.8) } .el-color-picker--mini { height: 28px } .el-color-picker--mini .el-color-picker__trigger { height: 28px; width: 28px } .el-color-picker--mini .el-color-picker__mask { height: 26px; width: 26px } .el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon { -webkit-transform: translate3d(-50%, -50%, 0) scale(.8); transform: translate3d(-50%, -50%, 0) scale(.8) } .el-color-picker__mask { height: 38px; width: 38px; border-radius: 4px; position: absolute; top: 1px; left: 1px; z-index: 1; cursor: not-allowed; background-color: hsla(0, 0%, 100%, .7) } .el-color-picker__trigger { display: inline-block; height: 40px; width: 40px; padding: 4px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 0; cursor: pointer } .el-color-picker__color, .el-color-picker__trigger { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .el-color-picker__color { display: block; border: 1px solid #999; border-radius: 2px; width: 100%; height: 100%; text-align: center } .el-color-picker__color.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .el-color-picker__color-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .el-color-picker__empty, .el-color-picker__icon { top: 50%; left: 50%; font-size: 12px; position: absolute } .el-color-picker__empty { color: #999 } .el-color-picker__empty, .el-color-picker__icon { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .el-color-picker__icon { display: inline-block; width: 100%; color: #fff; text-align: center } .el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-textarea { position: relative; display: inline-block; width: 100%; vertical-align: bottom; font-size: 14px } .el-textarea__inner { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } .el-textarea__inner::-webkit-input-placeholder { color: #c0c4cc } .el-textarea__inner:-ms-input-placeholder { color: #c0c4cc } .el-textarea__inner::-ms-input-placeholder { color: #c0c4cc } .el-textarea__inner::-moz-placeholder { color: #c0c4cc } .el-textarea__inner::placeholder { color: #c0c4cc } .el-textarea__inner:hover { border-color: #c0c4cc } .el-textarea__inner:focus { outline: 0; border-color: #409eff } .el-textarea .el-input__count { color: #909399; background: #fff; position: absolute; font-size: 12px; bottom: 5px; right: 10px } .el-textarea.is-disabled .el-textarea__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: #c0c4cc } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: #c0c4cc } .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { color: #c0c4cc } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: #c0c4cc } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: #c0c4cc } .el-textarea.is-exceed .el-textarea__inner { border-color: #f56c6c } .el-textarea.is-exceed .el-input__count { color: #f56c6c } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100% } .el-input::-webkit-scrollbar { z-index: 11; width: 6px } .el-input::-webkit-scrollbar:horizontal { height: 6px } .el-input::-webkit-scrollbar-thumb { border-radius: 5px; width: 6px; background: #b4bccc } .el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track { background: #fff } .el-input::-webkit-scrollbar-track-piece { background: #fff; width: 6px } .el-input .el-input__clear { /* color: #c0c4cc; */ font-size: 17px; cursor: pointer; -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1); transition: color .2s cubic-bezier(.645, .045, .355, 1) } .el-input .el-input__clear:hover { color: #909399 } .el-input .el-input__count { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #909399; font-size: 12px } .el-input .el-input__count .el-input__count-inner { background: #fff; line-height: normal; display: inline-block; padding: 0 5px } .el-input__inner { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: 0; padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100% } .el-button, .el-input__inner, .el-transfer-panel { -webkit-box-sizing: border-box } .el-input__prefix, .el-input__suffix { position: absolute; top: 0; -webkit-transition: all .3s; height: 100%; color: #c0c4cc; text-align: center } .el-input__inner::-webkit-input-placeholder { color: #c0c4cc } .el-input__inner:-ms-input-placeholder { color: #c0c4cc } .el-input__inner::-ms-input-placeholder { color: #c0c4cc } .el-input__inner::-moz-placeholder { color: #c0c4cc } .el-input__inner::placeholder { color: #c0c4cc } .el-input__inner:hover { border-color: #c0c4cc } .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #409eff; outline: 0 } .el-input__suffix { right: 5px; -webkit-transition: all .3s; transition: all .3s } .el-input__suffix-inner { pointer-events: all } .el-input__prefix { left: 5px } .el-input__icon, .el-input__prefix { -webkit-transition: all .3s; transition: all .3s } .el-input__icon { height: 100%; width: 25px; text-align: center; line-height: 40px } .el-input__icon:after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle } .el-input__validateIcon { pointer-events: none } .el-input.is-disabled .el-input__inner { /* background-color: #f5f7fa; */ border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__inner::-ms-input-placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__inner::placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__icon { cursor: not-allowed } .el-input.is-exceed .el-input__inner { border-color: #f56c6c } .el-input.is-exceed .el-input__suffix .el-input__count { color: #f56c6c } .el-input--suffix .el-input__inner { padding-right: 30px } .el-input--prefix .el-input__inner { padding-left: 30px } .el-input--medium { font-size: 14px } .el-input--medium .el-input__inner { height: 36px; line-height: 36px } .el-input--medium .el-input__icon { line-height: 36px } .el-input--small { font-size: 13px } .el-input--small .el-input__inner { height: 32px; line-height: 32px } .el-input--small .el-input__icon { line-height: 32px } .el-input--mini { font-size: 12px } .el-input--mini .el-input__inner { height: 28px; line-height: 28px } .el-input--mini .el-input__icon { line-height: 28px } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; border-spacing: 0 } .el-input-group>.el-input__inner { vertical-align: middle; display: table-cell } .el-input-group__append, .el-input-group__prepend { background-color: #f5f7fa; color: #909399; vertical-align: middle; display: table-cell; position: relative; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 20px; width: 1px; white-space: nowrap } .el-input-group--prepend .el-input__inner, .el-input-group__append { border-top-left-radius: 0; border-bottom-left-radius: 0 } .el-input-group--append .el-input__inner, .el-input-group__prepend { border-top-right-radius: 0; border-bottom-right-radius: 0 } .el-input-group__append:focus, .el-input-group__prepend:focus { outline: 0 } .el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select { display: inline-block; margin: -10px -20px } .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0 } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit } .el-input-group__prepend { border-right: 0 } .el-input-group__append { border-left: 0 } .el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent } .el-input__inner::-ms-clear { display: none; width: 0; height: 0 } .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; padding: 12px 20px; font-size: 14px; border-radius: 4px } .el-button+.el-button { /* margin-left: 10px */ } .el-button:focus, .el-button:hover { color: #409eff; border-color: #c6e2ff; background-color: #ecf5ff } .el-button:active { color: #3a8ee6; border-color: #3a8ee6; outline: 0 } .el-button::-moz-focus-inner { border: 0 } .el-button [class*=el-icon-]+span { margin-left: 5px } .el-button.is-plain:focus, .el-button.is-plain:hover { background: #fff; border-color: #409eff; color: #409eff } .el-button.is-active, .el-button.is-plain:active { color: #3a8ee6; border-color: #3a8ee6 } .el-button.is-plain:active { background: #fff; outline: 0 } .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover { color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5 } .el-link, .el-transfer-panel__filter .el-icon-circle-close { cursor: pointer } .el-button.is-disabled.el-button--text { background-color: transparent } .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { background-color: #fff; border-color: #ebeef5; color: #c0c4cc } .el-button.is-loading { position: relative; pointer-events: none } .el-button.is-loading:before { pointer-events: none; content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; background-color: hsla(0, 0%, 100%, .35) } .el-button.is-round { border-radius: 20px; padding: 12px 23px } .el-button.is-circle { border-radius: 50%; padding: 12px } .el-button--primary { color: #fff; background-color: #409eff; border-color: #409eff } .el-button--primary:focus, .el-button--primary:hover { background: #66b1ff; border-color: #66b1ff; color: #fff } .el-button--primary.is-active, .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #fff } .el-button--primary:active { outline: 0 } .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover { color: #fff; background-color: #a0cfff; border-color: #a0cfff } .el-button--primary.is-plain { color: #409eff; background: #ecf5ff; border-color: #b3d8ff } .el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover { background: #409eff; border-color: #409eff; color: #fff } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #fff; outline: 0 } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover { color: #8cc5ff; background-color: #ecf5ff; border-color: #d9ecff } .el-button--success { color: #fff; background-color: #67c23a; border-color: #67c23a } .el-button--success:focus, .el-button--success:hover { background: #85ce61; border-color: #85ce61; color: #fff } .el-button--success.is-active, .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #fff } .el-button--success:active { outline: 0 } .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover { color: #fff; background-color: #b3e19d; border-color: #b3e19d } .el-button--success.is-plain { color: #67c23a; background: #f0f9eb; border-color: #c2e7b0 } .el-button--success.is-plain:focus, .el-button--success.is-plain:hover { background: #67c23a; border-color: #67c23a; color: #fff } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #fff; outline: 0 } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover { color: #a4da89; background-color: #f0f9eb; border-color: #e1f3d8 } .el-button--warning { color: #fff; background-color: #e6a23c; border-color: #e6a23c } .el-button--warning:focus, .el-button--warning:hover { background: #ebb563; border-color: #ebb563; color: #fff } .el-button--warning.is-active, .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #fff } .el-button--warning:active { outline: 0 } .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover { color: #fff; background-color: #f3d19e; border-color: #f3d19e } .el-button--warning.is-plain { color: #e6a23c; background: #fdf6ec; border-color: #f5dab1 } .el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover { background: #e6a23c; border-color: #e6a23c; color: #fff } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #fff; outline: 0 } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover { color: #f0c78a; background-color: #fdf6ec; border-color: #faecd8 } .el-button--danger { color: #fff; background-color: #f56c6c; border-color: #f56c6c } .el-button--danger:focus, .el-button--danger:hover { background: #f78989; border-color: #f78989; color: #fff } .el-button--danger.is-active, .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #fff } .el-button--danger:active { outline: 0 } .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { color: #fff; background-color: #fab6b6; border-color: #fab6b6 } .el-button--danger.is-plain { color: #f56c6c; background: #fef0f0; border-color: #fbc4c4 } .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover { background: #f56c6c; border-color: #f56c6c; color: #fff } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #fff; outline: 0 } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover { color: #f9a7a7; background-color: #fef0f0; border-color: #fde2e2 } .el-button--info { color: #fff; background-color: #909399; border-color: #909399 } .el-button--info:focus, .el-button--info:hover { background: #a6a9ad; border-color: #a6a9ad; color: #fff } .el-button--info.is-active, .el-button--info:active { background: #82848a; border-color: #82848a; color: #fff } .el-button--info:active { outline: 0 } .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover { color: #fff; background-color: #c8c9cc; border-color: #c8c9cc } .el-button--info.is-plain { color: #909399; background: #f4f4f5; border-color: #d3d4d6 } .el-button--info.is-plain:focus, .el-button--info.is-plain:hover { background: #909399; border-color: #909399; color: #fff } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #fff; outline: 0 } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover { color: #bcbec2; background-color: #f4f4f5; border-color: #e9e9eb } .el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active { border-color: transparent } .el-button--medium { padding: 10px 20px; font-size: 14px; border-radius: 4px } .el-button--mini, .el-button--small { font-size: 12px; border-radius: 3px } .el-button--medium.is-round { padding: 10px 20px } .el-button--medium.is-circle { padding: 10px } .el-button--small, .el-button--small.is-round { padding: 9px 15px } .el-button--small.is-circle { padding: 9px } .el-button--mini, .el-button--mini.is-round { padding: 7px 15px } .el-button--mini.is-circle { padding: 7px } .el-button--text { color: #409eff; background: 0 0; padding-left: 0; padding-right: 0 } .el-button--text:focus, .el-button--text:hover { color: #66b1ff; border-color: transparent; background-color: transparent } .el-button--text:active { color: #3a8ee6; background-color: transparent } .el-button-group { display: inline-block; vertical-align: middle } .el-button-group:after, .el-button-group:before { display: table; content: "" } .el-button-group:after { clear: both } .el-button-group>.el-button { float: left; position: relative } .el-button-group>.el-button+.el-button { margin-left: 0 } .el-button-group>.el-button.is-disabled { z-index: 1 } .el-button-group>.el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 } .el-button-group>.el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .el-button-group>.el-button:first-child:last-child { border-radius: 4px } .el-button-group>.el-button:first-child:last-child.is-round { border-radius: 20px } .el-button-group>.el-button:first-child:last-child.is-circle { border-radius: 50% } .el-button-group>.el-button:not(:first-child):not(:last-child) { border-radius: 0 } .el-button-group>.el-button:not(:last-child) { margin-right: -1px } .el-button-group>.el-button.is-active, .el-button-group>.el-button:active, .el-button-group>.el-button:focus, .el-button-group>.el-button:hover { z-index: 1 } .el-button-group>.el-dropdown>.el-button { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--primary:first-child { border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--primary:last-child { border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: hsla(0, 0%, 100%, .5); border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--success:first-child { border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--success:last-child { border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: hsla(0, 0%, 100%, .5); border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--warning:first-child { border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--warning:last-child { border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: hsla(0, 0%, 100%, .5); border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--danger:first-child { border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--danger:last-child { border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: hsla(0, 0%, 100%, .5); border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--info:first-child { border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--info:last-child { border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: hsla(0, 0%, 100%, .5); border-right-color: hsla(0, 0%, 100%, .5) } .el-transfer { font-size: 14px } .el-transfer__buttons { display: inline-block; vertical-align: middle; padding: 0 30px } .el-transfer__button { display: block; margin: 0 auto; padding: 10px; border-radius: 50%; color: #fff; background-color: #409eff; font-size: 0 } .el-transfer__button.is-with-texts { border-radius: 4px } .el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover { border: 1px solid #dcdfe6; background-color: #f5f7fa; color: #c0c4cc } .el-transfer__button:first-child { margin-bottom: 10px } .el-transfer__button:nth-child(2) { margin: 0 } .el-transfer__button i, .el-transfer__button span { font-size: 14px } .el-transfer__button [class*=el-icon-]+span { margin-left: 0 } .el-transfer-panel { border: 1px solid #ebeef5; border-radius: 4px; overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .el-transfer-panel__body { height: 246px } .el-transfer-panel__body.is-with-footer { padding-bottom: 40px } .el-transfer-panel__list { margin: 0; padding: 6px 0; list-style: none; height: 246px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .el-transfer-panel__list.is-filterable { height: 194px; padding-top: 0 } .el-transfer-panel__item { height: 30px; line-height: 30px; padding-left: 15px; display: block } .el-transfer-panel__item+.el-transfer-panel__item { margin-left: 0; display: block !important } .el-transfer-panel__item.el-checkbox { color: #606266 } .el-transfer-panel__item:hover { color: #409eff } .el-transfer-panel__item.el-checkbox .el-checkbox__label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; line-height: 30px } .el-transfer-panel__item .el-checkbox__input { position: absolute; top: 8px } .el-transfer-panel__filter { text-align: center; margin: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: auto } .el-transfer-panel__filter .el-input__inner { height: 32px; width: 100%; font-size: 12px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; padding-right: 10px; padding-left: 30px } .el-transfer-panel__filter .el-input__icon { margin-left: 5px } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: #f5f7fa; margin: 0; padding-left: 15px; border-bottom: 1px solid #ebeef5; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000 } .el-transfer-panel .el-transfer-panel__header .el-checkbox { display: block; line-height: 40px } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 16px; color: #303133; font-weight: 400 } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { position: absolute; right: 15px; color: #909399; font-size: 12px; font-weight: 400 } .el-divider__text, .el-link { font-weight: 500; font-size: 14px } .el-transfer-panel .el-transfer-panel__footer { height: 40px; background: #fff; margin: 0; padding: 0; border-top: 1px solid #ebeef5; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1 } .el-transfer-panel .el-transfer-panel__footer:after { display: inline-block; content: ""; height: 100%; vertical-align: middle } .el-container, .el-timeline-item__node { display: -webkit-box; display: -ms-flexbox } .el-transfer-panel .el-transfer-panel__footer .el-checkbox { padding-left: 20px; color: #606266 } .el-transfer-panel .el-transfer-panel__empty { margin: 0; height: 30px; line-height: 30px; padding: 6px 15px 0; color: #909399; text-align: center } .el-transfer-panel .el-checkbox__label { padding-left: 8px } .el-transfer-panel .el-checkbox__inner { height: 14px; width: 14px; border-radius: 3px } .el-transfer-panel .el-checkbox__inner:after { height: 6px; width: 3px; left: 4px } .el-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; box-sizing: border-box; min-width: 0 } .el-aside, .el-container, .el-header { -webkit-box-sizing: border-box } .el-container.is-vertical { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column } .el-header { padding: 0 20px } .el-aside, .el-header { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0 } .el-aside { overflow: auto } .el-footer, .el-main { -webkit-box-sizing: border-box } .el-main { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; overflow: auto; padding: 20px } .el-footer, .el-main { -webkit-box-sizing: border-box; box-sizing: border-box } .el-footer { padding: 0 20px; -ms-flex-negative: 0; flex-shrink: 0 } .el-timeline { margin: 0; font-size: 14px; list-style: none } .el-timeline .el-timeline-item:last-child .el-timeline-item__tail { display: none } .el-timeline-item { position: relative; padding-bottom: 20px } .el-timeline-item__wrapper { position: relative; padding-left: 28px; top: -3px } .el-timeline-item__tail { position: absolute; left: 4px; height: 100%; border-left: 2px solid #e4e7ed } .el-timeline-item__icon { color: #fff; font-size: 13px } .el-timeline-item__node { position: absolute; background-color: #e4e7ed; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-image__error, .el-timeline-item__dot { display: -webkit-box; display: -ms-flexbox } .el-timeline-item__node--normal { left: -1px; width: 12px; height: 12px } .el-timeline-item__node--large { left: -2px; width: 14px; height: 14px } .el-timeline-item__node--primary { background-color: #409eff } .el-timeline-item__node--success { background-color: #67c23a } .el-timeline-item__node--warning { background-color: #e6a23c } .el-timeline-item__node--danger { background-color: #f56c6c } .el-timeline-item__node--info { background-color: #909399 } .el-timeline-item__dot { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-timeline-item__content { color: #303133 } .el-timeline-item__timestamp { color: #909399; line-height: 1; font-size: 13px } .el-timeline-item__timestamp.is-top { margin-bottom: 8px; padding-top: 4px } .el-timeline-item__timestamp.is-bottom { margin-top: 8px } .el-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; position: relative; text-decoration: none; outline: 0; padding: 0 } .el-link.is-underline:hover:after { content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: 0; border-bottom: 1px solid #409eff } .el-link.el-link--default:after, .el-link.el-link--primary.is-underline:hover:after, .el-link.el-link--primary:after { border-color: #409eff } .el-link.is-disabled { cursor: not-allowed } .el-link [class*=el-icon-]+span { margin-left: 5px } .el-link.el-link--default { color: #606266 } .el-link.el-link--default:hover { color: #409eff } .el-link.el-link--default.is-disabled { color: #c0c4cc } .el-link.el-link--primary { color: #409eff } .el-link.el-link--primary:hover { color: #66b1ff } .el-link.el-link--primary.is-disabled { color: #a0cfff } .el-link.el-link--danger.is-underline:hover:after, .el-link.el-link--danger:after { border-color: #f56c6c } .el-link.el-link--danger { color: #f56c6c } .el-link.el-link--danger:hover { color: #f78989 } .el-link.el-link--danger.is-disabled { color: #fab6b6 } .el-link.el-link--success.is-underline:hover:after, .el-link.el-link--success:after { border-color: #67c23a } .el-link.el-link--success { color: #67c23a } .el-link.el-link--success:hover { color: #85ce61 } .el-link.el-link--success.is-disabled { color: #b3e19d } .el-link.el-link--warning.is-underline:hover:after, .el-link.el-link--warning:after { border-color: #e6a23c } .el-link.el-link--warning { color: #e6a23c } .el-link.el-link--warning:hover { color: #ebb563 } .el-link.el-link--warning.is-disabled { color: #f3d19e } .el-link.el-link--info.is-underline:hover:after, .el-link.el-link--info:after { border-color: #909399 } .el-link.el-link--info { color: #909399 } .el-link.el-link--info:hover { color: #a6a9ad } .el-link.el-link--info.is-disabled { color: #c8c9cc } .el-divider { background-color: #dcdfe6; position: relative } .el-divider--horizontal { display: block; height: 1px; width: 100%; margin: 24px 0 } .el-divider--vertical { display: inline-block; width: 1px; height: 1em; margin: 0 8px; vertical-align: middle; position: relative } .el-divider__text { position: absolute; background-color: #fff; padding: 0 20px; color: #303133 } .el-image__error, .el-image__placeholder { background: #f5f7fa } .el-divider__text.is-left { left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .el-divider__text.is-center { left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .el-divider__text.is-right { right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .el-image__error, .el-image__inner, .el-image__placeholder { width: 100%; height: 100% } .el-image { position: relative; display: inline-block; overflow: hidden } .el-image__inner { vertical-align: top } .el-image__inner--center { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block } .el-image__error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #c0c4cc; vertical-align: middle } .el-image__preview { cursor: pointer } .el-image-viewer__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0 } .el-image-viewer__btn { position: absolute; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; opacity: .8; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .el-image-viewer__close { top: 40px; right: 40px; width: 40px; height: 40px; font-size: 40px } .el-image-viewer__canvas { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .el-image-viewer__actions { left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 282px; height: 44px; padding: 0 23px; background-color: #606266; border-color: #fff; border-radius: 22px } .el-image-viewer__actions__inner { width: 100%; height: 100%; text-align: justify; cursor: default; font-size: 23px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around } .el-image-viewer__next, .el-image-viewer__prev { top: 50%; width: 44px; height: 44px; font-size: 24px; color: #fff; background-color: #606266; border-color: #fff } .el-image-viewer__prev { left: 40px } .el-image-viewer__next, .el-image-viewer__prev { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .el-image-viewer__next { right: 40px; text-indent: 2px } .el-image-viewer__mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .5; background: #000 } .viewer-fade-enter-active { -webkit-animation: viewer-fade-in .3s; animation: viewer-fade-in .3s } .viewer-fade-leave-active { -webkit-animation: viewer-fade-out .3s; animation: viewer-fade-out .3s } @-webkit-keyframes viewer-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes viewer-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @-webkit-keyframes viewer-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } } @keyframes viewer-fade-out { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0 } } .el-calendar { background-color: #fff } .el-calendar__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid #ebeef5 } .el-backtop, .el-page-header { display: -webkit-box; display: -ms-flexbox } .el-calendar__title { color: #000; -ms-flex-item-align: center; align-self: center } .el-calendar__body { padding: 12px 20px 35px } .el-calendar-table { table-layout: fixed; width: 100% } .el-calendar-table thead th { padding: 12px 0; color: #606266; font-weight: 400 } .el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev { color: #c0c4cc } .el-backtop, .el-calendar-table td.is-today { color: #409eff } .el-calendar-table td { border-bottom: 1px solid #ebeef5; border-right: 1px solid #ebeef5; vertical-align: top; -webkit-transition: background-color .2s ease; transition: background-color .2s ease } .el-calendar-table td.is-selected { background-color: #f2f8fe } .el-calendar-table tr:first-child td { border-top: 1px solid #ebeef5 } .el-calendar-table tr td:first-child { border-left: 1px solid #ebeef5 } .el-calendar-table tr.el-calendar-table__row--hide-border td { border-top: none } .el-calendar-table .el-calendar-day { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; height: 85px } .el-calendar-table .el-calendar-day:hover { cursor: pointer; background-color: #f2f8fe } .el-backtop { position: fixed; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12); box-shadow: 0 0 6px rgba(0, 0, 0, .12); cursor: pointer; z-index: 5 } .el-backtop:hover { background-color: #f2f6fc } .el-page-header { line-height: 24px } .el-page-header, .el-page-header__left { display: -webkit-box; display: -ms-flexbox; display: flex } .el-page-header__left { cursor: pointer; margin-right: 40px; position: relative } .el-page-header__left:after { content: ""; position: absolute; width: 1px; height: 16px; right: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #dcdfe6 } .el-checkbox, .el-checkbox__input { display: inline-block; position: relative; white-space: nowrap } .el-page-header__left .el-icon-back { font-size: 18px; margin-right: 6px; -ms-flex-item-align: center; align-self: center } .el-page-header__title { font-size: 14px; font-weight: 500 } .el-page-header__content { font-size: 18px; color: #303133 } .el-checkbox { color: #606266; font-size: 14px; cursor: pointer; user-select: none; margin-right: 30px } .el-checkbox, .el-checkbox-button__inner, .el-radio { font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px } .el-checkbox.is-bordered.is-checked { border-color: #409eff } .el-checkbox.is-bordered.is-disabled { border-color: #ebeef5; cursor: not-allowed } .el-checkbox.is-bordered+.el-checkbox.is-bordered { margin-left: 10px } .el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: 4px; height: 36px } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 14px } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px } .el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 3px; height: 32px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after { height: 6px; width: 2px } .el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: 3px; height: 28px } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after { height: 6px; width: 2px } .el-checkbox__input { cursor: pointer; outline: 0; line-height: 1; vertical-align: middle } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #edf2fc; border-color: #dcdfe6; cursor: not-allowed } .el-checkbox__input.is-disabled .el-checkbox__inner:after { cursor: not-allowed; border-color: #c0c4cc } .el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label { cursor: not-allowed } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #f2f6fc; border-color: #dcdfe6 } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after { border-color: #c0c4cc } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: #f2f6fc; border-color: #dcdfe6 } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before { background-color: #c0c4cc; border-color: #c0c4cc } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409eff; border-color: #409eff } .el-checkbox__input.is-disabled+span.el-checkbox__label { color: #c0c4cc; cursor: not-allowed } .el-checkbox__input.is-checked .el-checkbox__inner:after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1) } .el-checkbox__input.is-checked+.el-checkbox__label { color: #409eff } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409eff } .el-checkbox__input.is-indeterminate .el-checkbox__inner:before { content: ""; position: absolute; display: block; background-color: #fff; height: 2px; -webkit-transform: scale(.5); transform: scale(.5); left: 0; right: 0; top: 5px } .el-checkbox__input.is-indeterminate .el-checkbox__inner:after { display: none } .el-checkbox__inner { display: inline-block; position: relative; border: 1px solid #dcdfe6; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: #fff; z-index: 1; -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46); transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46) } .el-checkbox__inner:hover { border-color: #409eff } .el-checkbox__inner:after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center } .el-checkbox__original { opacity: 0; outline: 0; position: absolute; margin: 0; width: 0; height: 0; z-index: -1 } .el-checkbox-button, .el-checkbox-button__inner { display: inline-block; position: relative } .el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px } .el-checkbox:last-of-type { margin-right: 0 } .el-checkbox-button__inner { line-height: 1; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); padding: 12px 20px; font-size: 14px; border-radius: 0 } .el-checkbox-button__inner.is-round { padding: 12px 20px } .el-checkbox-button__inner:hover { color: #409eff } .el-checkbox-button__inner [class*=el-icon-] { line-height: .9 } .el-radio, .el-radio__input { line-height: 1; outline: 0; white-space: nowrap } .el-checkbox-button__inner [class*=el-icon-]+span { margin-left: 5px } .el-checkbox-button__original { opacity: 0; outline: 0; position: absolute; margin: 0; z-index: -1 } .el-radio, .el-radio__inner, .el-radio__input { position: relative; display: inline-block } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: #fff; background-color: #409eff; border-color: #409eff; -webkit-box-shadow: -1px 0 0 0 #8cc5ff; box-shadow: -1px 0 0 0 #8cc5ff } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409eff } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5; -webkit-box-shadow: none; box-shadow: none } .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: #ebeef5 } .el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none !important; box-shadow: none !important } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409eff } .el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 4px 4px 0 } .el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0 } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px } .el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0 } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px } .el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0 } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px } .el-checkbox-group { font-size: 0 } .el-radio, .el-radio--medium.is-bordered .el-radio__label { font-size: 14px } .el-radio { color: #606266; cursor: pointer; margin-right: 30px } .el-cascader-node>.el-radio, .el-radio:last-child { margin-right: 0 } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px } .el-radio.is-bordered.is-checked { border-color: #409eff } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: #ebeef5 } .el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: #f5f7fa; border-color: #e4e7ed } .el-radio.is-bordered+.el-radio.is-bordered { margin-left: 10px } .el-radio--medium.is-bordered { padding: 10px 20px 0 10px; border-radius: 4px; height: 36px } .el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label { font-size: 12px } .el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px } .el-radio--small.is-bordered { padding: 8px 15px 0 10px; border-radius: 3px; height: 32px } .el-radio--small.is-bordered .el-radio__inner { height: 12px; width: 12px } .el-radio--mini.is-bordered { padding: 6px 15px 0 10px; border-radius: 3px; height: 28px } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px } .el-radio__input { cursor: pointer; vertical-align: middle } .el-radio__input.is-disabled .el-radio__inner { cursor: not-allowed } .el-radio__input.is-disabled .el-radio__inner:after { cursor: not-allowed; background-color: #f5f7fa } .el-radio__input.is-disabled .el-radio__inner+.el-radio__label { cursor: not-allowed } .el-radio__input.is-disabled.is-checked .el-radio__inner:after { background-color: #c0c4cc } .el-radio__input.is-disabled+span.el-radio__label { color: #c0c4cc; cursor: not-allowed } .el-radio__input.is-checked .el-radio__inner { border-color: #409eff; background: #409eff } .el-radio__input.is-checked .el-radio__inner:after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } .el-radio__input.is-checked+.el-radio__label { color: #409eff } .el-radio__input.is-focus .el-radio__inner { border-color: #409eff } .el-radio__inner { border: 1px solid #dcdfe6; border-radius: 100%; width: 14px; height: 14px; background-color: #fff; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box } .el-radio__inner:hover { border-color: #409eff } .el-radio__inner:after { width: 4px; height: 4px; border-radius: 100%; background-color: #fff; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform .15s ease-in; transition: -webkit-transform .15s ease-in; transition: transform .15s ease-in; transition: transform .15s ease-in, -webkit-transform .15s ease-in } .el-radio__original { opacity: 0; outline: 0; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: 0 } .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: 0 0 2px 2px #409eff; box-shadow: 0 0 2px 2px #409eff } .el-radio__label { font-size: 14px; padding-left: 10px } .el-scrollbar { overflow: hidden; position: relative } .el-scrollbar:active>.el-scrollbar__bar, .el-scrollbar:focus>.el-scrollbar__bar, .el-scrollbar:hover>.el-scrollbar__bar { opacity: 1; -webkit-transition: opacity .34s ease-out; transition: opacity .34s ease-out } .el-scrollbar__wrap { overflow: scroll; height: 100% } .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { width: 0; height: 0 } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: rgba(144, 147, 153, .3); -webkit-transition: background-color .3s; transition: background-color .3s } .el-scrollbar__thumb:hover { background-color: rgba(144, 147, 153, .5) } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; -webkit-transition: opacity .12s ease-out; transition: opacity .12s ease-out } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px } .el-scrollbar__bar.is-vertical>div { width: 100% } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px } .el-scrollbar__bar.is-horizontal>div { height: 100% } .el-cascader-panel { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; font-size: 14px } .el-cascader-node, .el-drawer { display: -webkit-box; display: -ms-flexbox } .el-cascader-panel.is-bordered { border: 1px solid #e4e7ed; border-radius: 4px } .el-cascader-menu { min-width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; border-right: 1px solid #e4e7ed } .el-cascader-menu:last-child { border-right: none } .el-cascader-menu:last-child .el-cascader-node { padding-right: 20px } .el-cascader-menu__wrap { height: 204px } .el-cascader-menu__list { position: relative; min-height: 100%; margin: 0; padding: 6px 0; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box } .el-avatar, .el-drawer { -webkit-box-sizing: border-box; overflow: hidden } .el-cascader-menu__hover-zone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .el-cascader-menu__empty-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #c0c4cc } .el-cascader-node { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px 0 20px; height: 34px; line-height: 34px; outline: 0 } .el-cascader-node.is-selectable.in-active-path { color: #606266 } .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path { color: #409eff; font-weight: 700 } .el-cascader-node:not(.is-disabled) { cursor: pointer } .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover { background: #f5f7fa } .el-cascader-node.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-cascader-node__prefix { position: absolute; left: 10px } .el-cascader-node__postfix { position: absolute; right: 10px } .el-cascader-node__label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .el-cascader-node>.el-radio .el-radio__label { padding-left: 0 } .el-avatar { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #fff; background: #c0c4cc; width: 40px; height: 40px; line-height: 40px; font-size: 14px } .el-avatar>img { display: block; height: 100%; vertical-align: middle } .el-avatar--circle { border-radius: 50% } .el-avatar--square { border-radius: 4px } .el-avatar--icon { font-size: 18px } .el-avatar--large { width: 40px; height: 40px; line-height: 40px } .el-avatar--medium { width: 36px; height: 36px; line-height: 36px } .el-avatar--small { width: 28px; height: 28px; line-height: 28px } .el-drawer.btt, .el-drawer.ttb, .el-drawer__container { left: 0; right: 0; width: 100% } .el-drawer.ltr, .el-drawer.rtl, .el-drawer__container { top: 0; bottom: 0; height: 100% } @-webkit-keyframes el-drawer-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes el-drawer-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes rtl-drawer-in { 0% { -webkit-transform: translate(100%); transform: translate(100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @keyframes rtl-drawer-in { 0% { -webkit-transform: translate(100%); transform: translate(100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @-webkit-keyframes rtl-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translate(100%); transform: translate(100%) } } @keyframes rtl-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translate(100%); transform: translate(100%) } } @-webkit-keyframes ltr-drawer-in { 0% { -webkit-transform: translate(-100%); transform: translate(-100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @keyframes ltr-drawer-in { 0% { -webkit-transform: translate(-100%); transform: translate(-100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @-webkit-keyframes ltr-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translate(-100%); transform: translate(-100%) } } @keyframes ltr-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translate(-100%); transform: translate(-100%) } } @-webkit-keyframes ttb-drawer-in { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @keyframes ttb-drawer-in { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @-webkit-keyframes ttb-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @keyframes ttb-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @-webkit-keyframes btt-drawer-in { 0% { -webkit-transform: translateY(100%); transform: translateY(100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @keyframes btt-drawer-in { 0% { -webkit-transform: translateY(100%); transform: translateY(100%) } to { -webkit-transform: translate(0); transform: translate(0) } } @-webkit-keyframes btt-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translateY(100%); transform: translateY(100%) } } @keyframes btt-drawer-out { 0% { -webkit-transform: translate(0); transform: translate(0) } to { -webkit-transform: translateY(100%); transform: translateY(100%) } } .el-drawer { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) } .el-drawer.rtl { -webkit-animation: rtl-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: rtl-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; right: 0 } .el-drawer__open .el-drawer.rtl { -webkit-animation: rtl-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: rtl-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s } .el-drawer.ltr { -webkit-animation: ltr-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: ltr-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; left: 0 } .el-drawer__open .el-drawer.ltr { -webkit-animation: ltr-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: ltr-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s } .el-drawer.ttb { -webkit-animation: ttb-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: ttb-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; top: 0 } .el-drawer__open .el-drawer.ttb { -webkit-animation: ttb-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: ttb-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s } .el-drawer.btt { -webkit-animation: btt-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: btt-drawer-out 225ms cubic-bezier(0, 0, .2, 1) 0s; bottom: 0 } .el-drawer__open .el-drawer.btt { -webkit-animation: btt-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: btt-drawer-in 225ms cubic-bezier(0, 0, .2, 1) 0s } .el-drawer__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #72767b; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; padding: 20px 20px 0 } .el-drawer__header>:first-child, .el-drawer__title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .el-drawer__title { margin: 0; line-height: inherit; font-size: 1rem } .el-drawer__close-btn { border: none; cursor: pointer; font-size: 20px; color: inherit; background-color: transparent } .el-drawer__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .el-drawer__body>* { -webkit-box-sizing: border-box; box-sizing: border-box } .el-drawer__container { position: relative } .el-drawer-fade-enter-active { -webkit-animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, .2, 1) 0s; animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, .2, 1) 0s } .el-drawer-fade-leave-active { animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, .2, 1) 0s reverse } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box } .pswp img { max-width: none } .pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) } .pswp--open { display: block; z-index: 100000; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: zoom-in } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: grab } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: grabbing } .pswp__bg { background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden } .pswp__bg, .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .pswp__scroll-wrap { overflow: hidden } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1); transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1); transition: transform 333ms cubic-bezier(.4, 0, .22, 1); transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1) } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden } .pswp__item { right: 0; bottom: 0; overflow: hidden } .pswp__img, .pswp__item { position: absolute; left: 0; top: 0 } .pswp__img { width: auto; height: auto } .pswp__img--placeholder { -webkit-backface-visibility: hidden } .pswp__img--placeholder--blank { background: #222 } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #ccc } .pswp__error-msg a { color: #ccc; text-decoration: underline } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none } .pswp__button:focus, .pswp__button:hover { opacity: 1 } .pswp__button:active { outline: none; opacity: .9 } .pswp__button::-moz-focus-inner { padding: 0; border: 0 } .pswp__ui--over-close .pswp__button--close { opacity: 1 } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px } @media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTY3LjAwMiA1OS41djMuNzY4Yy02LjMwNy44NC05LjE4NCA1Ljc1LTEwLjAwMiA5LjczMiAyLjIyLTIuODMgNS41NjQtNS4wOTggMTAuMDAyLTUuMDk4VjcxLjVMNzMgNjUuNTg1IDY3LjAwMiA1OS41ek0xMyAyOXYtNWgydjNoM3YyaC01em0wLTE0aDV2MmgtM3YzaC0ydi01em0xOCAwdjVoLTJ2LTNoLTN2LTJoNXptMCAxNGgtNXYtMmgzdi0zaDJ2NXpNNjIgMjR2NWgtMnYtM2gtM3YtMmg1em0wLTRoLTV2LTJoM3YtM2gydjV6bTggMHYtNWgydjNoM3YyaC01em0wIDRoNXYyaC0zdjNoLTJ2LTV6TTIwLjU4NiA2NmwtNS42NTYtNS42NTYgMS40MTQtMS40MTRMMjIgNjQuNTg2bDUuNjU2LTUuNjU2IDEuNDE0IDEuNDE0TDIzLjQxNCA2Nmw1LjY1NiA1LjY1Ni0xLjQxNCAxLjQxNEwyMiA2Ny40MTRsLTUuNjU2IDUuNjU2LTEuNDE0LTEuNDE0TDIwLjU4NiA2NnpNMTExLjc4NSA2NS4wM0wxMTAgNjMuNWwzLTMuNWgtMTB2LTJoMTBsLTMtMy41IDEuNzg1LTEuNDY4TDExNyA1OWwtNS4yMTUgNi4wM3pNMTUyLjIxNSA2NS4wM0wxNTQgNjMuNWwtMy0zLjVoMTB2LTJoLTEwbDMtMy41LTEuNzg1LTEuNDY4TDE0NyA1OWw1LjIxNSA2LjAzek0xNjAuOTU3IDI4LjU0M2wtMy4yNS0zLjI1LTEuNDEzIDEuNDE0IDMuMjUgMy4yNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTUyLjUgMjdhNS41IDUuNSAwIDEwMC0xMSA1LjUgNS41IDAgMTAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTAgMjFoNXYxaC01eiIvPjxnPjxwYXRoIGQ9Ik0xMTYuOTU3IDI4LjU0M2wtMS40MTQgMS40MTQtMy4yNS0zLjI1IDEuNDE0LTEuNDE0IDMuMjUgMy4yNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTA4LjUgMjdhNS41IDUuNSAwIDEwMC0xMSA1LjUgNS41IDAgMTAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDYgMjFoNXYxaC01eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDkuMDQzIDE5LjAwOGwtLjA4NSA1LTEtLjAxNy4wODUtNXoiLz48L2c+PC9nPjwvc3ZnPg==) } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none } } .pswp__button--close { background-position: 0 -44px } .pswp__button--share { background-position: -44px -44px } .pswp__button--fs { display: none } .pswp--supports-fs .pswp__button--fs { display: block } .pswp--fs .pswp__button--fs { background-position: -44px 0 } .pswp__button--zoom { display: none; background-position: -88px 0 } .pswp--zoom-allowed .pswp__button--zoom { display: block } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute } .pswp__button--arrow--left { left: 0 } .pswp__button--arrow--right { right: 0 } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ""; top: 35px; background-color: rgba(0, 0, 0, .3); height: 30px; width: 32px; position: absolute } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pswp__share-modal { display: block; background: rgba(0, 0, 0, .5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity } .pswp__share-modal--hidden { display: none } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #fff; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25); box-shadow: 0 2px 5px rgba(0, 0, 0, .25); -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; -webkit-backface-visibility: hidden; will-change: transform } .pswp__share-tooltip a { display: block; padding: 8px 12px; font-size: 14px; line-height: 18px } .pswp__share-tooltip a, .pswp__share-tooltip a:hover { color: #000; text-decoration: none } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px } .pswp__share-modal--fade-in { opacity: 1 } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); transform: translateY(0) } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px } a.pswp__share--facebook:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #fff; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none } a.pswp__share--facebook:hover { background: #3e5c9a; color: #fff } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a } a.pswp__share--twitter:hover { background: #55acee; color: #fff } a.pswp__share--pinterest:hover { background: #ccc; color: #ce272d } a.pswp__share--download:hover { background: #ddd } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #fff; opacity: .75; padding: 0 10px } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px } .pswp__caption small { font-size: 11px; color: #bbb } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #ccc } .pswp__caption--empty { display: none } .pswp__caption--fake { visibility: hidden } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px } .pswp__preloader--active { opacity: 1 } .pswp__preloader--active .pswp__preloader__icn { background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat } .pswp--css_animation .pswp__preloader--active { opacity: 1 } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite; animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border-radius: 50%; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 2px; position: absolute; top: 0; left: 0; background: none; margin: 0 } @media screen and (max-width:1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } to { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } to { -webkit-transform: rotate(0); transform: rotate(0) } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1); transition: opacity 333ms cubic-bezier(.4, 0, .22, 1) } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible } .pswp__caption, .pswp__top-bar { background-color: rgba(0, 0, 0, .5) } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0, 0, 0, .3) } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar { opacity: 0 } .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: .001 } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none } .pswp__element--disabled { display: none !important } .pswp--minimal--dark .pswp__top-bar { background: none } .vue-waterfall { width: 100%; overflow-y: auto; position: relative } .vue-waterfall .slot-box { position: absolute; top: 100%; left: 100%; width: 0; height: 0; overflow: hidden } .vue-waterfall .vue-waterfall-column { float: left } .vue-waterfall.is-transition img { opacity: 0 } .vue-waterfall.is-transition img.animation { -webkit-animation: lazy-animation .4s linear; animation: lazy-animation .4s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes lazy-animation { 0% { opacity: 0 } to { opacity: 1 } } @keyframes lazy-animation { 0% { opacity: 0 } to { opacity: 1 } } html { -webkit-tap-highlight-color: transparent } body { margin: 0 } a { text-decoration: none } [class*=van-]:focus, a:focus, button:focus, input:focus, textarea:focus { outline: 0 } ol, ul { margin: 0; padding: 0; list-style: none } button, input, textarea { color: inherit; font: inherit } .van-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .van-multi-ellipsis--l2 { -webkit-line-clamp: 2 } .van-multi-ellipsis--l2, .van-multi-ellipsis--l3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .van-multi-ellipsis--l3 { -webkit-line-clamp: 3 } .van-clearfix:after { display: table; clear: both; content: "" } [class*=van-hairline]:after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid #ebedf0; -webkit-transform: scale(.5); transform: scale(.5) } .van-hairline, .van-hairline--bottom, .van-hairline--left, .van-hairline--right, .van-hairline--surround, .van-hairline--top, .van-hairline--top-bottom { position: relative } .van-hairline--top:after { border-top-width: 1px } .van-hairline--left:after { border-left-width: 1px } .van-hairline--right:after { border-right-width: 1px } .van-hairline--bottom:after { border-bottom-width: 1px } .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after { border-width: 1px 0 } .van-hairline--surround:after { border-width: 1px } @-webkit-keyframes van-slide-up-enter { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes van-slide-up-enter { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @-webkit-keyframes van-slide-up-leave { to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes van-slide-up-leave { to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @-webkit-keyframes van-slide-down-enter { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes van-slide-down-enter { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @-webkit-keyframes van-slide-down-leave { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes van-slide-down-leave { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @-webkit-keyframes van-slide-left-enter { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes van-slide-left-enter { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes van-slide-left-leave { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes van-slide-left-leave { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes van-slide-right-enter { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes van-slide-right-enter { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-webkit-keyframes van-slide-right-leave { to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes van-slide-right-leave { to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-webkit-keyframes van-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes van-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes van-fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes van-fade-out { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes van-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes van-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .van-fade-enter-active { -webkit-animation: van-fade-in .3s; animation: van-fade-in .3s } .van-fade-leave-active { -webkit-animation: van-fade-out .3s; animation: van-fade-out .3s } .van-slide-up-enter-active { -webkit-animation: van-slide-up-enter .3s ease both; animation: van-slide-up-enter .3s ease both } .van-slide-up-leave-active { -webkit-animation: van-slide-up-leave .3s ease both; animation: van-slide-up-leave .3s ease both } .van-slide-down-enter-active { -webkit-animation: van-slide-down-enter .3s ease both; animation: van-slide-down-enter .3s ease both } .van-slide-down-leave-active { -webkit-animation: van-slide-down-leave .3s ease both; animation: van-slide-down-leave .3s ease both } .van-slide-left-enter-active { -webkit-animation: van-slide-left-enter .3s ease both; animation: van-slide-left-enter .3s ease both } .van-slide-left-leave-active { -webkit-animation: van-slide-left-leave .3s ease both; animation: van-slide-left-leave .3s ease both } .van-slide-right-enter-active { -webkit-animation: van-slide-right-enter .3s ease both; animation: van-slide-right-enter .3s ease both } .van-slide-right-leave-active { -webkit-animation: van-slide-right-leave .3s ease both; animation: van-slide-right-leave .3s ease both } .van-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7) } .van-info { position: absolute; top: 0; right: 0; box-sizing: border-box; min-width: 16px; padding: 0 3px; color: #fff; font-weight: 500; font-size: 12px; font-family: PingFang SC, Helvetica Neue, Arial, sans-serif; line-height: 14px; text-align: center; background-color: #ee0a24; border: 1px solid #fff; border-radius: 16px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transform-origin: 100%; transform-origin: 100% } .van-info--dot { width: 8px; min-width: 0; height: 8px; background-color: #ee0a24; border-radius: 100% } .van-sidebar-item { display: block; box-sizing: border-box; padding: 20px 12px 20px 8px; overflow: hidden; color: #323233; font-size: 14px; line-height: 20px; word-wrap: break-word; background-color: #fafafa; border-left: 3px solid transparent; -webkit-user-select: none; user-select: none } .van-sidebar-item__text { position: relative; display: inline-block } .van-sidebar-item:active { background-color: #f2f3f5 } .van-sidebar-item:not(:last-child):after { border-bottom-width: 1px } .van-sidebar-item--select { color: #323233; font-weight: 500; border-color: #ee0a24 } .van-sidebar-item--select:after { border-right-width: 1px } .van-sidebar-item--select, .van-sidebar-item--select:active { background-color: #fff } .van-sidebar-item--disabled { color: #c8c9cc } .van-sidebar-item--disabled:active { background-color: #fafafa } @font-face { font-weight: 400; font-family: vant-icon; font-style: normal; font-display: auto; src: url(https://img.yzcdn.cn/vant/vant-icon-d3825a.woff2) format("woff2"), url(https://img.yzcdn.cn/vant/vant-icon-d3825a.woff) format("woff"), url(https://img.yzcdn.cn/vant/vant-icon-d3825a.ttf) format("truetype") } .van-icon { position: relative; font: normal normal normal 14px/1 vant-icon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased } .van-icon, .van-icon:before { display: inline-block } .van-icon-add-o:before { content: "\F000" } .van-icon-add-square:before { content: "\F001" } .van-icon-add:before { content: "\F002" } .van-icon-after-sale:before { content: "\F003" } .van-icon-aim:before { content: "\F004" } .van-icon-alipay:before { content: "\F005" } .van-icon-apps-o:before { content: "\F006" } .van-icon-arrow-down:before { content: "\F007" } .van-icon-arrow-left:before { content: "\F008" } .van-icon-arrow-up:before { content: "\F009" } .van-icon-arrow:before { content: "\F00A" } .van-icon-ascending:before { content: "\F00B" } .van-icon-audio:before { content: "\F00C" } .van-icon-award-o:before { content: "\F00D" } .van-icon-award:before { content: "\F00E" } .van-icon-bag-o:before { content: "\F00F" } .van-icon-bag:before { content: "\F010" } .van-icon-balance-list-o:before { content: "\F011" } .van-icon-balance-list:before { content: "\F012" } .van-icon-balance-o:before { content: "\F013" } .van-icon-balance-pay:before { content: "\F014" } .van-icon-bar-chart-o:before { content: "\F015" } .van-icon-bars:before { content: "\F016" } .van-icon-bell:before { content: "\F017" } .van-icon-bill-o:before { content: "\F018" } .van-icon-bill:before { content: "\F019" } .van-icon-birthday-cake-o:before { content: "\F01A" } .van-icon-bookmark-o:before { content: "\F01B" } .van-icon-bookmark:before { content: "\F01C" } .van-icon-browsing-history-o:before { content: "\F01D" } .van-icon-browsing-history:before { content: "\F01E" } .van-icon-brush-o:before { content: "\F01F" } .van-icon-bulb-o:before { content: "\F020" } .van-icon-bullhorn-o:before { content: "\F021" } .van-icon-calender-o:before { content: "\F022" } .van-icon-card:before { content: "\F023" } .van-icon-cart-circle-o:before { content: "\F024" } .van-icon-cart-circle:before { content: "\F025" } .van-icon-cart-o:before { content: "\F026" } .van-icon-cart:before { content: "\F027" } .van-icon-cash-back-record:before { content: "\F028" } .van-icon-cash-on-deliver:before { content: "\F029" } .van-icon-cashier-o:before { content: "\F02A" } .van-icon-certificate:before { content: "\F02B" } .van-icon-chart-trending-o:before { content: "\F02C" } .van-icon-chat-o:before { content: "\F02D" } .van-icon-chat:before { content: "\F02E" } .van-icon-checked:before { content: "\F02F" } .van-icon-circle:before { content: "\F030" } .van-icon-clear:before { content: "\F031" } .van-icon-clock-o:before { content: "\F032" } .van-icon-clock:before { content: "\F033" } .van-icon-close:before { content: "\F034" } .van-icon-closed-eye:before { content: "\F035" } .van-icon-cluster-o:before { content: "\F036" } .van-icon-cluster:before { content: "\F037" } .van-icon-column:before { content: "\F038" } .van-icon-comment-circle-o:before { content: "\F039" } .van-icon-comment-circle:before { content: "\F03A" } .van-icon-comment-o:before { content: "\F03B" } .van-icon-comment:before { content: "\F03C" } .van-icon-completed:before { content: "\F03D" } .van-icon-contact:before { content: "\F03E" } .van-icon-coupon-o:before { content: "\F03F" } .van-icon-coupon:before { content: "\F040" } .van-icon-credit-pay:before { content: "\F041" } .van-icon-cross:before { content: "\F042" } .van-icon-debit-pay:before { content: "\F043" } .van-icon-delete:before { content: "\F044" } .van-icon-descending:before { content: "\F045" } .van-icon-description:before { content: "\F046" } .van-icon-desktop-o:before { content: "\F047" } .van-icon-diamond-o:before { content: "\F048" } .van-icon-diamond:before { content: "\F049" } .van-icon-discount:before { content: "\F04A" } .van-icon-down:before { content: "\F04B" } .van-icon-ecard-pay:before { content: "\F04C" } .van-icon-edit:before { content: "\F04D" } .van-icon-ellipsis:before { content: "\F04E" } .van-icon-empty:before { content: "\F04F" } .van-icon-envelop-o:before { content: "\F050" } .van-icon-exchange:before { content: "\F051" } .van-icon-expand-o:before { content: "\F052" } .van-icon-expand:before { content: "\F053" } .van-icon-eye-o:before { content: "\F054" } .van-icon-eye:before { content: "\F055" } .van-icon-fail:before { content: "\F056" } .van-icon-failure:before { content: "\F057" } .van-icon-filter-o:before { content: "\F058" } .van-icon-fire-o:before { content: "\F059" } .van-icon-fire:before { content: "\F05A" } .van-icon-flag-o:before { content: "\F05B" } .van-icon-flower-o:before { content: "\F05C" } .van-icon-free-postage:before { content: "\F05D" } .van-icon-friends-o:before { content: "\F05E" } .van-icon-friends:before { content: "\F05F" } .van-icon-gem-o:before { content: "\F060" } .van-icon-gem:before { content: "\F061" } .van-icon-gift-card-o:before { content: "\F062" } .van-icon-gift-card:before { content: "\F063" } .van-icon-gift-o:before { content: "\F064" } .van-icon-gift:before { content: "\F065" } .van-icon-gold-coin-o:before { content: "\F066" } .van-icon-gold-coin:before { content: "\F067" } .van-icon-good-job-o:before { content: "\F068" } .van-icon-good-job:before { content: "\F069" } .van-icon-goods-collect-o:before { content: "\F06A" } .van-icon-goods-collect:before { content: "\F06B" } .van-icon-graphic:before { content: "\F06C" } .van-icon-home-o:before { content: "\F06D" } .van-icon-hot-o:before { content: "\F06E" } .van-icon-hot-sale-o:before { content: "\F06F" } .van-icon-hot-sale:before { content: "\F070" } .van-icon-hot:before { content: "\F071" } .van-icon-hotel-o:before { content: "\F072" } .van-icon-idcard:before { content: "\F073" } .van-icon-info-o:before { content: "\F074" } .van-icon-info:before { content: "\F075" } .van-icon-invition:before { content: "\F076" } .van-icon-label-o:before { content: "\F077" } .van-icon-label:before { content: "\F078" } .van-icon-like-o:before { content: "\F079" } .van-icon-like:before { content: "\F07A" } .van-icon-live:before { content: "\F07B" } .van-icon-location-o:before { content: "\F07C" } .van-icon-location:before { content: "\F07D" } .van-icon-lock:before { content: "\F07E" } .van-icon-logistics:before { content: "\F07F" } .van-icon-manager-o:before { content: "\F080" } .van-icon-manager:before { content: "\F081" } .van-icon-map-marked:before { content: "\F082" } .van-icon-medal-o:before { content: "\F083" } .van-icon-medal:before { content: "\F084" } .van-icon-more-o:before { content: "\F085" } .van-icon-more:before { content: "\F086" } .van-icon-music-o:before { content: "\F087" } .van-icon-music:before { content: "\F088" } .van-icon-new-arrival-o:before { content: "\F089" } .van-icon-new-arrival:before { content: "\F08A" } .van-icon-new-o:before { content: "\F08B" } .van-icon-new:before { content: "\F08C" } .van-icon-newspaper-o:before { content: "\F08D" } .van-icon-notes-o:before { content: "\F08E" } .van-icon-orders-o:before { content: "\F08F" } .van-icon-other-pay:before { content: "\F090" } .van-icon-paid:before { content: "\F091" } .van-icon-passed:before { content: "\F092" } .van-icon-pause-circle-o:before { content: "\F093" } .van-icon-pause-circle:before { content: "\F094" } .van-icon-pause:before { content: "\F095" } .van-icon-peer-pay:before { content: "\F096" } .van-icon-pending-payment:before { content: "\F097" } .van-icon-phone-circle-o:before { content: "\F098" } .van-icon-phone-circle:before { content: "\F099" } .van-icon-phone-o:before { content: "\F09A" } .van-icon-phone:before { content: "\F09B" } .van-icon-photo-o:before { content: "\F09C" } .van-icon-photo:before { content: "\F09D" } .van-icon-photograph:before { content: "\F09E" } .van-icon-play-circle-o:before { content: "\F09F" } .van-icon-play-circle:before { content: "\F0A0" } .van-icon-play:before { content: "\F0A1" } .van-icon-plus:before { content: "\F0A2" } .van-icon-point-gift-o:before { content: "\F0A3" } .van-icon-point-gift:before { content: "\F0A4" } .van-icon-points:before { content: "\F0A5" } .van-icon-printer:before { content: "\F0A6" } .van-icon-qr-invalid:before { content: "\F0A7" } .van-icon-qr:before { content: "\F0A8" } .van-icon-question-o:before { content: "\F0A9" } .van-icon-question:before { content: "\F0AA" } .van-icon-records:before { content: "\F0AB" } .van-icon-refund-o:before { content: "\F0AC" } .van-icon-replay:before { content: "\F0AD" } .van-icon-scan:before { content: "\F0AE" } .van-icon-search:before { content: "\F0AF" } .van-icon-send-gift-o:before { content: "\F0B0" } .van-icon-send-gift:before { content: "\F0B1" } .van-icon-service-o:before { content: "\F0B2" } .van-icon-service:before { content: "\F0B3" } .van-icon-setting-o:before { content: "\F0B4" } .van-icon-setting:before { content: "\F0B5" } .van-icon-share:before { content: "\F0B6" } .van-icon-shop-collect-o:before { content: "\F0B7" } .van-icon-shop-collect:before { content: "\F0B8" } .van-icon-shop-o:before { content: "\F0B9" } .van-icon-shop:before { content: "\F0BA" } .van-icon-shopping-cart-o:before { content: "\F0BB" } .van-icon-shopping-cart:before { content: "\F0BC" } .van-icon-shrink:before { content: "\F0BD" } .van-icon-sign:before { content: "\F0BE" } .van-icon-smile-comment-o:before { content: "\F0BF" } .van-icon-smile-comment:before { content: "\F0C0" } .van-icon-smile-o:before { content: "\F0C1" } .van-icon-smile:before { content: "\F0C2" } .van-icon-star-o:before { content: "\F0C3" } .van-icon-star:before { content: "\F0C4" } .van-icon-stop-circle-o:before { content: "\F0C5" } .van-icon-stop-circle:before { content: "\F0C6" } .van-icon-stop:before { content: "\F0C7" } .van-icon-success:before { content: "\F0C8" } .van-icon-thumb-circle-o:before { content: "\F0C9" } .van-icon-thumb-circle:before { content: "\F0CA" } .van-icon-todo-list-o:before { content: "\F0CB" } .van-icon-todo-list:before { content: "\F0CC" } .van-icon-tosend:before { content: "\F0CD" } .van-icon-tv-o:before { content: "\F0CE" } .van-icon-umbrella-circle:before { content: "\F0CF" } .van-icon-underway-o:before { content: "\F0D0" } .van-icon-underway:before { content: "\F0D1" } .van-icon-upgrade:before { content: "\F0D2" } .van-icon-user-circle-o:before { content: "\F0D3" } .van-icon-user-o:before { content: "\F0D4" } .van-icon-video-o:before { content: "\F0D5" } .van-icon-video:before { content: "\F0D6" } .van-icon-vip-card-o:before { content: "\F0D7" } .van-icon-vip-card:before { content: "\F0D8" } .van-icon-volume-o:before { content: "\F0D9" } .van-icon-volume:before { content: "\F0DA" } .van-icon-wap-home-o:before { content: "\F0DB" } .van-icon-wap-home:before { content: "\F0DC" } .van-icon-wap-nav:before { content: "\F0DD" } .van-icon-warn-o:before { content: "\F0DE" } .van-icon-warning-o:before { content: "\F0DF" } .van-icon-warning:before { content: "\F0E0" } .van-icon-weapp-nav:before { content: "\F0E1" } .van-icon-wechat:before { content: "\F0E2" } .van-icon-youzan-shield:before { content: "\F0E3" } .van-icon__image { width: 1em; height: 1em; object-fit: contain } .van-tabbar-item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #646566; font-size: 12px; line-height: 1 } .van-tabbar-item__icon { position: relative; margin-bottom: 5px; font-size: 18px } .van-tabbar-item__icon .van-icon { display: block; min-width: 1em } .van-tabbar-item__icon img { display: block; height: 18px } .van-tabbar-item--active { color: #1989fa } .van-tabbar-item .van-info { margin-top: 2px } .van-step { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #969799; font-size: 14px } .van-step__circle { display: block; width: 5px; height: 5px; background-color: #969799; border-radius: 50% } .van-step__line { position: absolute; background-color: #ebedf0 } .van-step--horizontal { float: left } .van-step--horizontal:first-child .van-step__title { margin-left: 0; -webkit-transform: none; transform: none } .van-step--horizontal:last-child { position: absolute; right: 1px; width: auto } .van-step--horizontal:last-child .van-step__title { margin-left: 0; -webkit-transform: none; transform: none } .van-step--horizontal:last-child .van-step__circle-container { right: -9px; left: auto } .van-step--horizontal .van-step__circle-container { position: absolute; top: 30px; left: -8px; z-index: 1; padding: 0 8px; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-step--horizontal .van-step__title { display: inline-block; margin-left: 3px; font-size: 12px; -webkit-transform: translateX(-50%); transform: translateX(-50%) } @media (max-width:321px) { .van-step--horizontal .van-step__title { font-size: 11px } } .van-step--horizontal .van-step__line { top: 30px; left: 0; width: 100%; height: 1px } .van-step--horizontal .van-step__icon { display: block; font-size: 12px } .van-step--horizontal .van-step--process { color: #323233 } .van-step--vertical { display: block; float: none; padding: 10px 10px 10px 0; line-height: 18px } .van-step--vertical:not(:last-child):after { border-bottom-width: 1px } .van-step--vertical:first-child:before { position: absolute; top: 0; left: -15px; z-index: 1; width: 1px; height: 20px; background-color: #fff; content: "" } .van-step--vertical .van-step__circle-container { position: absolute; top: 19px; left: -15px; z-index: 2; font-size: 12px; line-height: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .van-step--vertical .van-step__line { top: 16px; left: -15px; width: 1px; height: 100% } .van-step:last-child .van-step__line { width: 0 } .van-step--finish { color: #323233 } .van-step--finish .van-step__circle, .van-step--finish .van-step__line { background-color: #07c160 } .van-rate { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-user-select: none; user-select: none } .van-rate__item { position: relative } .van-rate__item:not(:last-child) { padding-right: 4px } .van-rate__icon { display: block; width: 1em; font-size: 20px } .van-rate__icon--half { position: absolute; top: 0; left: 0; width: .5em; overflow: hidden } .van-notice-bar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 40px; padding: 0 16px; color: #ed6a0c; font-size: 14px; line-height: 24px; background-color: #fffbe8 } .van-notice-bar__left-icon, .van-notice-bar__right-icon { min-width: 22px; font-size: 16px } .van-notice-bar__right-icon { text-align: right } .van-notice-bar__wrap { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 24px; overflow: hidden } .van-notice-bar__content { position: absolute; white-space: nowrap } .van-notice-bar__content.van-ellipsis { max-width: 100% } .van-notice-bar__play { -webkit-animation: van-notice-bar-play linear both; animation: van-notice-bar-play linear both } .van-notice-bar__play--infinite { -webkit-animation: van-notice-bar-play-infinite linear infinite both; animation: van-notice-bar-play-infinite linear infinite both } .van-notice-bar--wrapable { height: auto; padding: 8px 16px } .van-notice-bar--wrapable .van-notice-bar__wrap { height: auto } .van-notice-bar--wrapable .van-notice-bar__content { position: relative; white-space: normal; word-wrap: break-word } @-webkit-keyframes van-notice-bar-play { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes van-notice-bar-play { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes van-notice-bar-play-infinite { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes van-notice-bar-play-infinite { to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .van-nav-bar { position: relative; height: 46px; line-height: 46px; text-align: center; background-color: #fff; -webkit-user-select: none; user-select: none } .van-nav-bar .van-icon { color: #1989fa; vertical-align: middle } .van-nav-bar__arrow { min-width: 1em; font-size: 16px } .van-nav-bar__arrow+.van-nav-bar__text { margin-left: -20px; padding-left: 25px } .van-nav-bar--fixed { position: fixed; top: 0; left: 0; width: 100% } .van-nav-bar__title { max-width: 60%; margin: 0 auto; color: #323233; font-weight: 500; font-size: 16px } .van-nav-bar__left, .van-nav-bar__right { position: absolute; bottom: 0; font-size: 14px } .van-nav-bar__left { left: 16px } .van-nav-bar__right { right: 16px } .van-nav-bar__text { display: inline-block; margin: 0 -16px; padding: 0 16px; color: #1989fa; vertical-align: middle } .van-nav-bar__text:active { background-color: #f2f3f5 } .van-grid-item { position: relative; box-sizing: border-box } .van-grid-item--square { height: 0 } .van-grid-item__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; height: 100%; padding: 16px 8px; background-color: #fff } .van-grid-item__content:after { z-index: 1; border-width: 0 1px 1px 0 } .van-grid-item__content--square { position: absolute; top: 0; right: 0; left: 0 } .van-grid-item__content--center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-grid-item__content--surround:after { border-width: 1px } .van-grid-item__content--clickable:active { background-color: #f2f3f5 } .van-grid-item__icon { font-size: 28px } .van-grid-item__icon-wrapper { position: relative } .van-grid-item__text { color: #646566; font-size: 12px; word-wrap: break-word } .van-grid-item__icon+.van-grid-item__text { margin-top: 8px } .van-goods-action-icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 48px; height: 50px; color: #646566; font-size: 10px; line-height: 1; text-align: center; background-color: #fff } .van-goods-action-icon:active { background-color: #f2f3f5 } .van-goods-action-icon__icon { width: 1em; margin: 0 auto 5px; color: #323233; font-size: 18px } .van-checkbox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; -webkit-user-select: none; user-select: none } .van-checkbox__icon { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 1em; font-size: 20px; line-height: 1em } .van-checkbox__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: .8em; line-height: inherit; text-align: center; border: 1px solid #c8c9cc; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color } .van-checkbox__icon--round .van-icon { border-radius: 100% } .van-checkbox__icon--checked .van-icon { color: #fff; background-color: #1989fa; border-color: #1989fa } .van-checkbox__icon--disabled .van-icon { background-color: #ebedf0; border-color: #c8c9cc } .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon { color: #c8c9cc } .van-checkbox__label { margin-left: 8px; color: #323233; line-height: 20px } .van-checkbox__label--left { margin: 0 8px 0 0 } .van-checkbox__label--disabled { color: #c8c9cc } .van-coupon { margin: 0 12px 12px; overflow: hidden; background-color: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .1) } .van-coupon:active { background-color: #f2f3f5 } .van-coupon__content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; min-height: 84px; padding: 14px 0; color: #323233 } .van-coupon__head { position: relative; min-width: 96px; padding: 0 8px; color: #ee0a24; text-align: center } .van-coupon__amount, .van-coupon__condition, .van-coupon__name, .van-coupon__valid { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .van-coupon__amount { margin-bottom: 6px; font-weight: 500; font-size: 30px } .van-coupon__amount span { font-weight: 400; font-size: 40% } .van-coupon__amount span:not(:empty) { margin-left: 2px } .van-coupon__condition { font-size: 12px; line-height: 16px; white-space: pre-wrap } .van-coupon__body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0 8px 8px 0 } .van-coupon__name { margin-bottom: 10px; font-weight: 700; font-size: 14px; line-height: 20px } .van-coupon__valid { font-size: 12px } .van-coupon__corner { position: absolute; top: 0; right: 16px; bottom: 0 } .van-coupon__description { padding: 8px 16px; font-size: 12px; border-top: 1px dashed #ebedf0 } .van-coupon--disabled:active { background-color: #fff } .van-coupon--disabled .van-coupon-item__content { height: 74px } .van-coupon--disabled .van-coupon__head { color: inherit } .van-image { position: relative; display: inline-block } .van-image--round { overflow: hidden; border-radius: 50% } .van-image--round img { border-radius: inherit } .van-image__error, .van-image__img, .van-image__loading { display: block; width: 100%; height: 100% } .van-image__error, .van-image__loading { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #969799; font-size: 14px; background-color: #f7f8fa } .van-image__error-icon, .van-image__loading-icon { font-size: 22px } .van-tag { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: .2em .5em; color: #fff; font-size: 10px; line-height: normal; border-radius: .2em } .van-tag:after { border-color: currentColor; border-radius: .4em } .van-tag--default { background-color: #969799 } .van-tag--default.van-tag--plain { color: #969799 } .van-tag--danger { background-color: #ee0a24 } .van-tag--danger.van-tag--plain { color: #ee0a24 } .van-tag--primary { background-color: #1989fa } .van-tag--primary.van-tag--plain { color: #1989fa } .van-tag--success { background-color: #07c160 } .van-tag--success.van-tag--plain { color: #07c160 } .van-tag--warning { background-color: #ff976a } .van-tag--warning.van-tag--plain { color: #ff976a } .van-tag--plain { background-color: #fff } .van-tag--mark { padding-right: .7em } .van-tag--mark, .van-tag--mark:after { border-radius: 0 999px 999px 0 } .van-tag--round, .van-tag--round:after { border-radius: 999px } .van-tag--medium { font-size: 12px } .van-tag--large { font-size: 14px } .van-tag__close { min-width: 1em; margin-left: 2px } .van-card { position: relative; box-sizing: border-box; padding: 8px 16px; color: #323233; font-size: 12px; background-color: #fafafa } .van-card:not(:first-child) { margin-top: 8px } .van-card__header { display: -webkit-box; display: -webkit-flex; display: flex } .van-card__thumb { position: relative; -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: 88px; height: 88px; margin-right: 8px } .van-card__thumb img { border-radius: 8px } .van-card__content { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-width: 0; min-height: 88px } .van-card__content--centered { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-card__desc, .van-card__title { word-wrap: break-word } .van-card__title { max-height: 32px; font-weight: 500; line-height: 16px } .van-card__desc { max-height: 20px; color: #646566 } .van-card__bottom, .van-card__desc { line-height: 20px } .van-card__price { display: inline-block; color: #323233; font-weight: 500; font-size: 12px } .van-card__price-integer { font-size: 16px } .van-card__price-decimal, .van-card__price-integer { font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif } .van-card__origin-price { display: inline-block; margin-left: 5px; color: #969799; font-size: 10px; text-decoration: line-through } .van-card__num { float: right; color: #969799 } .van-card__tag { position: absolute; top: 2px; left: 0 } .van-card__footer { -webkit-box-flex: 0; -webkit-flex: none; flex: none; text-align: right } .van-card__footer .van-button { margin-left: 5px } .van-radio { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; -webkit-user-select: none; user-select: none } .van-radio__icon { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 1em; font-size: 20px; line-height: 1em } .van-radio__icon .van-icon { display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; color: transparent; font-size: .8em; line-height: inherit; text-align: center; border: 1px solid #c8c9cc; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color } .van-radio__icon--round .van-icon { border-radius: 100% } .van-radio__icon--checked .van-icon { color: #fff; background-color: #1989fa; border-color: #1989fa } .van-radio__icon--disabled .van-icon { background-color: #ebedf0; border-color: #c8c9cc } .van-radio__icon--disabled.van-radio__icon--checked .van-icon { color: #c8c9cc } .van-radio__label { margin-left: 8px; color: #323233; line-height: 20px } .van-radio__label--left { margin: 0 8px 0 0 } .van-radio__label--disabled { color: #c8c9cc } .van-cell { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; width: 100%; padding: 10px 16px; overflow: hidden; color: #323233; font-size: 14px; line-height: 24px; background-color: #fff } .van-cell:not(:last-child):after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: 0; bottom: 0; left: 16px; border-bottom: 1px solid #ebedf0; -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-cell--borderless:after { display: none } .van-cell__label { margin-top: 3px; color: #969799; font-size: 12px; line-height: 18px } .van-cell__title, .van-cell__value { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-cell__value { position: relative; overflow: hidden; color: #969799; text-align: right; vertical-align: middle; word-wrap: break-word } .van-cell__value--alone { color: #323233; text-align: left } .van-cell__left-icon, .van-cell__right-icon { min-width: 1em; height: 24px; font-size: 16px; line-height: 24px } .van-cell__left-icon { margin-right: 5px } .van-cell__right-icon { margin-left: 5px; color: #969799 } .van-cell--clickable:active { background-color: #f2f3f5 } .van-cell--required { overflow: visible } .van-cell--required:before { position: absolute; left: 8px; color: #ee0a24; font-size: 14px; content: "*" } .van-cell--center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-cell--large { padding-top: 12px; padding-bottom: 12px } .van-cell--large .van-cell__title { font-size: 16px } .van-cell--large .van-cell__label { font-size: 14px } .van-coupon-cell--selected { color: #323233 } .van-contact-card { padding: 16px } .van-contact-card__value { margin-left: 5px; line-height: 20px } .van-contact-card--add .van-contact-card__value { line-height: 40px } .van-contact-card--add .van-cell__left-icon { color: #1989fa; font-size: 40px } .van-contact-card:before { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: -webkit-repeating-linear-gradient(135deg, #ff6c6c, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%); background: repeating-linear-gradient(-45deg, #ff6c6c, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%); background-size: 80px; content: "" } .van-collapse-item__title .van-cell__right-icon:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .van-collapse-item__title:after { visibility: hidden } .van-collapse-item__title--expanded .van-cell__right-icon:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .van-collapse-item__title--expanded:after { visibility: visible } .van-collapse-item__title--disabled, .van-collapse-item__title--disabled .van-cell__right-icon { color: #c8c9cc } .van-collapse-item__title--disabled:active { background-color: #fff } .van-collapse-item__wrapper { overflow: hidden; -webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out; will-change: height } .van-collapse-item__content { padding: 16px; color: #969799; font-size: 13px; line-height: 1.5; background-color: #fff } .van-field__label { -webkit-box-flex: 0; -webkit-flex: none; flex: none; width: 90px } .van-field__label--center { text-align: center } .van-field__label--right { text-align: right } .van-field__body { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-field__control { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; color: #323233; text-align: left; background-color: transparent; border: 0; resize: none } .van-field__control::-webkit-input-placeholder { color: #969799 } .van-field__control::placeholder { color: #969799 } .van-field__control:disabled { color: #969799; -webkit-text-fill-color: #969799; background-color: transparent; opacity: 1 } .van-field__control--center { text-align: center } .van-field__control--right { text-align: right } .van-field__control[type=date], .van-field__control[type=datetime-local], .van-field__control[type=time] { min-height: 24px } .van-field__control[type=search] { -webkit-appearance: none } .van-field__button, .van-field__clear, .van-field__icon, .van-field__right-icon { -webkit-flex-shrink: 0; flex-shrink: 0 } .van-field__clear, .van-field__right-icon { margin-right: -8px; padding: 0 8px; line-height: inherit } .van-field__clear { color: #c8c9cc; font-size: 16px } .van-field__left-icon .van-icon, .van-field__right-icon .van-icon { display: block; min-width: 1em; font-size: 16px; line-height: inherit } .van-field__left-icon { margin-right: 5px } .van-field__right-icon { color: #969799 } .van-field__button { padding-left: 8px } .van-field__error-message { color: #ee0a24; font-size: 12px; text-align: left } .van-field__error-message--center { text-align: center } .van-field__error-message--right { text-align: right } .van-field__word-limit { margin-top: 4px; color: #646566; font-size: 12px; line-height: 16px; text-align: right } .van-field--error .van-field__control::-webkit-input-placeholder { color: #ee0a24; -webkit-text-fill-color: #ee0a24 } .van-field--error .van-field__control, .van-field--error .van-field__control::-webkit-input-placeholder { color: #ee0a24; -webkit-text-fill-color: #ee0a24 } .van-field--error .van-field__control, .van-field--error .van-field__control::placeholder { color: #ee0a24; -webkit-text-fill-color: #ee0a24 } .van-field--min-height .van-field__control { min-height: 60px } .van-search { -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; padding: 10px 12px } .van-search, .van-search__content { display: -webkit-box; display: -webkit-flex; display: flex } .van-search__content { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-left: 8px; background-color: #f7f8fa; border-radius: 2px } .van-search__content--round { border-radius: 17px } .van-search__label { padding: 0 5px; color: #323233; font-size: 14px; line-height: 34px } .van-search .van-cell { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 5px 8px 5px 0; background-color: transparent } .van-search .van-cell__left-icon { color: #969799 } .van-search--show-action { padding-right: 0 } .van-search input::-webkit-search-cancel-button, .van-search input::-webkit-search-decoration, .van-search input::-webkit-search-results-button, .van-search input::-webkit-search-results-decoration { display: none } .van-search__action { padding: 0 8px; color: #323233; font-size: 14px; line-height: 34px } .van-search__action:active { background-color: #f2f3f5 } .van-overflow-hidden { overflow: hidden !important } .van-popup { position: fixed; max-height: 100%; overflow-y: auto; background-color: #fff; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-overflow-scrolling: touch } .van-popup--center { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .van-popup--center.van-popup--round { border-radius: 20px } .van-popup--top { top: 0; left: 0; width: 100% } .van-popup--top.van-popup--round { border-radius: 0 0 20px 20px } .van-popup--right { top: 50%; right: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .van-popup--right.van-popup--round { border-radius: 20px 0 0 20px } .van-popup--bottom { bottom: 0; left: 0; width: 100% } .van-popup--bottom.van-popup--round { border-radius: 20px 20px 0 0 } .van-popup--left { top: 50%; left: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .van-popup--left.van-popup--round { border-radius: 0 20px 20px 0 } .van-popup--safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom) } .van-popup-slide-top-enter, .van-popup-slide-top-leave-active { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .van-popup-slide-right-enter, .van-popup-slide-right-leave-active { -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0) } .van-popup-slide-bottom-enter, .van-popup-slide-bottom-leave-active { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .van-popup-slide-left-enter, .van-popup-slide-left-leave-active { -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0) } .van-popup__close-icon { position: absolute; z-index: 1; color: #969799; font-size: 18px } .van-popup__close-icon:active { opacity: .7 } .van-popup__close-icon--top-left { top: 16px; left: 16px } .van-popup__close-icon--top-right { top: 16px; right: 16px } .van-popup__close-icon--bottom-left { bottom: 16px; left: 16px } .van-popup__close-icon--bottom-right { right: 16px; bottom: 16px } .van-notify { box-sizing: border-box; padding: 8px 16px; font-size: 14px; line-height: 20px; white-space: pre-wrap; text-align: center; word-wrap: break-word } .van-notify--primary { background-color: #1989fa } .van-notify--success { background-color: #07c160 } .van-notify--danger { background-color: #ee0a24 } .van-notify--warning { background-color: #ff976a } .van-dropdown-item { position: fixed; right: 0; left: 0; overflow: hidden } .van-dropdown-item__option { text-align: left } .van-dropdown-item__option--active, .van-dropdown-item__option--active .van-dropdown-item__icon { color: #1989fa } .van-dropdown-item--up { top: 0 } .van-dropdown-item--down { bottom: 0 } .van-dropdown-item__content { position: absolute; max-height: 80% } .van-dropdown-item__icon { display: block; line-height: inherit } .van-loading { color: #c8c9cc; font-size: 0 } .van-loading, .van-loading__spinner { position: relative; vertical-align: middle } .van-loading__spinner { display: inline-block; width: 30px; max-width: 100%; height: 30px; max-height: 100%; -webkit-animation: van-rotate .8s linear infinite; animation: van-rotate .8s linear infinite } .van-loading__spinner--spinner { -webkit-animation-timing-function: steps(12); animation-timing-function: steps(12) } .van-loading__spinner--spinner i { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .van-loading__spinner--spinner i:before { display: block; width: 2px; height: 25%; margin: 0 auto; background-color: currentColor; border-radius: 40%; content: " " } .van-loading__spinner--circular { -webkit-animation-duration: 2s; animation-duration: 2s } .van-loading__circular { display: block; width: 100%; height: 100% } .van-loading__circular circle { -webkit-animation: van-circular 1.5s ease-in-out infinite; animation: van-circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round } .van-loading__text { display: inline-block; margin-left: 8px; color: #969799; font-size: 14px; vertical-align: middle } .van-loading--vertical { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-loading--vertical .van-loading__text { margin: 8px 0 0 } @-webkit-keyframes van-circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120 } } @keyframes van-circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120 } } .van-loading__spinner--spinner i:first-of-type { -webkit-transform: rotate(30deg); transform: rotate(30deg); opacity: 1 } .van-loading__spinner--spinner i:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); opacity: .9375 } .van-loading__spinner--spinner i:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: .875 } .van-loading__spinner--spinner i:nth-of-type(4) { -webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: .8125 } .van-loading__spinner--spinner i:nth-of-type(5) { -webkit-transform: rotate(150deg); transform: rotate(150deg); opacity: .75 } .van-loading__spinner--spinner i:nth-of-type(6) { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: .6875 } .van-loading__spinner--spinner i:nth-of-type(7) { -webkit-transform: rotate(210deg); transform: rotate(210deg); opacity: .625 } .van-loading__spinner--spinner i:nth-of-type(8) { -webkit-transform: rotate(240deg); transform: rotate(240deg); opacity: .5625 } .van-loading__spinner--spinner i:nth-of-type(9) { -webkit-transform: rotate(270deg); transform: rotate(270deg); opacity: .5 } .van-loading__spinner--spinner i:nth-of-type(10) { -webkit-transform: rotate(300deg); transform: rotate(300deg); opacity: .4375 } .van-loading__spinner--spinner i:nth-of-type(11) { -webkit-transform: rotate(330deg); transform: rotate(330deg); opacity: .375 } .van-loading__spinner--spinner i:nth-of-type(12) { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: .3125 } .van-pull-refresh { overflow: hidden; -webkit-user-select: none; user-select: none } .van-pull-refresh__track { position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-pull-refresh__head { position: absolute; left: 0; width: 100%; height: 50px; overflow: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .van-list__error-text, .van-list__finished-text, .van-list__loading, .van-pull-refresh__head { color: #969799; font-size: 14px; line-height: 50px; text-align: center } .van-list__placeholder { height: 0; pointer-events: none } .van-switch { position: relative; display: inline-block; box-sizing: content-box; width: 2em; font-size: 30px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 1em; -webkit-transition: background-color .3s; transition: background-color .3s } .van-switch, .van-switch__node { height: 1em; background-color: #fff } .van-switch__node { position: absolute; top: 0; left: 0; z-index: 1; width: 1em; border-radius: 100%; box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05); -webkit-transition: -webkit-transform .3s cubic-bezier(.3, 1.05, .4, 1.05); transition: -webkit-transform .3s cubic-bezier(.3, 1.05, .4, 1.05); transition: transform .3s cubic-bezier(.3, 1.05, .4, 1.05); transition: transform .3s cubic-bezier(.3, 1.05, .4, 1.05), -webkit-transform .3s cubic-bezier(.3, 1.05, .4, 1.05) } .van-switch__loading { top: 25%; left: 25%; width: 50%; height: 50%; line-height: 1 } .van-switch--on { background-color: #1989fa } .van-switch--on .van-switch__node { -webkit-transform: translateX(1em); transform: translateX(1em) } .van-switch--disabled { opacity: .5 } .van-switch-cell { padding-top: 9px; padding-bottom: 9px } .van-switch-cell--large { padding-top: 11px; padding-bottom: 11px } .van-switch-cell .van-switch { float: right } .van-button { position: relative; display: inline-block; box-sizing: border-box; height: 44px; margin: 0; padding: 0; font-size: 16px; line-height: 42px; text-align: center; border-radius: 2px; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-appearance: none; -webkit-text-size-adjust: 100% } .van-button:before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: #000; border: inherit; border-color: #000; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; content: " " } .van-button:active:before { opacity: .1 } .van-button--disabled:before, .van-button--loading:before { display: none } .van-button--default { color: #323233; background-color: #fff; border: 1px solid #ebedf0 } .van-button--primary { color: #fff; background-color: #07c160; border: 1px solid #07c160 } .van-button--info { color: #fff; background-color: #1989fa; border: 1px solid #1989fa } .van-button--danger { color: #fff; background-color: #ee0a24; border: 1px solid #ee0a24 } .van-button--warning { color: #fff; background-color: #ff976a; border: 1px solid #ff976a } .van-button--plain { background-color: #fff } .van-button--plain.van-button--primary { color: #07c160 } .van-button--plain.van-button--info { color: #1989fa } .van-button--plain.van-button--danger { color: #ee0a24 } .van-button--plain.van-button--warning { color: #ff976a } .van-button--large { width: 100%; height: 50px; line-height: 48px } .van-button--normal { padding: 0 15px; font-size: 14px } .van-button--small { min-width: 60px; height: 30px; padding: 0 8px; font-size: 12px; line-height: 28px } .van-button__loading { display: inline-block; color: inherit; vertical-align: top } .van-button--mini { display: inline-block; min-width: 50px; height: 22px; font-size: 10px; line-height: 20px } .van-button--mini+.van-button--mini { margin-left: 4px } .van-button--block { display: block; width: 100% } .van-button--disabled { opacity: .5 } .van-button--round { border-radius: 999px } .van-button--square { border-radius: 0 } .van-button__icon { min-width: 1em; font-size: 1.2em; line-height: inherit; vertical-align: top } .van-button__icon+.van-button__text, .van-button__loading+.van-button__text { display: inline-block; margin-left: 5px; vertical-align: top } .van-button--hairline { border-width: 0 } .van-button--hairline:after { border-color: inherit; border-radius: 4px } .van-button--hairline.van-button--round:after { border-radius: 999px } .van-button--hairline.van-button--square:after { border-radius: 0 } .van-submit-bar { position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; background-color: #fff; -webkit-user-select: none; user-select: none } .van-submit-bar__tip { padding: 8px 12px; color: #f56723; font-size: 12px; line-height: 1.5; background-color: #fff7cc } .van-submit-bar__tip-icon { min-width: 18px; font-size: 12px; vertical-align: middle } .van-submit-bar__tip-text { vertical-align: middle } .van-submit-bar__bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; height: 50px; padding: 0 16px; font-size: 14px } .van-submit-bar__text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding-right: 12px; color: #323233; text-align: right } .van-submit-bar__text span { display: inline-block } .van-submit-bar__suffix-label { margin-left: 5px; font-weight: 500 } .van-submit-bar__price { color: #ee0a24; font-weight: 500; font-size: 12px } .van-submit-bar__price--integer { font-size: 20px; font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif } .van-submit-bar__button { width: 110px; height: 40px; font-weight: 500; line-height: 40px; border: none } .van-submit-bar__button--danger { background: -webkit-linear-gradient(left, #ff6034, #ee0a24); background: linear-gradient(90deg, #ff6034, #ee0a24) } .van-submit-bar--safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom) } .van-goods-action-button { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 40px; font-weight: 500; font-size: 14px; line-height: normal; border: none } .van-goods-action-button--first { margin-left: 5px; border-top-left-radius: 20px; border-bottom-left-radius: 20px } .van-goods-action-button--last { margin-right: 5px; border-top-right-radius: 20px; border-bottom-right-radius: 20px } .van-goods-action-button--warning { background: -webkit-linear-gradient(left, #ffd01e, #ff8917); background: linear-gradient(90deg, #ffd01e, #ff8917) } .van-goods-action-button--danger { background: -webkit-linear-gradient(left, #ff6034, #ee0a24); background: linear-gradient(90deg, #ff6034, #ee0a24) } @media (max-width:321px) { .van-goods-action-button { font-size: 13px } } .van-contact-list { box-sizing: border-box; height: 100%; padding-bottom: 50px } .van-contact-list__item { padding: 16px } .van-contact-list__item-value { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-right: 32px; padding-left: 8px } .van-contact-list__item-tag { -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: 8px; padding-top: 0; padding-bottom: 0; line-height: 1.4em } .van-contact-list__group { box-sizing: border-box; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch } .van-contact-list__edit { font-size: 16px } .van-contact-list__bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 999; padding: 5px 16px; background-color: #fff } .van-contact-list__add { height: 40px; line-height: 38px } .van-calendar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; background-color: #fff } .van-calendar__popup.van-popup--bottom, .van-calendar__popup.van-popup--top { height: 80% } .van-calendar__popup.van-popup--left, .van-calendar__popup.van-popup--right { height: 100% } .van-calendar__popup .van-popup__close-icon { top: 13px } .van-calendar__header { -webkit-flex-shrink: 0; flex-shrink: 0; box-shadow: 0 2px 10px rgba(125, 126, 128, .16) } .van-calendar__header-title, .van-calendar__month-title { height: 44px; font-weight: 500; line-height: 44px; text-align: center } .van-calendar__header-title { font-size: 16px } .van-calendar__month-title { font-size: 14px } .van-calendar__weekdays { display: -webkit-box; display: -webkit-flex; display: flex } .van-calendar__weekday { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 12px; line-height: 30px; text-align: center } .van-calendar__body { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: auto; -webkit-overflow-scrolling: touch } .van-calendar__days { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; user-select: none } .van-calendar__month-mark { position: absolute; top: 50%; left: 50%; z-index: 0; color: rgba(242, 243, 245, .8); font-size: 160px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none } .van-calendar__day, .van-calendar__selected-day { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center } .van-calendar__day { position: relative; width: 14.285%; height: 64px; font-size: 16px; cursor: pointer } .van-calendar__day--end, .van-calendar__day--start { color: #fff; background-color: #ee0a24 } .van-calendar__day--start { border-radius: 4px 0 0 4px } .van-calendar__day--end { border-radius: 0 4px 4px 0 } .van-calendar__day--middle { color: #ee0a24 } .van-calendar__day--middle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: currentColor; opacity: .1; content: "" } .van-calendar__day--disabled { color: #c8c9cc; cursor: default } .van-calendar__bottom-info, .van-calendar__top-info { position: absolute; right: 0; left: 0; font-size: 10px; line-height: 14px } @media (max-width:350px) { .van-calendar__bottom-info, .van-calendar__top-info { font-size: 9px } } .van-calendar__top-info { top: 6px } .van-calendar__bottom-info { bottom: 6px } .van-calendar__selected-day { width: 54px; height: 54px; color: #fff; background-color: #ee0a24; border-radius: 4px } .van-calendar__footer { -webkit-flex-shrink: 0; flex-shrink: 0; padding: 0 16px } .van-calendar__footer--safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom) } .van-calendar__confirm { height: 36px; margin: 7px 0; line-height: 34px } .van-address-list { box-sizing: border-box; height: 100%; padding: 12px 12px 100px } .van-address-list__bottom { position: fixed; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: 5px 16px; background-color: #fff } .van-address-list__add { height: 40px; line-height: 38px } .van-address-list__disabled-text { padding: 20px 0 16px; color: #969799; font-size: 14px; line-height: 20px } .van-address-item { padding: 12px; border-radius: 8px } .van-address-item:not(:last-child) { margin-bottom: 12px } .van-address-item__value { padding-right: 44px } .van-address-item__name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 8px; font-size: 16px; line-height: 22px } .van-address-item__tag { -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: 8px; padding-top: 0; padding-bottom: 0; line-height: 1.4em } .van-address-item__address { color: #323233; font-size: 13px; line-height: 18px } .van-address-item--disabled .van-address-item__address, .van-address-item--disabled .van-address-item__name { color: #c8c9cc } .van-address-item__edit { position: absolute; top: 50%; right: 16px; color: #969799; font-size: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-address-item .van-radio__label { margin-left: 12px } .van-address-item .van-radio__icon--checked .van-icon { background-color: #ee0a24; border-color: #ee0a24 } .van-dialog { position: fixed; top: 45%; left: 50%; width: 320px; overflow: hidden; font-size: 16px; background-color: #fff; border-radius: 16px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .3s; transition: .3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform } @media (max-width:321px) { .van-dialog { width: 90% } } .van-dialog__header { padding-top: 24px; font-weight: 500; line-height: 24px; text-align: center } .van-dialog__header--isolated { padding: 24px 0 } .van-dialog__message { max-height: 60vh; padding: 24px; overflow-y: auto; font-size: 14px; line-height: 20px; white-space: pre-wrap; text-align: center; word-wrap: break-word; -webkit-overflow-scrolling: touch } .van-dialog__message--has-title { padding-top: 12px; color: #646566 } .van-dialog__message--left { text-align: left } .van-dialog__message--right { text-align: right } .van-dialog__footer { overflow: hidden; -webkit-user-select: none; user-select: none } .van-dialog__footer--buttons { display: -webkit-box; display: -webkit-flex; display: flex } .van-dialog__footer--buttons .van-button { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 } .van-dialog .van-button { border: 0 } .van-dialog__confirm, .van-dialog__confirm:active { color: #1989fa } .van-dialog-bounce-enter { -webkit-transform: translate3d(-50%, -50%, 0) scale(.7); transform: translate3d(-50%, -50%, 0) scale(.7); opacity: 0 } .van-dialog-bounce-leave-active { -webkit-transform: translate3d(-50%, -50%, 0) scale(.9); transform: translate3d(-50%, -50%, 0) scale(.9); opacity: 0 } .van-contact-edit { padding: 16px } .van-contact-edit__fields { overflow: hidden; border-radius: 4px } .van-contact-edit__fields .van-cell__title { max-width: 65px } .van-contact-edit__switch-cell { margin-top: 10px; padding-top: 9px; padding-bottom: 9px; overflow: hidden; border-radius: 4px } .van-contact-edit__switch-cell .van-cell__value { -webkit-box-flex: 0; -webkit-flex: none; flex: none } .van-contact-edit__switch-cell .van-switch { vertical-align: top } .van-contact-edit__buttons { padding: 32px 0 } .van-contact-edit .van-button { margin-bottom: 12px; font-size: 16px } .van-toast { position: fixed; top: 50%; left: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: content-box; width: 90px; max-width: 70%; min-height: 90px; padding: 16px; color: #fff; font-size: 14px; line-height: 20px; white-space: pre-wrap; text-align: center; word-wrap: break-word; background-color: rgba(50, 50, 51, .88); border-radius: 4px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .van-toast--unclickable * { pointer-events: none } .van-toast--html, .van-toast--text { width: -webkit-fit-content; width: fit-content; min-width: 96px; min-height: unset; padding: 8px 12px } .van-toast--html .van-toast__text, .van-toast--text .van-toast__text { margin-top: 0 } .van-toast--top { top: 50px } .van-toast--bottom { top: auto; bottom: 50px } .van-toast__icon { font-size: 40px } .van-toast__loading { padding: 4px; color: #fff } .van-toast__text { margin-top: 8px } .van-picker { position: relative; background-color: #fff; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: 100% } .van-picker__toolbar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 44px; line-height: 44px } .van-picker__cancel, .van-picker__confirm { padding: 0 16px; color: #1989fa; font-size: 14px; background-color: transparent; border: none } .van-picker__cancel:active, .van-picker__confirm:active { background-color: #f2f3f5 } .van-picker__title { max-width: 50%; font-weight: 500; font-size: 16px; text-align: center } .van-picker__columns { position: relative } .van-picker__columns, .van-picker__loading { display: -webkit-box; display: -webkit-flex; display: flex } .van-picker__loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #1989fa; background-color: hsla(0, 0%, 100%, .9) } .van-picker__frame { top: 50%; z-index: 3; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-picker__frame, .van-picker__mask { position: absolute; left: 0; width: 100%; pointer-events: none } .van-picker__mask { top: 0; z-index: 2; height: 100%; background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)), linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)); background-repeat: no-repeat; background-position: top, bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden } .van-picker-column { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; font-size: 16px; text-align: center } .van-picker-column__wrapper { -webkit-transition-timing-function: cubic-bezier(.23, 1, .68, 1); transition-timing-function: cubic-bezier(.23, 1, .68, 1) } .van-picker-column__item { padding: 0 5px; color: #000 } .van-picker-column__item--disabled { opacity: .3 } .van-address-edit { padding: 12px } .van-address-edit__default, .van-address-edit__fields { overflow: hidden; border-radius: 8px } .van-address-edit__default { margin-top: 12px } .van-address-edit__buttons { padding: 32px 4px } .van-address-edit__buttons .van-button { margin-bottom: 12px } .van-address-edit-detail { padding: 0 } .van-address-edit-detail__search-item { background-color: #f2f3f5 } .van-address-edit-detail__keyword { color: #ee0a24 } .van-address-edit-detail__finish { color: #1989fa; font-size: 12px } .van-action-sheet { max-height: 90%; color: #323233 } .van-action-sheet__cancel, .van-action-sheet__item { display: block; width: 100%; padding: 0; font-size: 16px; line-height: 50px; text-align: center; background-color: #fff; border: none } .van-action-sheet__cancel:active, .van-action-sheet__item:active { background-color: #f2f3f5 } .van-action-sheet__item { height: 50px } .van-action-sheet__item--disabled { color: #c8c9cc } .van-action-sheet__item--disabled:active { background-color: #fff } .van-action-sheet__subname { margin-left: 4px; color: #646566; font-size: 12px } .van-action-sheet__cancel:before { display: block; height: 8px; background-color: #f7f8fa; content: " " } .van-action-sheet__header { font-weight: 500; font-size: 16px; line-height: 44px; text-align: center } .van-action-sheet__description { padding: 16px; color: #646566; font-size: 14px; line-height: 20px; text-align: center } .van-action-sheet__close { position: absolute; top: 0; right: 0; padding: 0 12px; color: #969799; font-size: 18px; line-height: inherit } .van-cell-group { background-color: #fff } .van-cell-group__title { padding: 16px 16px 8px; color: #969799; font-size: 14px; line-height: 16px } .van-panel { background: #fff } .van-panel__header-value { color: #ee0a24 } .van-panel__footer { padding: 8px 16px } .van-circle { position: relative; display: inline-block; text-align: center } .van-circle svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .van-circle__layer { fill: none; stroke-linecap: round } .van-circle__text { position: absolute; top: 50%; left: 0; width: 100%; color: #323233; font-weight: 500; font-size: 14px; line-height: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-col { float: left; box-sizing: border-box; min-height: 1px } .van-col--1 { width: 4.16666667% } .van-col--offset-1 { margin-left: 4.16666667% } .van-col--2 { width: 8.33333333% } .van-col--offset-2 { margin-left: 8.33333333% } .van-col--3 { width: 12.5% } .van-col--offset-3 { margin-left: 12.5% } .van-col--4 { width: 16.66666667% } .van-col--offset-4 { margin-left: 16.66666667% } .van-col--5 { width: 20.83333333% } .van-col--offset-5 { margin-left: 20.83333333% } .van-col--6 { width: 25% } .van-col--offset-6 { margin-left: 25% } .van-col--7 { width: 29.16666667% } .van-col--offset-7 { margin-left: 29.16666667% } .van-col--8 { width: 33.33333333% } .van-col--offset-8 { margin-left: 33.33333333% } .van-col--9 { width: 37.5% } .van-col--offset-9 { margin-left: 37.5% } .van-col--10 { width: 41.66666667% } .van-col--offset-10 { margin-left: 41.66666667% } .van-col--11 { width: 45.83333333% } .van-col--offset-11 { margin-left: 45.83333333% } .van-col--12 { width: 50% } .van-col--offset-12 { margin-left: 50% } .van-col--13 { width: 54.16666667% } .van-col--offset-13 { margin-left: 54.16666667% } .van-col--14 { width: 58.33333333% } .van-col--offset-14 { margin-left: 58.33333333% } .van-col--15 { width: 62.5% } .van-col--offset-15 { margin-left: 62.5% } .van-col--16 { width: 66.66666667% } .van-col--offset-16 { margin-left: 66.66666667% } .van-col--17 { width: 70.83333333% } .van-col--offset-17 { margin-left: 70.83333333% } .van-col--18 { width: 75% } .van-col--offset-18 { margin-left: 75% } .van-col--19 { width: 79.16666667% } .van-col--offset-19 { margin-left: 79.16666667% } .van-col--20 { width: 83.33333333% } .van-col--offset-20 { margin-left: 83.33333333% } .van-col--21 { width: 87.5% } .van-col--offset-21 { margin-left: 87.5% } .van-col--22 { width: 91.66666667% } .van-col--offset-22 { margin-left: 91.66666667% } .van-col--23 { width: 95.83333333% } .van-col--offset-23 { margin-left: 95.83333333% } .van-col--24 { width: 100% } .van-col--offset-24 { margin-left: 100% } .van-count-down { color: #323233; font-size: 14px; line-height: 20px } .van-tab__pane, .van-tab__pane-wrapper { -webkit-flex-shrink: 0; flex-shrink: 0; box-sizing: border-box; width: 100% } .van-tab__pane-wrapper--inactive { height: 0; overflow: visible } .van-sticky--fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 99 } .van-tab { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; min-width: 0; padding: 0 5px; color: #646566; font-size: 14px; line-height: 44px; text-align: center; cursor: pointer } .van-tab--active { color: #323233; font-weight: 500 } .van-tab--disabled { color: #c8c9cc } .van-tab__text, .van-tabs { position: relative } .van-tabs__wrap { overflow: hidden } .van-tabs__wrap--page-top { position: fixed } .van-tabs__wrap--content-bottom { top: auto; bottom: 0 } .van-tabs__wrap--scrollable .van-tab { -webkit-box-flex: 0; -webkit-flex: 0 0 22%; flex: 0 0 22% } .van-tabs__wrap--scrollable .van-tab--complete { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto } .van-tabs__wrap--scrollable .van-tabs__nav { overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch } .van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar { display: none } .van-tabs__nav { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #fff; -webkit-user-select: none; user-select: none } .van-tabs__nav--line { box-sizing: content-box; height: 100%; padding-bottom: 15px } .van-tabs__nav--card { box-sizing: border-box; height: 30px; margin: 0 16px; border: 1px solid #ee0a24; border-radius: 2px } .van-tabs__nav--card .van-tab { color: #ee0a24; line-height: 28px; border-right: 1px solid #ee0a24 } .van-tabs__nav--card .van-tab:last-child { border-right: none } .van-tabs__nav--card .van-tab.van-tab--active { color: #fff; background-color: #ee0a24 } .van-tabs__nav--card .van-tab--disabled { color: #c8c9cc } .van-tabs__line { position: absolute; bottom: 15px; left: 0; z-index: 1; height: 3px; background-color: #ee0a24; border-radius: 3px } .van-tabs__track { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 100%; will-change: left } .van-tabs__content--animated { overflow: hidden } .van-tabs--line .van-tabs__wrap { height: 44px } .van-tabs--card>.van-tabs__wrap { height: 30px } .van-coupon-list { position: relative; height: 100%; background-color: #f7f8fa } .van-coupon-list__field { padding: 5px 0 5px 16px } .van-coupon-list__field .van-field__body { height: 34px; padding-left: 12px; line-height: 34px; background: #f7f8fa; border-radius: 17px } .van-coupon-list__field .van-field__body::-webkit-input-placeholder { color: #c8c9cc } .van-coupon-list__field .van-field__body::placeholder { color: #c8c9cc } .van-coupon-list__field .van-field__clear { margin-right: 0 } .van-coupon-list__exchange-bar { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #fff } .van-coupon-list__exchange { -webkit-box-flex: 0; -webkit-flex: none; flex: none; height: 32px; font-size: 16px; line-height: 30px; border: 0 } .van-coupon-list .van-tabs__wrap { box-shadow: 0 6px 12px -12px #969799 } .van-coupon-list__list { box-sizing: border-box; padding: 16px 0 24px; overflow-y: auto; -webkit-overflow-scrolling: touch } .van-coupon-list__list--with-bottom { padding-bottom: 66px } .van-coupon-list__bottom { position: absolute; bottom: 0; left: 0; z-index: 999; box-sizing: border-box; width: 100%; padding: 5px 16px; font-weight: 500; background-color: #fff } .van-coupon-list__close { height: 40px; line-height: 38px } .van-coupon-list__empty { padding-top: 60px; text-align: center } .van-coupon-list__empty p { margin: 16px 0; color: #969799; font-size: 14px; line-height: 20px } .van-coupon-list__empty img { width: 200px; height: 200px } .van-divider { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 16px 0; color: #969799; font-size: 14px; line-height: 24px; border: 0 solid #ebedf0 } .van-divider:after, .van-divider:before { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; height: 1px; border-color: inherit; border-style: inherit; border-width: 1px 0 0 } .van-divider:before { content: "" } .van-divider--hairline:after, .van-divider--hairline:before { -webkit-transform: scaleY(.5); transform: scaleY(.5) } .van-divider--dashed { border-style: dashed } .van-divider--content-center:before, .van-divider--content-left:before, .van-divider--content-right:before { margin-right: 16px } .van-divider--content-center:after, .van-divider--content-left:after, .van-divider--content-right:after { margin-left: 16px; content: "" } .van-divider--content-left:before, .van-divider--content-right:after { max-width: 10% } .van-dropdown-menu { height: 50px; background-color: #fff; -webkit-user-select: none; user-select: none } .van-dropdown-menu, .van-dropdown-menu__item { display: -webkit-box; display: -webkit-flex; display: flex } .van-dropdown-menu__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 0 } .van-dropdown-menu__item:active { opacity: .7 } .van-dropdown-menu__item--disabled:active { opacity: 1 } .van-dropdown-menu__item--disabled .van-dropdown-menu__title { color: #969799 } .van-dropdown-menu__title { position: relative; box-sizing: border-box; max-width: 100%; padding: 0 8px; color: #323233; font-size: 15px; line-height: 18px } .van-dropdown-menu__title:after { position: absolute; top: 50%; right: -4px; margin-top: -5px; border-color: transparent transparent currentcolor currentcolor; border-style: solid; border-width: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: .8; content: "" } .van-dropdown-menu__title--active { color: #1989fa } .van-dropdown-menu__title--down:after { margin-top: -1px; -webkit-transform: rotate(135deg); transform: rotate(135deg) } .van-goods-action { position: fixed; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #fff } .van-goods-action--safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom) } .van-grid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-swipe { position: relative; overflow: hidden; -webkit-user-select: none; user-select: none } .van-swipe__track { height: 100% } .van-swipe__indicators { position: absolute; bottom: 12px; left: 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .van-swipe__indicators--vertical { top: 50%; bottom: auto; left: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) { margin-bottom: 6px } .van-swipe__indicator { width: 6px; height: 6px; background-color: #ebedf0; border-radius: 100%; opacity: .3; -webkit-transition: opacity .2s; transition: opacity .2s } .van-swipe__indicator:not(:last-child) { margin-right: 6px } .van-swipe__indicator--active { background-color: #1989fa; opacity: 1 } .van-swipe-item { float: left; height: 100% } .van-image-preview { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .van-image-preview__swipe { height: 100% } .van-image-preview__cover, .van-image-preview__image { position: absolute; top: 0; left: 0 } .van-image-preview__image { right: 0; bottom: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-image-preview__image .van-image__loading { background-color: transparent } .van-image-preview__index { position: absolute; top: 10px; left: 50%; color: #fff; font-size: 14px; -webkit-transform: translate(-50%); transform: translate(-50%) } .van-image-preview__overlay { background-color: rgba(0, 0, 0, .9) } .van-uploader { position: relative; display: inline-block } .van-uploader__wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .van-uploader__input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; cursor: pointer; opacity: 0 } .van-uploader__input-wrapper { position: relative } .van-uploader__upload { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; width: 80px; height: 80px; margin: 0 8px 8px 0; background-color: #fff; border: 1px dashed #ebedf0; border-radius: 4px } .van-uploader__upload-icon { color: #969799; font-size: 24px } .van-uploader__upload-text { margin-top: 8px; color: #969799; font-size: 12px } .van-uploader__preview { position: relative; margin: 0 8px 8px 0 } .van-uploader__preview-image { display: block; width: 80px; height: 80px } .van-uploader__preview-delete { position: absolute; top: -8px; right: -8px; color: #969799; font-size: 18px; background-color: #fff; border-radius: 100% } .van-uploader__file { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 80px; height: 80px; background-color: #f7f8fa; border-radius: 4px } .van-uploader__file-icon { color: #646566; font-size: 20px } .van-uploader__file-name { box-sizing: border-box; width: 100%; margin-top: 8px; padding: 0 4px; color: #646566; font-size: 12px; text-align: center } .van-index-anchor { box-sizing: border-box; padding: 0 16px; color: #323233; font-weight: 500; font-size: 14px; line-height: 32px; background-color: transparent } .van-index-anchor--sticky { position: fixed; top: 0; right: 0; left: 0; background-color: #fff } .van-index-bar__sidebar { position: fixed; top: 50%; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-user-select: none; user-select: none } .van-index-bar__index { padding: 0 4px 0 16px; font-weight: 500; font-size: 10px; line-height: 14px } .van-number-keyboard { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-user-select: none; user-select: none } .van-number-keyboard__title { position: relative; height: 30px; color: #646566; font-size: 14px; line-height: 30px; text-align: center } .van-number-keyboard__title-left { position: absolute; left: 0 } .van-number-keyboard__body { position: relative; box-sizing: border-box } .van-number-keyboard__close { position: absolute; right: 0; padding: 0 16px; color: #1989fa; font-size: 14px } .van-number-keyboard__close:active { background-color: #f2f3f5 } .van-number-keyboard__sidebar { position: absolute; right: 0; bottom: 0; width: 25%; height: 216px } .van-number-keyboard--custom .van-number-keyboard__body { padding-right: 25% } .van-number-keyboard--safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom) } .van-key { display: inline-block; width: 33.33333333%; height: 54px; font-size: 24px; font-style: normal; line-height: 54px; text-align: center; vertical-align: middle } .van-key:after { border-width: 1px 1px 0 0 } .van-key--middle { width: 66.66666667% } .van-key--big { width: 100%; height: 108px; line-height: 108px } .van-key--blue, .van-key--delete { font-size: 16px } .van-key--blue { color: #fff } .van-key--blue, .van-key--blue.van-key--active { background-color: #1989fa } .van-key--blue:after { border-color: #1989fa } .van-key--blue:active { background-color: #0570db } .van-key--gray { background-color: #ebedf0 } .van-key--active { background-color: #f2f3f5 } .van-pagination { display: -webkit-box; display: -webkit-flex; display: flex; font-size: 14px; line-height: 40px; text-align: center } .van-pagination__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; min-width: 36px; height: 40px; color: #1989fa; background-color: #fff; -webkit-user-select: none; user-select: none } .van-pagination__item:active { color: #fff; background-color: #1989fa } .van-pagination__item:after { border-width: 1px 0 1px 1px } .van-pagination__item:last-child:after { border-right-width: 1px } .van-pagination__item--disabled, .van-pagination__item--disabled:active { color: #646566; background-color: #f7f8fa; opacity: .5 } .van-pagination__item--active { color: #fff; background-color: #1989fa } .van-pagination__next, .van-pagination__prev { padding: 0 4px } .van-pagination__page { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0 } .van-pagination__page-desc { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 40px; color: #646566 } .van-pagination--simple .van-pagination__next:after, .van-pagination--simple .van-pagination__prev:after { border-width: 1px } .van-password-input { position: relative; margin: 0 16px; -webkit-user-select: none; user-select: none } .van-password-input__error-info, .van-password-input__info { margin-top: 16px; font-size: 14px; text-align: center } .van-password-input__info { color: #969799 } .van-password-input__error-info { color: #ee0a24 } .van-password-input__security { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 50px } .van-password-input__security:after { border-radius: 6px } .van-password-input__security li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 100%; font-size: 20px; line-height: 50px; text-align: center; background-color: #fff } .van-password-input__security i { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; background-color: #000; border-radius: 100%; visibility: hidden } .van-password-input__cursor { position: absolute; top: 50%; left: 50%; width: 1px; height: 40%; background-color: #323233; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: van-cursor-flicker 1s infinite; animation: van-cursor-flicker 1s infinite } @-webkit-keyframes van-cursor-flicker { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } @keyframes van-cursor-flicker { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } .van-progress { position: relative; height: 4px; background: #ebedf0; border-radius: 4px } .van-progress__portion { position: absolute; left: 0; height: 100%; background: #1989fa; border-radius: inherit } .van-progress__pivot { position: absolute; top: 50%; box-sizing: border-box; min-width: 3.6em; padding: 0 5px; color: #fff; font-size: 10px; line-height: 1.6; text-align: center; word-break: keep-all; background-color: #1989fa; border-radius: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .van-row:after { display: table; clear: both; content: "" } .van-row--flex { display: -webkit-box; display: -webkit-flex; display: flex } .van-row--flex:after { display: none } .van-row--justify-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .van-row--justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .van-row--justify-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .van-row--justify-space-around { -webkit-justify-content: space-around; justify-content: space-around } .van-row--align-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center } .van-row--align-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end } .van-sidebar { width: 85px } .van-tree-select { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 14px; -webkit-user-select: none; user-select: none } .van-tree-select__nav { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow-y: auto; background-color: #fafafa; -webkit-overflow-scrolling: touch } .van-tree-select__nav-item { padding: 12px 8px 12px 12px } .van-tree-select__content { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; overflow-y: auto; background-color: #fff; -webkit-overflow-scrolling: touch } .van-tree-select__item { position: relative; padding: 0 32px 0 16px; font-weight: 700; line-height: 44px } .van-tree-select__item--active { color: #ee0a24 } .van-tree-select__item--disabled { color: #c8c9cc } .van-tree-select__selected { position: absolute; top: 50%; right: 16px; margin-top: -8px; font-size: 16px } .van-skeleton { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 16px } .van-skeleton__avatar { -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 16px; background-color: #f2f3f5 } .van-skeleton__avatar--round { border-radius: 100% } .van-skeleton__content { width: 100% } .van-skeleton__avatar+.van-skeleton__content { padding-top: 8px } .van-skeleton__row, .van-skeleton__title { height: 16px; background-color: #f2f3f5 } .van-skeleton__title { margin: 0 } .van-skeleton__row:not(:first-child) { margin-top: 12px } .van-skeleton__title+.van-skeleton__row { margin-top: 20px } .van-skeleton--animate { -webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite; animation: van-skeleton-blink 1.2s ease-in-out infinite } @-webkit-keyframes van-skeleton-blink { 50% { opacity: .6 } } @keyframes van-skeleton-blink { 50% { opacity: .6 } } .van-stepper { font-size: 0; -webkit-user-select: none; user-select: none } .van-stepper__minus, .van-stepper__plus { position: relative; box-sizing: border-box; width: 28px; height: 28px; margin: 0; padding: 4px; color: #323233; vertical-align: middle; background-color: #f2f3f5; border: 0 } .van-stepper__minus:before, .van-stepper__plus:before { width: 13px; height: 1px } .van-stepper__minus:after, .van-stepper__plus:after { width: 1px; height: 13px } .van-stepper__minus:after, .van-stepper__minus:before, .van-stepper__plus:after, .van-stepper__plus:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: currentColor; content: "" } .van-stepper__minus:active, .van-stepper__plus:active { background-color: #e8e8e8 } .van-stepper__minus--disabled, .van-stepper__plus--disabled { color: #c8c9cc; background-color: #f7f8fa } .van-stepper__minus--disabled:active, .van-stepper__plus--disabled:active { background-color: #f7f8fa } .van-stepper__minus { border-radius: 4px 0 0 4px } .van-stepper__minus:after { display: none } .van-stepper__plus { border-radius: 0 4px 4px 0 } .van-stepper__input { box-sizing: border-box; width: 32px; height: 28px; margin: 0 2px; padding: 0; color: #323233; font-size: 14px; text-align: center; vertical-align: middle; background-color: #f2f3f5; border: 0; border-width: 1px 0; border-radius: 0; -webkit-appearance: none } .van-stepper__input:disabled { color: #c8c9cc; background-color: #f2f3f5; -webkit-text-fill-color: #c8c9cc; opacity: 1 } .van-stepper input[type=number]::-webkit-inner-spin-button, .van-stepper input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none } .van-sku-container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; min-height: 50%; max-height: 80%; overflow-y: visible; font-size: 14px; background: #fff } .van-sku-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-height: 44px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .van-sku-body::-webkit-scrollbar { display: none } .van-sku-header { margin-left: 16px } .van-sku-header__img-wrap { position: relative; float: left; width: 96px; height: 96px; margin: 12px 0; overflow: hidden; background: #f7f8fa; border-radius: 4px } .van-sku-header__img-wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto } .van-sku-header__goods-info { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; min-height: 96px; padding: 12px 36px 12px 8px; overflow: hidden } .van-sku-header-item { margin-top: 8px; color: #969799; font-size: 12px; line-height: 16px } .van-sku__price-symbol { font-size: 16px; vertical-align: middle } .van-sku__price-num { font-weight: 500; font-size: 22px; vertical-align: middle; word-wrap: break-word } .van-sku__goods-price { color: #ee0a24 } .van-sku__price-tag { position: relative; display: inline-block; margin-left: 8px; padding: 0 5px; overflow: hidden; color: #ee0a24; font-size: 12px; line-height: 16px; vertical-align: middle; border-radius: 8px } .van-sku__price-tag:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: currentColor; opacity: .1; content: "" } .van-sku-group-container { margin-left: 16px; padding: 12px 0 2px } .van-sku-group-container--hide-soldout .van-sku-row__item--disabled { display: none } .van-sku-row { margin: 0 3px 12px 0 } .van-sku-row:last-child { margin-bottom: 0 } .van-sku-row__title { padding-bottom: 12px } .van-sku-row__title-multiple { color: #969799 } .van-sku-row__item { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 40px; margin: 0 12px 12px 0; overflow: hidden; color: #323233; font-size: 13px; line-height: 16px; vertical-align: middle; border-radius: 4px } .van-sku-row__item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f7f8fa; content: "" } .van-sku-row__item-img { z-index: 1; width: 24px; height: 24px; margin: 4px 0 4px 4px; object-fit: cover; border-radius: 2px } .van-sku-row__item-name { z-index: 1; padding: 8px } .van-sku-row__item--active { color: #ee0a24 } .van-sku-row__item--active:before { background: currentColor; opacity: .1 } .van-sku-row__item--disabled { color: #c8c9cc; background: #f2f3f5 } .van-sku-row__item--disabled .van-sku-row__item-img { opacity: .3 } .van-sku-stepper-stock { margin-left: 16px; padding: 12px 0 } .van-sku-stepper-container { min-height: 30px; margin-right: 20px; overflow: hidden } .van-sku__stepper { float: right; padding-left: 4px } .van-sku__stepper-title { float: left; line-height: 30px } .van-sku__stepper-quota { display: inline-block; float: right; color: #ee0a24; font-size: 12px; line-height: 30px } .van-sku__stock { display: inline-block; margin-right: 8px; color: #969799; font-size: 12px } .van-sku__stock-num--highlight { color: #ee0a24 } .van-sku-messages { padding-bottom: 32px } .van-sku-messages__image-cell .van-cell__title { max-width: 90px } .van-sku-messages__image-cell .van-cell__value { overflow: visible; text-align: left } .van-sku-img-uploader { display: inline-block } .van-sku-img-uploader__uploader { vertical-align: middle } .van-sku-img-uploader__img { position: relative; float: left; width: 64px; height: 64px; margin-right: 8px; background: #f7f8fa; border-radius: 2px } .van-sku-img-uploader__img img { width: 100%; height: 100%; object-fit: contain } .van-sku-img-uploader__delete { position: absolute; top: -12px; right: -14px; z-index: 1; padding: 6px; color: rgba(50, 50, 51, .8); opacity: .8 } .van-sku-img-uploader__delete:before { background-color: #fff; border-radius: 14px } .van-sku-img-uploader__mask { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; color: #fff; background: rgba(50, 50, 51, .8) } .van-sku-img-uploader__warn-text { margin-top: 6px; font-size: 12px; line-height: 14px } .van-sku-img-uploader__trigger { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; color: #dcdde0 } .van-sku-actions, .van-sku-img-uploader__trigger { display: -webkit-box; display: -webkit-flex; display: flex } .van-sku-actions { -webkit-flex-shrink: 0; flex-shrink: 0; padding: 8px 16px } .van-sku-actions .van-button { height: 40px; font-weight: 500; font-size: 14px; line-height: 34px; border: none; border-radius: 0 } .van-sku-actions .van-button:first-of-type { border-top-left-radius: 20px; border-bottom-left-radius: 20px } .van-sku-actions .van-button:last-of-type { border-top-right-radius: 20px; border-bottom-right-radius: 20px } .van-sku-actions .van-button--warning { background: -webkit-linear-gradient(left, #ffd01e, #ff8917); background: linear-gradient(90deg, #ffd01e, #ff8917) } .van-sku-actions .van-button--danger { background: -webkit-linear-gradient(left, #ff6034, #ee0a24); background: linear-gradient(90deg, #ff6034, #ee0a24) } .van-slider { position: relative; background-color: #ebedf0; border-radius: 999px } .van-slider:before { position: absolute; top: -8px; right: 0; bottom: -8px; left: 0; content: "" } .van-slider__bar { position: relative; background-color: #1989fa; border-radius: inherit; -webkit-transition: width .2s; transition: width .2s } .van-slider__button { width: 24px; height: 24px; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, .5) } .van-slider__button-wrapper { position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0) } .van-slider--disabled { opacity: .5 } .van-slider--vertical { display: inline-block; height: 100% } .van-slider--vertical .van-slider__button-wrapper { top: auto; bottom: 0; -webkit-transform: translate3d(50%, 50%, 0); transform: translate3d(50%, 50%, 0) } .van-steps { overflow: hidden; background-color: #fff } .van-steps--horizontal { padding: 10px 10px 0 } .van-steps--horizontal .van-steps__items { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; margin: 0 0 10px; padding-bottom: 22px } .van-steps--vertical { padding: 0 0 0 32px } .van-swipe-cell { position: relative; overflow: hidden } .van-swipe-cell__wrapper { -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1); transition-timing-function: cubic-bezier(.18, .89, .32, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .van-swipe-cell__left, .van-swipe-cell__right { position: absolute; top: 0; height: 100% } .van-swipe-cell__left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .van-swipe-cell__right { right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .van-tabbar { display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: content-box; width: 100%; height: 50px; background-color: #fff } .van-tabbar--fixed { position: fixed; bottom: 0; left: 0 } .van-tabbar--safe-area-inset-bottom { padding-bottom: env(safe-area-inset-bottom) } /*# sourceMappingURL=app.84d9b61f49c9d7366d591d6bafe9c1ce.css.map */