@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%;
}