@charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } i, em, b, strong { font-style: normal; font-weight: normal; } img { border: none; border: 0; max-width: 100%; vertical-align: middle; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1.5; font-size: 14px; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; background-color: #fff; overflow-x: hidden; } ul, ol, dl, li { list-style: none } p { font-size: 14px; word-break: normal; text-align: justify; word-wrap: break-word; color: #757575; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none } table { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; } html,body { -webkit-touch-callout:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); width: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; } a { color: #0062cc; text-decoration: none; background-color: transparent; } textarea { overflow: hidden; resize: none; } button { overflow: visible; } button,select { text-transform: none; } button,input,select,textarea { font: inherit; color: inherit; } .v-clearfix::before, .v-clearfix::after { content: ""; display: table; } .v-clearfix::after { clear: both; } form, input, textarea, keygen, select, button { margin: 0; padding: 0; font: 14px "Microsoft YaHei",Arial,Helvetica,sans-serif; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; outline: none; } a { text-decoration: none; color: #000; text-decoration: none; blr: expression(this.onFocus=this.blur()); outline: none; /*Turn on animation*/ -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } a:hover { color: #666; } h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; } ::selection { background-color: #bbb; color: #fff; } ::-moz-selection { background-color: #bbb; color: #fff; } ::-webkit-selection { background-color: #bbb; color: #fff; } input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="tel"], input[type="email"], input[type="search"], select, textarea { border: none; background-color: transparent; border-radius: 0; box-shadow: none; display: block; padding: 0; margin: 0; width: 100%; height: 2.2rem; line-height: normal; color: #424242; font-size: 0.8rem; font-family: inherit; box-sizing: border-box; -webkit-user-select: text; user-select: text; -webkit-appearance: none; appearance: none; } a,button,input,textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); } table,thead,tbody,tr,th,td { font-weight: normal; vertical-align: middle; word-break: normal; text-align: justify; word-wrap: break-word; border-collapse: collapse; } /*================================ public style =====================================*/ /*对齐,显示,隐藏等*/ .v-fl { /*浮动左对齐*/ float: left !important; } .v-fr { /*浮动右对齐*/ float: right !important; } .v-show { /*显示*/ display: block !important; } .v-hide { /*隐藏*/ display: none !important; } /*容器视图 自定义宽度*/ .v-wrap { /*容器*/ position: relative; margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1920px; height: auto; background-color: #fff; } .v-w { /*主视图*/ position: relative; margin: 0 auto; width: 1200px; height: auto; } .v-w::after { display: table; content: ''; clear: both; } .w1000 { width: 1000px !important; } .w990 { width: 990px !important; } .w980 { width: 980px !important; } .w800 { width: 800px !important; } .w570 { width: 570px !important; } /*超链接*/ .v-links { /* links 链接置顶处理 */ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; background-color: transparent; z-index: 2; } .v-underline:hover { /*鼠标经过显示下划线*/ text-decoration: underline !important; } /*字体颜色*/ .v-text-main { /* 主色 */ color: #f6ac20 !important; } .v-text-with { /*配色*/ color: #f9cc1c !important; } .v-text-red { /*红色*/ color: #e51c23 !important; } .v-text-green { /*绿色*/ color: #409d12 !important; } .v-text-white { /*白色*/ color: #fff !important; } .v-text-blue { /*蓝色*/ color: #005aa0 !important; } .v-text-gray3 { /*黑系Alpha 30%*/ color: #333 !important; } .v-text-gray6 { /*黑系Alpha 60%*/ color: #666 !important; } .v-text-gray9 { /*黑系Alpha 90%*/ color: #999 !important; } /*背景色*/ .v-bgc-orange { /*主色*/ background-color: #9551ee !important; } .v-bgc-with { /*配色*/ background-color: #f9cc1c !important; } .v-bgc-red { /*红色*/ background-color: #e51c23 !important; } .v-bgc-green { /*绿色*/ background-color: #409d12 !important; } .v-bgc-white { /*白色*/ background-color: #fff !important; } .v-bgc-gray3 { /*黑系Alpha 30%*/ background-color: #333 !important; } .v-bgc-gray6 { /*黑系Alpha 60%*/ background-color: #666 !important; } .v-bgc-gray9 { /*黑系Alpha 90%*/ background-color: #999 !important; } .v-bgc-gray0 { /*黑系Alpha 100%*/ background-color: transparent !important; } .v-bgc-grayf6 { /*白系Alpha 1.6%*/ background-color: #f6f6f6 !important; } /*黑色系透明图片填充*/ .v-bg-10 { /*Alpha 10%*/ background-image: url(../img/bg-transparent10.png); } .v-bg-20 { /*Alpha 20%*/ background-image: url(../img/bg-transparent20.png); } .v-bg-30 { /*Alpha 30%*/ background-image: url(../img/bg-transparent30.png); } .v-bg-40 { /*Alpha 40%*/ background-image: url(../img/bg-transparent40.png); } .v-bg-50 { /*Alpha 50%*/ background-image: url(../img/bg-transparent50.png); } .v-bg-60 { /*Alpha 60%*/ background-image: url(../img/bg-transparent60.png); } .v-bg-70 { /*Alpha 70%*/ background-image: url(../img/bg-transparent70.png); } .v-bg-80 { /*Alpha 80%*/ background-image: url(../img/bg-transparent80.png); } .v-bg-90 { /*Alpha 90%*/ background-image: url(../img/bg-transparent90.png); } /*白色系透明图片填充*/ .v-bgColor-white-Alpha10 { /*Alpha 10%*/ background-image: url(../img/bgColor-white-Alpha10.png); } .v-bgColor-white-Alpha20 { /*Alpha 20%*/ background-image: url(../img/bgColor-white-Alpha20.png); } .v-bgColor-white-Alpha30 { /*Alpha 30%*/ background-image: url(../img/bgColor-white-Alpha30.png); } .v-bgColor-white-Alpha40 { /*Alpha 40%*/ background-image: url(../img/bgColor-white-Alpha40.png); } .v-bgColor-white-Alpha50 { /*Alpha 50%*/ background-image: url(../img/bgColor-white-Alpha50.png); } .v-bgColor-white-Alpha60 { /*Alpha 60%*/ background-image: url(../img/bgColor-white-Alpha60.png); } .v-bgColor-white-Alpha70 { /*Alpha 70%*/ background-image: url(../img/bgColor-white-Alpha70.png); } .v-bgColor-white-Alpha80 { /*Alpha 80%*/ background-image: url(../img/bgColor-white-Alpha80.png); } .v-bgColor-white-Alpha90 { /*Alpha 90%*/ background-image: url(../img/bgColor-white-Alpha90.png); } /* 字体对齐 字体风格 */ .v-tc { /*字体居中*/ text-align: center !important; } .v-tl { /*字体左对齐*/ text-align: left !important; } .v-tr { /*字体右对齐*/ text-align: right !important; } .v-fb { /*字体加粗*/ font-weight: bold !important; } .v-fi { /*字体斜体*/ font-style: italic !important; } .v-ti { /*文字缩进*/ text-indent: 2em !important; } /*字体大小*/ .v-f12 { font-size: 12px !important; } .v-f13 { font-size: 13px !important; } .v-f14 { font-size: 14px !important; } .v-f15 { font-size: 15px !important; } .v-f16 { font-size: 16px !important; } .v-f18 { font-size: 18px !important; } .v-f20 { font-size: 20px !important; } .v-f22 { font-size: 22px !important; } .v-f24 { font-size: 24px !important; } .v-f30 { font-size: 30px !important; } /* 高度填充 */ .v-hAuto { height: auto !important; } .v-h10 { height: 10px !important; } .v-h20 { height: 20px !important; } .v-h34 { height: 34px !important; } .v-h40 { height: 40px !important; } .v-hAuto,.v-h10:after,.v-h20:after,.v-h34:after,.v-h40:after { display: table; content: ''; clear: both; } /* 圆角 */ .v-r2px { -webkit-border-radius: 2px; border-radius: 2px; } .v-r4px { -webkit-border-radius: 4px; border-radius: 4px; } .v-r6px { -webkit-border-radius: 6px; border-radius: 6px; } .v-r8px { -webkit-border-radius: 8px; border-radius: 8px; } .v-r10px{ -webkit-border-radius: 10px; border-radius: 10px; } .v-r10pct { -webkit-border-radius: 10%; border-radius: 10%; } .v-r20pct { -webkit-border-radius: 20%; border-radius: 20%; } .v-r30pct { -webkit-border-radius: 30%; border-radius: 30%; } .v-r40pct { -webkit-border-radius: 40%; border-radius: 40%; } .v-r50pct { -webkit-border-radius: 50%; border-radius: 50%; } /* 左填充 */ .v-pl-0 { padding-left: 0px !important; } .v-pl-1 { padding-left: 1px !important; } .v-pl-2 { padding-left: 2px !important; } .v-pl-3 { padding-left: 3px !important; } .v-pl-4 { padding-left: 4px !important; } .v-pl-5 { padding-left: 5px !important; } .v-pl-6 { padding-left: 6px !important; } .v-pl-8 { padding-left: 8px !important; } .v-pl-10 { padding-left: 10px !important; } .v-pl-12 { padding-left: 12px !important; } .v-pl-14 { padding-left: 14px !important; } .v-pl-16 { padding-left: 16px !important; } .v-pl-18 { padding-left: 18px !important; } .v-pl-20 { padding-left: 20px !important; } .v-pl-22 { padding-left: 22px !important; } .v-pl-24 { padding-left: 24px !important; } .v-pl-26 { padding-left: 26px !important; } .v-pl-28 { padding-left: 28px !important; } .v-pl-30 { padding-left: 30px !important; } .v-pl-40 { padding-left: 40px !important; } .v-pl-50 { padding-left: 50px !important; } /* 右填充 */ .v-pr-0 { padding-right: 0px !important; } .v-pr-1 { padding-right: 1px !important; } .v-pr-2 { padding-right: 2px !important; } .v-pr-3 { padding-right: 3px !important; } .v-pr-4 { padding-right: 4px !important; } .v-pr-5 { padding-right: 5px !important; } .v-pr-6 { padding-right: 6px !important; } .v-pr-8 { padding-right: 8px !important; } .v-pr-10 { padding-right: 10px !important; } .v-pr-12 { padding-right: 12px !important; } .v-pr-14 { padding-right: 14px !important; } .v-pr-16 { padding-right: 16px !important; } .v-pr-18 { padding-right: 18px !important; } .v-pr-20 { padding-right: 20px !important; } .v-pr-22 { padding-right: 22px !important; } .v-pr-24 { padding-right: 24px !important; } .v-pr-26 { padding-right: 26px !important; } .v-pr-28 { padding-right: 28px !important; } .v-pr-30 { padding-right: 30px !important; } .v-pr-40 { padding-right: 40px !important; } .v-pr-50 { padding-right: 50px !important; } /* 上填充 */ .v-pt-0 { padding-top: 0px !important; } .v-pt-1 { padding-top: 1px !important; } .v-pt-2 { padding-top: 2px !important; } .v-pt-3 { padding-top: 3px !important; } .v-pt-4 { padding-top: 4px !important; } .v-pt-5 { padding-top: 5px !important; } .v-pt-6 { padding-top: 6px !important; } .v-pt-8 { padding-top: 8px !important; } .v-pt-10 { padding-top: 10px !important; } .v-pt-12 { padding-top: 12px !important; } .v-pt-14 { padding-top: 14px !important; } .v-pt-16 { padding-top: 16px !important; } .v-pt-18 { padding-top: 18px !important; } .v-pt-20 { padding-top: 20px !important; } .v-pt-22 { padding-top: 22px !important; } .v-pt-24 { padding-top: 24px !important; } .v-pt-26 { padding-top: 26px !important; } .v-pt-28 { padding-top: 28px !important; } .v-pt-30 { padding-top: 30px !important; } .v-pt-40 { padding-top: 40px !important; } .v-pt-50 { padding-top: 50px !important; } /* 下填充 */ .v-pb-0 { padding-bottom: 0px !important; } .v-pb-1 { padding-bottom: 1px !important; } .v-pb-2 { padding-bottom: 2px !important; } .v-pb-3 { padding-bottom: 3px !important; } .v-pb-4 { padding-bottom: 4px !important; } .v-pb-5 { padding-bottom: 5px !important; } .v-pb-6 { padding-bottom: 6px !important; } .v-pb-8 { padding-bottom: 8px !important; } .v-pb-10 { padding-bottom: 10px !important; } .v-pb-12 { padding-bottom: 12px !important; } .v-pb-14 { padding-bottom: 14px !important; } .v-pb-16 { padding-bottom: 16px !important; } .v-pb-18 { padding-bottom: 18px !important; } .v-pb-20 { padding-bottom: 20px !important; } .v-pb-22 { padding-bottom: 22px !important; } .v-pb-24 { padding-bottom: 24px !important; } .v-pb-26 { padding-bottom: 26px !important; } .v-pb-28 { padding-bottom: 28px !important; } .v-pb-30 { padding-bottom: 30px !important; } .v-pb-40 { padding-bottom: 40px !important; } .v-pb-50 { padding-bottom: 50px !important; } /* 左边距 */ .v-ml-0 { margin-left: 0px !important; } .v-ml-2 { margin-left: 2px !important; } .v-ml-3 { margin-left: 3px !important; } .v-ml-4 { margin-left: 4px !important; } .v-ml-5 { margin-left: 5px !important; } .v-ml-6 { margin-left: 6px !important; } .v-ml-8 { margin-left: 8px !important; } .v-ml-10 { margin-left: 10px !important; } .v-ml-12 { margin-left: 12px !important; } .v-ml-14 { margin-left: 14px !important; } .v-ml-16 { margin-left: 16px !important; } .v-ml-18 { margin-left: 18px !important; } .v-ml-20 { margin-left: 20px !important; } .v-ml-22 { margin-left: 22px !important; } .v-ml-24 { margin-left: 24px !important; } .v-ml-26 { margin-left: 26px !important; } .v-ml-28 { margin-left: 28px !important; } .v-ml-30 { margin-left: 30px !important; } /* 右边距 */ .v-mr-0 { margin-right: 0px !important; } .v-mr-2 { margin-right: 2px !important; } .v-mr-3 { margin-right: 3px !important; } .v-mr-4 { margin-right: 4px !important; } .v-mr-5 { margin-right: 5px !important; } .v-mr-6 { margin-right: 6px !important; } .v-mr-8 { margin-right: 8px !important; } .v-mr-10 { margin-right: 10px !important; } .v-mr-12 { margin-right: 12px !important; } .v-mr-14 { margin-right: 14px !important; } .v-mr-16 { margin-right: 16px !important; } .v-mr-18 { margin-right: 18px !important; } .v-mr-20 { margin-right: 20px !important; } .v-mr-22 { margin-right: 22px !important; } .v-mr-24 { margin-right: 24px !important; } .v-mr-26 { margin-right: 26px !important; } .v-mr-28 { margin-right: 28px !important; } .v-mr-30 { margin-right: 30px !important; } /* 上边距 */ .v-mt-0 { margin-top: 0px !important; } .v-mt-2 { margin-top: 2px !important; } .v-mt-3 { margin-top: 3px !important; } .v-mt-4 { margin-top: 4px !important; } .v-mt-6 { margin-top: 6px !important; } .v-mt-8 { margin-top: 8px !important; } .v-mt-10 { margin-top: 10px !important; } .v-mt-12 { margin-top: 12px !important; } .v-mt-14 { margin-top: 14px !important; } .v-mt-16 { margin-top: 16px !important; } .v-mt-18 { margin-top: 18px !important; } .v-mt-20 { margin-top: 20px !important; } .v-mt-22 { margin-top: 22px !important; } .v-mt-24 { margin-top: 24px !important; } .v-mt-26 { margin-top: 26px !important; } .v-mt-28 { margin-top: 28px !important; } .v-mt-30 { margin-top: 30px !important; } /* 下边距 */ .v-mb-0 { margin-bottom: 0px !important; } .v-mb-2 { margin-bottom: 2px !important; } .v-mb-3 { margin-bottom: 3px !important; } .v-mb-4 { margin-bottom: 4px !important; } .v-mb-6 { margin-bottom: 6px !important; } .v-mb-8 { margin-bottom: 8px !important; } .v-mb-10 { margin-bottom: 10px !important; } .v-mb-12 { margin-bottom: 12px !important; } .v-mb-14 { margin-bottom: 14px !important; } .v-mb-16 { margin-bottom: 16px !important; } .v-mb-18 { margin-bottom: 18px !important; } .v-mb-20 { margin-bottom: 20px !important; } .v-mb-22 { margin-bottom: 22px !important; } .v-mb-24 { margin-bottom: 24px !important; } .v-mb-26 { margin-bottom: 26px !important; } .v-mb-28 { margin-bottom: 28px !important; } .v-mb-30 { margin-bottom: 30px !important; } /* 通用按钮格式 */ .v-btn { position: relative; display: block; width: 120px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; border: 0; background-color: #9551ee; cursor: pointer; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .v-btn.v-small { width: 60px; height: 30px; line-height: 30px; } .v-btn.v-big { margin: 0 auto; width: 100%; height: 46px; line-height: 46px; overflow: hidden; } .v-btn:hover,.v-btn:active { /*鼠标经过点击*/ background-color: #8237e3; } .v-disabled { /*按钮不可用*/ color: #fff !important; background-color: #666 !important; cursor: not-allowed; } .disabledtrue { /*禁用按钮*/ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: no-drop; cursor: not-allowed; } /* 字段截取 */ .v-ellipsis { /*单行截取*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .v-ellipsis-row { /*多行截取*/ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-box-orient: vertical; } .v-ellipsis-row.row-1 { /*截取1行*/ -webkit-line-clamp: 1; } .v-ellipsis-row.row-2 { /*截取2行*/ -webkit-line-clamp: 2; } .v-ellipsis-row.row-3 { /*截取3行*/ -webkit-line-clamp: 3; } /*不可选择复制*/ .v-select-none { cursor: pointer; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; } /*通用滚动scroll*/ .scroll-box { overflow-y: auto !important; -webkit-overflow-scrolling : touch !important; } .scroll-box::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); } .scroll-box::-webkit-scrollbar { width: 5px; height: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .scroll-box::-webkit-scrollbar-thumb { /*设置滚动条透明度*/ background-color: rgba(0, 0, 0, .2); background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; min-height: 28px; } .scroll-box::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* End//scroll */ /* 屏蔽highcharts组件 */ .highcharts-credits,.highcharts-button-symbol { display: none !important; } /* 删除滚动条 */ .alpha { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; display: block; width: 100%; height: 100%; } /* 图片填充 */ .filling { margin: 0 auto; display: block; width: 100%; height: 100%; }