/*定义变量*/
:root {
    --bg-color: #fff;
    --text-color: #333333;
    --text-color-hover: #cc0000;
    --text-gray: #666;
    --text-gray-light: #999;
    --main-bgcolor: #fff1f1;
    --main-bgcolor-hover: #ffebe0;
    --main-color: #cc0000;
    --main-color-hover: #e55918;
    --stock-color: #cc0000;
    --date-dot1: #f16622;
    --date-dot2: #428adc;
    --date-dot3: #55c629;
    --stock-red: #ff0000;
    --stock-green: #50cb9b;
}

@font-face {
    font-family: 'source_han_sans_cn_normal';
    src: url('fonts/SourceHanSansCN-Normal.otf');
}

/*定义全局样式*/
*,html{margin:0;padding:0;box-sizing:border-box;outline:0}
*:focus{ outline: 0;}
body,html{overflow-x:hidden}
button,input{margin:0;padding:0;list-style-type:none;border:0; outline:0}
ol,ul{margin:0;padding:0}
a{text-decoration:none; background-color: transparent;-webkit-text-decoration-skip: objects;}
a:active,a:hover{text-decoration:none; outline: none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
:first-child+html .clearfix{zoom:1}
ul li{list-style:none}
p{ margin:0; }

/*初始化*/
html { color:var(--text-color); font-size: 16px; font-weight: 400; line-height: 1.8; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; vertical-align: baseline; font-weight: 400; letter-spacing: 0px; }
body { color:var(--text-color); font-weight:400; line-height:1.8; margin:0; font-family: 'SourceHanSans','source_han_sans_cn_normal',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei"; width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
/*链接色*/
a,.uk-link {color:var(--text-color); text-decoration: none;cursor: pointer;}
a:hover,.uk-link:hover {color:var(--text-color-hover);}
/*标题色*/
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{ color:var(--text-color); font-family:'SourceHanSans','source_han_sans_cn_normal',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei"; }


/*BUTTON*/
.uk-button{ font-size: 14px; text-transform: capitalize; }
.uk-button-main {background-color:var(--main-color); color: #fff;border: 1px solid transparent; }
.uk-button-main:hover, .uk-button-main:focus { background-color: var(--text-color-hover); color: #fff; }
.uk-button-main:active, .uk-button-main.uk-active { background-color: var(--main-color-hover); color: #fff; }

.uk-button-red {background-color:#c9151e; color: #fff;border: 1px solid transparent;}
.uk-button-red:hover, .uk-button-red:focus { background-color: #a60008; color: #fff;}
.uk-button-red:active, .uk-button-red.uk-active { background-color: #a60008; color: #fff; }

.uk-button-blue {background-color:#edd600; color: #fff;border: 1px solid transparent;}
.uk-button-blue:hover, .uk-button-blue:focus { background-color: #2f70b8; color: #fff;}
.uk-button-blue:active, .uk-button-blue.uk-active { background-color: #2f70b8; color: #fff; }

.uk-button-coffee {background-color:#c4a585; color: #fff;border: 1px solid transparent;}
.uk-button-coffee:hover, .uk-button-coffee:focus { background-color: #b48c64; color: #fff;}
.uk-button-coffee:active, .uk-button-coffee.uk-active { background-color: #b48c64; color: #fff; }

.uk-button-yellow {background-color: #edd600; color: #1b1b1b; border: 1px solid transparent;}
.uk-button-yellow:hover, .uk-button-yellow:focus { background-color: #edce00; color: #000;}
.uk-button-yellow:active, .uk-button-yellow.uk-active { background-color: #edce00; color: #000; }

.uk-button-orange {background-color: #e98809; color: #fff;border: 1px solid transparent;}
.uk-button-orange:hover, .uk-button-orange:focus { background-color: #c9440e; color: #fff;}
.uk-button-orange:active, .uk-button-orange.uk-active { background-color: #c9440e; color: #fff; }

.uk-button-black {background-color: #000; color: #fff;border: 1px solid transparent;}
.uk-button-black:hover, .uk-button-black:focus { background-color: #222; color: #fff;}
.uk-button-black:active, .uk-button-black.uk-active { background-color: #222; color: #fff; }

.uk-button-gray {background-color: #929292; color: #fff;border: 1px solid transparent;}
.uk-button-gray:hover, .uk-button-gray:focus { background-color: #777777; color: #fff;}
.uk-button-gray:active, .uk-button-gray.uk-active { background-color: #777777; color: #fff; }

.uk-button-green {background-color: #77bf00; color: #fff;border: 1px solid transparent;}
.uk-button-green:hover, .uk-button-green:focus { background-color: #5ea500; color: #fff;}
.uk-button-green:active, .uk-button-green.uk-active { background-color: #5ea500; color: #fff; }

.uk-button-default:hover, .uk-button-default:focus { background-color:#f8f8f8; }
.uk-button-default:active, .uk-button-default.uk-active { background-color: #f8f8f8; }

.uk-button-black {background-color: #000000; color: #fff;border: 1px solid transparent;}
.uk-button-black:hover, .uk-button-black:focus { background-color: #282828; color: #fff;}
.uk-button-black:active, .uk-button-black.uk-active { background-color: #282828; color: #fff; }


/*图片比例占位*/
.img{display:block; position: relative; height: 0; width: 100%; overflow: hidden; }
.img > * { position: absolute; left: 0; top: 0; bottom:0; right:0;}
.img > * > img{ max-width: 100%; max-height: 100%;}
.img[data-ratio="1:1"]{padding-top:100%}
.img[data-ratio="1:2"]{padding-top:200%}
.img[data-ratio="2:1"]{padding-top:50%}
.img[data-ratio="1:3"]{padding-top:300%}
.img[data-ratio="3:1"]{padding-top:33.33%}
.img[data-ratio="2:3"]{padding-top:150%}
.img[data-ratio="3:2"]{padding-top:66.67%}
.img[data-ratio="3:4"]{padding-top:133.333%}
.img[data-ratio="4:3"]{padding-top:75%}
.img[data-ratio="5:2"]{padding-top:40%}
.img[data-ratio="2:5"]{padding-top:250%}
.img[data-ratio="5:3"]{padding-top:60%}
.img[data-ratio="5:4"]{padding-top:80%}
.img[data-ratio="6:5"]{padding-top:83.333%}
.img[data-ratio="4:5"]{padding-top:125%}
.img[data-ratio="7:4"]{padding-top:57.14%}
.img[data-ratio="4:7"]{padding-top:175%}
.img[data-ratio="16:9"]{padding-top:56.25%}
.img[data-ratio="9:16"]{padding-top:177.778%}
.img[data-ratio="14:9"]{padding-top:64.285%}
.img[data-ratio="9:14"]{padding-top:155.555%}
.img[data-ratio="17:12"]{padding-top:70.588%}
.img[data-ratio="12:17"]{padding-top:141.666%}


/*圆角*/
.br-8{border-radius:8px}
.br-6{border-radius:6px}
.br-4{border-radius:4px}
.br-2{border-radius:2px}


/*placeholder 颜色定义*/
:-ms-input-placeholder {color: #999999 !important;}
::-moz-placeholder {color: #999999;}
::-webkit-input-placeholder{color:#999; }

/*超出隐藏*/
.max-line-1{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.max-line-2,.max-line-3,.max-line-4,.max-line-5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.max-line-2{-webkit-line-clamp:2}
.max-line-3{-webkit-line-clamp:3}
.max-line-5{-webkit-line-clamp:5}

/*文字背景相关*/
.fyh{ font-family: 'Microsoft Yahei';}
.text-indent{ text-indent: 2em; }
.text-main{ color:var(--main-color); }
.text-coffee{ color:#a26423;}
.text-yellow{ color:#edd600;}
.text-orange{ color:#e98809; }
.text-green{ color:#77bf00; }
.text-red{ color:#ff3300; }
.text-blue{ color:#0053a4; }
.text-blue2{ color:#77bddc; }
.text-black{ color:#000; }
.text-black2{ color:#515151; }
.text-white{ color:#fff; }
.text-gray{ color:var(--text-gray); }
.text-gray2{ color:var(--text-gray-light); }
.bg-white{ background: #fff;}
.bg-green{ background: #84b226;}
.bg-blue{ background: #edd600;}
.bg-orange{ background: #fe6600;}

/*字号相关*/
.fs100{ font-weight: 100;}
.fen{ font-family: Arial;}
.fi{ font-style:italic;}
.fn{ font-weight: normal; font-style: normal;}
.fb{ font-weight: bold;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}
.f16{ font-size: 1rem;}
.f18{ font-size: 1.125rem;}
.f20{ font-size: 1.25rem;}
.f22{ font-size: 1.375rem;}
.f24{ font-size: 1.5rem;}
.f26{ font-size: 1.625rem;}
.f28{ font-size: 1.75rem;}
.f30{ font-size: 1.875rem;}
.f32{ font-size: 2rem;}
.f34{ font-size: 2.125rem;}
.f36{ font-size: 2.25rem;}
.f38{ font-size: 2.375rem;}
.f40{ font-size: 2.5rem;}
.f48{ font-size: 3rem;}
.f50{ font-size: 3.125rem;}
.f60{ font-size: 3.75rem;}
.f70{ font-size: 4.375rem;}
.f80{ font-size: 5rem;}
.f90{ font-size: 5.625rem;}
.f100{ font-size: 6.25rem;}
.f110{ font-size: 6.875rem;}
.f120{ font-size: 7.5rem;}

/*行高预定义*/
.line-height-10{ line-height: 1;}
.line-height-11{ line-height: 1.1;}
.line-height-12{ line-height: 1.2;}
.line-height-14{ line-height: 1.4;}
.line-height-16{ line-height: 1.6;}
.line-height-18{ line-height: 1.8;}
.line-height-20{ line-height: 2.0;}
.line-height-22{ line-height: 2.2;}
.line-height-24{ line-height: 2.4;}


/*表格相关*/
.uk-table th{ font-size: 14px; text-transform: capitalize; }
.uk-navbar-nav>li>a{ text-transform: capitalize; }


.uk-container { padding: 0; max-width: 1400px; }


/*表单相关*/
.uk-input{ font-size: 14px;}
.uk-select[multiple], .uk-select[size], .uk-textarea{ font-size: 14px; }
.uk-form-large:not(textarea):not([multiple]):not([size]){ height: 50px; }
.uk-form-horizontal .uk-form-label{ }
.uk-form-large.uk-textarea{ line-height: 1.8; padding-top: 10px; padding-bottom: 10px;}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus { border-color: var(--main-color); }
.uk-radio,
.uk-checkbox{ background-color:#fff; }
.uk-radio:focus,
.uk-checkbox:focus{ border-color:var(--main-color); }
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate { background-color: var(--main-color); border-color: transparent; }
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus { background-color: var(--main-color); }



/*边距处理*/
.p5{ padding:5px!important;}
.p10{ padding:10px!important;}
.p15{ padding:15px!important;}
.p20{ padding:20px!important;}
.p25{ padding:25px!important;}
.p30{ padding:30px!important;}
.pb0{ padding-bottom:0px!important;}
.pb5{ padding-bottom:5px!important;}
.pb10{ padding-bottom:10px!important;}
.pb15{ padding-bottom:15px!important;}
.pb20{ padding-bottom:20px!important;}
.pb25{ padding-bottom:25px!important;}
.pb30{ padding-bottom:30px!important;}
.pb50{ padding-bottom:50px!important;}
.pb90{ padding-bottom:90px!important;}
.pr20{ padding-right:20px!important;}
.pr30{ padding-right:30px!important;}
.pt0{ padding-top:0!important;}
.pt5{ padding-top:5px!important;}
.pt10{ padding-top:10px!important;}
.pt15{ padding-top:15px!important;}
.pt20{ padding-top:20px!important;}
.pt30{ padding-top:30px!important;}
.pt40{ padding-top:40px!important;}
.plr5{ padding-left:5px!important; padding-right:5px!important;}
.plr10{ padding-left:10px!important; padding-right:10px!important;}
.plr15{ padding-left:15px!important; padding-right:15px!important;}
.plr20{ padding-left:20px!important; padding-right:20px!important;}
.plr25{ padding-left:25px!important; padding-right:25px!important;}
.plr30{ padding-left:30px!important; padding-right:30px!important;}
.ptb5{ padding-top:5px!important; padding-bottom:5px!important;}
.ptb10{ padding-top:10px!important; padding-bottom:10px!important;}
.ptb15{ padding-top:15px!important; padding-bottom:15px!important;}
.ptb20{ padding-top:20px!important; padding-bottom:20px!important;}
.ptb25{ padding-top:25px!important; padding-bottom:25px!important;}
.ptb30{ padding-top:30px!important; padding-bottom:30px!important;}
.m5{ margin:5px!important;}
.m10{ margin:5px!important;}
.m15{ margin:5px!important;}
.m20{ margin:5px!important;}
.m25{ margin:5px!important;}
.m30{ margin:5px!important;}
.mt0{ margin-top:0px!important; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mb0{ margin-bottom:0px!important; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.ml5{ margin-left:5px; }
.mr5{ margin-right:5px; }
.ml10{ margin-left: 10px;}
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mlr5{ margin-left:5px!important; margin-right:5px!important;}
.mlr10{ margin-left:10px!important; margin-right:10px!important;}
.mlr15{ margin-left:15px!important; margin-right:15px!important;}
.mlr20{ margin-left:20px!important; margin-right:20px!important;}
.mlr25{ margin-left:25px!important; margin-right:25px!important;}
.mlr30{ margin-left:30px!important; margin-right:30px!important;}
.mtb5{ margin-top:5px!important; margin-bottom:5px!important;}
.mtb10{ margin-top:10px!important; margin-bottom:10px!important;}
.mtb15{ margin-top:15px!important; margin-bottom:15px!important;}
.mtb20{ margin-top:20px!important; margin-bottom:20px!important;}
.mtb25{ margin-top:25px!important; margin-bottom:25px!important;}
.mtb30{ margin-top:30px!important; margin-bottom:30px!important;}


/*右下角切换语言*/
.PathInner{position:fixed;right:20px;bottom:70px;width:50px;height:50px; z-index:9999; user-select:none; -webkit-user-select:none; /*webkit浏览器*/}
.PathInner .PathItem{position:absolute;left:0;bottom:0}
.PathInner .PathMain{z-index:1000;position:absolute;display:block;background-position:center;background-repeat:no-repeat;bottom:0;left:0;cursor: pointer;}
.PathInner .PathMain .Tmain{background:var(--main-color);width:50px;height:50px; line-height:50px; text-align:center; border-radius:50%; color:#fff; }
.PathItem a{position:absolute;bottom:1px;left:1px;width:48px;height:48px;background:var(--main-color); line-height:48px; text-align:center; border-radius:50%; color:#fff; }
.PathInner .PathMain .cur{ position:relative; z-index:9; width:50px; height:50px; border-radius:50%; border:1px solid transparent; background:var(--main-color); }
@keyframes scaleToggleOne{
    0{transform:scale(1);-webkit-transform:scale(1)}
    50%{transform:scale(1.5);-webkit-transform:scale(1.5)}
    100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{
    0{transform:scale(1);-webkit-transform:scale(1)}
    20%{transform:scale(1);-webkit-transform:scale(1)}
    60%{transform:scale(1.5);-webkit-transform:scale(1.5)}
    100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{
    0{transform:scale(1);-webkit-transform:scale(1)}
    33%{transform:scale(1);-webkit-transform:scale(1)}
    66%{transform:scale(1.5);-webkit-transform:scale(1.5)}
    100%{transform:scale(1);-webkit-transform:scale(1)}
}
.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.hotline .animated-circles{position:absolute;left:0;top:0;z-index:1;}
.hotline .circle{background:rgba(233,51,1,.25); width:50px; height:50px; border-radius:50%; position:absolute; z-index:49;transform:scale(1); -webkit-transform:scale(1)}
.hotline .c-1{animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) infinite alternate;}
.hotline .c-2{animation:2.7s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) infinite alternate}
.hotline .c-3{animation:3.3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) infinite alternate}

/*扫描效果*/
@keyframes scanqrcode{0%{top:-123px;}100%{top:0;}}
@-webkit-keyframes scanqrcode{0%{top:-123px;}100%{top:0;}}
@-moz-keyframes scanqrcode{0%{top:-123px;}100%{top:0;}}
.scanqrcode{ overflow: hidden; position: relative; padding:10px; }
.scanqrcode::before {
  animation-name: scanqrcode;
  -webkit-animation-name: scanqrcode;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.scanqrcode::before { display: block; content:''; width: 100%; height: 100%; position: absolute; left: 0; top: -123px; background: rgba(26, 132, 190, 0.3); border-bottom: 3px solid #4AB86A; }

.uk-width-100{ width: 125px; }
.uk-width-160{ width: 160px; }
.uk-width-200{ width: 200px; }

/*layui reset*/
.sidebar .layui-laydate-static{ display: block;}
.sidebar .layui-laydate-main{ width: 100%;}
.sidebar .layui-laydate-footer{ display: none;}
.sidebar .layui-laydate{ border:0; box-shadow: none; background:none; }
.sidebar .layui-laydate-list{ background:#f5f5f5; }
.sidebar .layui-laydate .layui-this{ background: none !important;; color: #666 !important; }
.sidebar .layui-laydate-header{ border:0; }
.sidebar .laydate-set-ym{ font-size:18px; color:#000; }
.sidebar .layui-laydate-content th{ color:#000; font-weight: bold; font-size:16px; }
.sidebar .layui-laydate-header i:hover, .hdpage .layui-laydate-header span:hover{ color:#fe7704; }
.sidebar .layui-laydate-content table{ width: 100%; font-size:16px; }
.sidebar .layui-laydate-content td.hddot1, .hdpage .layui-laydate-content td.hddot2, .hdpage .layui-laydate-content td.hddot3{ position: relative;  }
.layui-laydate-content td.hddot1::before, .hdpage .layui-laydate-content td.hddot2::before, .hdpage .layui-laydate-content td.hddot3::before{ position: absolute; left:50%; bottom:0; margin-left:-4px; content:''; display: block; width:8px; height:8px; border-radius: 50%; }
.sidebar .layui-laydate-content td.hddot1::before{ background:#f16622; }
.sidebar .layui-laydate-content td.hddot2::before{ background:#428adc; }
.sidebar .layui-laydate-content td.hddot3::before{ background:#55c629; }

.layui-form-select dl{ margin:0; }
.layui-form-select dl dd:hover{ background: var(--main-color); color:#fff; }

.layui-laydate-footer span:hover,.layui-laydate-footer .layui-laydate-preview{ color:#666!important; }

body .layui-laydate .layui-this{ background: var(--main-color)!important; } /**/

.layui-form-radio>i:hover, .layui-form-radioed>i{ color:var(--main-color); }
.layui-form-select dl dd.layui-this{background-color: var(--main-color);}
.layui-laydate .layui-this {background-color: var(--main-color)!important; border-radius: 5px;}
.layui-form-select dl .layui-select-tips{ display: none; }