/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) {
    .uk-container { padding: 0; }
    /* .uk-container{ min-width:1280px; } */
}
/*PC电脑*/
@media ( min-width : 1300px) { 
    .uk-container { padding: 0; min-width: 1200px; }
} 
#header { z-index: 999; }
.footer { margin-top: 0; position: relative; z-index: 99; }
.footer img{ max-width: initial!important;}
.bar-box { background-color: #ffffff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06); z-index: 999; }
.bar-box .item.active a{ color:#fff; }

.en-body .bar-box .top-bar li .first-menu{ padding:0 15px; font-size:14px; }
.en-body .bar-box .top-bar li .sub-menu-main a.second{ margin-top:10px; font-size:14px; height:auto; }
.en-body .bar-box .top-bar li .sub-menu-main .product a{ width:33.3%; }

.mainctn{ color:#515151; }
.mainctn>div{ min-height: 100%;}
.mainctn .subnav{ width:194px; padding-top:140px; padding-bottom:100px; border-right:1px solid #eee; }
.mainctn .subnav li{ margin-bottom: 5px;}
.mainctn .subnav li a{ display: block; line-height: 44px; }
.mainctn .subnav li a.active{ border-right:3px solid var(--main-color); color:var(--main-color); }

.en-body .mainctn .subnav{ font-size:14px; }

.mainctn>div>.uk-width-expand{ padding-top:140px; padding-bottom: 100px; min-height: 800px; }
.mainbox{ padding-left:84px; }
.mainbox .lang{ position: absolute; right:0; top:0px; }
.iabout{ margin-bottom: 40px; }
.iabout .f24{ line-height: 30px; margin-bottom: 15px; }
.en-body .iabout .con{ text-align: left; }
/* .ipart2 .tit{ margin-bottom: 33px; position: relative; }
.ipart2 .tit::before{ position: absolute; bottom: -10px; left: 0px; content:''; display: block; width:90px; height: 4px; background: #f1ac13; } */

/*首页点击展开*/
.foldbox{ transition: all ease 0.3s; padding-bottom: 32px; }
.foldbox .con{  overflow: hidden; text-align: justify; }
.foldbox .foldbtn{ position: absolute; left: 0; bottom:0; right:0; /*background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));*/  } 
.foldbox .foldbtn a{ display: block; padding:10px 10px 0; }
.fold-close .con{ height: 128px; }
.fold-open .con{ height: auto; }
.fold-open .foldbtn a .uk-icon{ transform: rotate(180deg); }

.fold-open .txt-o{ display: none; }
.fold-close .txt-c{ display: none; }



.ipart2 *{ box-sizing:border-box; }
.ipart2{ color:#4e4e4e; }
.ipart2 .spart1{ margin-bottom: 80px; }
.ipart2 .spart1 .stock-info .uk-wrap{ min-height: 290px; background:#fff; border:10px solid var(--main-color); }
.ipart2 .stock-info:before { position: absolute; right: 100px; bottom: -25px; content: ''; display: block; width: 0; height: 0; border-top: 15px solid var(--main-color); border-right: 45px solid var(--main-color); border-bottom: 15px solid transparent; border-left: 45px solid transparent;}


.ipart2 .icat{ width:290px; }
.ipart2 .pic{ position: relative; }
.ipart2 .pic .name{ position: absolute; min-width: 140px; padding:12px 20px; background:#242154;  }
.ipart2 .pic .name{ left:0px; bottom:-10px; }

.en-body .ipart2 .pic .name{ font-size:16px; }


/*多语言*/
.lang a{ width: 30px; height: 30px; text-align: center; line-height: 30px; color:#5d5d5d; margin-left: 10px; background:#eeeeee; border-radius: 6px;  }
.lang a:hover{ color:var(--main-color); }
.lang a.cur{ background:var(--main-color); color:#fff; }

/*内页*/
.intitle{ line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 50px; }

/*招股文件*/
.listdocuments{ padding-top:0px; }
.listdocuments .uk-grid{ margin-left: -70px; }
.listdocuments .uk-grid>li{ padding-left:70px; }
.listdocuments .uk-grid>li.uk-grid-margin{ margin-top:70px; }
.listdocuments .uk-wrap{ padding:20px 90px 20px 140px; background:#f8f8f8; border:1px solid #f8f8f8; }
.listdocuments .uk-wrap .con{ height: 100px; }
.listdocuments .uk-wrap .date{ position: absolute; left:20px; top:20px; text-align: center; width: 100px; height: 100px; background-color: #d3d3d3; color:#fff; }
.listdocuments .uk-wrap .date .day{ height: 70px; line-height: 70px; }
.listdocuments .uk-wrap .date .month{ height: 30px; line-height: 30px; background:#b2b2b2; }
.listdocuments .uk-wrap .tit{ color: #4f4f4f; }
.listdocuments .uk-wrap .ico{ width:50px; height: 50px; line-height: 48px; text-align: center; border:1px solid var(--main-color); border-radius: 50%; right:20px; color:var(--main-color); }
.listdocuments .uk-wrap:hover{ background:#fff5f0; border:1px solid var(--main-color); }
.listdocuments .uk-wrap:hover .date{ background-color: #3f3f3f; }
.listdocuments .uk-wrap:hover .month{ background:#272727; }
.listdocuments .uk-wrap:hover .ico{ background:var(--main-color); color:#fff; }


/*业绩报告*/
.listreports{ padding-top:0px; }
.listreports .uk-year{ padding-left:150px; position: relative; }
.listreports .uk-year .line{ position: absolute; display: block; width:1px; background:#000; left:35px; top:65px; bottom:9px; }
.listreports .uk-year .line::before{ position: absolute; content:''; left: -5px; top:0; display: block; width:9px; height: 9px; border-radius: 50%; border-radius: 50%; border:1px solid #000; background: #fff; }
.listreports .uk-year .line::after{ position: absolute; content:''; left: -5px; bottom:0; display: block; width:9px; height: 9px; border-radius: 50%; border-radius: 50%; border:1px solid #000; background: #fff; }
.listreports .uk-year:last-child .line{ display: none;}
.listreports .uk-year .year{ position: absolute; left: 0; top:0; bottom:0; width:71px; text-align: center; }
.listreports .uk-box{ padding:20px 0 50px; }
.listreports .uk-box>.uk-grid{ margin-left:-50px;  }
.listreports .uk-box>.uk-grid>div{ padding-left:50px; }
.listreports .uk-box>.uk-grid>div.uk-grid-margin{ margin-top:50px!important; }
.listreports .uk-wrap{ position: relative; width: 100%; text-align: center; margin: 0 auto; }
.listreports .img{ width:100%; border:1px solid #fff; }
.listreports .name{ color:#1e1e1e; line-height: 1.6; margin: 10px 25px 10px; height:60px; }
.listreports .uk-wrap .ico{ text-align: center; background-color:#d4d4d4; color:#fff; width:46px; height: 46px; padding:8px; margin:0 auto; }
.listreports .uk-wrap .ico .iconfont{ line-height: 1;}
.listreports .uk-wrap .ctn{ padding:25px 25px; }
.listreports .uk-wrap:hover .img{ border-color:var(--main-color); }
.listreports .uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; }

.reportlist{ position: relative; }
.reportlist::before{ content: ''; width: 3px; background-color: #f3f2f1; position: absolute; top: 40px; z-index: 0; overflow-y: hidden; left: 25px; }
.reportlist .uk-year .year{ height: 75px; width: auto!important;}
.reportlist .uk-year .year .first{line-height: 75px; padding-left:55px; }
.reportlist .uk-year .tit::before, .reportlist .uk-year .tit::after{ display: block; content:''; position: absolute; }
.reportlist .uk-year .tit::before { z-index: 2; width: 5px; height: 5px; background-color:  var(--main-color); border-radius: 50%; top: 20px; left: 9px; border: 15px solid var(--main-bgcolor-hover); box-sizing: content-box; z-index: 10; }
.reportlist .uk-year .tit::after{ z-index: 1; width: 55px; height: 75px; background:#fff; top:0; left: 0; }
.reportlist .actice-line { width: 3px; background-color: var(--main-color); position: absolute; top: 40px; left: 25px; z-index: 0; overflow-y: hidden; }


/*简讯消息*/
.newsletterlist>.uk-grid{ margin-left:-25px;  }
.newsletterlist>.uk-grid>div{ padding-left:25px; }
.newsletterlist>.uk-grid>div.uk-grid-margin{ margin-top:40px!important; }
.newsletterlist .uk-wrap{ background:#f6f6f6; }
.newsletterlist .uk-wrap .con{ padding:6px 70px 6px 20px; min-height: 60px; }
.newsletterlist .uk-wrap .con .name{ line-height: 24px; }
.newsletterlist .uk-wrap .pic img{ width: 100%; }
.newsletterlist .uk-wrap .ico{ position: absolute; bottom:0px; right: 0; transition: all ease 0.3s; }
.newsletterlist .uk-wrap .ico .iconfont{ text-align: center; display: inline-block; width:60px; height: 60px; line-height: 60px; background: #242154; color:#fff; }
.newsletterlist .uk-wrap:hover{ border-color:var(--main-color); }
.newsletterlist .uk-wrap:hover .name{ color:var(--main-color); }





/*公告通函*/
.filteryear2{ margin-top:-20px; margin-bottom: 28px; border-bottom:1px solid #ebebeb; height: 60px; z-index:2; }
.filteryear2 .yearline>a{ color:#b9b9b9; line-height: 58px; border-bottom:3px solid transparent;  margin-right: 30px; }
.filteryear2 .yearline>a:hover,.filteryear2 .yearline>a.active{ color:var(--main-color); }
.filteryear2 .yearline>a.active{ border-bottom:3px solid var(--main-color); }
.filteryear2 .layui-input{ font-size: 14px; }

.toolbar{ padding:15px; background:var(--main-bgcolor-hover); color:#646464; position:relative; z-index:1; }
.toolbar .uk-input, .toolbar .layui-input{ border:1px solid #fff; color:var(--text-color); border-radius: 4px; font-size:14px; }
.toolbar .uk-button { height: 40px; padding: 0 10px; }
.toolbar .uk-button span{ display: block; }
.toolbar .startdate::after{ position: absolute; right: -11px; top:50%; content:''; display: block; width: 7px; height: 2px; background:#c8c8c8; }



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

.filtertype{ padding-bottom:5px; }
.filtertype a{ display: block; height: 36px; line-height: 36px; 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:28px 170px 28px 120px; min-height:110px; }
.noticelist li .date{ position: absolute; left: 10px; top:25px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.noticelist li .date .f40{ line-height: 1;}
.noticelist li .date::before{ position: absolute; top:50%; right: -20px; 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; }
.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); }


/*投资者日志*/
.days-wrapper { display: grid; grid-template-columns: repeat(7, 1fr); }
.days-wrapper .week { font-weight: bold; }
.days-wrapper .item { position: relative; text-align: center; line-height: 45px; margin-bottom: 4px; }
.days-wrapper .disabled { color: #a6a6a6; }
/*.days-wrapper .active { background-color: var(--main-color); color:#fff; border-radius: 8px; }*/
/*.days-wrapper .valid{ background:var(--main-color); color:#fff; border-radius: 50%;  }*/
.days-wrapper .valid span{ color:#fff; position:relative; z-index:2; }
.days-wrapper .valid::before { position: absolute; left: 50%; bottom: 50%; margin-left: -15px; margin-bottom:-15px; content: ''; display: block; width: 30px; height: 30px; border-radius: 50%; background: var(--main-color); z-index:0; }
/*投资者日志*/
.hdpage{ margin-left:-50px!important; }
.hdpage>div{ padding-left:50px; }
.hdpage .left .sidebar{ width:340px; }
.hdpage .left .hdside{ padding:35px 20px; background:var(--main-bgcolor); }
.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:12px 35px 10px; }
.hdmodal{ border-bottom: 1px solid #ebebeb; padding:75px 35px 80px; }
.hdmodal h1.name{ margin:0px 0 20px; padding: 12px 0; line-height: 1.4; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6; }
.hdmodal h1.tit{ margin: 0; padding-top: 12px; 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; }



/*股票信息*/
.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: 30px;}
.spart1 .stock-info{ position: relative; padding-left:220px; height: 100%; }
.spart1 .stock-info .left .wrap{ position: relative; background:var(--stock-color); width:100%; height: 100%; padding:30px 20px 40px 20px; }
.spart1 .stock-info .left{ width:220px; position: absolute; left: 0; top:0; bottom: 0; }
.spart1 .stock-info .left .fd{ position: absolute; left: 30px; bottom:35px; right:30px; }
.spart1 .stock-info .uk-wrap{ padding:40px 40px 20px; height: 100%; background-color:var(--main-bgcolor); }
.spart1 .stock-info .uk-wrap .stock-logo{ position:absolute; right:40px; bottom:6px; height:60px; /*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:25px; padding-right:180px; margin-top:30px; }
.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: 30px; }
.spart1 .stock-info .first .change{ margin-left:60px; line-height: 1.2; color:#636363; }
.spart1 .stock-info .first .f16.fb{color:#838383; }

.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 ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */

/*.en-body .spart1 .stock-info .name{ font-size:28px; }*/
.en-body .spart1 .stock-info .uk-wrap .tip .last{ display:inline-block; }
/*.en-body .spart1 .stock-info .uk-wrap .stock-logo{ bottom:22px; }*/


.spart1 .stock-base{ width:320px; background-color: var(--main-bgcolor); padding:10px 25px 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:140px; }
.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:140px; }

.spart2{ margin-bottom: 30px; }
.stockchart{ padding-bottom: 0px; }
.stockchart .title{ border-bottom:1px solid #ebebeb; line-height: 50px; margin-bottom: 25px; }
.chart-control-wrapper{ margin-top:20px; }
.chart-control-wrapper .uk-button{ background:#efefef; color:#8a8a8a; margin:0 2px; min-width:120px; text-align:center; text-transform: inherit; }
.chart-control-wrapper .uk-button.active{ background:#8a8a8a; color:#fff; }


.spart3{ margin-bottom: 30px;}

.spart3 .tit{ line-height: 50px; margin-bottom: 5px; border-bottom:1px solid #ebebeb; margin-bottom: 15px; }

.spart3 .stock-last .uk-table{ margin: 0; }
.spart3 .stock-last .uk-table th{ color:#fff; background: var(--stock-color); font-size:18px; line-height: 18px; }
.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: 27%; }
.spart3 .stock-last .uk-table thead tr>th:last-child{ width: 30%; }
.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:450px; }
.spart3 .stock-history .uk-box{  padding:20px; background-color: var(--main-bgcolor); }
.spart3 .stock-history .uk-box .tit2{ line-height: 50px; background:var(--stock-color); color:#fff; }
.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 ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */



/*企业管治*/
.managelist .humlist .uk-wrap{ padding:45px 30px 45px; margin-bottom: 50px; background:#f7f7f7; margin-left:20px; position: relative; }
.managelist .humlist .uk-wrap .tit{ position: absolute; left: -20px; top:-20px; background:#242154; padding:5px 30px 5px 15px; color:#fff;  }
.managelist .humlist .uk-wrap .con p{ position: relative; padding-left:27px; }

.managelist .filelist{ margin-top: 40px; position: relative; margin-left:20px; padding:30px; background:#f7f7f7; }
.managelist .filelist .tit{ position: absolute; left: -20px; top:-20px; background:#242154; padding:5px 30px 5px 15px; color:#fff;  }
.managelist .filelist li{ border-bottom:1px solid #dedede; padding:30px; }
.managelist .filelist li:last-child{ border-bottom: 0;}
.managelist .filelist .uk-wrap{ position: relative; padding-right:50px; line-height: 1.6; padding:0px 50px 0px 0; }
.managelist .filelist .uk-wrap .pic{ position: absolute; right: 10px; top:50%; margin-top: -20px; }
.managelist .filelist .uk-wrap .pic img{ display: block; width:33px; }

.en-body .managelist .humlist .uk-wrap .tit{ font-size:16px; }

/* .managelist{ }
.managelist .uk-subnav{ height: 40px; border-bottom:1px solid #d1d1d1; margin-bottom: 70px; margin-left:0; }
.managelist .uk-subnav>li{ padding: 0; margin:0 5px; }
.managelist .uk-subnav a{ width:140px; height: 40px; background:#d1d1d1; color:#fff; text-align: center; justify-content: center; font-size:16px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:2px solid #d1d1d1; }
.managelist .uk-subnav-pill>.uk-active>a, .managelist .uk-subnav-pill a:hover{ background: #fff; border-top-color:var(--main-color); color:var(--main-color); font-weight: bold; }

.en-body .managelist .uk-subnav a{ min-width:250px; font-size:16px; }

.uk-manage{ margin-left:-25px; }
.uk-manage>div{ padding-left: 25px;}
.uk-manage>div.uk-grid-margin{ margin-top:25px; }
.uk-manage .uk-wrap{ background:#f8f8f8; border:1px solid #f8f8f8; padding:30px 20px 35px; transition: all ease 0.3s; border:1px solid #f8f8f8; }
.uk-manage .uk-wrap .tit{ color:#393939; line-height: 1.2; margin-bottom: 15px; position: relative; padding-left:20px; }
.uk-manage .uk-wrap .tit::before{ content:''; position: absolute; left: 0; top:50%; transform: translateY(-46%); width: 10px; height: 24px; background:var(--main-color); z-index: 1; }
.uk-manage .uk-wrap .uk-box{ color:#5d5d5d; padding:0 20px;  }
.uk-manage .uk-wrap .uk-box .name{ padding:5px 0; cursor: pointer; }
.uk-manage .uk-wrap:hover{ background:#fff; border-color:var(--main-color); background:#fff5f0; }
.uk-manage .uk-wrap .name:hover{ color:var(--main-color); }

.en-body .uk-manage .uk-wrap .tit{ font-size: 20px;}

.filelist ul{ margin-left:-60px; }
.filelist ul>li{ padding-left: 60px; }
.filelist ul>li.uk-grid-margin{ margin-top:60px!important; }
.filelist li>.uk-wrap{ padding:15px 80px 15px 30px; min-height: 100px; background:#f8f8f8; border:1px solid #f8f8f8; transition: all ease 0.3s; }
.filelist li .ico{ position: absolute; top:50%; right: 25px; transform: translateY(-50%); text-align: center; transition: all ease 0.3s; background:#d5d5d5; width:40px; height: 40px; border-radius: 50%; }
.filelist li .ico .iconfont{ text-align: center; display: block; width:40px; line-height: 40px; color:#fff; }
.filelist li .name{ line-height: 1.4; color:#393939; }
.filelist li>.uk-wrap:hover{  border-color:var(--main-color); background:#fff5f0;  }
.filelist li>.uk-wrap:hover .name{ color:var(--main-color); }
.filelist li>.uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; } */


/*电邮*/
.subscribebox{ margin-bottom: 20px; background-color:#f8f8f8; padding:55px 50px 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 li label{ cursor:pointer; }
.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{ margin-left:-30px; }
.subscribebox .uk-grid>div{ padding-left:30px; }
.subscribebox .uk-grid>div.uk-grid-margin{ margin-top:30px; }
.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 .uk-grid>div .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.subscribebox .agree{ margin: 20px 0; }
.subscribebox .agree .uk-checkbox{ width: 16px; height: 16px;}
.subscribebox .sub .uk-button{ height: 60px; }

.en-body .subscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:120px;}
.en-body .subscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:80px;}
.en-body .subscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:105px;}
.en-body .subscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:110px;}


/*投资者日志*/
.hdpage{ margin-left:-50px!important; }
.hdpage>div{ padding-left:50px; }
.hdpage .left .sidebar{ width:340px; }
.hdpage .left .hdside{ padding:35px 20px; background:var(--main-bgcolor); }
.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:12px 35px 10px; }
.hdmodal{ border-bottom: 1px solid #ebebeb; padding:75px 35px 80px; }
.hdmodal h1.name{ margin:0px 0 20px; padding: 12px 0; line-height: 1.4; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6; }
.hdmodal h1.tit{ margin: 0; padding-top: 12px; 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; }


/*联络*/
.contact-box{ background:#fff; border-radius: 15px; padding:80px 50px;   }
.contact-box .ico{ line-height: 1; transition: all ease 0.3s; }
.contact-box .iconfont { -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #ff7700 0%, #ff9400 100%); -webkit-background-clip: text; }
.contact-box .name{ margin:30px 0 5px;}
.contact-box .desc{ line-height: 2;}
.contact-box .uk-grid-divider>:not(.uk-first-column)::before{ bottom:30px;}
.contact-box .uk-wrap:hover .ico{ transform: scale(1.2); }
.contact-box .uk-wrap:hover .name{ color:var(--main-color); }




/*分页*/
.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; color:#535353; }
.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; }


}