@media screen and (max-width: 960px) {
    body, html{ font-size: 11px; }

    .f16{ font-size: 15px; }

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


    .headlevel .oli{ margin-right: 0rem; }

    .zbannerb{ height:auto; background:none!important; }

    .banner .ctitleg{ width:90%; }
    .banner .uk-dotnav{ bottom:15px; }
    .banner .uk-dotnav>*>*{ width:15px; height: 5px; }
    .banner .uk-dotnav>.uk-active>*{ width:30px; background: #fff; }


    /*首页*/
    .ipart1{ padding: 15px 10px 40px; }
    .ipart1 .title{ font-size:20px; padding-left: 15px; }
    .ipart1 .title::before{ height: 20px; width: 5px; }
    .ipart1 .title::after{ font-size:40px; bottom: auto; top:10px; left: -3px; }
    .ipart1 .right .ico{ text-align: center!important; }
    .ipart1 .right .ico img{ max-width: 50%; }


    .ipart2{ padding:30px 20px 40px; }
    .ipart2 .title{ margin-bottom: 20px; }
    .ipart2 .title .f40{ font-size: 22px; }
    .ipart2 .inlist .uk-grid{ margin-left: -12px; }
    .ipart2 .inlist .uk-grid>li{ padding-left: 12px; }
    .ipart2 .inlist .uk-wrap{ padding-bottom: 50px; padding-right: 0; display: block; }
    .ipart2 .inlist .uk-wrap .pic{ width: 100%; margin-right: 0; }
    .ipart2 .inlist .uk-wrap .con{ text-align: center; display: block; padding:10px 5px; }
    .ipart2 .inlist .uk-wrap .name{ font-size:16px; }
    .ipart2 .inlist .uk-wrap .ico{ line-height: 1; padding-right: 0; right: 50%; bottom:10px; top:auto; transform: translateY(0); transform: translateX(50%);  }


    .ipart3{ padding:30px 10px 40px; }
    .ipart3 .title{ margin-bottom: 20px; }
    .ipart3 .title .f40{ font-size: 22px; }
    .ipart3 .inlist .uk-grid .uk-grid-margin{ margin-top:10px!important; }
    .ipart3 .inlist .uk-wrap { padding: 15px 50px 15px 95px; min-height: auto; border-radius: 10px; }
    .ipart3 .inlist .uk-wrap::before{ left: 80px; }
    .ipart3 .inlist .uk-wrap .date{ width:80px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
    .ipart3 .inlist .uk-wrap .date .hd{ font-size:36px; }
    .ipart3 .inlist .uk-wrap .more{ right:10px; }
    .ipart3 .inlist .uk-wrap .f16{ font-size:15px; }


    .ipart4{ padding:50px 15px 40px; }
    .ipart4 .title .f40{ font-size:22px; }
    .ipart4 .title::after{ font-size:40px; left:0px; bottom:-3px; }
    .ipart4 .t2{ font-size:15px; }
    .ipart4 .right{ display: flex; justify-content: right; }
    .ipart4 .right a{ width:150px; height: 50px; font-size:16px; border-radius: 10px; padding:0 10px 0 5px; }
    .ipart4 .right a .iconfont{ font-size:30px; }


    /*内页*/
    .tbody{ padding:25px 7px 50px; }
    .tbody .titbar{ margin-bottom: 20px; }
    .tbody .titbar .f40{ font-size:24px; }

    
    /*招股文件*/
    .listdocuments{ padding-top:0px; }
    .listdocuments .uk-grid>li.uk-grid-margin{ margin-top:30px; }
    .listdocuments .uk-wrap{ padding-bottom: 50px; padding-right: 0; display: block; max-width: 250px; margin-left: auto; margin-right: auto; }
    .listdocuments .uk-wrap .pic{ width: 100%; margin-right: 0; }
    .listdocuments .uk-wrap .con{ text-align: center; display: block; padding:10px 5px; }
    .listdocuments .uk-wrap .name{ font-size:16px; }
    .listdocuments .uk-wrap .ico{ line-height: 1; padding-right: 0; right: 50%; bottom:10px; top:auto; transform: translateY(0); transform: translateX(50%);  }
    


    /*业绩报告*/
    .uk-yearslider{ margin-bottom: 10px; width:240px;  }
    .uk-yearslider li a{ font-size:18px; line-height: 60px; }
    .uk-yearslider li.current a{ width: 60px; height: 60px; line-height: 60px; }
    /* .listreports .uk-year{ padding-left:70px; }
    .listreports .uk-year .year{ width:61px; font-size:22px; }
    .listreports .uk-year .line{ left: 30px; top:45px; } */
    .listreports .uk-box{ padding:10px 0 30px; }
    .listreports .uk-box>.uk-grid{ margin-left:-15px;  }
    .listreports .uk-box>.uk-grid>div{ padding-left:15px; }
    .listreports .uk-box>.uk-grid>div.uk-grid-margin{ margin-top:30px!important; }
    .listreports .uk-wrap{ width: 100%; max-width: 250px; background:#f6f7f8; }
    .listreports .uk-wrap .con{ background:#f6f7f8; padding:12px 5px; }
    .listreports .uk-wrap .tit{ font-size:15px; }


    
    /*公告通函*/
    .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{ flex:1; position:relative; }
    .mfiltertype .uk-flex>div>a{ display: block; font-size:15px; width:100%; 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:100%; background:#373737; padding:0 10px; left: auto!important; right:0; }
    .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 7px 48px 95px; }
    .noticelist li .more{ right:10px; top:auto; transform: none; bottom:15px; width:30px; height: 30px; line-height: 30px; }
    .noticelist li .more .iconfont{ font-size:26px; }
    .noticelist li .date{ left: 5px; top:19px; width:66px; }
    .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 .first .ml5{ display:block; }
    .source .last .uk-flex{ justify-content: flex-end; }
    .source .last .uk-flex a{ padding:0; }



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



    /*投资者日志*/
    .hdpage>.uk-grid-margin{ margin-top:30px; }
    .hdpage .left .sidebar{ width: 100%; }
    .hdpage .left .hdside{  padding:25px 15px; width: 100%; }
    .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-small, .my-modal-normal, .my-modal-medium {padding: 0; }
    .my-modal-small .uk-modal-dialog, .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; }


    /*企业管制*/
    .managelist .uk-subnav{ margin-bottom: 20px; }
    .managelist .uk-subnav a{ width:140px; }
    .uk-manage{ margin-left:-15px; }
    .uk-manage>div{ padding-left:15px; }
    .uk-manage>div.uk-grid-margin{ margin-top:15px; }
    .uk-manage .uk-wrap{ background-size: 400px auto; min-height: 200px; padding:20px 10px 25px }
    .uk-manage .uk-wrap .tit{ font-size:20px; }
    .uk-manage .uk-wrap .tit::before{ left: -10px; width:20px; height: 20px; }
    


    .filelist .tit{ font-size:20px; }
    .filelist li>.uk-wrap{ padding:10px 70px 10px 15px; min-height: 70px; }
    .filelist li .ico{ right:15px; width:34px; height: 34px; }
    .filelist li .ico .iconfont{ font-size:22px; width:34px; height: 34px; line-height: 34px; }
    .filelist li .name{ font-size:15px; }
    .filelist ul>li.uk-grid-margin{ margin-top:15px!important; }
        


    /*电邮*/
    .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: 20px; }
    .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; }
    
    .cancelform{ padding:0 30px 150px; }
    .cancelform .uk-wrap{ font-size:14px; }
    .cancelform .uk-wrap .pb15{ font-size:13px; }
    .cancelform .uk-wrap .uk-input{ height: 50px; line-height: 50px; }
    .cancelform .uk-wrap .uk-form-label{ line-height: 50px; }
    .cancelform .uk-button{ height: 44px; border:0; }
    

    /*互动*/
    .interaction_msg{ padding:15px 15px 25px; }
    .interaction_msg>.cname{ margin-bottom:5px; }
    .interaction_msg .uk-wrap.first{ margin-bottom:10px; }
    .interaction_bar{ padding-right:0; display:block; }
    .interaction_bar>.uk-wrap:nth-child(1){ margin-bottom: 10px; margin-right: 0; }
    .interaction_bar .checkcode_wrap{ position:relative; display:flex; }
    .interaction_bar .checkcode{ position:static; padding-top:5px; margin-left:10px; }
    .interaction_msg .uk-form-label{ line-height:50px; }
    .interaction_msg .uk-wrap .uk-input{ height:50px; line-height:50px; }
    .interaction_bar .btn{ position:static; display:flex; justify-content:right; margin-top:10px; }
    .interaction_bar .btn .uk-button{ height:50px; line-height:50px; }

    .interaction_list .list li>.uk-wrap{ padding-left:80px; }
    .interaction_list .list li>.uk-wrap .avatar{ left:5px; }
    .interaction_list .list li>.uk-wrap .avatar .iconfont{ margin:0 5px; width:50px; height:50px; line-height:55px; font-size:30px; }
    .interaction_list .bd{ padding:10px 15px; }
    .interaction_list .bd .master{ width:50px; height:50px; top:10px; }
    .interaction_list .bd .answer{ padding:55px 0 0; }
    .interaction_list .bd .answer>span{ position:absolute; left:65px; top:10px; line-height:50px; display:block; }

    .modal-form-interaction{ padding:30px 0 20px; }
    .modal-form-interaction .uk-wrap{ margin-bottom:20px; }
    .modal-form-interaction .uk-wrap .uk-input{ height: 50px; line-height: 50px; }
    .modal-form-interaction .uk-wrap .uk-form-label{ line-height: 50px; }
    .modal-form-interaction .uk-button{ height: 44px; border:0; }


    /*联络*/
    .contact-box{ margin:0; }
    .contact-box .hd{ padding:0 20px; }
    .contact-box .hd .uk-grid-margin{ margin-top:0!important; }
    .contact-box .hd .uk-wrap{ padding:20px 0 20px 60px; text-align: left; }
    .contact-box .hd .name{ margin-top: 0; }
    .contact-box .hd .ico{ width:40px; position: absolute; left: 0; }
    .contact-box .hd .ico .iconfont{ font-size:40px; }
    .contact-box .hd .f18{ font-size:16px; }


    .catmap{ margin-left: -10px; margin-right: -10px; }
    #tdtmap{ height: 400px;  }


    /*股票信息*/
    .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 .name{ font-size:30px; }
    .spart1 .stock-info .left .fd{ position: static; display: flex; justify-content: space-between; align-items: flex-end; }
    .spart1 .stock-info .left .fd .f26{ font-size:26px; }
    .spart1 .stock-info .left .fd .f16{ line-height: 1.4; font-size:16px; }
    .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; }
    .spart1 .stock-info .uk-wrap .tip>div.uk-position-relative{ padding-right:110px; }
    .spart1 .stock-info .uk-wrap .stock-logo img{ max-width:100px; max-height:70px; }
    .spart1 .stock-info .uk-wrap .tip .hkt-time,.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; }
    
    
    .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; }


}