@charset "UTF-8";
@import "./iconfont.css";
/*配置主题主色调变量*/
:root{
    --pro-main-color: #C20D22;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0}
body {font-family: 'Poppins', "Microsoft YaHei", "微软雅黑", Arial, sans-serif}
ul, li {margin: 0;padding: 0;list-style: none}
div, p, h1, h2, h3, h4, h5, ul, li, a, span, i { box-sizing: border-box; }
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a {color:var(--link-color, #1E1E21); text-decoration:none;}
a:hover,a:active{background-color:transparent;color: var(--link-hover-color, #D91415);text-decoration:none;}
a, a::after, a:before {transition: all .3s cubic-bezier(0.61, 1, 0.88, 1);}
a.tile,a.cover,span.tile {display: block;width: 100%;height: 100%;}
a.cover {position: absolute}
abbr[title]{border-bottom:0;text-decoration:underline dotted;}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}

.el-scale, .el-scale-medium, .el-scale-small {transition: all .6s;}
.el-scale:hover{transform: scale(1.02);}
.el-scale-medium:hover{transform: scale(1.08);}
.el-scale-small:hover{transform: scale(1.05);}

/*弹出窗皮肤样式*/
.l__layer-dialog {background-color: rgba(0, 0, 0, 0.8) !important;}
.l__layer-dialog .layui-layer-title {color: #ffffff;}
.l__layer-dialog .layui-layer-setwin {top: 15px;}
.l__layer-dialog .layui-layer-setwin a {width: 20px;height: 20px;}
.l__layer-dialog .layui-layer-close1 {color: #fff;background: transparent;text-align: center;font-size: 20px;}
.l__layer-dialog .layui-layer-close1::before {}
.l__layer-dialog .layui-layer-content {color: #ffffff;}

/* 文字超了显示省略号 */
.line-1 {display:block; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line-2 {display:block; width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-3 {display:block; width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.banner__container, .banner__container img {
    width: 100%;
}

.sticky {position: sticky;transition: top .3s;}
.show-navbar .sticky { top: var(--navigation-height); }
.hide-navbar .sticky { top: var(--sticky-offset, 0); }

.show-pc {display: none;}
@media screen and (min-width: 996px) {
    .show-mobile {display: none;}
    .show-pc {display: block;}
}

.pagingbar .pages {display: flex;align-items: center;font-size: 16px;justify-content: center;margin-top: 21px}
.pagingbar a, .pagingbar span.current {border-radius: 5px; line-height: 34px;margin: 0 5px;text-align: center;min-width: 38px;font-weight: 600;padding: 0 10px;border: 1px solid #1E1E21;}
.pagingbar a:hover, .pagingbar span.current { border: 1px solid var(--pro-main-color); background-color: var(--pro-main-color); color: #FFFFFF; border-radius: 5px;}
.pagingbar span.more {margin: 0 5px;display: block;}

/* 隐私政策样式 */
.privacy-nav { position: fixed; bottom: 0; left: 0; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.75); z-index: 199; width: 100%; padding: 20px 30px; backdrop-filter: blur(10px) brightness(90%); }
.privacy-nav a { --link-color: #FFFFFF; }
.privacy-nav .content { word-break: keep-all; word-wrap: break-word; }
.privacy-nav .content a { text-decoration: underline; }
.privacy-nav .actions { display: flex; justify-content: space-evenly; margin-top: 16px; }
.privacy-nav .actions a { display: inline-block; padding: 9px 26px 10px; border-radius: 40px; border: 1px #FFFFFF solid; }
.privacy-nav .actions a:first-child { background-color: #FFFFFF; color: #1E1E21; }
.privacy-nav .actions a:hover { background-color: var(--pro-main-color); color: #FFFFFF; border-color: var(--pro-main-color); }
.privacy-checkbox { margin-top: 2.8vw!important; }
.privacy-checkbox a { color: var(--pro-main-color); text-decoration: underline; }
.privacy-checkbox .layui-form-checkbox:hover>i, .privacy-checkbox .layui-form-checked>i { border-color: var(--pro-main-color) !important; }
.privacy-checkbox .layui-form-checked>i { background-color: var(--pro-main-color); }

@media screen and (min-width: 992px) {
    .privacy-nav { padding: 15px 120px; font-size: 16px; display: flex; align-items: center; justify-content: space-between; }
    .privacy-nav .content { padding-right: 180px; }
    .privacy-nav .actions { display: block; flex-shrink: 0; align-items: center; margin-top: 0; }
    .privacy-nav .actions a:first-child { margin-right: 16px; }
    .privacy-checkbox { margin-top: 1vw!important; }
    /*.l__layer-privacy { width: 80% !important; height: 90% !important; max-width: 1440px; }*/
}

@-webkit-keyframes rotateForward{
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotateForward{
    0%{transform:rotate(0deg);}
    50%{transform:rotate(180deg);}
    100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotateReverse {
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(-180deg);}
    100%{-webkit-transform:rotate(-360deg);}
}
@keyframes rotateReverse {
    0%{transform:rotate(0deg);}
    50%{transform:rotate(-180deg);}
    100%{transform:rotate(-360deg);}
}

@-webkit-keyframes MessageTipScrolling{
    0%{-webkit-transform:translateX(0);}
    100%{-webkit-transform:translateX(var(--offset-x, 0));}
}
@keyframes MessageTipScrolling{
    0%{transform:translateX(0);}
    100%{transform:translateX(var(--offset-x, 0));}
}