@media screen and (max-width: 960px) {

    .uk-container{ padding-left:0px; padding-right:0px; }
    .tbody{ padding:0px 8px 30px; }

    .footer{ color:#767676; padding:20px 7px; }
    .footer .last{ display: block;}


    .uk-offcanvas-bar{ background: #fff; }
    .uk-offcanvas-bar .uk-close{ color:#000; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:#222; }
    .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover{ color:#222;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{ color:#222!important;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{ color:#000!important;}
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{ 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%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after{ 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"); }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #ebebeb; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; font-size:15px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;  font-size:15px; }
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}


    .mheader{ min-height: 60px; height: auto; padding:0 0px; background:#fff; }
    .mheader .uk-logo img{ max-height: 36px; }
    .mheader .mnav { min-height: 60px; margin-left: 5px; }
    .mheader .mnav .uk-button{ border:0; color:var(--text-color); width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .mheader .mnav .uk-button svg{display: block;}
    .uk-offcanvas-page .mheader .mnav .uk-button,.uk-offcanvas-page .mheader .mnav .uk-button:hover,.uk-offcanvas-page .mheader .mnav .uk-button:focus{ background:var(--main-color); color:#fff; }
    .mheader .uk-navbar-right { min-height: 60px; color:var(--text-color); }
    .mheader .lang{ position: relative; padding: 0;}
    .mheader.uk-active{ box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);}

    .footer .fotnav a{ display:inline-block; }


    .banner{ margin-top:0px; }


    .mainbox{ border:0; font-size: 14px; }
    .titbar{ border:0; border:1px solid #ebebeb; height: auto; font-size: 16px; padding:3px 15px; background-size: auto 100%; }
    .titbar span{ border:0; padding:0; color:#222; }
    /* .titbar{ padding-top:0; margin-bottom: 15px; }
    .titbar h2{ line-height: 30px; }
    .titbar .f24{ font-size:22px; }
    .titbar h2::after{ height: 22px; margin-top:0px; }

    .titbar .lang{ margin-top:-5px; } */

    /*企业资料*/
    .baseinfo{ font-size: 13px; padding:20px 15px 40px; }
    .baseinfo dl{ margin-bottom: 15px; }


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


    .filteryear2{ position: relative; z-index: 2; height: auto; padding:0 0px 0px; margin-top:0; border-bottom: 0; margin-bottom: 0px; }
    .filteryear2 .yearline{ justify-content: space-between; padding:0 12px 5px; text-align: center; }
    .filteryear2 .yearline>a{ line-height: 30px; margin: 0 0 8px; font-size:18px; padding:0 2px; min-width: 25%; }
    .filteryear2 .yearline>a.active{ position: relative; border-bottom-color:transparent; }
    .filteryear2 .yearline>a.active::after{ content:''; position: absolute; bottom:-3px; left:50%; width:3em; transform: translateX(-50%);  height:3px; background:var(--main-color); }

    .filteryear2 .moreyear{ color:#b9b9b9; line-height: 30px; margin: 0 0 8px; font-size:18px; padding:0 2px; min-width: 25%; border-bottom:3px solid transparent; }
    .filteryear2 .yearline div[aria-expanded="true"]{ color: var(--main-color);}
    .filteryear2 .dropyear{ background:#fff; border:1px solid var(--main-color); padding:15px 25px; width: 100%; }
    .filteryear2 .dropyear>div>a{ display: block; height: 50px; line-height: 50px; padding:0; color:#a6a6a6; min-width: 20%; position: relative; text-align: center; font-weight: normal; }
    .filteryear2 .dropyear>div>a:hover,.hdlist .dropyear>div>a.active{ color: var(--main-color); }


    .mfiltertype{ margin-top: 20px; margin-bottom: 10px; }
    .mfiltertype .uk-flex>div>a{ display: block; font-size:15px; width:119px; text-align: center; background:#cbcbcb; line-height: 36px; color:#fff; }
    .mfiltertype .uk-flex>div:first-child{ margin-right:2px; }
    .mfiltertype .uk-flex>div>a.active{ background:var(--main-color);  }
    .mfiltertype .uk-drop{ width:240px; background:#373737; padding:0 10px; left: auto!important; right:7px!important; }
    .mfiltertype .uk-drop li { border-bottom:1px solid #555; }
    .mfiltertype .uk-drop li:last-child{ border-bottom:0; }
    .mfiltertype .uk-drop li a{ display: block; line-height: 44px; font-size:14px; padding:0; color:#fff; }


    .toolbar .uk-grid>div:nth-child(-n+4){ width: 50%; }
    .toolbar .uk-grid>div.uk-grid-margin{ margin-top:10px; }


    .noticelist li .uk-wrap{ padding: 18px 5px 48px 85px; }
    .noticelist li .more{ right:10px; top:auto; transform: none; bottom:15px; background:none; color:var(--main-color); width:30px; height: 30px; line-height: 30px; }
    .noticelist li .more .iconfont{ font-size:30px; color:var(--main-color); }
    .noticelist li .date{ left: 5px; top:19px; width:55px; }
    .noticelist li .date::before{ right:-10px; height: 44px; }
    .noticelist li .tag{ line-height: 1.4; margin-bottom: 0px; }
    .noticelist li .tit{ line-height: 1.4;   }



    .source{ text-align: right; margin-top:5px; }
    .source .uk-width-auto\@m .uk-flex{ justify-content: flex-end; }


    .ggmodal{ padding:65px 20px 50px; }
    .ggcontent .tit{ font-size:18px; }
    .ggcontent .bd{ padding:0px 10px 20px; }


    /*企业管制*/
    .governance{ padding:20px 10px 40px; }
    .governance dl{ margin-bottom: 20px; }



    /*财务报告*/
    .reportlist{ padding:20px 10px 40px; }
    .reportlist .uk-box{ padding-left:0px; }
    .reportlist .uk-year{ padding-bottom: 15px; margin-bottom: 15px; }


    /* 招股书 */
    .prospectus{ padding:20px 10px 40px; }


    /*推介会*/
    .presentation{ padding:20px 10px 40px; }
    .presentation .yearline>a{line-height: 30px; margin: 0 0 8px; font-size: 18px; padding: 0 2px; min-width: 25%; text-align: center;}
    .presentation ul li .uk-wrap{ width: 100%; margin-bottom: 20px; }
    .presentation ul li .uk-wrap .ico{ width: 100%;}
    .presentation ul li .uk-wrap .con{ position: relative; padding:5px 60px 5px 0; }
    .presentation ul li .uk-wrap .con .name{ margin-bottom: 0;}
    .presentation ul li .uk-wrap .con .pdf{ position: absolute; top:50%; transform: translateY(-50%); right:30px; }
    .presentation ul li .uk-wrap .con .link{ position: absolute; top:50%; transform: translateY(-50%); right:0px; }


    /*投资者日志*/
    .hdpage>.uk-grid-margin{ margin-top:30px; }
    .hdpage .left .hdside{ width: 100%; padding:25px 15px 10px; }
    .hdpage .left .hdside .flag{ margin-top: 15px; }
    .hdpage .left .btn{ margin-top:0; }
    .hdpage .left .btn .uk-button{ display:inline-block; }
    .hdstatus{ margin-bottom: 0px; }
    .hdstatus .uk-flex { width: 100%;}
    .hdstatus .uk-flex a{ margin:0; flex: 1; text-align: center; }
    .hdstatus .btn{ top:50px; transform: none; line-height: 30px; font-size:12px; }
    .hdstatus .uk-button{ height: 30px; line-height: 30px; font-size:14px; display:inline-block; margin-top:-3px; }

    .hdstatus .dropyear{ left:0!important; max-width:100%!important;}

    .btn-subscribe{ margin-bottom: 17px; }
    .btn-subscribe>div.f14{ margin-bottom:0px; }
    .btn-subscribe .uk-button{ line-height: 30px; }

    .hdlist ul{ border-top:1px solid #efefef; }
    .hdlist ul li .uk-wrap{ padding: 18px 5px 18px 85px; min-height:100px; }
    .hdlist ul li .tit{ line-height: 1.4;  }
    .hdlist ul li .date{ left: 5px; top:19px; width:55px; }
    .hdlist ul li .date::before{ right:-10px; height: 44px; }
    .hdlist ul li .info{ line-height: 1.4; padding-right:50px; position:relative; }
    .hdlist ul li .more{ right:10px; top:0; transform: none; background:none; color:var(--main-color); width:30px; height: 30px; line-height: 30px; }
    .hdlist ul li .more a{ display: block; height: 30px; line-height: 30px; }


    .hdlist .filteryear{ background:none; margin-bottom: 0px; justify-content: space-between; padding:0 0px 5px; text-align: center;  }
    .hdlist .filteryear>a{ height: auto; line-height: 30px; margin: 0 0 8px; font-size:18px; padding:0 2px; min-width: 25%; font-weight: bold; }
    .hdlist .filteryear .moreyear{ height: auto; color:#a6a6a6; line-height: 30px; margin: 0 0 8px; font-size:18px; padding:0 2px; min-width: 25%; border-bottom:3px solid transparent;  font-weight: bold; }
    .hdlist .filteryear .dropyear>div>a{ font-weight: normal; }
    .hdlist .filteryear>a.active{ position: relative; border-bottom-color:transparent; }
    .hdlist .filteryear>a.active::after{ content:''; position: absolute; bottom:-3px; left:50%; width:3em; transform: translateX(-50%);  height:3px; background:var(--main-color); }



    .hddetail h1.f24{ padding-left:12px; padding-right:12px; }
    .hddetail .enclosure .uk-button{ line-height: 44px; height: 44px; }
    .hddetail .content{ padding-left:10px; padding-right:10px; }
    .logdetail{ border-top:1px dotted #c6c6c6; padding-top:5px; }

    .my-modal-normal, .my-modal-medium {padding: 0; }
    .my-modal-normal .uk-modal-dialog,.my-modal-medium .uk-modal-dialog{ min-height:100%; }
    .uk-modal .back{ position:fixed; z-index:9; left:0; top:0; right:0; }
    .hdmodal{ padding:65px 20px 50px; }
    .hdmodal h1.f24{ font-size:20px; }
    .hdmodal .infos{ margin-bottom: 15px; }
    .hdmodal .enclosure { margin-bottom: 15px; }
    .hdmodal .enclosure .uk-button{ line-height: 44px; height: 44px; }
    .hdmodal{ line-height: 1.6; }


    /*电邮*/
    .subscribebox{ margin-top:0; padding:15px 15px 25px; margin-bottom:0; }
    .subscribebox .tit{ font-size:16px; margin-bottom: 5px; line-height: 1.6; }
    .subscribebox .checkbox>ul{ display: block; }
    .subscribebox .checkbox li{ margin:0; }
    .subscribebox .checkbox li label{ display: inline-block; padding:5px 0; }
    .subscribebox .uk-grid{ margin-top:20px; margin-bottom: 0; }
    .subscribebox .uk-grid>div.uk-grid-margin{ margin-top:15px; }
    .subscribebox .uk-wrap .uk-input, .subscribebox .uk-wrap .uk-select, .subscribebox .uk-wrap .layui-input{ height: 50px; line-height: 50px; }
    .subscribebox .uk-form-label{ line-height: 50px; }
    .subscribebox .agree{ margin: 15px 0 15px; }
    .subscribebox .sub .uk-button{ height: 44px; }

    .subscribebox .layui-form-select dl{ top:52px; }



    /*股票信息*/
    .stockindex{ padding:10px 0 20px; }
    .stock-body .tit-q{ padding-left:12px; position: relative; line-height: 40px; margin-bottom: 11px; height: 42px; }
    .stock-body .tit-q::after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 20px; background: var(--main-color); }
    .stock-body .tit-q .f18.fb{ font-size:20px; color:#515151; font-weight: normal; }

    .spart1 .uk-grid-small>.uk-grid-margin{ margin-top:7px; }
    .spart1 .stock-info{ padding-left: 0; }
    .spart1 .stock-info .left{ position: static; width: 100%;  }
    .spart1 .stock-info .left .wrap{ padding:15px 15px; }
    .spart1 .stock-info .left .fd{ position: static; display: flex; justify-content: space-between; align-items: flex-end; }
    .spart1 .stock-info .left .fd .f16{ line-height: 1.4;}
    .spart1 .stock-info .uk-wrap{ height: auto; padding:20px 15px; }
    .spart1 .stock-info .first{ margin-bottom: 20px; }
    .spart1 .stock-info .first .f36{ font-size:30px; line-height: 30px; }
    .spart1 .stock-info .first .change{ margin-left: 20px; }
    .spart1 .stock-info .datas{ justify-content: flex-start; border-top:1px solid #e5e5e5; padding-top:20px; }
    .spart1 .stock-info .datas .data{ width: 25%; margin-bottom: 10px; text-align: center; padding: 0;  }
    .spart1 .stock-info .datas-en .data{ width: 22%; }
    .spart1 .stock-info .datas-en .data:nth-child(4){ width: 34%; }
    /* .spart1 .stock-info .datas .data:last-child{ margin-left: 20px; } */
    .spart1 .stock-info .datas .data:nth-child(n+5){ width: 50%; }
    .spart1 .stock-info .uk-wrap .tip{ margin-top:12px; padding-top:15px; padding-right:120px; }
    .spart1 .stock-info .uk-wrap .stock-logo{ bottom:22px; right:20px; width:110px; height:40px; }
    .spart1 .stock-info .uk-wrap .tip .last{ display:block; }

    .spart1 .stock-base{ width: 100%; padding:2px 15px 15px; }
    .spart1 .stock-base .tit{ line-height: 44px; margin-bottom: 15px; }
    .spart1 .stock-base-zh-cn .uk-grid>div:nth-child(odd),.spart1 .stock-base-zh-hk .uk-grid>div:nth-child(odd){ width:140px; }
    .spart1 .stock-base-zh-cn .uk-grid>div:nth-child(even),.spart1 .stock-base-zh-hk .uk-grid>div:nth-child(even){ flex: 1; min-width: 50%; }
    .spart1 .stock-base-zh-cn .uk-grid>div:last-child,.spart1 .stock-base-zh-hk .uk-grid>div:last-child{ width:100%; }
    .spart1 .stock-base-zh-cn .uk-wrap,.spart1 .stock-base-zh-hk .uk-wrap{ position: relative; padding-left:70px; margin:4px 0; }
    .spart1 .stock-base-zh-cn .uk-wrap .spec,.spart1 .stock-base-zh-hk .uk-wrap .spec{ position: absolute; left: 0;}

    .chart-control-wrapper .uk-button{ width:30%; min-width:auto; margin:0 2px 4px; padding:0 5px; }


    .spart3>.uk-grid>.uk-grid-margin{ margin-top:20px; }
    .spart3 .stock-last .uk-table th{ padding-top:13px; padding-bottom:13px; }
    .spart3 .stock-last .uk-table th,.spart3 .stock-last .uk-table td{ padding-left:5px; padding-right:5px; font-size:16px; }
    .spart3 .stock-last .uk-table tr>*:first-child{ padding-left:15px; }
    .spart3 .stock-last .uk-table tr>*:last-child{ padding-right:15px; }
    .spart3 .stock-last .uk-table tbody>tr:nth-child(even) td{ background-color: var(--main-bgcolor);}
    .spart3 .stock-last .uk-table tbody>tr:last-child{ display: table-row; }
    .spart3 .stock-last .uk-table thead tr>th:nth-child(1){ width: auto;}
    .spart3 .stock-last .uk-table thead tr>th:nth-child(2){ width: auto; min-width:60px; }
    .spart3 .stock-last .uk-table thead tr>th:last-child{ width: 100px; }


    .spart3 .stock-history{ width: 100%;}
    .spart3 .stock-history .uk-box{ padding:15px; }
    .spart3 .stock-history .uk-box>.uk-grid{ margin-left:-10px; }
    .spart3 .stock-history .uk-box>.uk-grid>div{ padding-left:10px; }
    .spart3 .stock-history .uk-box .uk-wrap li{ margin:12px 0; }
    .spart3 .stock-history .uk-box .tit2{ line-height: 44px; font-size:16px; }


    .spart1,.spart2,.spart4{ margin-bottom: 20px; }
    .spart3{ margin-bottom:0; }


    /*.pages 分页*/
    .pages{ display: block; }
    .pages .jump{ margin:15px auto; justify-content: center; }

}