@charset "UTF-8";
body, html {
    width:100%;
    font-size:12px;
    font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color:#fff;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;/*字体抗锯齿渲染*/
    /*word-wrap 属性允许长单词或 URL 地址换行到下一行*/
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    /*允许独立的滚动区域和触摸回弹*/
    -webkit-tap-highlight-color: transparent;
    overflow-x: auto;
    overflow-y: scroll;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #212529;
}
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,button,hr,input,option,textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    box-sizing: content-box;
    -moz-box-sizing: content-box;   /* Firefox */
    -webkit-box-sizing: content-box;/* Safari */
    vertical-align: baseline;
    background: transparent;
    font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
div, ul, li, img, input, button {
    box-sizing: border-box;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
*, ::after, ::before {
    box-sizing: border-box;
}
:link, :visited {
    text-decoration: none;
}
:focus, :hover {
    outline: 0 none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 浮动、清除浮动 */
.fl { float: left; }
.fr { float: right; }
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    *zoom: 1;
}
/* 字体大小风格颜色继承父级 */
.info,a,b,em,h1,h2,h3,h4,h5,h6,i,input,s,span,strong,textarea {
    font: inherit;
    font-size: 1em;
    color: inherit;
}
/* 选择器匹配元素中被用户选中或处于高亮状态的部分 */
::selection {
    background-color: #40c87f;
    color: #fff;
    text-shadow: none;/*关闭阴影*/
}
::-moz-selection {
    background-color: #40c87f;
    color: #fff;
    text-shadow: none;
}
/* 排序ul li ol */
ol, ul { list-style: none; }
li { list-style: none; }
/* a标签样式 */
a {
    text-decoration: none;
    color: #1b1b1e;
    vertical-align: baseline;
    transition: color 220ms;
    -webkit-transition: color 220ms;
    -moz-transition: color 220ms;
    -o-transition: color 220ms;
    -ms-transition: color 220ms;
}
a:hover {
    color: #04539c !important;
}
/* input表单提示文字的颜色 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #b3b3b3;
}
/* 去除点击时的边框 */
input, textarea, select, a:focus {
    outline: none;
}
input:focus{
    outline: medium;
}
.btn, .buts, .close, .ctr, label {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
/* 移入时鼠标变为手型 */
.btn, .button, .ctr, .link, label, li {
    cursor: pointer;
}
/* 动画效果：鼠标移入平滑上移8px */
.seven-transition:hover {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.seven-transition {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* 阴影效果 */
.seven-box-shadow {
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
}
.seven-hover-box-shadow:hover {
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
}
/* IMG图片处理 */
img {
    border: none;
    filter: inherit;
    -webkit-filter: inherit;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    outline: none;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    vertical-align: top;
}
.pic {
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 0;
}
/* div.pic/div.scs下的a下的img */
.pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    object-position: 50% 50%;
    object-fit: cover;
    border-radius: inherit;
}
.scs img {
    transition-duration: 800ms;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    -moz-transition-duration: 800ms;
    -ms-transition-duration: 800ms;
}
.scs:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
/* 鼠标移入出现下划线 */
.underline { position: relative; }
.underline::after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #1E9FFF;
    position: absolute;
    top: 85%;
    left: 50%;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
}
.underline:hover::after {
    left: 15%; width: 70%;
}
/* 下划线 */
.hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}

/* 分割线 */
.split-line {
    width: 1px;
    height: 12px;
    vertical-align: top;
    background-color: #dcdcdc;
    margin: 11px 7px 0 7px;
}
.user-selects {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
}
/*文字显示*/
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
/*padding、margin*/
.p10 { padding: 10px }
.p20 { padding: 20px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pt40 { padding-top: 40px }
.pt80 { padding-top: 80px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb80 { padding-bottom: 80px;}
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
/*字体大小*/
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
.f24 { font-size: 24px; }
/*颜色*/
.bg-blue {
    background-color: #1E9FFF;
}
/*主题颜色*/
.bg-theme {
    background-color: #40c87f;
}
.c-theme {
    color: #40c87f;
}
.bg-light-gray {
    background-color: #f1f5f8;
}
.cf {
    color: #fff !important;
}
/* 白色背景 */
.bc-fff {
    background-color: #fff;
}
/* 红色加粗：主要用于layui图标 */
.c-r-w {
    color: red;
    font-weight: bold;
}
/* 色加粗：主要用于layui图标 */
.c-g-w {
    color: #888;
    font-weight: bold;
}
/*突出颜色：热门推荐*/
.bg-hot {
    background-color: #FF5722;
}
.c-hot {
    color: #FF5722;
}
/* 文字溢出 */
.font_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
}
/* 文字居中 */
.tc {
    text-align: center;
}
/*文本显示1行*/
.ellipsis {
    width: 100%;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden;   /*隐藏溢出的内容*/
    text-overflow: ellipsis; /*显示为省略号*/
}
/*文本显示2行*/
.ellipsis2 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /*限制在一个块元素显示的文本的行数*/
    -webkit-box-orient: vertical;
    overflow: hidden;   /*隐藏溢出的内容*/
    text-overflow: ellipsis; /*显示为省略号*/
}

.qd_controller {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
.lay-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.more {
    color: #b8b8b8;
    font-size: 14px;
}
.delete-line {
    text-decoration: line-through;
}