#root{ max-width:800px; margin-left: auto; margin-right: auto; }
.maxwidth{ width: 800px; margin-left: auto; margin-right: auto; }



.header{  background:url(../images/top_bg.gif) top repeat-x; }
.header .hd{ height: 82px; }
.header .hd .toplink{ line-height: 40px; padding-right:20px; }
.header .hd .lang{ margin-left:25px; }
.header .hd .lang a:hover, .header .hd .cur{ color:var(--main-color);}
.header .hd .sobox{ padding-right:20px; }
.header .hd .sobox input{ width: 180px; padding:1px 2px; border: 1px solid #333; margin-right:20px; border-radius: 4px; }

.header .menu{ min-height:30px;}
.header .menu li{  flex:auto; -moz-box-flex:auto; -moz-box-flex:auto; -webkit-flex:auto; -ms-flex:auto; }
.header .menu li a{ display:block; color:#fff; background:url(../images/bg_nav.jpg) center right; text-align:center; height:30px; line-height:30px; font-size:12px; font-family:'宋体'; font-weight:bold; }
.header .menu li a:hover,.header .menu li a.active{ background-image:url(../images/bg_nav_hover.jpg); }



.en-body .header .menu li:first-child a{ padding:9px 3px; }
.en-body .header .menu li a{ font-weight:normal; font-family:arial; padding:3px 3px; line-height:1; }
.en-body .header .menu li a span{ zoom:0.88; }

.header.uk-active{ box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);}

.header .fd{ height: 25px; line-height: 24px; background:url(../images/sub_bg.gif); padding:0 20px 0 24px; }
.header .fd .crumb .last{ color:#cc0000; }


/*多语言*/
.uk-lang{ margin-left:100px; }
/* .lang { padding:5px; position: absolute; right:0; top:0; } */
.lang .box{ position: relative; padding:0px 10px 0 20px; line-height: 30px; color:#8d8d8d; }
.lang .box .iconfont{ position: absolute; left: 0; }
.lang .uk-drop{ background:#f8f8f8; margin-top:0; width:100px; padding:10px 0; }
.lang .uk-drop a{ display: block; line-height: 36px; padding:0 20px; color:var(--text-color); }
.lang .uk-drop a.cur,.lang .uk-drop a:hover{ color:var(--main-color); }

.banner{ margin:8px 0; }

.tbody>.uk-grid{ margin-left:-8px; }
.tbody>.uk-grid>*{ padding-left:8px; }


/*页脚*/
.footer{ background:url(../images/foot_bg.gif) top center repeat-x; padding:20px 0 50px; margin-top:10px; }
.footer .gongan{ padding:0 10px; }
.footer .kxico{ padding:0 10px; }


.titbar{ margin:0; height: 27px; line-height: 25px; background:url(../images/bg_tit.jpg); border-bottom:2px solid #999999;  }
.titbar span{ display: inline-block; margin:0; line-height: 25px; border-bottom:2px solid var(--main-color); padding:0 5px 0 20px; }
/* .titbar .lang>a{ margin-left:10px; width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; background:#dbdbdb; color:#fff; }
.titbar .lang>a:hover,.titbar .lang>a.cur{ background:var(--main-color); } */

.mainbox{ border:1px solid #cccccc; }

/*侧边栏*/
.sidebar{ width: 200px !important; border:1px solid #cccccc; background:#eceaeb; padding-bottom: 50px; }
.sidebar h3{ padding-left:15px; margin: 0 0 5px; height: 27px; line-height: 25px; background:url(../images/bg_tit.jpg); border-bottom:2px solid #999999; }
.sidebar li a{ display: block; padding:10px 10px 12px 30px; background:url(../images/mu.gif) bottom center no-repeat; line-height: 1.4; position: relative; }
.sidebar li a::before{ content:''; display: block; width:3px; height: 3px; background:var(--main-color); position: absolute; left: 16px; top: 16px; }
.sidebar li a:hover,.sidebar li.active a{ color:var(--main-color); }

/*首页 - 企业资料*/
.baseinfo{ padding:20px 20px 80px; }
.baseinfo dl{ margin-bottom: 30px; }
.baseinfo dl dt{ margin-bottom: 5px;}

.baseinfo a{font-size: 11px; color: #666666;text-decoration: underline;}
.baseinfo a:hover{ text-decoration: none; color:var(--main-color); }
.baseinfo dd span{ display: inline-block; width:60px; }


/*公告通函*/
.announcement{ padding:10px 10px 20px; }

.filteryear2{ margin-bottom: 10px; border-bottom:1px solid #ebebeb; height: 47px; z-index: 9; }
.filteryear2 .yearline>a{ color:#b9b9b9; line-height: 45px; border-bottom:3px solid transparent;  margin-right: 20px; }
.filteryear2 .yearline>a:hover,.filteryear2 .yearline>a.active{ color:var(--main-color); }
.filteryear2 .yearline>a.active{ border-bottom:3px solid var(--main-color); }

.yearselect{ width:120px; font-size: 12px; }
.yearselect .layui-form-select .layui-input{ height: 30px; }

.toolbar{ padding:10px; background:#ebebeb; color:#646464; }
.toolbar .uk-input, .toolbar .layui-input{ border:1px solid #fff; color:var(--text-color); border-radius: 4px; padding-left:5px; height: 30px; }
.toolbar .uk-button { height: 30px; padding: 0 5px; }
.toolbar .uk-button span{ display: block; }
.toolbar .startdate::after{ position: absolute; right: -11px; top:50%; content:''; display: block; width: 7px; height: 2px; background:#c8c8c8; }

.toolbar .layui-form-select dl dd, .toolbar .layui-form-select dl dt{ font-size: 12px; }

.notice-total{ margin:10px 0 10px; color:#919191; }

.filtertype{ padding-bottom:5px; }
.filtertype a{ display: block; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 5px; margin-bottom: 5px; background:#cbcbcb; color:#fff; }
.filtertype a:hover,.filtertype a.active{ color:#fff; background:var(--main-color); }


.noticelist li .uk-wrap{ position: relative; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; padding:18px 120px 18px 100px; min-height: 85px; }
.noticelist li .date{ position: absolute; left: 10px; top:15px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.noticelist li .date .hd{ line-height: 1;}
.noticelist li .date::before{ position: absolute; top:50%; right: -15px; transform: translateY(-50%); content:''; display: block; width:1px; height: 48px; background: #e4e4e4; }
.noticelist li .tag{ line-height: 1.6; margin-bottom: 0px; }
.noticelist li .tit{ line-height: 1.6; padding-bottom: 4px; }
.noticelist li .more{  right:20px; width:40px; height: 40px; line-height: 40px; border-radius: 50%; background:var(--main-color); color:#fff; text-align: center; z-index: 10; }
.noticelist li .more .iconfont{ font-size:24px; color:#fff; }
.noticelist li:hover { position: relative; z-index: 2;}
.noticelist li:hover .uk-wrap{ border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background-color:var(--main-bgcolor); }
.noticelist li:hover .date{ color:var(--main-color); }
.noticelist li:hover .date::before{ background:var(--main-color); }

.ggmodal{  padding:70px 60px 60px;  }
.ggcontent{ border: 1px dashed #ccc; padding:10px; line-height:1.4;  }
.ggcontent .hd .uk-line{ text-decoration: underline; margin-bottom:40px; line-height:1.4;  }
.ggcontent .bd{ padding:5px 20px 40px; }
.ggcontent .bd .tit{ line-height:1.4; }
.ggcontent .bd ul{ margin-top:10px;}
.ggcontent .bd ul>li{ line-height:1.4; margin:10px 0; }
.ggcontent .bd ul>li>a{ color:var(--main-color); text-decoration:underline; }
.ggcontent .bd ul>li>a:hover{ color:var(--main-color); }


/*企业管制*/
.governance{ padding:20px 20px 80px; }
.governance dl{ margin-bottom: 40px; }
.governance dl dt{ margin-bottom: 5px;}
.governance a{ color: #666666;text-decoration: underline;}
.governance a:hover{ text-decoration: none; color:var(--main-color); }


/*财务报告*/
.reportlist{ padding:20px 20px 80px; }
.reportlist .uk-year{ border-bottom:1px dotted #b2b2b2; padding-bottom: 25px; margin-bottom: 25px; }
.reportlist .uk-year .tit{ margin-bottom: 10px; }
.reportlist .uk-wrap .ico{ border:1px solid #cfcfcf; }
.reportlist .uk-wrap .ico img{ width: 100%; }
.reportlist .uk-wrap .name{ text-align: center; padding:5px 0; }
.reportlist .uk-wrap:hover .ico{ border-color:var(--main-color); }


/* 招股书 */
.prospectus{ padding:20px 20px 80px; }
.prospectus .uk-wrap .ico{ border:1px solid #cfcfcf; }
.prospectus .uk-wrap .ico img{ width: 100%; }
.prospectus .uk-wrap .name{ text-align: center; padding:5px 0; }
.prospectus .uk-wrap:hover .ico{ border-color:var(--main-color); }


/*推介会*/
.presentation{ padding:20px 20px 80px; }
.presentation .yearline{ border-bottom:2px solid #d8d8d8; margin-bottom: 15px; color:#8d8d8d; }
.presentation .yearline a{ color:#8d8d8d; margin:0 3px; }
.presentation .yearline a:hover,.presentation .yearline a.active{ color:var(--main-color); font-size:18px; }
.presentation ul li{ margin-bottom:20px; }
.presentation ul li .uk-wrap{ width: 420px; margin: 0 auto;}
.presentation ul li .uk-wrap .ico{ width:250px; border:1px solid #cfcfcf; }
.presentation ul li .uk-wrap .ico img{ width: 100%; }
.presentation ul li .uk-wrap .name{ margin-bottom: 10px; }
.presentation ul li .uk-wrap:hover .ico{ border-color:var(--main-color); }


/*投资者日志*/
.hdpage{ margin-left:-50px!important; }
.hdpage>div{ padding-left:50px; }
.hdpage .left .hdside{ width:340px; padding:35px 20px 25px; background:#fff5f0; }
.hdpage .left .hdside .flag{ margin-top: 30px;}
.hdpage .left .hdside .flag span{ margin:0 15px; padding-left:12px; position: relative; }
.hdpage .left .hdside .flag span::before{ position: absolute; left: 0; top:50%; margin-top:-4px; content:''; display: block; width:8px; height: 8px; border-radius: 50%; }
.hdpage .left .hdside .flag span:nth-child(1)::before{ background:var(--date-dot1); }
.hdpage .left .hdside .flag span:nth-child(2)::before{ background:var(--date-dot2); }
.hdpage .left .hdside .flag span:nth-child(3)::before{ background:var(--date-dot3); }
.hdpage .left .btn{ margin-top:5px; line-height: 32px; color:#707070; }
.hdpage .left .uk-button{ border:0; height:32px; line-height: 32px; padding:0 30px; }
.hdpage .left .filter>div>div{ width: 120px; position: relative; padding:15px 0; text-align: center; color:#3c3c3c; }
.hdpage .left .filter>div>div>a{ position: absolute; left: 50%; transform: translateX(-50%); }
.hdpage .left .filter .up{ top:0; }
.hdpage .left .filter .down{ bottom:0; }
.hdpage .left .layui-laydate-content td{ font-size:16px; }
.hdpage .layui-laydate-content td.hddot1, .hdpage .layui-laydate-content td.hddot2, .hdpage .layui-laydate-content td.hddot3{ position: relative;  }
.hdpage .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%; }
.hdpage .layui-laydate-content td.hddot1::before{ background:var(--date-dot1); }
.hdpage .layui-laydate-content td.hddot2::before{ background:var(--date-dot2); }
.hdpage .layui-laydate-content td.hddot3::before{ background:var(--date-dot3); }

.hdstatus{ height: 40px; border-bottom:1px solid #efefef;}
.hdstatus>.uk-flex>a{ height: 40px; line-height: 40px; margin-right:10px; font-size:18px; padding:0 40px; background:#a3a3a3; color:#fff; }
.hdstatus>.uk-flex>a:hover,.hdstatus>.uk-flex>a.active{ background:var(--main-color); }
.hdstatus .dropyear{ background:#fff; border:1px solid var(--main-color); padding:15px 25px; width: 400px; }
.hdstatus .dropyear>div>a{ display: block; height: 50px; line-height: 50px; padding:0px; color:#a6a6a6; min-width: 20%; position: relative; text-align: center; }
.hdstatus .dropyear>div>a:hover,.hdstatus .dropyear>div>a.active{ color: var(--main-color); }

.hdlist .filteryear{ background:#fff5f0; padding:0 20px; }
.hdlist .filteryear>a,.hdlist .filteryear>div{ height: 50px; border-bottom:3px solid transparent; line-height: 50px; padding:0 10px; margin-right: 10px; color:#a6a6a6; }
.hdlist .filteryear>a:hover{ color:var(--main-color); }
.hdlist .filteryear>a.active{ color:var(--main-color); border-bottom-color:var(--main-color); }
.hdlist .moreyear .first{ cursor: pointer;}
.hdlist .filteryear div[aria-expanded="true"]{ color: var(--main-color);}

.hdlist ul li .uk-wrap{  position: relative; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; padding:28px 150px 28px 120px; }
.hdlist ul li .date{ position: absolute; left: 10px; top:25px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.hdlist ul li .date .f40{ line-height: 1;}
.hdlist ul li .date::before{ position: absolute; top:50%; right: -20px; transform: translateY(-50%); content:''; display: block; width:1px; height: 48px; background: #e4e4e4; }
.hdlist ul li .tit{ line-height: 1.6; padding-bottom: 4px; }
.hdlist ul li .info{ color:#a6a6a6; }
.hdlist ul li .info .uk-margin-right .iconfont{ margin-right: 4px; }
.hdlist ul li .more{  right:20px; width:120px; z-index: 10; }
.hdlist ul li .more .hdtype{ color:#a7a7a7; }
.hdlist ul li .more a{ color:var(--main-color); }
.hdlist ul li:hover { position: relative; z-index: 2;}
.hdlist ul li:hover .uk-wrap{ border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background-color:var(--main-bgcolor); }
.hdlist ul li:hover .date{ color:var(--main-color); }
.hdlist ul li:hover .date::before{ background:var(--main-color); }

.hddetail{ border-bottom: 1px solid #ebebeb; padding-bottom: 80px; }
.hddetail h1.f24{ margin-top: 10px; margin-bottom: 0px; line-height: 1.4; }
.hddetail .infos{ border-bottom:1px dotted #c6c6c6; color:#a2a2a2; text-align: center; padding:10px 0 15px; margin-bottom: 25px; }
.hddetail .enclosure { margin-bottom: 20px; }
.hddetail .enclosure .uk-button{ padding:0 15px; height: 50px;}
.content{ line-height: 2; }

.my-modal-normal .uk-modal-dialog{ width: 650px; }
.my-modal-medium .uk-modal-dialog{ width: 900px; }
.uk-modal .back{ background:#fff; position:absolute; z-index:9; left:0; top:0; right:0; padding:10px 20px; }
.hdmodal{ border-bottom: 1px solid #ebebeb; padding:70px 35px 80px; }
.hdmodal h1.f24{ margin-top:0px; padding-top: 12px; margin-bottom: 0px; line-height: 1.4; border-top:1px dotted #c6c6c6; }
.hdmodal .infos{ border-bottom:1px dotted #c6c6c6; color:#a2a2a2; text-align: center; padding:10px 0 10px; margin-bottom: 20px; }
.hdmodal .enclosure { margin-bottom: 20px; }
.hdmodal .enclosure .uk-button{ padding:0 15px; height: 50px;}
.hdmodal{ line-height: 2; }


/*股票信息*/
.stockindex{ padding:10px; }
.stock-body .tit-q{ padding-left:12px; position: relative; }
.stock-body .tit-q::after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 18px; background: var(--main-color); }

.spart1{ margin-bottom: 10px;}
.spart1 .stock-info{ position: relative; }
.spart1 .stock-info .left{ width:100%; }
.spart1 .stock-info .left .wrap{ position: relative; background:var(--stock-color); width:100%; height: 100%; padding:20px; }
.spart1 .stock-info .left .fd{  }
.spart1 .stock-info .uk-wrap{ padding:20px 20px 20px; background-color:#f6f6f6; margin-bottom: 10px; }
.spart1 .stock-info .uk-wrap .stock-logo{ position:absolute; right:20px; bottom:5px; height:50px; width:160px; }
.spart1 .stock-info .uk-wrap .stock-logo img{ max-width:100%; max-height:100%; }
/*.spart1 .stock-info .uk-wrap::before{ position: absolute; bottom:30px; right:40px; content:''; display: block; width:98px; height: 43px; background:url(../images/gjslogo.png) no-repeat; background-size:100% auto; }*/
.spart1 .stock-info .uk-wrap .tip{ border-top:1px solid #e5e5e5; color:#919191; padding-top:15px; padding-right:180px; margin-top:15px; }
.info .ico{ display: block; position: relative; width: 0; border-left:7px solid transparent; border-right:7px solid transparent; margin:0 auto; height: 10px; top:-5px; }
.spart1 .cates .name{ z-index: 10;}
.spart1 .stock-info .first{ margin-bottom: 20px; }
.spart1 .stock-info .first .change{ margin-left:60px; line-height: 1.2; color:#919191; }
.spart1 .stock-info .first .f16.fb{color:#919191; }

.spart1 .stock-info .spec{ color:#636363; }
.spart1 .stock-info .datas .data{ padding:0 5px;}
.info-up .num{ color:var(--stock-red); }
.info-up .ico{ border-bottom:10px solid var(--stock-red); border-top:0;  }
.info-down .num{ color:var(--stock-green); }
.info-down .ico{ border-top:10px solid var(--stock-green); border-bottom:0; }

/* 简体是  红升绿跌，繁体和英文是红跌绿升 */
.zh-cn-body .info-up .num{ color:var(--stock-red); }
.zh-cn-body .info-up .ico{ border-bottom-color:var(--stock-red); border-top:0; }
.zh-cn-body .info-down .num{ color:var(--stock-green); }
.zh-cn-body .info-down .ico{ border-top-color:var(--stock-green); border-bottom:0; }


.zh-hk-body .info-up .num, .en-body .info-up .num{ color:var(--stock-green); }
.zh-hk-body .info-up .ico, .en-body .info-up .ico{ border-bottom-color:var(--stock-green); border-top:0; }
.zh-hk-body .info-down .num, .en-body .info-down .num{ color:var(--stock-red); }
.zh-hk-body .info-down .ico, .en-body .info-down .ico{ border-top-color:var(--stock-red); border-bottom:0; }
/* ====== END ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */


.spart1 .stock-base{ width:100%; background-color: var(--main-bgcolor); padding:10px 20px 25px; }
.spart1 .stock-base .tit{ border-bottom:1px solid #ebebeb; line-height: 50px; margin-bottom:20px;  }
.spart1 .stock-base .uk-wrap{ line-height: 1.2; padding-left:70px; }
.spart1 .stock-base .uk-wrap .spec{ color:#636363; position: absolute; left: 0; }
.spart1 .stock-base .uk-grid-margin{ margin-top:10px; }


.en-body .spart1 .stock-base .uk-wrap{ padding-left:0px; }
.en-body .spart1 .stock-base .uk-wrap .spec{ position:static; }
.en-body .spart1 .stock-info .uk-wrap .tip .last{ display:inline-block; }
.en-body .spart1 .stock-info .uk-wrap .stock-logo{ bottom:22px; }


.spart2{ margin-bottom: 30px; }
.stockchart{ padding-bottom: 0px; }
.stockchart .title{ border-bottom:1px solid #ebebeb; line-height: 40px; margin-bottom: 15px; padding-left:15px; position: relative; }
.stockchart .title::before{ position: absolute; left: 0; top:50%; transform: translateY(-50%); display: block; content:''; width:6px; height: 18px; background: var(--main-color); }
.chart-control-wrapper{ margin-top:20px; }
.chart-control-wrapper .uk-button{ background:#efefef; color:#8a8a8a; margin:0 1px; min-width:90px; text-align:center; text-transform: inherit; padding:0 5px; line-height: 30px; }
.chart-control-wrapper .uk-button.active{ background:#8a8a8a; color:#fff; }


.spart3{ margin-bottom: 30px;}

.spart3 .tit{ line-height: 40px; margin-bottom: 15px; border-bottom:1px solid #ebebeb; padding-left:15px; position: relative; }
.spart3 .tit::before{ position: absolute; left: 0; top:50%; transform: translateY(-50%); display: block; content:''; width:6px; height: 18px; background: var(--main-color); }
.spart3 .stock-last .uk-table{ margin: 0; }
.spart3 .stock-last .uk-table th{ color:#fff; background: var(--stock-color); font-size:18px; line-height: 14px; }
.spart3 .stock-last .uk-table thead tr>th:nth-child(1){ width: 43%;}
.spart3 .stock-last .uk-table thead tr>th:nth-child(2){ width: 37%; }
.spart3 .stock-last .uk-table thead tr>th:last-child{ width: 20%; }
.spart3 .stock-last .uk-table td{ border-bottom:1px solid #eeeeee; padding:7px 12px; color:#636363; }
.spart3 .stock-last .uk-table tr>*:first-child{ padding-left:30px; }
.spart3 .stock-last .uk-table tbody>tr:last-child{ display: none; }

.spart3 .stock-history{ width:100%; }
.spart3 .stock-history .uk-box{  padding:15px; background-color: var(--main-bgcolor); }
.spart3 .stock-history .uk-box .tit2{ line-height: 50px; background:var(--stock-color); color:#fff; padding-left:15px; position: relative; }
.spart3 .stock-history .uk-box .uk-wrap{ background:#fff; }
.spart3 .stock-history .uk-box .uk-wrap ul{ padding:10px 0; }
.spart3 .stock-history .uk-box .uk-wrap li{ margin:15px 0; line-height: 1.54; }
.spart3 .stock-history .uk-box .uk-wrap li .spec{ color:#636363; }
.spart3 .stock-history .uk-box .uk-wrap li .num{ color:#636363; }
.spart3 .stock-history .uk-box .uk-wrap li .num span{ display: inline-block; position: relative;}
.spart3 .stock-history .uk-box .uk-wrap li .num span::before{ position: absolute; right:-20px; content:''; display: block; width: 0; border-left:6px solid transparent; border-bottom:9px solid transparent; border-top:9px solid transparent; border-right:6px solid transparent; margin:0 auto; }
.spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-red); }
.spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-green); }
.spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ top:-2px; border-bottom-color:var(--stock-red); }
.spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ top:7px; border-top-color:var(--stock-green); }

/* 简体是  红升绿跌，繁体和英文是红跌绿升 */
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-red); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ border-bottom-color:var(--stock-red); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-green); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ border-top-color:var(--stock-green); }

.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .up, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-green); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ border-bottom-color:var(--stock-green); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .down, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-red); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ border-top-color:var(--stock-red); }
/* ====== END ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */



/*电邮*/
.subscribebox{ margin-bottom: 20px; background-color:var(--main-bgcolor); padding:55px 20px 75px; }
.subscribeform{ max-width:990px; margin-left: auto; margin-right: auto; }
.subscribebox .checkbox{ color:#818181; }
.subscribebox .checkbox span{ padding-left:5px; }
.subscribebox .checkbox li{ margin: 8px 40px 8px 0; }
.subscribebox .checkbox .uk-checkbox{ width:20px; height: 20px; }
.subscribebox .uk-grid{ margin-top: 30px; margin-bottom:20px; }
.subscribebox .uk-wrap{ font-size:16px; position: relative; }
.subscribebox .uk-wrap .uk-input, .subscribebox .uk-wrap .uk-select, .subscribebox .uk-wrap .layui-input{ border:1px solid #fff; height: 60px; line-height: 60px; color:#515151; padding-left:20px; font-size:16px; }
.subscribebox .uk-wrap .uk-dropdown{ width:100%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); padding:0; }
.subscribebox .uk-wrap .uk-dropdown li{ line-height: 40px; padding:0 20px; }
.subscribebox .uk-wrap .uk-dropdown li:hover{ background-color: var(--main-color); color:#fff; }
.subscribebox .uk-wrap .uk-input[readonly]{ position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; }


.subscribebox .uk-wrap input::-webkit-input-placeholder { color:#515151; }
.subscribebox .uk-wrap input:-moz-placeholder { color:#515151; }
.subscribebox .uk-wrap input::-moz-placeholder { color:#515151; }
.subscribebox .uk-wrap input:-ms-input-placeholder { color:#515151; }

.subscribebox .layui-form-select dl{ top:62px; }
.subscribebox .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.subscribebox .uk-form-label .text-main{ vertical-align: sub; }
.subscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:85px;}
.subscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:115px;}
.subscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:100px;}
.subscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:70px;}
.subscribebox .agree{ margin: 20px 0; }
.subscribebox .agree .uk-checkbox{ width: 16px; height: 16px;}
.subscribebox .sub .uk-button{ height: 60px; }


/*分页*/
.pages{ margin: 30px 0; color:#748185; }
.pages a{ color:#748185; }
.pages .pagination{ display: flex; }
.pages .pagination>li{ padding:0; height: 40px; line-height: 38px; padding:0; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #ffffff; margin-left:-1px; color:#748185; }
.pages .pagination>li:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pages .pagination>li:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pages .pagination>li>a,.pages .pagination>li>span{ display: block;  }
.pages .pagination>li.active, .pages .pagination>li:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pagination>li:hover a{ color:#fff; }


.pages .uk-pagination .page-link{ border:1px solid #e8ecee; height:40px; line-height:40px; background:#f4f4f4; padding:0 10px; color:#748185; }
.pages .uk-pagination .page-prev{ border-top-left-radius:4px; border-bottom-left-radius:4px; }
.pages .uk-pagination .page-next{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pages .uk-pagination .page-number{ margin:0 -1px; border:1px solid #e8ecee; height:40px; line-height:40px;  padding:0 10px; }

.pages .jump { margin-left:20px; }
.pages .jump select{ height: 34px; border:1px solid #e8ecee; color:#748185; line-height: 32px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 40px; border-radius: 4px; margin:0 5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#f4f4f4; height: 40px; padding:0 10px; margin-left:5px; border:1px solid #e8ecee; border-radius: 4px; }


/*source*/
.source{ margin-top:15px; }
.source .uk-flex a{ color:var(--main-color); padding:0 7px; }
.source .uk-flex a:last-child{ padding-right:0; }





@media screen and (max-width: 1440px) {
    .uk-container{ padding-left:20px; padding-right:20px; }
}


@media screen and (max-width: 1200px) {
    .uk-lang{ margin-left: 50px; }

    .hdpage .left .hdside{ width:320px; }


}