﻿@charset "utf-8";
/* ------------------------------------全局定义---------------------------------------- */
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
* { margin: 0; padding: 0; }
/* 修正IE5.x和IE6的斜体溢出bug */
html body {
    overflow-x: hidden;
}
#app{width:100%;overflow-x:hidden}
* html body { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body { color: #000; font: 12px/22px 微软雅黑, Verdana, Arial, sans-serif, "Times New Roman", 宋体,; text-align: center; background-color: #fafafa; min-width: 960px }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr { margin: 0; padding: 0; }
input, select { font-size: 12px; vertical-align: middle; }
/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div { text-align: left; }
/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea, input { word-wrap: break-word; word-break: break-all; padding: 0px; }
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
li { list-style-type: none; }
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
i{font-style:normal}
img { border: 0 none; }
/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link, a:visited { color: #04C; text-decoration: none; }
a:hover { color: #F60; text-decoration: underline; }
/* 去掉链接的虚线框 */
a { outline: none; star: expression(this.onFocus=this.blur());
}
/* 定义H系列标签，覆盖H系列标签默认属性 */
h1, h2, h3, h4, h5, h6 { font-family: 微软雅黑, Arial }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.section { min-height: 530px; background-position: center center; background-size: cover }
.wrap {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 10;
    width: 1190px;
}
.section-box .pic { display: block; max-width: 100% }
.section-tit { padding: 45px 0 25px 0; position: relative; z-index: 10; display: none; }
.section-tit h1 { text-align: center; font-size: 1.75rem; color: #282d48; font-weight: bolder; word-spacing: 5px; }
.section-tit h5 { text-align: center; font-size: 1.0rem; color: #706B6B; font-weight: 500; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; opacity: 0.65; word-spacing: 2px; }
.section-bd { }.section:before, .section:after { content: " "; display: table; background-repeat: no-repeat; background-position: right center; }
.section:after { clear: both; }
 @media (min-width: 768px) {
.wrap { width: 750px; }
}
 @media (min-width: 992px) {
.wrap { width: 970px; }
}
 @media (min-width: 1200px) {
.wrap { width: 1170px; }
}

/*页面加载*/
.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.35;
    z-index: 100;
}

.loading {
    z-index: 115;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 35px;
    height: 35px;
    margin-left: -17.5px;
    margin-top: -17.5px;
    z-index: 999;
}

    .loading .el-icon-loading {
        color: #fff;
        font-size: 35px;
    }