@charset "UTF-8"; /* 文字颜色:主要文字/常规文字/次要文字/占位文字 */ /* 背景颜色/边框颜色 */ /*css 初始化 */ /* @import 'https://at.alicdn.com/t/font_2584549_udurtjiape.css'; @import url(animate.min.css); */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; } fieldset, img, input, button { border: none; padding: 0; margin: 0; outline-style: none; } * { word-wrap: break-word; } /*去掉input等聚焦时的蓝色边框*/ ul, ol, li { list-style: none; } button { cursor: pointer; } input { padding-top: 0; padding-bottom: 0; } select, input { vertical-align: middle; font-size: 14px; margin: 0; } textarea { resize: none; } /*防止拖动*/ img { border: 0; vertical-align: middle; } /* 去掉图片低测默认的3像素空白缝隙,或者用display:block也可以*/ table { border-collapse: collapse; } body { min-width: 1440px; font-size: 14px; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; } /*设置h标签的大小,设置跟父亲一样大的字体font-size:100%;*/ s, i, em { font-style: normal; text-decoration: none; } /*select{padding:2px;}解决select的浏览器兼容性*/ input, select { background: #fff; } /*解决设置windows窗口背景色后输入框和文本域变色的问题*/ article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; } /* 公共颜色 */ .u-primary-color { color: #2979ff; } .u-warning-color { color: #ff9900; } .u-success-color { color: #19be6b; } .u-error-color { color: #fa3534; } .u-info-color { color: #909399; } .u-primary-bgcolor { background-color: #2979ff; } .u-warning-bgcolor { background-color: #ff9900; } .u-success-bgcolor { background-color: #19be6b; } .u-error-bgcolor { background-color: #fa3534; } .u-info-bgcolor { background-color: #909399; } .u-bg-color { background-color: #f2f2f2; } .u-bg-white { background-color: #fff; } .u-main-color { color: #303133; } .u-content-color { color: #606266; } .u-tips-color { color: #909399; } .u-light-color { color: #c0c4cc; } a { text-decoration: none; } a.u-link { color: #606266; } a.u-link:hover { text-decoration: none; color: #2979ff; } a.u-primary-link { color: #2979ff; } a.u-warning-link { color: #ff9900; } a.u-success-link { color: #19be6b; } a.u-error-link { color: #fa3534; } a.u-info-link { color: #909399; } a.u-primary-link:hover, a.u-warning-link:hover, a.u-success-link:hover, a.u-error-link:hover, a.u-info-link:hover { text-decoration: underline; } a.is-disabled { cursor: not-allowed; opacity: .5; } .u-font-12 { font-size: 12px; } .u-font-13 { font-size: 13px; } .u-font-14 { font-size: 14px; } .u-font-15 { font-size: 15px; } .u-font-16 { font-size: 16px; } .u-font-17 { font-size: 17px; } .u-font-18 { font-size: 18px; } .u-font-19 { font-size: 19px; } .u-font-20 { font-size: 20px; } .u-font-21 { font-size: 21px; } .u-font-22 { font-size: 22px; } .u-font-23 { font-size: 23px; } .u-font-24 { font-size: 24px; } .u-font-25 { font-size: 25px; } .u-font-26 { font-size: 26px; } .u-font-27 { font-size: 27px; } .u-font-28 { font-size: 28px; } .u-font-29 { font-size: 29px; } .u-font-30 { font-size: 30px; } .u-font-31 { font-size: 31px; } .u-font-32 { font-size: 32px; } .u-font-33 { font-size: 33px; } .u-font-34 { font-size: 34px; } .u-font-35 { font-size: 35px; } .u-font-36 { font-size: 36px; } .u-font-37 { font-size: 37px; } .u-font-38 { font-size: 38px; } .u-font-39 { font-size: 39px; } .u-font-40 { font-size: 40px; } .u-font-41 { font-size: 41px; } .u-font-42 { font-size: 42px; } .u-font-43 { font-size: 43px; } .u-font-44 { font-size: 44px; } .u-font-45 { font-size: 45px; } .u-font-46 { font-size: 46px; } .u-font-47 { font-size: 47px; } .u-font-48 { font-size: 48px; } .u-font-49 { font-size: 49px; } .u-font-xs { font-size: 12px; } .u-font-sm { font-size: 14px; } .u-font-md { font-size: 16px; } .u-font-lg { font-size: 20px; } .u-font-xl { font-size: 28px; } .u-font-bold { font-weight: bold; } .u-font-normal { font-weight: normal; } .u-text-indent { text-indent: 2em; } /* 文字对齐 */ .u-text-left { text-align: left; } .u-text-center { text-align: center; } .u-text-right { text-align: right; } .u-text-justify { text-align: justify; } .u-text-underline { text-decoration: underline; } .u-text-linethrough { text-decoration: line-through; } .u-text-overline { text-decoration: overline; } .u-margin-0, .u-m-0 { margin: 0px !important; } .u-padding-0, .u-p-0 { padding: 0px !important; } .u-m-l-0 { margin-left: 0px !important; } .u-p-l-0 { padding-left: 0px !important; } .u-margin-left-0 { margin-left: 0px !important; } .u-padding-left-0 { padding-left: 0px !important; } .u-m-t-0 { margin-top: 0px !important; } .u-p-t-0 { padding-top: 0px !important; } .u-margin-top-0 { margin-top: 0px !important; } .u-padding-top-0 { padding-top: 0px !important; } .u-m-r-0 { margin-right: 0px !important; } .u-p-r-0 { padding-right: 0px !important; } .u-margin-right-0 { margin-right: 0px !important; } .u-padding-right-0 { padding-right: 0px !important; } .u-m-b-0 { margin-bottom: 0px !important; } .u-p-b-0 { padding-bottom: 0px !important; } .u-margin-bottom-0 { margin-bottom: 0px !important; } .u-padding-bottom-0 { padding-bottom: 0px !important; } .u-margin-2, .u-m-2 { margin: 2px !important; } .u-padding-2, .u-p-2 { padding: 2px !important; } .u-m-l-2 { margin-left: 2px !important; } .u-p-l-2 { padding-left: 2px !important; } .u-margin-left-2 { margin-left: 2px !important; } .u-padding-left-2 { padding-left: 2px !important; } .u-m-t-2 { margin-top: 2px !important; } .u-p-t-2 { padding-top: 2px !important; } .u-margin-top-2 { margin-top: 2px !important; } .u-padding-top-2 { padding-top: 2px !important; } .u-m-r-2 { margin-right: 2px !important; } .u-p-r-2 { padding-right: 2px !important; } .u-margin-right-2 { margin-right: 2px !important; } .u-padding-right-2 { padding-right: 2px !important; } .u-m-b-2 { margin-bottom: 2px !important; } .u-p-b-2 { padding-bottom: 2px !important; } .u-margin-bottom-2 { margin-bottom: 2px !important; } .u-padding-bottom-2 { padding-bottom: 2px !important; } .u-margin-4, .u-m-4 { margin: 4px !important; } .u-padding-4, .u-p-4 { padding: 4px !important; } .u-m-l-4 { margin-left: 4px !important; } .u-p-l-4 { padding-left: 4px !important; } .u-margin-left-4 { margin-left: 4px !important; } .u-padding-left-4 { padding-left: 4px !important; } .u-m-t-4 { margin-top: 4px !important; } .u-p-t-4 { padding-top: 4px !important; } .u-margin-top-4 { margin-top: 4px !important; } .u-padding-top-4 { padding-top: 4px !important; } .u-m-r-4 { margin-right: 4px !important; } .u-p-r-4 { padding-right: 4px !important; } .u-margin-right-4 { margin-right: 4px !important; } .u-padding-right-4 { padding-right: 4px !important; } .u-m-b-4 { margin-bottom: 4px !important; } .u-p-b-4 { padding-bottom: 4px !important; } .u-margin-bottom-4 { margin-bottom: 4px !important; } .u-padding-bottom-4 { padding-bottom: 4px !important; } .u-margin-5, .u-m-5 { margin: 5px !important; } .u-padding-5, .u-p-5 { padding: 5px !important; } .u-m-l-5 { margin-left: 5px !important; } .u-p-l-5 { padding-left: 5px !important; } .u-margin-left-5 { margin-left: 5px !important; } .u-padding-left-5 { padding-left: 5px !important; } .u-m-t-5 { margin-top: 5px !important; } .u-p-t-5 { padding-top: 5px !important; } .u-margin-top-5 { margin-top: 5px !important; } .u-padding-top-5 { padding-top: 5px !important; } .u-m-r-5 { margin-right: 5px !important; } .u-p-r-5 { padding-right: 5px !important; } .u-margin-right-5 { margin-right: 5px !important; } .u-padding-right-5 { padding-right: 5px !important; } .u-m-b-5 { margin-bottom: 5px !important; } .u-p-b-5 { padding-bottom: 5px !important; } .u-margin-bottom-5 { margin-bottom: 5px !important; } .u-padding-bottom-5 { padding-bottom: 5px !important; } .u-margin-6, .u-m-6 { margin: 6px !important; } .u-padding-6, .u-p-6 { padding: 6px !important; } .u-m-l-6 { margin-left: 6px !important; } .u-p-l-6 { padding-left: 6px !important; } .u-margin-left-6 { margin-left: 6px !important; } .u-padding-left-6 { padding-left: 6px !important; } .u-m-t-6 { margin-top: 6px !important; } .u-p-t-6 { padding-top: 6px !important; } .u-margin-top-6 { margin-top: 6px !important; } .u-padding-top-6 { padding-top: 6px !important; } .u-m-r-6 { margin-right: 6px !important; } .u-p-r-6 { padding-right: 6px !important; } .u-margin-right-6 { margin-right: 6px !important; } .u-padding-right-6 { padding-right: 6px !important; } .u-m-b-6 { margin-bottom: 6px !important; } .u-p-b-6 { padding-bottom: 6px !important; } .u-margin-bottom-6 { margin-bottom: 6px !important; } .u-padding-bottom-6 { padding-bottom: 6px !important; } .u-margin-8, .u-m-8 { margin: 8px !important; } .u-padding-8, .u-p-8 { padding: 8px !important; } .u-m-l-8 { margin-left: 8px !important; } .u-p-l-8 { padding-left: 8px !important; } .u-margin-left-8 { margin-left: 8px !important; } .u-padding-left-8 { padding-left: 8px !important; } .u-m-t-8 { margin-top: 8px !important; } .u-p-t-8 { padding-top: 8px !important; } .u-margin-top-8 { margin-top: 8px !important; } .u-padding-top-8 { padding-top: 8px !important; } .u-m-r-8 { margin-right: 8px !important; } .u-p-r-8 { padding-right: 8px !important; } .u-margin-right-8 { margin-right: 8px !important; } .u-padding-right-8 { padding-right: 8px !important; } .u-m-b-8 { margin-bottom: 8px !important; } .u-p-b-8 { padding-bottom: 8px !important; } .u-margin-bottom-8 { margin-bottom: 8px !important; } .u-padding-bottom-8 { padding-bottom: 8px !important; } .u-margin-10, .u-m-10 { margin: 10px !important; } .u-padding-10, .u-p-10 { padding: 10px !important; } .u-m-l-10 { margin-left: 10px !important; } .u-p-l-10 { padding-left: 10px !important; } .u-margin-left-10 { margin-left: 10px !important; } .u-padding-left-10 { padding-left: 10px !important; } .u-m-t-10 { margin-top: 10px !important; } .u-p-t-10 { padding-top: 10px !important; } .u-margin-top-10 { margin-top: 10px !important; } .u-padding-top-10 { padding-top: 10px !important; } .u-m-r-10 { margin-right: 10px !important; } .u-p-r-10 { padding-right: 10px !important; } .u-margin-right-10 { margin-right: 10px !important; } .u-padding-right-10 { padding-right: 10px !important; } .u-m-b-10 { margin-bottom: 10px !important; } .u-p-b-10 { padding-bottom: 10px !important; } .u-margin-bottom-10 { margin-bottom: 10px !important; } .u-padding-bottom-10 { padding-bottom: 10px !important; } .u-margin-12, .u-m-12 { margin: 12px !important; } .u-padding-12, .u-p-12 { padding: 12px !important; } .u-m-l-12 { margin-left: 12px !important; } .u-p-l-12 { padding-left: 12px !important; } .u-margin-left-12 { margin-left: 12px !important; } .u-padding-left-12 { padding-left: 12px !important; } .u-m-t-12 { margin-top: 12px !important; } .u-p-t-12 { padding-top: 12px !important; } .u-margin-top-12 { margin-top: 12px !important; } .u-padding-top-12 { padding-top: 12px !important; } .u-m-r-12 { margin-right: 12px !important; } .u-p-r-12 { padding-right: 12px !important; } .u-margin-right-12 { margin-right: 12px !important; } .u-padding-right-12 { padding-right: 12px !important; } .u-m-b-12 { margin-bottom: 12px !important; } .u-p-b-12 { padding-bottom: 12px !important; } .u-margin-bottom-12 { margin-bottom: 12px !important; } .u-padding-bottom-12 { padding-bottom: 12px !important; } .u-margin-14, .u-m-14 { margin: 14px !important; } .u-padding-14, .u-p-14 { padding: 14px !important; } .u-m-l-14 { margin-left: 14px !important; } .u-p-l-14 { padding-left: 14px !important; } .u-margin-left-14 { margin-left: 14px !important; } .u-padding-left-14 { padding-left: 14px !important; } .u-m-t-14 { margin-top: 14px !important; } .u-p-t-14 { padding-top: 14px !important; } .u-margin-top-14 { margin-top: 14px !important; } .u-padding-top-14 { padding-top: 14px !important; } .u-m-r-14 { margin-right: 14px !important; } .u-p-r-14 { padding-right: 14px !important; } .u-margin-right-14 { margin-right: 14px !important; } .u-padding-right-14 { padding-right: 14px !important; } .u-m-b-14 { margin-bottom: 14px !important; } .u-p-b-14 { padding-bottom: 14px !important; } .u-margin-bottom-14 { margin-bottom: 14px !important; } .u-padding-bottom-14 { padding-bottom: 14px !important; } .u-margin-15, .u-m-15 { margin: 15px !important; } .u-padding-15, .u-p-15 { padding: 15px !important; } .u-m-l-15 { margin-left: 15px !important; } .u-p-l-15 { padding-left: 15px !important; } .u-margin-left-15 { margin-left: 15px !important; } .u-padding-left-15 { padding-left: 15px !important; } .u-m-t-15 { margin-top: 15px !important; } .u-p-t-15 { padding-top: 15px !important; } .u-margin-top-15 { margin-top: 15px !important; } .u-padding-top-15 { padding-top: 15px !important; } .u-m-r-15 { margin-right: 15px !important; } .u-p-r-15 { padding-right: 15px !important; } .u-margin-right-15 { margin-right: 15px !important; } .u-padding-right-15 { padding-right: 15px !important; } .u-m-b-15 { margin-bottom: 15px !important; } .u-p-b-15 { padding-bottom: 15px !important; } .u-margin-bottom-15 { margin-bottom: 15px !important; } .u-padding-bottom-15 { padding-bottom: 15px !important; } .u-margin-16, .u-m-16 { margin: 16px !important; } .u-padding-16, .u-p-16 { padding: 16px !important; } .u-m-l-16 { margin-left: 16px !important; } .u-p-l-16 { padding-left: 16px !important; } .u-margin-left-16 { margin-left: 16px !important; } .u-padding-left-16 { padding-left: 16px !important; } .u-m-t-16 { margin-top: 16px !important; } .u-p-t-16 { padding-top: 16px !important; } .u-margin-top-16 { margin-top: 16px !important; } .u-padding-top-16 { padding-top: 16px !important; } .u-m-r-16 { margin-right: 16px !important; } .u-p-r-16 { padding-right: 16px !important; } .u-margin-right-16 { margin-right: 16px !important; } .u-padding-right-16 { padding-right: 16px !important; } .u-m-b-16 { margin-bottom: 16px !important; } .u-p-b-16 { padding-bottom: 16px !important; } .u-margin-bottom-16 { margin-bottom: 16px !important; } .u-padding-bottom-16 { padding-bottom: 16px !important; } .u-margin-18, .u-m-18 { margin: 18px !important; } .u-padding-18, .u-p-18 { padding: 18px !important; } .u-m-l-18 { margin-left: 18px !important; } .u-p-l-18 { padding-left: 18px !important; } .u-margin-left-18 { margin-left: 18px !important; } .u-padding-left-18 { padding-left: 18px !important; } .u-m-t-18 { margin-top: 18px !important; } .u-p-t-18 { padding-top: 18px !important; } .u-margin-top-18 { margin-top: 18px !important; } .u-padding-top-18 { padding-top: 18px !important; } .u-m-r-18 { margin-right: 18px !important; } .u-p-r-18 { padding-right: 18px !important; } .u-margin-right-18 { margin-right: 18px !important; } .u-padding-right-18 { padding-right: 18px !important; } .u-m-b-18 { margin-bottom: 18px !important; } .u-p-b-18 { padding-bottom: 18px !important; } .u-margin-bottom-18 { margin-bottom: 18px !important; } .u-padding-bottom-18 { padding-bottom: 18px !important; } .u-margin-20, .u-m-20 { margin: 20px !important; } .u-padding-20, .u-p-20 { padding: 20px !important; } .u-m-l-20 { margin-left: 20px !important; } .u-p-l-20 { padding-left: 20px !important; } .u-margin-left-20 { margin-left: 20px !important; } .u-padding-left-20 { padding-left: 20px !important; } .u-m-t-20 { margin-top: 20px !important; } .u-p-t-20 { padding-top: 20px !important; } .u-margin-top-20 { margin-top: 20px !important; } .u-padding-top-20 { padding-top: 20px !important; } .u-m-r-20 { margin-right: 20px !important; } .u-p-r-20 { padding-right: 20px !important; } .u-margin-right-20 { margin-right: 20px !important; } .u-padding-right-20 { padding-right: 20px !important; } .u-m-b-20 { margin-bottom: 20px !important; } .u-p-b-20 { padding-bottom: 20px !important; } .u-margin-bottom-20 { margin-bottom: 20px !important; } .u-padding-bottom-20 { padding-bottom: 20px !important; } .u-margin-22, .u-m-22 { margin: 22px !important; } .u-padding-22, .u-p-22 { padding: 22px !important; } .u-m-l-22 { margin-left: 22px !important; } .u-p-l-22 { padding-left: 22px !important; } .u-margin-left-22 { margin-left: 22px !important; } .u-padding-left-22 { padding-left: 22px !important; } .u-m-t-22 { margin-top: 22px !important; } .u-p-t-22 { padding-top: 22px !important; } .u-margin-top-22 { margin-top: 22px !important; } .u-padding-top-22 { padding-top: 22px !important; } .u-m-r-22 { margin-right: 22px !important; } .u-p-r-22 { padding-right: 22px !important; } .u-margin-right-22 { margin-right: 22px !important; } .u-padding-right-22 { padding-right: 22px !important; } .u-m-b-22 { margin-bottom: 22px !important; } .u-p-b-22 { padding-bottom: 22px !important; } .u-margin-bottom-22 { margin-bottom: 22px !important; } .u-padding-bottom-22 { padding-bottom: 22px !important; } .u-margin-24, .u-m-24 { margin: 24px !important; } .u-padding-24, .u-p-24 { padding: 24px !important; } .u-m-l-24 { margin-left: 24px !important; } .u-p-l-24 { padding-left: 24px !important; } .u-margin-left-24 { margin-left: 24px !important; } .u-padding-left-24 { padding-left: 24px !important; } .u-m-t-24 { margin-top: 24px !important; } .u-p-t-24 { padding-top: 24px !important; } .u-margin-top-24 { margin-top: 24px !important; } .u-padding-top-24 { padding-top: 24px !important; } .u-m-r-24 { margin-right: 24px !important; } .u-p-r-24 { padding-right: 24px !important; } .u-margin-right-24 { margin-right: 24px !important; } .u-padding-right-24 { padding-right: 24px !important; } .u-m-b-24 { margin-bottom: 24px !important; } .u-p-b-24 { padding-bottom: 24px !important; } .u-margin-bottom-24 { margin-bottom: 24px !important; } .u-padding-bottom-24 { padding-bottom: 24px !important; } .u-margin-25, .u-m-25 { margin: 25px !important; } .u-padding-25, .u-p-25 { padding: 25px !important; } .u-m-l-25 { margin-left: 25px !important; } .u-p-l-25 { padding-left: 25px !important; } .u-margin-left-25 { margin-left: 25px !important; } .u-padding-left-25 { padding-left: 25px !important; } .u-m-t-25 { margin-top: 25px !important; } .u-p-t-25 { padding-top: 25px !important; } .u-margin-top-25 { margin-top: 25px !important; } .u-padding-top-25 { padding-top: 25px !important; } .u-m-r-25 { margin-right: 25px !important; } .u-p-r-25 { padding-right: 25px !important; } .u-margin-right-25 { margin-right: 25px !important; } .u-padding-right-25 { padding-right: 25px !important; } .u-m-b-25 { margin-bottom: 25px !important; } .u-p-b-25 { padding-bottom: 25px !important; } .u-margin-bottom-25 { margin-bottom: 25px !important; } .u-padding-bottom-25 { padding-bottom: 25px !important; } .u-margin-26, .u-m-26 { margin: 26px !important; } .u-padding-26, .u-p-26 { padding: 26px !important; } .u-m-l-26 { margin-left: 26px !important; } .u-p-l-26 { padding-left: 26px !important; } .u-margin-left-26 { margin-left: 26px !important; } .u-padding-left-26 { padding-left: 26px !important; } .u-m-t-26 { margin-top: 26px !important; } .u-p-t-26 { padding-top: 26px !important; } .u-margin-top-26 { margin-top: 26px !important; } .u-padding-top-26 { padding-top: 26px !important; } .u-m-r-26 { margin-right: 26px !important; } .u-p-r-26 { padding-right: 26px !important; } .u-margin-right-26 { margin-right: 26px !important; } .u-padding-right-26 { padding-right: 26px !important; } .u-m-b-26 { margin-bottom: 26px !important; } .u-p-b-26 { padding-bottom: 26px !important; } .u-margin-bottom-26 { margin-bottom: 26px !important; } .u-padding-bottom-26 { padding-bottom: 26px !important; } .u-margin-28, .u-m-28 { margin: 28px !important; } .u-padding-28, .u-p-28 { padding: 28px !important; } .u-m-l-28 { margin-left: 28px !important; } .u-p-l-28 { padding-left: 28px !important; } .u-margin-left-28 { margin-left: 28px !important; } .u-padding-left-28 { padding-left: 28px !important; } .u-m-t-28 { margin-top: 28px !important; } .u-p-t-28 { padding-top: 28px !important; } .u-margin-top-28 { margin-top: 28px !important; } .u-padding-top-28 { padding-top: 28px !important; } .u-m-r-28 { margin-right: 28px !important; } .u-p-r-28 { padding-right: 28px !important; } .u-margin-right-28 { margin-right: 28px !important; } .u-padding-right-28 { padding-right: 28px !important; } .u-m-b-28 { margin-bottom: 28px !important; } .u-p-b-28 { padding-bottom: 28px !important; } .u-margin-bottom-28 { margin-bottom: 28px !important; } .u-padding-bottom-28 { padding-bottom: 28px !important; } .u-margin-30, .u-m-30 { margin: 30px !important; } .u-padding-30, .u-p-30 { padding: 30px !important; } .u-m-l-30 { margin-left: 30px !important; } .u-p-l-30 { padding-left: 30px !important; } .u-margin-left-30 { margin-left: 30px !important; } .u-padding-left-30 { padding-left: 30px !important; } .u-m-t-30 { margin-top: 30px !important; } .u-p-t-30 { padding-top: 30px !important; } .u-margin-top-30 { margin-top: 30px !important; } .u-padding-top-30 { padding-top: 30px !important; } .u-m-r-30 { margin-right: 30px !important; } .u-p-r-30 { padding-right: 30px !important; } .u-margin-right-30 { margin-right: 30px !important; } .u-padding-right-30 { padding-right: 30px !important; } .u-m-b-30 { margin-bottom: 30px !important; } .u-p-b-30 { padding-bottom: 30px !important; } .u-margin-bottom-30 { margin-bottom: 30px !important; } .u-padding-bottom-30 { padding-bottom: 30px !important; } .u-margin-32, .u-m-32 { margin: 32px !important; } .u-padding-32, .u-p-32 { padding: 32px !important; } .u-m-l-32 { margin-left: 32px !important; } .u-p-l-32 { padding-left: 32px !important; } .u-margin-left-32 { margin-left: 32px !important; } .u-padding-left-32 { padding-left: 32px !important; } .u-m-t-32 { margin-top: 32px !important; } .u-p-t-32 { padding-top: 32px !important; } .u-margin-top-32 { margin-top: 32px !important; } .u-padding-top-32 { padding-top: 32px !important; } .u-m-r-32 { margin-right: 32px !important; } .u-p-r-32 { padding-right: 32px !important; } .u-margin-right-32 { margin-right: 32px !important; } .u-padding-right-32 { padding-right: 32px !important; } .u-m-b-32 { margin-bottom: 32px !important; } .u-p-b-32 { padding-bottom: 32px !important; } .u-margin-bottom-32 { margin-bottom: 32px !important; } .u-padding-bottom-32 { padding-bottom: 32px !important; } .u-margin-34, .u-m-34 { margin: 34px !important; } .u-padding-34, .u-p-34 { padding: 34px !important; } .u-m-l-34 { margin-left: 34px !important; } .u-p-l-34 { padding-left: 34px !important; } .u-margin-left-34 { margin-left: 34px !important; } .u-padding-left-34 { padding-left: 34px !important; } .u-m-t-34 { margin-top: 34px !important; } .u-p-t-34 { padding-top: 34px !important; } .u-margin-top-34 { margin-top: 34px !important; } .u-padding-top-34 { padding-top: 34px !important; } .u-m-r-34 { margin-right: 34px !important; } .u-p-r-34 { padding-right: 34px !important; } .u-margin-right-34 { margin-right: 34px !important; } .u-padding-right-34 { padding-right: 34px !important; } .u-m-b-34 { margin-bottom: 34px !important; } .u-p-b-34 { padding-bottom: 34px !important; } .u-margin-bottom-34 { margin-bottom: 34px !important; } .u-padding-bottom-34 { padding-bottom: 34px !important; } .u-margin-35, .u-m-35 { margin: 35px !important; } .u-padding-35, .u-p-35 { padding: 35px !important; } .u-m-l-35 { margin-left: 35px !important; } .u-p-l-35 { padding-left: 35px !important; } .u-margin-left-35 { margin-left: 35px !important; } .u-padding-left-35 { padding-left: 35px !important; } .u-m-t-35 { margin-top: 35px !important; } .u-p-t-35 { padding-top: 35px !important; } .u-margin-top-35 { margin-top: 35px !important; } .u-padding-top-35 { padding-top: 35px !important; } .u-m-r-35 { margin-right: 35px !important; } .u-p-r-35 { padding-right: 35px !important; } .u-margin-right-35 { margin-right: 35px !important; } .u-padding-right-35 { padding-right: 35px !important; } .u-m-b-35 { margin-bottom: 35px !important; } .u-p-b-35 { padding-bottom: 35px !important; } .u-margin-bottom-35 { margin-bottom: 35px !important; } .u-padding-bottom-35 { padding-bottom: 35px !important; } .u-margin-36, .u-m-36 { margin: 36px !important; } .u-padding-36, .u-p-36 { padding: 36px !important; } .u-m-l-36 { margin-left: 36px !important; } .u-p-l-36 { padding-left: 36px !important; } .u-margin-left-36 { margin-left: 36px !important; } .u-padding-left-36 { padding-left: 36px !important; } .u-m-t-36 { margin-top: 36px !important; } .u-p-t-36 { padding-top: 36px !important; } .u-margin-top-36 { margin-top: 36px !important; } .u-padding-top-36 { padding-top: 36px !important; } .u-m-r-36 { margin-right: 36px !important; } .u-p-r-36 { padding-right: 36px !important; } .u-margin-right-36 { margin-right: 36px !important; } .u-padding-right-36 { padding-right: 36px !important; } .u-m-b-36 { margin-bottom: 36px !important; } .u-p-b-36 { padding-bottom: 36px !important; } .u-margin-bottom-36 { margin-bottom: 36px !important; } .u-padding-bottom-36 { padding-bottom: 36px !important; } .u-margin-38, .u-m-38 { margin: 38px !important; } .u-padding-38, .u-p-38 { padding: 38px !important; } .u-m-l-38 { margin-left: 38px !important; } .u-p-l-38 { padding-left: 38px !important; } .u-margin-left-38 { margin-left: 38px !important; } .u-padding-left-38 { padding-left: 38px !important; } .u-m-t-38 { margin-top: 38px !important; } .u-p-t-38 { padding-top: 38px !important; } .u-margin-top-38 { margin-top: 38px !important; } .u-padding-top-38 { padding-top: 38px !important; } .u-m-r-38 { margin-right: 38px !important; } .u-p-r-38 { padding-right: 38px !important; } .u-margin-right-38 { margin-right: 38px !important; } .u-padding-right-38 { padding-right: 38px !important; } .u-m-b-38 { margin-bottom: 38px !important; } .u-p-b-38 { padding-bottom: 38px !important; } .u-margin-bottom-38 { margin-bottom: 38px !important; } .u-padding-bottom-38 { padding-bottom: 38px !important; } .u-margin-40, .u-m-40 { margin: 40px !important; } .u-padding-40, .u-p-40 { padding: 40px !important; } .u-m-l-40 { margin-left: 40px !important; } .u-p-l-40 { padding-left: 40px !important; } .u-margin-left-40 { margin-left: 40px !important; } .u-padding-left-40 { padding-left: 40px !important; } .u-m-t-40 { margin-top: 40px !important; } .u-p-t-40 { padding-top: 40px !important; } .u-margin-top-40 { margin-top: 40px !important; } .u-padding-top-40 { padding-top: 40px !important; } .u-m-r-40 { margin-right: 40px !important; } .u-p-r-40 { padding-right: 40px !important; } .u-margin-right-40 { margin-right: 40px !important; } .u-padding-right-40 { padding-right: 40px !important; } .u-m-b-40 { margin-bottom: 40px !important; } .u-p-b-40 { padding-bottom: 40px !important; } .u-margin-bottom-40 { margin-bottom: 40px !important; } .u-padding-bottom-40 { padding-bottom: 40px !important; } .u-margin-42, .u-m-42 { margin: 42px !important; } .u-padding-42, .u-p-42 { padding: 42px !important; } .u-m-l-42 { margin-left: 42px !important; } .u-p-l-42 { padding-left: 42px !important; } .u-margin-left-42 { margin-left: 42px !important; } .u-padding-left-42 { padding-left: 42px !important; } .u-m-t-42 { margin-top: 42px !important; } .u-p-t-42 { padding-top: 42px !important; } .u-margin-top-42 { margin-top: 42px !important; } .u-padding-top-42 { padding-top: 42px !important; } .u-m-r-42 { margin-right: 42px !important; } .u-p-r-42 { padding-right: 42px !important; } .u-margin-right-42 { margin-right: 42px !important; } .u-padding-right-42 { padding-right: 42px !important; } .u-m-b-42 { margin-bottom: 42px !important; } .u-p-b-42 { padding-bottom: 42px !important; } .u-margin-bottom-42 { margin-bottom: 42px !important; } .u-padding-bottom-42 { padding-bottom: 42px !important; } .u-margin-44, .u-m-44 { margin: 44px !important; } .u-padding-44, .u-p-44 { padding: 44px !important; } .u-m-l-44 { margin-left: 44px !important; } .u-p-l-44 { padding-left: 44px !important; } .u-margin-left-44 { margin-left: 44px !important; } .u-padding-left-44 { padding-left: 44px !important; } .u-m-t-44 { margin-top: 44px !important; } .u-p-t-44 { padding-top: 44px !important; } .u-margin-top-44 { margin-top: 44px !important; } .u-padding-top-44 { padding-top: 44px !important; } .u-m-r-44 { margin-right: 44px !important; } .u-p-r-44 { padding-right: 44px !important; } .u-margin-right-44 { margin-right: 44px !important; } .u-padding-right-44 { padding-right: 44px !important; } .u-m-b-44 { margin-bottom: 44px !important; } .u-p-b-44 { padding-bottom: 44px !important; } .u-margin-bottom-44 { margin-bottom: 44px !important; } .u-padding-bottom-44 { padding-bottom: 44px !important; } .u-margin-45, .u-m-45 { margin: 45px !important; } .u-padding-45, .u-p-45 { padding: 45px !important; } .u-m-l-45 { margin-left: 45px !important; } .u-p-l-45 { padding-left: 45px !important; } .u-margin-left-45 { margin-left: 45px !important; } .u-padding-left-45 { padding-left: 45px !important; } .u-m-t-45 { margin-top: 45px !important; } .u-p-t-45 { padding-top: 45px !important; } .u-margin-top-45 { margin-top: 45px !important; } .u-padding-top-45 { padding-top: 45px !important; } .u-m-r-45 { margin-right: 45px !important; } .u-p-r-45 { padding-right: 45px !important; } .u-margin-right-45 { margin-right: 45px !important; } .u-padding-right-45 { padding-right: 45px !important; } .u-m-b-45 { margin-bottom: 45px !important; } .u-p-b-45 { padding-bottom: 45px !important; } .u-margin-bottom-45 { margin-bottom: 45px !important; } .u-padding-bottom-45 { padding-bottom: 45px !important; } .u-margin-46, .u-m-46 { margin: 46px !important; } .u-padding-46, .u-p-46 { padding: 46px !important; } .u-m-l-46 { margin-left: 46px !important; } .u-p-l-46 { padding-left: 46px !important; } .u-margin-left-46 { margin-left: 46px !important; } .u-padding-left-46 { padding-left: 46px !important; } .u-m-t-46 { margin-top: 46px !important; } .u-p-t-46 { padding-top: 46px !important; } .u-margin-top-46 { margin-top: 46px !important; } .u-padding-top-46 { padding-top: 46px !important; } .u-m-r-46 { margin-right: 46px !important; } .u-p-r-46 { padding-right: 46px !important; } .u-margin-right-46 { margin-right: 46px !important; } .u-padding-right-46 { padding-right: 46px !important; } .u-m-b-46 { margin-bottom: 46px !important; } .u-p-b-46 { padding-bottom: 46px !important; } .u-margin-bottom-46 { margin-bottom: 46px !important; } .u-padding-bottom-46 { padding-bottom: 46px !important; } .u-margin-48, .u-m-48 { margin: 48px !important; } .u-padding-48, .u-p-48 { padding: 48px !important; } .u-m-l-48 { margin-left: 48px !important; } .u-p-l-48 { padding-left: 48px !important; } .u-margin-left-48 { margin-left: 48px !important; } .u-padding-left-48 { padding-left: 48px !important; } .u-m-t-48 { margin-top: 48px !important; } .u-p-t-48 { padding-top: 48px !important; } .u-margin-top-48 { margin-top: 48px !important; } .u-padding-top-48 { padding-top: 48px !important; } .u-m-r-48 { margin-right: 48px !important; } .u-p-r-48 { padding-right: 48px !important; } .u-margin-right-48 { margin-right: 48px !important; } .u-padding-right-48 { padding-right: 48px !important; } .u-m-b-48 { margin-bottom: 48px !important; } .u-p-b-48 { padding-bottom: 48px !important; } .u-margin-bottom-48 { margin-bottom: 48px !important; } .u-padding-bottom-48 { padding-bottom: 48px !important; } .u-margin-50, .u-m-50 { margin: 50px !important; } .u-padding-50, .u-p-50 { padding: 50px !important; } .u-m-l-50 { margin-left: 50px !important; } .u-p-l-50 { padding-left: 50px !important; } .u-margin-left-50 { margin-left: 50px !important; } .u-padding-left-50 { padding-left: 50px !important; } .u-m-t-50 { margin-top: 50px !important; } .u-p-t-50 { padding-top: 50px !important; } .u-margin-top-50 { margin-top: 50px !important; } .u-padding-top-50 { padding-top: 50px !important; } .u-m-r-50 { margin-right: 50px !important; } .u-p-r-50 { padding-right: 50px !important; } .u-margin-right-50 { margin-right: 50px !important; } .u-padding-right-50 { padding-right: 50px !important; } .u-m-b-50 { margin-bottom: 50px !important; } .u-p-b-50 { padding-bottom: 50px !important; } .u-margin-bottom-50 { margin-bottom: 50px !important; } .u-padding-bottom-50 { padding-bottom: 50px !important; } .u-margin-52, .u-m-52 { margin: 52px !important; } .u-padding-52, .u-p-52 { padding: 52px !important; } .u-m-l-52 { margin-left: 52px !important; } .u-p-l-52 { padding-left: 52px !important; } .u-margin-left-52 { margin-left: 52px !important; } .u-padding-left-52 { padding-left: 52px !important; } .u-m-t-52 { margin-top: 52px !important; } .u-p-t-52 { padding-top: 52px !important; } .u-margin-top-52 { margin-top: 52px !important; } .u-padding-top-52 { padding-top: 52px !important; } .u-m-r-52 { margin-right: 52px !important; } .u-p-r-52 { padding-right: 52px !important; } .u-margin-right-52 { margin-right: 52px !important; } .u-padding-right-52 { padding-right: 52px !important; } .u-m-b-52 { margin-bottom: 52px !important; } .u-p-b-52 { padding-bottom: 52px !important; } .u-margin-bottom-52 { margin-bottom: 52px !important; } .u-padding-bottom-52 { padding-bottom: 52px !important; } .u-margin-54, .u-m-54 { margin: 54px !important; } .u-padding-54, .u-p-54 { padding: 54px !important; } .u-m-l-54 { margin-left: 54px !important; } .u-p-l-54 { padding-left: 54px !important; } .u-margin-left-54 { margin-left: 54px !important; } .u-padding-left-54 { padding-left: 54px !important; } .u-m-t-54 { margin-top: 54px !important; } .u-p-t-54 { padding-top: 54px !important; } .u-margin-top-54 { margin-top: 54px !important; } .u-padding-top-54 { padding-top: 54px !important; } .u-m-r-54 { margin-right: 54px !important; } .u-p-r-54 { padding-right: 54px !important; } .u-margin-right-54 { margin-right: 54px !important; } .u-padding-right-54 { padding-right: 54px !important; } .u-m-b-54 { margin-bottom: 54px !important; } .u-p-b-54 { padding-bottom: 54px !important; } .u-margin-bottom-54 { margin-bottom: 54px !important; } .u-padding-bottom-54 { padding-bottom: 54px !important; } .u-margin-55, .u-m-55 { margin: 55px !important; } .u-padding-55, .u-p-55 { padding: 55px !important; } .u-m-l-55 { margin-left: 55px !important; } .u-p-l-55 { padding-left: 55px !important; } .u-margin-left-55 { margin-left: 55px !important; } .u-padding-left-55 { padding-left: 55px !important; } .u-m-t-55 { margin-top: 55px !important; } .u-p-t-55 { padding-top: 55px !important; } .u-margin-top-55 { margin-top: 55px !important; } .u-padding-top-55 { padding-top: 55px !important; } .u-m-r-55 { margin-right: 55px !important; } .u-p-r-55 { padding-right: 55px !important; } .u-margin-right-55 { margin-right: 55px !important; } .u-padding-right-55 { padding-right: 55px !important; } .u-m-b-55 { margin-bottom: 55px !important; } .u-p-b-55 { padding-bottom: 55px !important; } .u-margin-bottom-55 { margin-bottom: 55px !important; } .u-padding-bottom-55 { padding-bottom: 55px !important; } .u-margin-56, .u-m-56 { margin: 56px !important; } .u-padding-56, .u-p-56 { padding: 56px !important; } .u-m-l-56 { margin-left: 56px !important; } .u-p-l-56 { padding-left: 56px !important; } .u-margin-left-56 { margin-left: 56px !important; } .u-padding-left-56 { padding-left: 56px !important; } .u-m-t-56 { margin-top: 56px !important; } .u-p-t-56 { padding-top: 56px !important; } .u-margin-top-56 { margin-top: 56px !important; } .u-padding-top-56 { padding-top: 56px !important; } .u-m-r-56 { margin-right: 56px !important; } .u-p-r-56 { padding-right: 56px !important; } .u-margin-right-56 { margin-right: 56px !important; } .u-padding-right-56 { padding-right: 56px !important; } .u-m-b-56 { margin-bottom: 56px !important; } .u-p-b-56 { padding-bottom: 56px !important; } .u-margin-bottom-56 { margin-bottom: 56px !important; } .u-padding-bottom-56 { padding-bottom: 56px !important; } .u-margin-58, .u-m-58 { margin: 58px !important; } .u-padding-58, .u-p-58 { padding: 58px !important; } .u-m-l-58 { margin-left: 58px !important; } .u-p-l-58 { padding-left: 58px !important; } .u-margin-left-58 { margin-left: 58px !important; } .u-padding-left-58 { padding-left: 58px !important; } .u-m-t-58 { margin-top: 58px !important; } .u-p-t-58 { padding-top: 58px !important; } .u-margin-top-58 { margin-top: 58px !important; } .u-padding-top-58 { padding-top: 58px !important; } .u-m-r-58 { margin-right: 58px !important; } .u-p-r-58 { padding-right: 58px !important; } .u-margin-right-58 { margin-right: 58px !important; } .u-padding-right-58 { padding-right: 58px !important; } .u-m-b-58 { margin-bottom: 58px !important; } .u-p-b-58 { padding-bottom: 58px !important; } .u-margin-bottom-58 { margin-bottom: 58px !important; } .u-padding-bottom-58 { padding-bottom: 58px !important; } .u-margin-60, .u-m-60 { margin: 60px !important; } .u-padding-60, .u-p-60 { padding: 60px !important; } .u-m-l-60 { margin-left: 60px !important; } .u-p-l-60 { padding-left: 60px !important; } .u-margin-left-60 { margin-left: 60px !important; } .u-padding-left-60 { padding-left: 60px !important; } .u-m-t-60 { margin-top: 60px !important; } .u-p-t-60 { padding-top: 60px !important; } .u-margin-top-60 { margin-top: 60px !important; } .u-padding-top-60 { padding-top: 60px !important; } .u-m-r-60 { margin-right: 60px !important; } .u-p-r-60 { padding-right: 60px !important; } .u-margin-right-60 { margin-right: 60px !important; } .u-padding-right-60 { padding-right: 60px !important; } .u-m-b-60 { margin-bottom: 60px !important; } .u-p-b-60 { padding-bottom: 60px !important; } .u-margin-bottom-60 { margin-bottom: 60px !important; } .u-padding-bottom-60 { padding-bottom: 60px !important; } .u-margin-62, .u-m-62 { margin: 62px !important; } .u-padding-62, .u-p-62 { padding: 62px !important; } .u-m-l-62 { margin-left: 62px !important; } .u-p-l-62 { padding-left: 62px !important; } .u-margin-left-62 { margin-left: 62px !important; } .u-padding-left-62 { padding-left: 62px !important; } .u-m-t-62 { margin-top: 62px !important; } .u-p-t-62 { padding-top: 62px !important; } .u-margin-top-62 { margin-top: 62px !important; } .u-padding-top-62 { padding-top: 62px !important; } .u-m-r-62 { margin-right: 62px !important; } .u-p-r-62 { padding-right: 62px !important; } .u-margin-right-62 { margin-right: 62px !important; } .u-padding-right-62 { padding-right: 62px !important; } .u-m-b-62 { margin-bottom: 62px !important; } .u-p-b-62 { padding-bottom: 62px !important; } .u-margin-bottom-62 { margin-bottom: 62px !important; } .u-padding-bottom-62 { padding-bottom: 62px !important; } .u-margin-64, .u-m-64 { margin: 64px !important; } .u-padding-64, .u-p-64 { padding: 64px !important; } .u-m-l-64 { margin-left: 64px !important; } .u-p-l-64 { padding-left: 64px !important; } .u-margin-left-64 { margin-left: 64px !important; } .u-padding-left-64 { padding-left: 64px !important; } .u-m-t-64 { margin-top: 64px !important; } .u-p-t-64 { padding-top: 64px !important; } .u-margin-top-64 { margin-top: 64px !important; } .u-padding-top-64 { padding-top: 64px !important; } .u-m-r-64 { margin-right: 64px !important; } .u-p-r-64 { padding-right: 64px !important; } .u-margin-right-64 { margin-right: 64px !important; } .u-padding-right-64 { padding-right: 64px !important; } .u-m-b-64 { margin-bottom: 64px !important; } .u-p-b-64 { padding-bottom: 64px !important; } .u-margin-bottom-64 { margin-bottom: 64px !important; } .u-padding-bottom-64 { padding-bottom: 64px !important; } .u-margin-65, .u-m-65 { margin: 65px !important; } .u-padding-65, .u-p-65 { padding: 65px !important; } .u-m-l-65 { margin-left: 65px !important; } .u-p-l-65 { padding-left: 65px !important; } .u-margin-left-65 { margin-left: 65px !important; } .u-padding-left-65 { padding-left: 65px !important; } .u-m-t-65 { margin-top: 65px !important; } .u-p-t-65 { padding-top: 65px !important; } .u-margin-top-65 { margin-top: 65px !important; } .u-padding-top-65 { padding-top: 65px !important; } .u-m-r-65 { margin-right: 65px !important; } .u-p-r-65 { padding-right: 65px !important; } .u-margin-right-65 { margin-right: 65px !important; } .u-padding-right-65 { padding-right: 65px !important; } .u-m-b-65 { margin-bottom: 65px !important; } .u-p-b-65 { padding-bottom: 65px !important; } .u-margin-bottom-65 { margin-bottom: 65px !important; } .u-padding-bottom-65 { padding-bottom: 65px !important; } .u-margin-66, .u-m-66 { margin: 66px !important; } .u-padding-66, .u-p-66 { padding: 66px !important; } .u-m-l-66 { margin-left: 66px !important; } .u-p-l-66 { padding-left: 66px !important; } .u-margin-left-66 { margin-left: 66px !important; } .u-padding-left-66 { padding-left: 66px !important; } .u-m-t-66 { margin-top: 66px !important; } .u-p-t-66 { padding-top: 66px !important; } .u-margin-top-66 { margin-top: 66px !important; } .u-padding-top-66 { padding-top: 66px !important; } .u-m-r-66 { margin-right: 66px !important; } .u-p-r-66 { padding-right: 66px !important; } .u-margin-right-66 { margin-right: 66px !important; } .u-padding-right-66 { padding-right: 66px !important; } .u-m-b-66 { margin-bottom: 66px !important; } .u-p-b-66 { padding-bottom: 66px !important; } .u-margin-bottom-66 { margin-bottom: 66px !important; } .u-padding-bottom-66 { padding-bottom: 66px !important; } .u-margin-68, .u-m-68 { margin: 68px !important; } .u-padding-68, .u-p-68 { padding: 68px !important; } .u-m-l-68 { margin-left: 68px !important; } .u-p-l-68 { padding-left: 68px !important; } .u-margin-left-68 { margin-left: 68px !important; } .u-padding-left-68 { padding-left: 68px !important; } .u-m-t-68 { margin-top: 68px !important; } .u-p-t-68 { padding-top: 68px !important; } .u-margin-top-68 { margin-top: 68px !important; } .u-padding-top-68 { padding-top: 68px !important; } .u-m-r-68 { margin-right: 68px !important; } .u-p-r-68 { padding-right: 68px !important; } .u-margin-right-68 { margin-right: 68px !important; } .u-padding-right-68 { padding-right: 68px !important; } .u-m-b-68 { margin-bottom: 68px !important; } .u-p-b-68 { padding-bottom: 68px !important; } .u-margin-bottom-68 { margin-bottom: 68px !important; } .u-padding-bottom-68 { padding-bottom: 68px !important; } .u-margin-70, .u-m-70 { margin: 70px !important; } .u-padding-70, .u-p-70 { padding: 70px !important; } .u-m-l-70 { margin-left: 70px !important; } .u-p-l-70 { padding-left: 70px !important; } .u-margin-left-70 { margin-left: 70px !important; } .u-padding-left-70 { padding-left: 70px !important; } .u-m-t-70 { margin-top: 70px !important; } .u-p-t-70 { padding-top: 70px !important; } .u-margin-top-70 { margin-top: 70px !important; } .u-padding-top-70 { padding-top: 70px !important; } .u-m-r-70 { margin-right: 70px !important; } .u-p-r-70 { padding-right: 70px !important; } .u-margin-right-70 { margin-right: 70px !important; } .u-padding-right-70 { padding-right: 70px !important; } .u-m-b-70 { margin-bottom: 70px !important; } .u-p-b-70 { padding-bottom: 70px !important; } .u-margin-bottom-70 { margin-bottom: 70px !important; } .u-padding-bottom-70 { padding-bottom: 70px !important; } .u-margin-72, .u-m-72 { margin: 72px !important; } .u-padding-72, .u-p-72 { padding: 72px !important; } .u-m-l-72 { margin-left: 72px !important; } .u-p-l-72 { padding-left: 72px !important; } .u-margin-left-72 { margin-left: 72px !important; } .u-padding-left-72 { padding-left: 72px !important; } .u-m-t-72 { margin-top: 72px !important; } .u-p-t-72 { padding-top: 72px !important; } .u-margin-top-72 { margin-top: 72px !important; } .u-padding-top-72 { padding-top: 72px !important; } .u-m-r-72 { margin-right: 72px !important; } .u-p-r-72 { padding-right: 72px !important; } .u-margin-right-72 { margin-right: 72px !important; } .u-padding-right-72 { padding-right: 72px !important; } .u-m-b-72 { margin-bottom: 72px !important; } .u-p-b-72 { padding-bottom: 72px !important; } .u-margin-bottom-72 { margin-bottom: 72px !important; } .u-padding-bottom-72 { padding-bottom: 72px !important; } .u-margin-74, .u-m-74 { margin: 74px !important; } .u-padding-74, .u-p-74 { padding: 74px !important; } .u-m-l-74 { margin-left: 74px !important; } .u-p-l-74 { padding-left: 74px !important; } .u-margin-left-74 { margin-left: 74px !important; } .u-padding-left-74 { padding-left: 74px !important; } .u-m-t-74 { margin-top: 74px !important; } .u-p-t-74 { padding-top: 74px !important; } .u-margin-top-74 { margin-top: 74px !important; } .u-padding-top-74 { padding-top: 74px !important; } .u-m-r-74 { margin-right: 74px !important; } .u-p-r-74 { padding-right: 74px !important; } .u-margin-right-74 { margin-right: 74px !important; } .u-padding-right-74 { padding-right: 74px !important; } .u-m-b-74 { margin-bottom: 74px !important; } .u-p-b-74 { padding-bottom: 74px !important; } .u-margin-bottom-74 { margin-bottom: 74px !important; } .u-padding-bottom-74 { padding-bottom: 74px !important; } .u-margin-75, .u-m-75 { margin: 75px !important; } .u-padding-75, .u-p-75 { padding: 75px !important; } .u-m-l-75 { margin-left: 75px !important; } .u-p-l-75 { padding-left: 75px !important; } .u-margin-left-75 { margin-left: 75px !important; } .u-padding-left-75 { padding-left: 75px !important; } .u-m-t-75 { margin-top: 75px !important; } .u-p-t-75 { padding-top: 75px !important; } .u-margin-top-75 { margin-top: 75px !important; } .u-padding-top-75 { padding-top: 75px !important; } .u-m-r-75 { margin-right: 75px !important; } .u-p-r-75 { padding-right: 75px !important; } .u-margin-right-75 { margin-right: 75px !important; } .u-padding-right-75 { padding-right: 75px !important; } .u-m-b-75 { margin-bottom: 75px !important; } .u-p-b-75 { padding-bottom: 75px !important; } .u-margin-bottom-75 { margin-bottom: 75px !important; } .u-padding-bottom-75 { padding-bottom: 75px !important; } .u-margin-76, .u-m-76 { margin: 76px !important; } .u-padding-76, .u-p-76 { padding: 76px !important; } .u-m-l-76 { margin-left: 76px !important; } .u-p-l-76 { padding-left: 76px !important; } .u-margin-left-76 { margin-left: 76px !important; } .u-padding-left-76 { padding-left: 76px !important; } .u-m-t-76 { margin-top: 76px !important; } .u-p-t-76 { padding-top: 76px !important; } .u-margin-top-76 { margin-top: 76px !important; } .u-padding-top-76 { padding-top: 76px !important; } .u-m-r-76 { margin-right: 76px !important; } .u-p-r-76 { padding-right: 76px !important; } .u-margin-right-76 { margin-right: 76px !important; } .u-padding-right-76 { padding-right: 76px !important; } .u-m-b-76 { margin-bottom: 76px !important; } .u-p-b-76 { padding-bottom: 76px !important; } .u-margin-bottom-76 { margin-bottom: 76px !important; } .u-padding-bottom-76 { padding-bottom: 76px !important; } .u-margin-78, .u-m-78 { margin: 78px !important; } .u-padding-78, .u-p-78 { padding: 78px !important; } .u-m-l-78 { margin-left: 78px !important; } .u-p-l-78 { padding-left: 78px !important; } .u-margin-left-78 { margin-left: 78px !important; } .u-padding-left-78 { padding-left: 78px !important; } .u-m-t-78 { margin-top: 78px !important; } .u-p-t-78 { padding-top: 78px !important; } .u-margin-top-78 { margin-top: 78px !important; } .u-padding-top-78 { padding-top: 78px !important; } .u-m-r-78 { margin-right: 78px !important; } .u-p-r-78 { padding-right: 78px !important; } .u-margin-right-78 { margin-right: 78px !important; } .u-padding-right-78 { padding-right: 78px !important; } .u-m-b-78 { margin-bottom: 78px !important; } .u-p-b-78 { padding-bottom: 78px !important; } .u-margin-bottom-78 { margin-bottom: 78px !important; } .u-padding-bottom-78 { padding-bottom: 78px !important; } .u-margin-80, .u-m-80 { margin: 80px !important; } .u-padding-80, .u-p-80 { padding: 80px !important; } .u-m-l-80 { margin-left: 80px !important; } .u-p-l-80 { padding-left: 80px !important; } .u-margin-left-80 { margin-left: 80px !important; } .u-padding-left-80 { padding-left: 80px !important; } .u-m-t-80 { margin-top: 80px !important; } .u-p-t-80 { padding-top: 80px !important; } .u-margin-top-80 { margin-top: 80px !important; } .u-padding-top-80 { padding-top: 80px !important; } .u-m-r-80 { margin-right: 80px !important; } .u-p-r-80 { padding-right: 80px !important; } .u-margin-right-80 { margin-right: 80px !important; } .u-padding-right-80 { padding-right: 80px !important; } .u-m-b-80 { margin-bottom: 80px !important; } .u-p-b-80 { padding-bottom: 80px !important; } .u-margin-bottom-80 { margin-bottom: 80px !important; } .u-padding-bottom-80 { padding-bottom: 80px !important; } .u-margin-auto { margin: 0 auto; } /* 边框 */ .u-border { border: 1px solid #e4e7ed; } .u-border-top { border-top: 1px solid #e4e7ed; } .u-border-right { border-right: 1px solid #e4e7ed; } .u-border-bottom { border-bottom: 1px solid #e4e7ed; } .u-border-left { border-left: 1px solid #e4e7ed; } .u-border-none { border: none !important; } .u-lineH-150 { line-height: 150%; } .u-lineH-200 { line-height: 200%; } .u-lineH-250 { line-height: 250%; } .u-lineH-24 { line-height: 24px; } .u-lineH-28 { line-height: 28px; } .u-lineH-30 { line-height: 30px; } /* 文字省略 多行溢出 */ .u-line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .u-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .u-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .u-line-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; } .u-line-5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; } .u-img { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 100%; } .u-img.is-fill { object-fit: fill; } .u-img.is-contain { object-fit: contain; } .u-img.is-cover { object-fit: cover; } .u-img.is-none { object-fit: none; } .u-img.is-scale-down { object-fit: scale-down; } /* 图片hover动画 */ .u-img-transition { transition: all 0.9s ease 0s; overflow: hidden; } .u-img-transition:hover { transform: scale(1.1, 1.1); } .u-form-item { margin-bottom: 20px; } .u-form-item::after, .u-form-item::before { display: table; content: ''; } .u-form-item::after { clear: both; } .u-form-item>label { width: 100px; text-align: right; vertical-align: middle; float: left; color: #606266; line-height: 40px; padding: 0 12px 0 0; box-sizing: border-box; } .u-form-item-content { line-height: 40px; position: relative; margin-left: 100px; } .u-form-item-content::after, .u-form-item-content::before { display: table; content: ''; } .u-form-item-content::after { clear: both; } .u-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #e4e7ed; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; } .u-button:hover, .u-button:focus { opacity: 0.8; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; } .u-button-primary { color: #fff; background-color: #2979ff; border-color: #2979ff; } .u-button-warning { color: #fff; background-color: #ff9900; border-color: #ff9900; } .u-button-success { color: #fff; background-color: #19be6b; border-color: #19be6b; } .u-button-error { color: #fff; background-color: #fa3534; border-color: #fa3534; } .u-button-info { color: #fff; background-color: #909399; border-color: #909399; } .u-button-primary.is-plain { color: #2979ff; background: #f4f8ff; border-color: #a0cfff; } .u-button-warning.is-plain { color: #ff9900; background: #fdf6ec; border-color: #fcbd71; } .u-button-success.is-plain { color: #19be6b; background: #dbf1e1; border-color: #71d5a1; } .u-button-error.is-plain { color: #fa3534; background: #fef0f0; border-color: #fab6b6; } .u-button-info.is-plain { color: #909399; background: #f4f4f5; border-color: #c8c9cc; } .u-button.is-medium { padding: 10px 20px; font-size: 14px; border-radius: 4px; } .u-button.is-small { padding: 9px 15px; font-size: 12px; border-radius: 3px; } .u-button.is-mini { padding: 7px 15px; font-size: 12px; border-radius: 3px; } .u-button.is-round { border-radius: 20px; } .u-button.is-circle { border-radius: 50%; padding: 12px; } .u-button.is-disabled { opacity: 0.6; cursor: not-allowed; } .u-input { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #e4e7ed; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .u-textarea { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: 1px solid #e4e7ed; border-radius: 4px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .u-input::placeholder { color: #c0c4cc; } .u-input:hover, .u-textarea:hover { border-color: #c0c4cc; } .u-input:focus, .u-textarea:focus { border-color: #2979ff; outline: none; } .u-input.is-disabled, .u-textarea.is-disabled { background-color: #f2f2f2; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed; } .u-input.is-medium { height: 36px; line-height: 36px; } .u-input.is-small { height: 32px; line-height: 32px; } .u-input.is-mini { height: 28px; line-height: 28px; } .u-input.is-solid { background-color: #f2f2f2; } .u-input.is-time { background-image: url("../images/time.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 99% 10px; padding-right: 40px; } .u-input.is-medium.is-time { background-position: 99% 7px; } .u-input.is-small.is-time { background-position: 99% 6px; } .u-input.is-mini.is-time { background-position: 99% 3px; } .u-radio { color: #606266; font-weight: 500; line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; outline: none; font-size: 14px; margin-right: 30px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .u-radio .u-radio-input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; top: -1px; } .u-radio .u-radio-input i { border: 1px solid #e4e7ed; border-radius: 100%; width: 14px; height: 14px; background-color: #fff; position: relative; cursor: pointer; display: inline-block; box-sizing: border-box; } .u-radio .u-radio-input i::after { width: 4px; height: 4px; border-radius: 100%; background-color: #fff; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.15s ease-in; } .u-radio .u-radio-input input[type='radio'] { opacity: 0; outline: none; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .u-radio .u-radio-label { font-size: 14px; padding-left: 5px; } .u-radio.is-checked .u-radio-input i { border-color: #2979ff; background: #2979ff; } .u-radio.is-checked .u-radio-input i::after { transform: translate(-50%, -50%) scale(1); } .u-radio.is-checked .u-radio-label { color: #2979ff; } .u-radio-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; } .u-radio.is-disabled .u-radio-input i { background-color: #f2f2f2; border-color: #e4e7ed; cursor: not-allowed; } .u-radio.is-disabled .u-radio-input i::after { cursor: not-allowed; background-color: #e4e7ed; } .u-radio.is-disabled .u-radio-label { color: #c0c4cc; cursor: not-allowed; } .u-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; user-select: none; margin-right: 30px; } .u-checkbox .u-checkbox-input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; margin-top: -2px; } .u-checkbox .u-checkbox-input i { display: inline-block; position: relative; border: 1px solid #e4e7ed; border-radius: 2px; box-sizing: border-box; width: 14px; height: 14px; background-color: #fff; z-index: 1; transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } .u-checkbox .u-checkbox-input i::after { box-sizing: content-box; content: ''; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); width: 3px; transition: transform 0.15s ease-in 0.05s; transform-origin: center; } .u-checkbox .u-checkbox-input input[type='checkbox'] { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .u-checkbox .u-checkbox-label { display: inline-block; padding-left: 6px; line-height: 14px; font-size: 14px; } .u-checkbox.is-checked .u-checkbox-input i { border-color: #2979ff; background: #2979ff; } .u-checkbox.is-checked .u-checkbox-input i::after { transform: rotate(45deg) scaleY(1); } .u-checkbox.is-checked .u-checkbox-label { color: #2979ff; } .u-checkbox-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; } .u-checkbox.is-disabled .u-checkbox-input i { background-color: #f2f2f2; border-color: #e4e7ed; cursor: not-allowed; } .u-checkbox.is-disabled .u-checkbox-input i::after { cursor: not-allowed; border-color: #c0c4cc; } .u-checkbox.is-disabled .u-checkbox-label { color: #c0c4cc; cursor: not-allowed; } .u-select { position: relative; display: inline-block; width: 100%; } .u-select select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #e4e7ed; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 40px 0 15px; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; cursor: pointer; font-size: 14px; } .u-select select:hover { border-color: #c0c4cc; } .u-select select:focus { border-color: #2979ff; } .u-select select::-ms-expand { display: none; } .u-select::after { content: '\e661'; color: #e4e7ed; font-size: 16px; transition: transform 0.3s; transform: rotateZ(360deg); cursor: pointer; position: absolute; right: 15px; top: 15px; line-height: 16px; } .u-select:hover::after { transform: rotateZ(180deg); } .u-select.is-disabled select { background-color: #f2f2f2; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed; } .u-select.is-disabled:hover::after { transform: rotateZ(360deg); } .u-file { display: block; } .u-file .w30p { width: 30%; } .u-file .w70p { width: 70%; } .u-file .u-item { background-color: #f2f2f2; height: 36px; line-height: 36px; font-size: 14px; margin: 10px; padding: 0 10px; position: relative; } .u-file .u-name { color: #2979ff; margin-right: 10px; } .u-file .u-size, .u-file .u-speed, .u-file .u-progress-bar, .u-file .u-detail, .u-file .u-state, .u-file .u-op { float: left; text-align: center; } .u-file .u-progress-bar, .u-file .u-progress { background-color: #c0c4cc; } .u-file .u-progress-bar { width: 150px; height: 7px; overflow: hidden; margin: 15px 6px 0 0; } .u-file .u-progress { width: 1px; height: 7px; background-color: #19be6b; } .u-file .u-size, .u-file .u-speed { width: 20%; } .u-file .u-detail, .u-file .u-state { width: 10%; } .u-file .u-op { margin-left: 5px; width: 20%; } .u-file .u-op a { cursor: pointer; margin-left: 10px; color: #2979ff; text-decoration: none; } .u-file .u-op a:hover { text-decoration: underline; } .u-file .u-over .u-state { color: #909399; } .u-file .u-over .u-op .u-op-cancel { color: #909399; text-decoration: none; cursor: not-allowed; } .html4 .u-progress-bar, .html4 .u-detail, .html4 .u-speed { display: none; } .html4 .u-size { margin: 0 10px; } .u-image .u-item { overflow: hidden; float: left; width: 150px; height: 150px; margin: 10px 10px 0 0; position: relative; } .u-image .u-first { margin: 0; } .u-image .u-img, .u-image .u-img img { width: 100%; height: 100%; overflow: hidden; object-fit: cover; } .u-image .u-name { text-align: center; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .u-image .u-close-bg, .u-image .u-close-text { position: absolute; top: 0; right: 0; width: 24px; height: 24px; line-height: 24px; color: #fff; text-align: center; cursor: pointer; } .u-image .u-close-bg { background-color: #2979ff; opacity: 0.3; } .u-image .u-progress-bar, .u-image .u-detail { position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; } .u-image .u-progress-bar { background-color: #2979ff; opacity: 0.3; } .u-image .u-progress { width: 0; height: 100%; opacity: 0.5; } .u-image .u-detail { line-height: 20px; text-align: center; color: #fff; } .u-table { position: relative; overflow: hidden; box-sizing: border-box; flex: 1; width: 100%; max-width: 100%; background-color: #fff; font-size: 14px; color: #606266; } .u-table th, .u-table td { padding: 12px 0; min-width: 0; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; } .u-table th.is-leaf, .u-table td.is-leaf, .u-table tr.is-leaf { border-bottom: 1px solid #f4f4f5; } .u-table thead { color: #606266; font-weight: 500; } .u-table thead tr { background-color: #fff; } .u-table thead tr.is-primary { background-color: #f4f8ff; } .u-table thead tr.is-warning { background-color: #fdf6ec; } .u-table thead tr.is-success { background-color: #dbf1e1; } .u-table thead tr.is-error { background-color: #fef0f0; } .u-table thead tr.is-info { background-color: #f4f4f5; } .u-table thead tr th { overflow: hidden; box-sizing: border-box; position: relative; vertical-align: middle; padding-left: 10px; padding-right: 10px; } .u-table tbody tr { background-color: #fff; transition: background-color 0.25s ease; } .u-table tbody tr:hover { background-color: #f4f8ff; } .u-table tbody tr td { overflow: hidden; box-sizing: border-box; position: relative; vertical-align: middle; padding-left: 10px; padding-right: 10px; } .u-table.is-border { border: 1px solid #f4f4f5; } .u-table.table-border { border: 1px solid #e6e6e6; } .u-table.table-border td, .u-table.table-border th { border: 1px solid #e6e6e6; text-align: center; } .u-table-striped thead tr th { background-color: #f2f2f2; } .u-table-striped tbody tr:nth-child(2n) { background-color: #f2f2f2; } .u-table.is-center th, .u-table.is-center td { text-align: center; } .u-card { border-radius: 4px; background-color: #fff; overflow: hidden; color: #303133; transition: 0.3s; } .u-card.is-border { border: 1px solid #EBEEF5; } .u-card.is-always-shadow { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .u-card.is-hover-shadow:hover, .u-card.is-hover-shadow:focus { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .u-row { position: relative; box-sizing: border-box; } .u-row::before { display: table; content: ''; clear: both; } .u-row::after { display: table; content: ''; clear: both; } .u-row .u-col { float: left; box-sizing: border-box; } .u-row .u-col-0 { display: none; } .u-row .u-col-0 { width: 0%; } .u-row .u-col-1 { width: 4.16667%; } .u-row .u-col-2 { width: 8.33333%; } .u-row .u-col-3 { width: 12.5%; } .u-row .u-col-4 { width: 16.66667%; } .u-row .u-col-5 { width: 20.83333%; } .u-row .u-col-6 { width: 25%; } .u-row .u-col-7 { width: 29.16667%; } .u-row .u-col-8 { width: 33.33333%; } .u-row .u-col-9 { width: 37.5%; } .u-row .u-col-10 { width: 41.66667%; } .u-row .u-col-11 { width: 45.83333%; } .u-row .u-col-12 { width: 50%; } .u-row .u-col-13 { width: 54.16667%; } .u-row .u-col-14 { width: 58.33333%; } .u-row .u-col-15 { width: 62.5%; } .u-row .u-col-16 { width: 66.66667%; } .u-row .u-col-17 { width: 70.83333%; } .u-row .u-col-18 { width: 75%; } .u-row .u-col-19 { width: 79.16667%; } .u-row .u-col-20 { width: 83.33333%; } .u-row .u-col-21 { width: 87.5%; } .u-row .u-col-22 { width: 91.66667%; } .u-row .u-col-23 { width: 95.83333%; } .u-row .u-col-24 { width: 100%; } .u-row .u-col-offset-0 { margin-left: 0%; } .u-row .u-col-offset-1 { margin-left: 4.16667%; } .u-row .u-col-offset-2 { margin-left: 8.33333%; } .u-row .u-col-offset-3 { margin-left: 12.5%; } .u-row .u-col-offset-4 { margin-left: 16.66667%; } .u-row .u-col-offset-5 { margin-left: 20.83333%; } .u-row .u-col-offset-6 { margin-left: 25%; } .u-row .u-col-offset-7 { margin-left: 29.16667%; } .u-row .u-col-offset-8 { margin-left: 33.33333%; } .u-row .u-col-offset-9 { margin-left: 37.5%; } .u-row .u-col-offset-10 { margin-left: 41.66667%; } .u-row .u-col-offset-11 { margin-left: 45.83333%; } .u-row .u-col-offset-12 { margin-left: 50%; } .u-row .u-col-offset-13 { margin-left: 54.16667%; } .u-row .u-col-offset-14 { margin-left: 58.33333%; } .u-row .u-col-offset-15 { margin-left: 62.5%; } .u-row .u-col-offset-16 { margin-left: 66.66667%; } .u-row .u-col-offset-17 { margin-left: 70.83333%; } .u-row .u-col-offset-18 { margin-left: 75%; } .u-row .u-col-offset-19 { margin-left: 79.16667%; } .u-row .u-col-offset-20 { margin-left: 83.33333%; } .u-row .u-col-offset-21 { margin-left: 87.5%; } .u-row .u-col-offset-22 { margin-left: 91.66667%; } .u-row .u-col-offset-23 { margin-left: 95.83333%; } .u-row .u-col-offset-24 { margin-left: 100%; } .u-row.is-gutter { margin-left: -10px; margin-right: -10px; } .u-row.is-gutter .u-col-0 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-1 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-2 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-3 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-4 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-5 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-6 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-7 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-8 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-9 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-10 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-11 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-12 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-13 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-14 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-15 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-16 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-17 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-18 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-19 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-20 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-21 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-22 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-23 { padding-left: 10px; padding-right: 10px; } .u-row.is-gutter .u-col-24 { padding-left: 10px; padding-right: 10px; } /* 布局/定位相关 */ .u-relative { position: relative; } .u-absolute { position: absolute; } .u-fl { float: left; } .u-fr { float: right; } .u-f-none { float: none; } /* flex布局 */ .u-flex { display: flex; flex-direction: row !important; align-items: center; } .u-flex-wrap { flex-wrap: wrap; } .u-flex-nowrap { flex-wrap: nowrap; } .u-col-center { align-items: center; } .u-col-top { align-items: flex-start; } .u-col-bottom { align-items: flex-end; } .u-col-between { align-items: space-between; } .u-col-around { align-items: space-around; } .u-col-stretch { align-items: stretch; } .u-row-center { justify-content: center; } .u-row-left { justify-content: flex-start; } .u-row-right { justify-content: flex-end; } .u-row-between { justify-content: space-between; } .u-row-around { justify-content: space-around; } .u-flex-col { display: flex; flex-direction: column; } .u-flex-0 { flex: 0; } .u-flex-1 { flex: 1; } .u-flex-2 { flex: 2; } .u-flex-3 { flex: 3; } .u-flex-4 { flex: 4; } .u-flex-5 { flex: 5; } .u-flex-6 { flex: 6; } .u-flex-7 { flex: 7; } .u-flex-8 { flex: 8; } .u-flex-9 { flex: 9; } .u-flex-10 { flex: 10; } .u-flex-11 { flex: 11; } .u-flex-12 { flex: 12; } .u-pagination { padding: 10px; text-align: center; white-space: nowrap; } .u-pagination .page_btn { display: inline-block; padding: 0 18px; height: 40px; line-height: 40px; margin-right: 6px; border: solid 1px #e4e7ed; background-color: #fff; color: #909399; cursor: pointer; } .u-pagination .page_btn i { font-size: 14px; } .u-pagination .page_btn:hover, .u-pagination .current { color: #fff; border: solid 1px #2979ff; background-color: #2979ff; } .u-pagination .page_content { display: inline-block; } .u-pagination .page_content li { box-sizing: border-box; display: inline-block; min-width: 40px; height: 40px; line-height: 40px; color: #606266; cursor: pointer; border: solid 1px #e4e7ed; background-color: #fff; margin-right: 6px; vertical-align: 1px; } .u-pagination .page_content li:hover, .u-pagination .page_content li.current { color: #fff; border: solid 1px #2979ff; background-color: #2979ff; } .u-pagination .input { display: inline-block; width: 60px; height: 40px; line-height: 40px; box-sizing: border-box; border: solid 1px #e4e7ed; background-color: #fff; text-align: center; } .u-pagination .page_select { position: relative; width: 110px; } .u-pagination .page_select .page_secect_con { display: none; box-sizing: border-box; width: 110px; height: 190px; position: absolute; left: -1px; top: 39px; border: solid 1px #e4e7ed; border-top: none; background-color: #fff; z-index: 99; text-align: center; overflow-y: scroll; line-height: 30px; padding: 5px 0; } .u-pagination .page_select:hover .page_secect_con li { color: #909399; } .u-pagination .page_select:hover .page_secect_con li:hover { color: #2979ff; } .u-pagination.is-radius .page_btn, .u-pagination.is-radius .input, .u-pagination.is-radius .page_content li { border-radius: 4px; } .u-breadcrumb { font-size: 14px; line-height: 1; color: #606266; overflow: hidden; } .u-breadcrumb span, .u-breadcrumb a, .u-breadcrumb i { float: left; } .u-breadcrumb a { font-weight: bold; } .u-breadcrumb i { color: #909399; margin: 0 5px; font-size: 14px; } .u-steps { padding: 25px 30px; overflow: hidden; } .u-steps li { float: left; position: relative; width: 33.33333%; padding-top: 26px; } .u-steps li p { width: 26px; height: 26px; border-radius: 15px; line-height: 26px; text-align: center; color: #606266; background-color: #e4e7ed; font-size: 14px; font-weight: bold; z-index: 99; position: absolute; top: 0; left: 50%; margin-left: -13px; } .u-steps li::before { content: ''; width: 100%; height: 3px; background-color: #e4e7ed; position: absolute; left: 0; top: 12px; } .u-steps li span { display: block; text-align: center; color: #303133; margin-top: 5px; font-size: 16px; } .u-steps li i { display: block; box-sizing: border-box; padding: 0 50px; text-align: center; color: #909399; margin-top: 5px; font-size: 14px; } .u-steps li.hover p { color: #fff; background-color: #2979ff; } .u-steps li.hover::before { background-color: #2979ff; } .u-steps li.hover span { color: #2979ff; } .u-steps.is-li-4 li { width: 25%; } .u-steps.is-li-5 li { width: 20%; } .u-descriptions { font-size: 14px; color: #303133; line-height: 200%; text-align: justify; } .u-descriptions img, .u-descriptions video { display: block; margin: 10px auto; max-width: 100%; } .u-empty { margin: 50px 0; text-align: center; line-height: 22px; } .u-empty img { display: block; margin: 0 auto 10px; width: 400px; } .u-width-100 { width: 100px; } .u-width-p-10 { width: 10%; } .u-width-200 { width: 200px; } .u-width-p-20 { width: 20%; } .u-width-300 { width: 300px; } .u-width-p-30 { width: 30%; } .u-width-400 { width: 400px; } .u-width-p-40 { width: 40%; } .u-width-300 { width:300px!important; } .u-width-500 { width: 500px!important; } .u-width-p-50 { width: 50%; } .u-width-600 { width: 600px!important; } .u-width-p-60 { width: 60%; } .u-width-700 { width: 700px!important; } .u-width-p-70 { width: 70%; } .u-width-800 { width: 800px; } .u-width-p-80 { width: 80%; } .u-width-900 { width: 900px; } .u-width-p-90 { width: 90%; } .u-width-1000 { width: 1000px; } .u-width-p-100 { width: 100%; } .u-width-1100 { width: 1100px; } .u-width-p-110 { width: 110%; } .u-width-1200 { width: 1200px; } .u-width-p-120 { width: 120%; } .advertising-warp { height: 75px; width: 110%; } .advertising-warp li { float: left; margin-right: 12px; position: relative; } .advertising-warp li.w6_1 { width: 190px; } .advertising-warp li.w6_2 { width: 392px; } .advertising-warp li.w6_3 { width: 594px; } .advertising-warp li.w6_4 { width: 796px; } .advertising-warp li.w6_5 { width: 998px; } .advertising-warp li.w6_6 { width: 1200px; } .advertising-warp li img { width: 100%; height: 75px; } .advertising-warp li::before { content: '广告'; color: #fff; width: 40px; height: 16px; position: absolute; left: 0; bottom: 0; z-index: 99; background: #00000042; border-top-right-radius: 10px; font-size: 12px; text-align: center; } .u-input-number { position: relative; display: inline-block; width: 180px; line-height: 38px; } .u-input-number-increase, .u-input-number-decrease { position: absolute; z-index: 1; top: 1px; width: 40px; height: auto; text-align: center; background: #f2f2f2; color: #606266; cursor: pointer; } .u-input-number-increase i, .u-input-number-decrease i { font-size: 14px; } .u-input-number-increase:hover i, .u-input-number-decrease:hover i { color: #2979ff; } .u-input-number-increase { right: 1px; border-radius: 0 4px 4px 0; border-left: 1px solid #e4e7ed; } .u-input-number-decrease { left: 1px; border-radius: 4px 0 0 4px; border-right: 1px solid #e4e7ed; } .u-input-number-increase.is-disabled, .u-input-number-decrease.is-disabled { cursor: not-allowed; color: #c0c4cc; } .u-input-number .u-input { padding-left: 50px; padding-right: 50px; text-align: center; } .u-input-number.is-disabled .u-input-number-increase, .u-input-number.is-disabled .u-input-number-decrease { cursor: not-allowed; } .u-input-number.is-medium { line-height: 34px; } .u-input-number.is-medium .u-input-number-increase, .u-input-number.is-medium .u-input-number-decrease { width: 36px; font-size: 14px; } .u-input-number.is-medium .u-input { padding-left: 43px; padding-right: 43px; } .u-input-number.is-small { width: 140px; line-height: 30px; } .u-input-number.is-small .u-input-number-increase, .u-input-number.is-small .u-input-number-decrease { width: 32px; font-size: 14px; } .u-input-number.is-small .u-input { padding-left: 39px; padding-right: 39px; } .u-input-number.is-mini { width: 130px; line-height: 26px; } .u-input-number.is-mini .u-input-number-increase, .u-input-number.is-mini .u-input-number-decrease { width: 28px; } .u-input-number.is-mini .u-input-number-increase i, .u-input-number.is-mini .u-input-number-decrease i { font-size: 12px; } .u-input-number.is-mini .u-input { padding-left: 35px; padding-right: 35px; } .u-input-number.is-round .u-input-number-increase, .u-input-number.is-round .u-input-number-decrease { border-radius: 100px; border: 1px solid #e4e7ed; } .u-input-number.is-round .u-input { border: none; } .u-timeline { margin: 0; font-size: 14px; list-style: none; } .u-timeline-item { position: relative; padding-bottom: 20px; } .u-timeline-item::before { content: ''; position: absolute; left: 4px; height: 100%; border-left: 2px solid #e4e7ed; } .u-timeline-item-node { position: absolute; background-color: #e4e7ed; border-radius: 50%; display: flex; justify-content: center; align-items: center; left: -1px; width: 12px; height: 12px; } .u-timeline-item-node.is-large { left: -4px; width: 18px; height: 18px; color: #fff; top: -3px; font-size: 12px; } .u-timeline-item-node-primary { background-color: #2979ff; } .u-timeline-item-node-warning { background-color: #ff9900; } .u-timeline-item-node-success { background-color: #19be6b; } .u-timeline-item-node-error { background-color: #fa3534; } .u-timeline-item-wrapper { position: relative; padding-left: 28px; top: -3px; } .u-timeline-item-content { color: #303133; } .u-timeline-item-time { color: #909399; line-height: 1; font-size: 13px; margin-top: 8px; } .u-timeline-item:last-child::before { display: none; } .u-backtop { padding: 15px; background-color: #fff; text-align: center; position: fixed; z-index: 5; right: 40px; top: 50%; margin-top: -190px; border-radius: 6px; } .u-backtop a.u-backtop-item { width: 60px; height: 60px; border-radius: 6px; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; line-height: 1; padding: 5px; box-sizing: border-box; font-size: 12px; } .u-backtop a.u-backtop-btn { background-color: #e4e7ed; color: #303133; margin-top: 10px; } .u-backtop a.u-backtop-btn:hover { background-color: #2979ff; color: #fff; } .u-backtop .u-floor-item { padding-top: 10px; font-size: 12px; } .u-backtop .u-floor-item a { display: block; padding: 8px 0; color: #303133; } .u-backtop .u-floor-item a.hover, .u-backtop .u-floor-item a:hover { color: #2979ff; } .u-container { display: flex; flex-direction: row; flex: 1; flex-basis: auto; box-sizing: border-box; min-width: 0; } .u-container .u-header, .u-container .u-footer, .u-container .u-aside { box-sizing: border-box; flex-shrink: 0; } .u-container .u-main { display: block; flex: 1; flex-basis: auto; overflow: auto; box-sizing: border-box; } .u-container .u-aside { overflow: auto; } .u-container.is-vertical { flex-direction: column; } .u-container.is-body { height: calc(100vh); } /*其他*/ .u-display-none { display: none; } .u-display-block { display: block; } .u-display-inline { display: inline-block; } .u-cursor { cursor: pointer; } .u-overflow-h { overflow: hidden; } .u-clear-both { clear: both; }